.character-builder-page{--cb-bg:#f4f7fb;--cb-card:#fff;--cb-card-soft:#f8fafc;--cb-line:#dfe7f1;--cb-line-strong:#cbd7e5;--cb-text:#172033;--cb-muted:#66758b;--cb-soft:#94a3b8;--cb-blue:#2563eb;--cb-blue-soft:#eaf2ff;--cb-purple:#7c3aed;--cb-green:#059669;min-height:calc(100vh - 180px);padding:20px 0 46px;background:transparent;color:var(--cb-text)}
.builder-shell{display:grid;gap:14px}.builder-hero,.builder-compose-bar,.builder-step-nav,.builder-section,.builder-summary{border:1px solid var(--cb-line);background:var(--cb-card);box-shadow:0 7px 24px rgba(15,23,42,.045)}
.builder-hero{position:relative;display:flex;align-items:center;gap:16px;overflow:hidden;border-radius:7px;padding:19px 20px;background:linear-gradient(115deg,#f2f7ff,#fff 50%,#f7f4ff)}.builder-hero:before{position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#2563eb,#7c3aed);content:""}.builder-hero__mark{display:grid;width:56px;height:56px;flex:none;place-items:center;border-radius:7px;background:linear-gradient(145deg,#2563eb,#7c3aed);color:#fff;font-size:31px;box-shadow:0 8px 19px rgba(67,56,202,.23)}.builder-hero__copy{min-width:0;flex:1}.builder-eyebrow{color:var(--cb-blue);font-size:10px;font-weight:850;letter-spacing:.12em}.builder-hero h1{margin-top:2px;font-size:24px;font-weight:850;letter-spacing:-.025em}.builder-hero p{margin-top:3px;color:var(--cb-muted);font-size:12px;line-height:1.6}.builder-hero__actions{display:flex;flex:none;gap:8px}
.builder-btn,.builder-mini-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--cb-line-strong);border-radius:5px;background:#fff;color:#405069;font-size:12px;font-weight:750;transition:border-color .16s,background .16s,color .16s,box-shadow .16s,transform .16s}.builder-btn{min-height:36px;padding:0 13px}.builder-mini-btn{min-height:30px;padding:0 9px}.builder-btn:hover,.builder-mini-btn:hover{border-color:#94a3b8;background:#f8fafc;color:#1e293b}.builder-btn:active,.builder-mini-btn:active{transform:translateY(1px)}.builder-btn:focus-visible,.builder-mini-btn:focus-visible{outline:2px solid rgba(59,130,246,.32);outline-offset:2px}.builder-btn:disabled{cursor:not-allowed;opacity:.48}.builder-btn--primary{border-color:var(--cb-blue);background:var(--cb-blue);color:#fff;box-shadow:0 3px 9px rgba(37,99,235,.17)}.builder-btn--primary:hover{border-color:#1d4ed8;background:#1d4ed8;color:#fff}.builder-btn--soft{border-color:#dbe7f8;background:rgba(255,255,255,.8)}
.builder-compose-bar{display:grid;grid-template-columns:260px minmax(260px,1fr) auto;align-items:center;gap:12px;border-radius:7px;padding:10px}.builder-job-trigger{display:flex;min-width:0;align-items:center;gap:10px;border:1px solid var(--cb-line);border-radius:5px;padding:7px 9px;text-align:left;transition:.16s}.builder-job-trigger:hover{border-color:#93b5e8;background:var(--cb-blue-soft)}.builder-job-trigger__icon{display:grid;width:40px;height:40px;flex:none;place-items:center;overflow:hidden;border:1px solid #d5dfeb;border-radius:5px;background:#edf2f7;font-size:19px}.builder-job-trigger__icon img{width:100%;height:100%;object-fit:cover}.builder-job-trigger>span:nth-child(2){min-width:0;flex:1}.builder-job-trigger small,.builder-title-field small{display:block;color:var(--cb-soft);font-size:10px}.builder-job-trigger b{display:block;overflow:hidden;margin-top:2px;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.builder-title-field{position:relative;border:1px solid var(--cb-line);border-radius:5px;padding:6px 10px}.builder-title-field:focus-within{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(59,130,246,.07)}.builder-title-field input{width:100%;border:0;outline:0;background:transparent;color:var(--cb-text);font-size:13px;font-weight:700}.builder-save-state{display:flex;align-items:center;gap:6px;padding:0 8px;color:var(--cb-soft);font-size:11px}.builder-save-state.is-saved{color:var(--cb-green)}
.builder-step-nav{display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border-radius:7px}.builder-step-nav button{position:relative;display:grid;grid-template-columns:29px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:10px 13px;text-align:left;transition:.16s}.builder-step-nav button+button{border-left:1px solid var(--cb-line)}.builder-step-nav button:hover{background:var(--cb-card-soft)}.builder-step-nav button.is-active{background:var(--cb-blue-soft)}.builder-step-nav button>span{grid-row:1/3;display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--cb-line-strong);border-radius:5px;color:var(--cb-muted);font-size:11px;font-weight:850}.builder-step-nav button.is-active>span{border-color:var(--cb-blue);background:var(--cb-blue);color:#fff}.builder-step-nav b{font-size:12px}.builder-step-nav small{color:var(--cb-soft);font-size:9px}
.builder-workspace{display:grid;grid-template-columns:minmax(0,1fr) 226px;align-items:start;gap:14px}.builder-main{display:grid;min-width:0;gap:14px}.builder-section{scroll-margin-top:82px;overflow:hidden;border-radius:7px}.builder-section__head{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--cb-line);padding:13px 15px;background:linear-gradient(90deg,var(--cb-card-soft),var(--cb-card))}.builder-section__head>div{min-width:0}.builder-section__head em{display:block;color:var(--cb-blue);font-size:9px;font-style:normal;font-weight:850;letter-spacing:.11em}.builder-section__head h2{margin-top:1px;font-size:16px;font-weight:850}.builder-section__head p{margin-top:2px;color:var(--cb-muted);font-size:11px;line-height:1.55}.builder-section__badge,.builder-count{flex:none;border-radius:4px;background:var(--cb-blue-soft);padding:4px 7px;color:var(--cb-blue);font-size:10px;font-weight:800}
.builder-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:13px}.builder-profile-grid label{position:relative;border:1px solid var(--cb-line);border-radius:6px;padding:8px 10px;background:var(--cb-card-soft);transition:.16s}.builder-profile-grid label:focus-within{border-color:#7fb1f4;background:#fff;box-shadow:0 0 0 2px rgba(59,130,246,.06)}.builder-profile-grid label>span{display:block;color:var(--cb-muted);font-size:10px}.builder-profile-grid input{width:calc(100% - 35px);border:0;outline:0;background:transparent;color:var(--cb-text);font-size:18px;font-weight:800}.builder-profile-grid small{position:absolute;right:9px;bottom:11px;color:var(--cb-soft);font-size:9px;font-weight:800}
.builder-split-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px}.builder-subpanel{overflow:hidden;border:1px solid var(--cb-line);border-radius:6px}.builder-subpanel__head{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--cb-line);padding:9px;background:var(--cb-card-soft)}.builder-subpanel__head>span{display:grid;width:34px;height:34px;place-items:center;border-radius:5px;font-size:19px}.builder-subpanel__head>span.is-blue{background:#dbeafe;color:#2563eb}.builder-subpanel__head>span.is-amber{background:#fef3c7;color:#d97706}.builder-subpanel__head>div{min-width:0;flex:1}.builder-subpanel__head h3{font-size:12px;font-weight:800}.builder-subpanel__head p{color:var(--cb-soft);font-size:9px}.builder-subpanel__head>b{color:var(--cb-blue);font-size:11px}.builder-point-list{display:grid;max-height:470px;overflow:auto}.builder-point-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px}.builder-point-row+.builder-point-row{border-top:1px dashed var(--cb-line)}.builder-skill-icon{display:grid;width:40px;height:40px;place-items:center;overflow:hidden;border:1px solid #c8d3e0;border-radius:5px;background:#253247;color:#fff}.builder-skill-icon img{width:32px;height:32px;}.builder-point-row__copy{min-width:0}.builder-point-row__copy b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.builder-point-row__copy small{display:block;margin-top:2px;color:var(--cb-soft);font-size:9px}.builder-stepper{display:flex;align-items:center;border:1px solid var(--cb-line-strong);border-radius:5px;background:#fff}.builder-stepper button{display:grid;width:27px;height:27px;place-items:center;color:var(--cb-blue);font-weight:900}.builder-stepper button:hover{background:var(--cb-blue-soft)}.builder-stepper span{min-width:45px;text-align:center;color:var(--cb-text);font-size:10px;font-weight:800}
.builder-selected-rack{display:flex;min-height:68px;gap:8px;overflow-x:auto;border-bottom:1px solid var(--cb-line);padding:10px;background:linear-gradient(90deg,#f8fbff,#faf8ff)}.builder-selected-card{position:relative;display:flex;width:178px;flex:none;align-items:center;gap:8px;border:1px solid #cddcf1;border-radius:6px;padding:7px;background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.04)}.builder-selected-card .builder-skill-icon{width:38px;height:38px}.builder-selected-card>span:nth-child(2){min-width:0;flex:1}.builder-selected-card b,.builder-selected-card small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-selected-card b{font-size:10px}.builder-selected-card small{margin-top:2px;color:var(--cb-soft);font-size:8px}.builder-selected-card button{position:absolute;right:-4px;top:-4px;display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#ef4444;color:#fff;font-size:10px}.builder-filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px}.builder-filter-tabs{display:flex;min-width:0;gap:5px;overflow-x:auto}.builder-filter-tabs button{flex:none;border:1px solid transparent;border-radius:4px;padding:5px 8px;background:#f1f5f9;color:var(--cb-muted);font-size:9px;font-weight:750}.builder-filter-tabs button:hover{border-color:#d3deeb}.builder-filter-tabs button.is-active{border-color:#1e293b;background:#1e293b;color:#fff}.builder-search{display:flex;height:31px;min-width:190px;align-items:center;gap:6px;border:1px solid var(--cb-line-strong);border-radius:5px;padding:0 8px;color:var(--cb-soft);background:#fff}.builder-search:focus-within{border-color:#60a5fa}.builder-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--cb-text);font-size:10px}.builder-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 10px 12px}.builder-choice{position:relative;display:flex;min-width:0;align-items:center;gap:8px;border:1px solid var(--cb-line);border-radius:6px;padding:7px;background:#fff;text-align:left;transition:.15s}.builder-choice:hover{border-color:#83adE9;background:#fbfdff;box-shadow:0 3px 10px rgba(37,99,235,.07);transform:translateY(-1px)}.builder-choice.is-selected{border-color:#3b82f6;background:var(--cb-blue-soft);box-shadow:inset 3px 0 #2563eb}.builder-choice .builder-skill-icon{width:36px;height:36px}.builder-choice .builder-skill-icon img{width:29px;height:29px}.builder-choice>span:nth-child(2){min-width:0;flex:1}.builder-choice b,.builder-choice small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-choice b{font-size:10px}.builder-choice small{margin-top:3px;color:var(--cb-soft);font-size:8px}.builder-choice>i{position:absolute;right:5px;top:5px;display:grid;width:15px;height:15px;place-items:center;border:1px solid #cad5e2;border-radius:4px;background:#fff;color:transparent;font-size:9px}.builder-choice.is-selected>i{border-color:var(--cb-blue);background:var(--cb-blue);color:#fff}.builder-choice-grid--links .builder-choice{min-height:54px}
.builder-scene-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--cb-line);padding:9px 10px}.builder-scene-tabs button{display:inline-flex;flex:none;align-items:center;gap:5px;border:1px solid var(--cb-line);border-radius:5px;padding:6px 9px;background:#fff;color:var(--cb-muted);font-size:10px;font-weight:750}.builder-scene-tabs button.is-active{border-color:var(--cb-blue);background:var(--cb-blue-soft);color:var(--cb-blue)}.builder-scene-tabs button i{display:grid;width:14px;height:14px;place-items:center;border-radius:3px;color:#ef4444;font-size:11px}.builder-scene-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:12px;padding:12px}.builder-controller-card,.builder-palette{border:1px solid var(--cb-line);border-radius:6px;background:var(--cb-card-soft)}.builder-controller-head,.builder-palette__head{display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid var(--cb-line);padding:8px 9px}.builder-controller-head label{min-width:0;flex:1}.builder-controller-head label span{display:block;color:var(--cb-soft);font-size:8px}.builder-controller-head input{width:100%;border:0;outline:0;background:transparent;color:var(--cb-text);font-size:11px;font-weight:800}.builder-controller-head>button{color:#ef4444;font-size:9px}.builder-controller{display:grid;grid-template-columns:repeat(4,64px);justify-content:center;gap:16px 14px;padding:25px 12px;background:radial-gradient(circle at 50% 50%,#edf2f7 0,#e8edf3 50%,#e5eaf0 100%)}.builder-controller-slot{position:relative;display:grid;width:64px;height:64px;place-items:center;border:2px solid #8793a2;border-radius:50%;background:linear-gradient(145deg,#5b6572,#313947);color:#dbe3ec;box-shadow:inset 0 0 0 3px #4a5360,0 3px 7px rgba(15,23,42,.16);transition:.15s}.builder-controller-slot:nth-child(3),.builder-controller-slot:nth-child(6){transform:scale(1.1)}.builder-controller-slot:hover,.builder-controller-slot.is-target{border-color:#60a5fa;box-shadow:inset 0 0 0 3px #4a5360,0 0 0 3px rgba(59,130,246,.18)}.builder-controller-slot>span{font-size:24px}.builder-controller-slot img{width:39px;height:39px;}.builder-controller-slot small{position:absolute;right:-3px;bottom:-3px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#f8fafc;color:#475569;font-size:8px;font-weight:800}.builder-controller-card>p{padding:8px;text-align:center;color:var(--cb-soft);font-size:8px}.builder-palette__head h3{font-size:11px;font-weight:800}.builder-palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:316px;overflow:auto;padding:8px}.builder-palette-skill{display:flex;min-width:0;align-items:center;gap:6px;border:1px solid var(--cb-line);border-radius:5px;padding:5px;background:#fff;text-align:left;transition:.15s}.builder-palette-skill:hover{border-color:#60a5fa;background:var(--cb-blue-soft)}.builder-palette-skill .builder-skill-icon{width:31px;height:31px}.builder-palette-skill .builder-skill-icon img{width:25px;height:25px}.builder-palette-skill b{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px}
.builder-section--finish textarea{display:block;width:calc(100% - 26px);margin:13px;border:1px solid var(--cb-line-strong);border-radius:6px;padding:10px;outline:0;background:var(--cb-card-soft);color:var(--cb-text);font-size:11px;line-height:1.7;resize:vertical}.builder-section--finish textarea:focus{border-color:#60a5fa;background:#fff;box-shadow:0 0 0 2px rgba(59,130,246,.06)}.builder-finish-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--cb-line);padding:10px 13px}.builder-finish-actions>label{display:flex;align-items:center;gap:8px}.builder-finish-actions input{accent-color:var(--cb-blue)}.builder-finish-actions b,.builder-finish-actions small{display:block}.builder-finish-actions b{font-size:10px}.builder-finish-actions small{color:var(--cb-soft);font-size:8px}
.builder-summary{position:sticky;top:77px;overflow:hidden;border-radius:7px}.builder-summary__job{display:flex;align-items:center;gap:9px;padding:12px;background:linear-gradient(135deg,#eff6ff,#f5f3ff)}.builder-summary__job>span{display:grid;width:45px;height:45px;flex:none;place-items:center;overflow:hidden;border:1px solid #cbd9e9;border-radius:6px;background:#fff;font-size:21px}.builder-summary__job img{width:100%;height:100%;object-fit:cover}.builder-summary__job>div{min-width:0}.builder-summary__job small{color:var(--cb-soft);font-size:8px}.builder-summary__job b,.builder-summary__job p{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-summary__job b{font-size:11px}.builder-summary__job p{margin-top:2px;color:var(--cb-muted);font-size:9px}.builder-summary__progress{padding:10px 12px;border-bottom:1px solid var(--cb-line)}.builder-summary__progress>div{display:flex;justify-content:space-between;color:var(--cb-muted);font-size:9px}.builder-summary__progress b{color:var(--cb-blue)}.builder-summary__progress>i{display:block;height:4px;margin-top:6px;overflow:hidden;border-radius:2px;background:#e5eaf1}.builder-summary__progress>i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#7c3aed);transition:width .25s}.builder-summary dl{padding:5px 12px}.builder-summary dl div{display:flex;justify-content:space-between;border-bottom:1px dashed var(--cb-line);padding:7px 0;font-size:9px}.builder-summary dt{color:var(--cb-muted)}.builder-summary dd{font-weight:800}.builder-summary__hint{display:flex;align-items:flex-start;gap:7px;margin:7px 10px;padding:8px;border-radius:5px;background:#fff7df;color:#92400e}.builder-summary__hint>span{margin-top:1px}.builder-summary__hint p{font-size:8px;line-height:1.55}.builder-summary>.builder-btn{width:calc(100% - 20px);margin:3px 10px 10px}
.builder-inline-empty{grid-column:1/-1;display:flex;min-height:75px;align-items:center;justify-content:center;padding:15px;color:var(--cb-soft);font-size:10px;text-align:center}
.builder-dialog[hidden]{display:none}.builder-dialog{position:fixed;z-index:3100;inset:0;display:grid;place-items:center;padding:18px}.builder-dialog__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(3px)}.builder-dialog__panel{position:relative;width:min(850px,100%);max-height:min(720px,calc(100vh - 36px));overflow:hidden;border:1px solid var(--cb-line);border-radius:8px;background:var(--cb-card);box-shadow:0 25px 70px rgba(15,23,42,.27);animation:builder-dialog-in .18s ease-out}.builder-dialog__panel--builds{width:min(690px,100%)}@keyframes builder-dialog-in{from{transform:translateY(9px) scale(.985);opacity:.5}}.builder-dialog__panel>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cb-line);padding:13px 15px}.builder-dialog__panel>header h2{font-size:16px;font-weight:850}.builder-dialog__panel>header p{margin-top:2px;color:var(--cb-muted);font-size:10px}.builder-dialog__panel>header>button{display:grid;width:31px;height:31px;place-items:center;border-radius:5px;color:var(--cb-muted)}.builder-dialog__panel>header>button:hover{background:#f1f5f9}.builder-dialog__tools{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--cb-line);padding:9px 12px}.builder-dialog__tools .builder-search{flex:1}.builder-job-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:520px;overflow:auto;padding:12px}.builder-job-card{display:flex;min-width:0;align-items:center;gap:8px;border:1px solid var(--cb-line);border-radius:6px;padding:8px;text-align:left;transition:.15s}.builder-job-card:hover{border-color:#60a5fa;background:var(--cb-blue-soft);transform:translateY(-1px)}.builder-job-card.is-active{border-color:var(--cb-blue);box-shadow:inset 3px 0 var(--cb-blue)}.builder-job-card>span{display:grid;width:40px;height:40px;flex:none;place-items:center;overflow:hidden;border:1px solid var(--cb-line);border-radius:5px;background:#edf2f7}.builder-job-card img{width:100%;height:100%;object-fit:cover}.builder-job-card>div{min-width:0}.builder-job-card b,.builder-job-card small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-job-card b{font-size:10px}.builder-job-card small{margin-top:3px;color:var(--cb-soft);font-size:8px}.builder-build-list{display:grid;gap:8px;max-height:560px;overflow:auto;padding:12px}.builder-build-row{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--cb-line);border-radius:6px;padding:8px}.builder-build-row>span{display:grid;width:43px;height:43px;place-items:center;overflow:hidden;border-radius:5px;background:#edf2f7}.builder-build-row img{width:100%;height:100%;object-fit:cover}.builder-build-row>div{min-width:0}.builder-build-row b,.builder-build-row p{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-build-row b{font-size:11px}.builder-build-row p{margin-top:3px;color:var(--cb-soft);font-size:8px}.builder-build-row__actions{display:flex;gap:5px}.builder-build-row__actions button{border:1px solid var(--cb-line);border-radius:4px;padding:5px 7px;color:var(--cb-muted);font-size:9px}.builder-build-row__actions button:hover{border-color:#93c5fd;color:var(--cb-blue)}.builder-build-row__actions button[data-delete]{color:#ef4444}.builder-dialog-loading{padding:45px;text-align:center;color:var(--cb-soft);font-size:11px}.builder-toast{position:fixed;z-index:3110;left:50%;bottom:25px;pointer-events:none;transform:translate(-50%,18px);border-radius:5px;background:#172033;padding:9px 14px;color:#fff;font-size:11px;opacity:0;box-shadow:0 7px 22px rgba(15,23,42,.25);transition:.2s}.builder-toast.is-visible{transform:translate(-50%,0);opacity:1}.builder-toast.is-error{background:#b91c1c}.member-auth-modal{z-index:3200}
html.dark .character-builder-page,html.tw-dark .character-builder-page{--cb-bg:#0b1120;--cb-card:#111a2b;--cb-card-soft:#151f32;--cb-line:#29364a;--cb-line-strong:#3a4960;--cb-text:#e8eef7;--cb-muted:#9aa9bd;--cb-soft:#74849b;--cb-blue-soft:#172b4d;background:transparent}.dark .builder-hero{background:linear-gradient(115deg,#13213a,#111a2b 52%,#1c1834)}.dark .builder-btn,.dark .builder-mini-btn,.dark .builder-stepper,.dark .builder-search,.dark .builder-selected-card,.dark .builder-choice,.dark .builder-palette-skill,.dark .builder-job-card,.dark .builder-dialog__panel{background:#111a2b;color:var(--cb-text)}.dark .builder-title-field input,.dark .builder-search input,.dark .builder-profile-grid input,.dark .builder-controller-head input,.dark .builder-section--finish textarea{color:var(--cb-text)}.dark .builder-btn--primary{background:var(--cb-blue);color:#fff}.dark .builder-compose-bar,.dark .builder-section,.dark .builder-summary,.dark .builder-step-nav{box-shadow:none}.dark .builder-profile-grid label,.dark .builder-subpanel,.dark .builder-controller-card,.dark .builder-palette,.dark .builder-section--finish textarea{background:#101827}.dark .builder-subpanel__head,.dark .builder-section__head,.dark .builder-summary__job{background:#151f32}.dark .builder-selected-rack{background:linear-gradient(90deg,#101b30,#19162d)}.dark .builder-filter-tabs button{background:#1d293b}.dark .builder-filter-tabs button.is-active{background:#e2e8f0;color:#111827}.dark .builder-controller{background:radial-gradient(circle,#273449,#1f2a3a)}.dark .builder-summary__hint{background:#342a16;color:#fbbf24}.dark .builder-dialog__panel>header>button:hover{background:#1f2a3a}
@media(max-width:1100px){.builder-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-scene-layout{grid-template-columns:330px minmax(0,1fr)}.builder-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-job-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.builder-workspace{grid-template-columns:1fr}.builder-summary{position:static;display:none}.builder-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-scene-layout{grid-template-columns:1fr}.builder-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.builder-compose-bar{grid-template-columns:220px minmax(0,1fr)}.builder-save-state{display:none}.builder-step-nav small{display:none}.builder-step-nav button{grid-template-rows:auto}.builder-step-nav button>span{grid-row:auto}.builder-step-nav b{white-space:nowrap}}
@media(max-width:700px){.character-builder-page{padding-top:10px}.builder-hero{align-items:flex-start;flex-wrap:wrap;padding:15px}.builder-hero__mark{width:44px;height:44px;font-size:24px}.builder-hero h1{font-size:20px}.builder-hero__actions{width:100%;flex-wrap:wrap}.builder-hero__actions .builder-btn{min-width:0;flex:1 1 calc(50% - 4px)}.builder-compose-bar{grid-template-columns:1fr}.builder-step-nav{grid-template-columns:repeat(5,90px);overflow-x:auto}.builder-step-nav button{display:flex;min-width:0;gap:5px;padding:8px 6px}.builder-step-nav button>span{width:25px;height:25px;flex:none}.builder-step-nav b{white-space:nowrap;font-size:10px}.builder-split-panels{grid-template-columns:1fr}.builder-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-filter-row{align-items:stretch;flex-direction:column}.builder-search{width:100%;min-width:0}.builder-job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-dialog__tools{align-items:stretch;flex-direction:column}.builder-build-row{grid-template-columns:38px minmax(0,1fr)}.builder-build-row>span{width:38px;height:38px}.builder-build-row__actions{grid-column:1/-1;justify-content:flex-end}.builder-section__head{align-items:flex-start}.builder-section__head p{max-width:470px}.builder-finish-actions{align-items:stretch;flex-direction:column}.builder-finish-actions .builder-btn{width:100%}}
@media(max-width:430px){.builder-profile-grid{grid-template-columns:1fr 1fr;gap:6px;padding:8px}.builder-section__head{padding:11px}.builder-split-panels{padding:8px}.builder-choice-grid{grid-template-columns:1fr;padding:0 8px 9px}.builder-controller{grid-template-columns:repeat(4,57px);gap:15px 9px}.builder-controller-slot{width:57px;height:57px}.builder-controller-slot img{width:35px;height:35px}.builder-scene-layout{padding:8px}.builder-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-selected-card{width:155px}}

/* Readability pass: larger type, calmer hierarchy and lighter emphasis. */
.builder-save-state.is-local{color:var(--cb-purple)}
.character-builder-page{font-size:14px}
.character-builder-page b{font-weight:500}
.builder-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em}
.builder-hero h1{font-size:26px;font-weight:700}
.builder-hero p{font-size:14px;line-height:1.7}
.builder-btn,.builder-mini-btn{font-size:13px;font-weight:500}
.builder-btn{min-height:39px;padding-inline:15px}
.builder-mini-btn{min-height:33px;padding-inline:11px}

.builder-job-trigger small,.builder-title-field small{font-size:12px}
.builder-job-trigger b{font-size:15px;font-weight:500}
.builder-title-field input{font-size:15px;font-weight:500}
.builder-save-state{font-size:12px}

.builder-step-nav button{padding-block:12px}
.builder-step-nav button>span{font-size:13px;font-weight:600}
.builder-step-nav b{font-size:14px;font-weight:500}
.builder-step-nav small{font-size:11px}

.builder-section__head{padding:16px 17px}
.builder-section__head em{font-size:11px;font-weight:600;letter-spacing:.08em}
.builder-section__head h2{font-size:19px;font-weight:600}
.builder-section__head p{font-size:13px;line-height:1.65}
.builder-section__badge,.builder-count{padding:5px 8px;font-size:12px;font-weight:600}

.builder-profile-grid{gap:11px;padding:15px}
.builder-profile-grid label{padding:10px 12px}
.builder-profile-grid label>span{font-size:12px}
.builder-profile-grid input{font-size:20px;font-weight:600}
.builder-profile-grid small{right:11px;bottom:13px;font-size:11px;font-weight:500}

.builder-subpanel__head{padding:11px}
.builder-split-panels--single{grid-template-columns:1fr}
.builder-split-panels--single .builder-point-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}
.builder-split-panels--single .builder-point-row:nth-child(even){border-left:1px solid var(--cb-line)}
.builder-subpanel__head h3{font-size:15px;font-weight:500}
.builder-subpanel__head p{margin-top:2px;font-size:11px}
.builder-subpanel__head>b{font-size:13px;font-weight:600}
.builder-point-row{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:10px 11px}
.builder-point-row .builder-skill-icon{width:44px;height:44px}
.builder-point-row__copy b{font-size:13px;font-weight:500}
.builder-point-row__copy small{font-size:11px}
.builder-point-row.is-prioritized{background:linear-gradient(90deg,rgba(37,99,235,.055),transparent)}
.builder-point-meta{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;margin-top:3px}
.builder-point-order{display:inline-flex;flex:none;align-items:center;gap:3px}
.builder-point-order em{border-radius:4px;background:var(--cb-blue-soft);padding:2px 5px;color:var(--cb-blue);font-size:10px;font-style:normal;font-weight:500}
.builder-point-order button{display:grid;width:20px;height:20px;place-items:center;border:1px solid var(--cb-line-strong);border-radius:4px;background:var(--cb-card);color:var(--cb-muted);font-size:11px}
.builder-point-order button:hover{border-color:#60a5fa;color:var(--cb-blue)}
.builder-stepper button{width:30px;height:30px;font-size:15px}
.builder-stepper button:disabled{cursor:not-allowed;background:var(--cb-card-soft);color:var(--cb-soft);opacity:.55}
.builder-stepper span{min-width:52px;font-size:12px;font-weight:600}

.builder-selected-rack{min-height:78px;padding:12px}
.builder-selected-card{width:198px;padding:9px}
.builder-selected-card b{font-size:12px;font-weight:500}
.builder-selected-card small{font-size:10px}
.builder-filter-row{padding:11px 12px}
.builder-filter-tabs button{padding:6px 10px;font-size:11px;font-weight:500}
.builder-search{height:35px;min-width:220px}
.builder-search input{font-size:12px}
.builder-choice-grid{gap:10px;padding:0 12px 14px}
.builder-choice{min-height:58px;padding:9px}
.builder-choice b{font-size:12px;font-weight:500}
.builder-choice small{font-size:10px;line-height:1.4}
.builder-choice-grid--links .builder-choice{min-height:62px}

.builder-scene-tabs{padding:11px 12px}
.builder-scene-tabs button{padding:7px 11px;font-size:12px;font-weight:500}
.builder-controller-head,.builder-palette__head{padding:10px 11px}
.builder-controller-head label span{font-size:10px}
.builder-controller-head input{font-size:13px;font-weight:500}
.builder-controller-head>button{font-size:11px}
.builder-controller-card>p{padding:10px;font-size:10px}
.builder-palette__head h3{font-size:14px;font-weight:500}
.builder-palette-skill{padding:7px}
.builder-palette-skill b{font-size:11px;font-weight:500}

.builder-section--finish textarea{font-size:13px;line-height:1.75}
.builder-rich-editor{padding:13px;background:var(--cb-card)}
.builder-rich-editor>textarea{width:100%;margin:0}
.builder-rich-editor .edui-default .edui-editor{width:100%!important;overflow:hidden;border:1px solid var(--cb-line-strong);border-radius:6px;background:var(--cb-card);box-shadow:none}
.builder-rich-editor .edui-default .edui-editor-toolbarbox{box-shadow:none}
.builder-rich-editor .edui-default .edui-editor-toolbarboxouter{border:0;border-bottom:1px solid var(--cb-line);background:#f7f9fc;box-shadow:none}
.builder-rich-editor .edui-default .edui-toolbar{padding:5px 7px}
.builder-rich-editor .edui-default .edui-editor-iframeholder{width:100%!important;border:0;background:var(--cb-card)}
.builder-rich-editor .edui-default .edui-editor-bottomContainer td{border-top:1px solid var(--cb-line);background:#fafbfc;color:var(--cb-soft)}
.builder-rich-editor.is-dark .edui-default .edui-editor{border-color:var(--cb-line-strong);background:#111a2b}
.builder-rich-editor.is-dark .edui-default .edui-editor-toolbarboxouter,.builder-rich-editor.is-dark .edui-default .edui-editor-bottomContainer td{border-color:var(--cb-line);background:#151f32;color:#9aa9bd}
.builder-rich-editor.is-dark .edui-default .edui-editor-iframeholder{background:#111a2b}
.builder-rich-editor .edui-default .edui-editor-fullscreen{z-index:1300!important}
.builder-finish-actions b{font-size:12px;font-weight:500}
.builder-finish-actions small{margin-top:2px;font-size:10px}

.builder-summary__job{padding:14px}
.builder-summary__job small{font-size:10px}
.builder-summary__job b{font-size:13px;font-weight:500}
.builder-summary__job p{font-size:11px}
.builder-summary__progress{padding:12px 14px}
.builder-summary__progress>div{font-size:11px}
.builder-summary dl{padding:6px 14px}
.builder-summary dl div{padding:9px 0;font-size:11px}
.builder-summary dd{font-weight:600}
.builder-summary__hint{padding:10px}
.builder-summary__hint p{font-size:10px;line-height:1.65}
.builder-inline-empty{font-size:12px}

.builder-dialog__panel>header h2{font-size:19px;font-weight:600}
.builder-dialog__panel>header p{font-size:12px}
.builder-dialog__panel--confirm{width:min(520px,100%)}
.builder-switch-confirm{display:flex;align-items:flex-start;gap:14px;padding:22px 20px}
.builder-switch-confirm__icon{display:grid;width:48px;height:48px;flex:none;place-items:center;background:var(--cb-blue-soft);color:var(--cb-blue);font-size:25px}
.builder-switch-confirm h3{margin:1px 0 7px;font-size:16px;font-weight:500}
.builder-switch-confirm p{color:var(--cb-muted);font-size:12px;line-height:1.8}
.builder-switch-confirm p b{color:var(--cb-text);font-weight:500}
.builder-dialog-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--cb-line);padding:12px 15px;background:var(--cb-card-soft)}
.builder-job-card{padding:10px}
.builder-job-card b{font-size:12px;font-weight:500}
.builder-job-card small{font-size:10px;line-height:1.4}
.builder-build-row b{font-size:13px;font-weight:500}
.builder-build-row p{font-size:10px}
.builder-build-row__actions button{font-size:11px}
.builder-dialog-loading,.builder-toast{font-size:13px}

@media(max-width:900px){
    .builder-step-nav b{font-size:12px}
}
@media(max-width:700px){
    .builder-eyebrow{font-size:10px}
    .builder-hero h1{font-size:22px}
    .builder-hero p{font-size:13px}
    .builder-step-nav{grid-template-columns:repeat(5,100px)}
    .builder-step-nav b{font-size:12px}
    .builder-section__head{padding:14px}
    .builder-section__head h2{font-size:17px}
    .builder-section__head p{font-size:12px}
    .builder-choice b{font-size:13px}
.builder-palette-skill b{font-size:13px}
    .builder-split-panels--single .builder-point-list{grid-template-columns:1fr}
    .builder-split-panels--single .builder-point-row:nth-child(even){border-left:0}
}

/* Client-aligned Link presets: 9 effect slots, shared sources stack in one slot. */
.builder-link-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid var(--cb-line);background:var(--cb-card-soft)}
.builder-link-presets button{display:flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border-right:1px solid var(--cb-line);border-bottom:2px solid transparent;color:var(--cb-muted);font-size:13px}
.builder-link-presets button:last-child{border-right:0}.builder-link-presets button:hover{background:var(--cb-card);color:var(--cb-text)}
.builder-link-presets button.is-active{border-bottom-color:var(--cb-blue);background:var(--cb-card);color:var(--cb-blue)}
.builder-link-presets button small{padding:2px 6px;background:var(--cb-blue-soft);color:var(--cb-blue);font-size:10px}
.builder-own-link{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--cb-line);padding:12px 14px;background:linear-gradient(90deg,#f7fbff,#fff)}
.builder-own-link__label,.builder-own-link__skill{display:flex;align-items:center;gap:9px}.builder-own-link__label>span{color:#f59e0b;font-size:23px}
.builder-own-link__label small,.builder-own-link__label b,.builder-own-link__skill b,.builder-own-link__skill small{display:block}.builder-own-link__label small{color:var(--cb-blue);font-size:11px}.builder-own-link__label b{margin-top:2px;font-size:12px;font-weight:500}
.builder-own-link__skill{min-width:245px;border-left:1px solid var(--cb-line);padding-left:14px}.builder-own-link__skill .builder-skill-icon{width:38px;height:38px}.builder-own-link__skill>span:nth-child(2){min-width:0;flex:1}.builder-own-link__skill b{font-size:13px;font-weight:500}.builder-own-link__skill small{margin-top:2px;color:var(--cb-soft);font-size:10px}.builder-own-link__skill em{flex:none;padding:4px 7px;background:#fff4d6;color:#9a6600;font-size:11px;font-style:normal}
.builder-link-plan-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 7px}.builder-link-plan-head b,.builder-link-plan-head small{display:block}.builder-link-plan-head b{font-size:14px;font-weight:500}.builder-link-plan-head small{margin-top:2px;color:var(--cb-soft);font-size:11px}
.builder-selected-rack--links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:80px;gap:8px;overflow:visible;border-bottom:1px solid var(--cb-line);padding:7px 12px 13px;background:var(--cb-card)}
.builder-selected-rack--links>.builder-inline-empty{grid-column:1/-1}
.builder-link-slot{display:grid;grid-template-columns:27px 40px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid var(--cb-line);padding:7px 7px 7px 6px;background:var(--cb-card-soft)}
.builder-link-slot__order{display:grid;width:25px;height:25px;place-items:center;background:var(--cb-blue);color:#fff;font-size:11px}.builder-link-slot>.builder-skill-icon{width:38px;height:38px}
.builder-link-slot__main{min-width:0}.builder-link-slot__main>b,.builder-link-slot__main>small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-link-slot__main>b{font-size:12px;font-weight:500}.builder-link-slot__main>small{margin-top:2px;color:var(--cb-soft);font-size:10px}
.builder-link-slot__main>div{display:flex;margin-top:4px}.builder-link-slot__main>div>span{display:grid;width:21px;height:21px;place-items:center;overflow:hidden;border:1px solid var(--cb-card);margin-left:-3px;background:#e8eef6}.builder-link-slot__main>div>span:first-child{margin-left:0}.builder-link-slot__main>div img{width:100%;height:100%;object-fit:cover}
.builder-link-slot__actions{display:flex;gap:3px}.builder-link-slot__actions button{display:grid;width:25px;height:25px;place-items:center;border:1px solid var(--cb-line);background:var(--cb-card);color:var(--cb-muted);font-size:13px}.builder-link-slot__actions button:hover{border-color:#8bb1e4;color:var(--cb-blue)}.builder-link-slot__actions button:last-child:hover{border-color:#efb0b0;color:#dc2626}.builder-link-slot__actions button:disabled{opacity:.28}
.builder-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:2px 12px 14px}.builder-link-grid>.builder-inline-empty{grid-column:1/-1}
.builder-link-group{min-width:0;border:1px solid var(--cb-line);background:var(--cb-card)}.builder-link-group.is-selected{border-color:#8ab2e8;box-shadow:inset 3px 0 var(--cb-blue)}
.builder-link-group>header{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--cb-line);padding:9px 8px;background:var(--cb-card-soft)}.builder-link-group>header>.builder-skill-icon{width:32px;height:32px;flex:none;padding:0}.builder-link-group>header>.builder-skill-icon img{display:block;width:100%;height:100%;object-fit:contain}.builder-link-group>header>div{min-width:0;flex:1}.builder-link-group>header b,.builder-link-group>header small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-link-group>header b{font-size:13px;font-weight:500}.builder-link-group>header small{margin-top:2px;color:var(--cb-soft);font-size:10px}.builder-link-group>header>span:not(.builder-skill-icon){padding:3px 6px;background:var(--cb-blue-soft);color:var(--cb-blue);font-size:10px}
.builder-link-sources{display:grid}.builder-link-source{display:flex;min-width:0;min-height:47px;align-items:center;border-bottom:1px solid var(--cb-line);padding:5px 8px}.builder-link-source:last-child{border-bottom:0}.builder-link-source:hover{background:#f8fbff}.builder-link-source.is-selected{background:#edf5ff}.builder-link-source.is-own{background:#fafafa;color:var(--cb-muted)}
.builder-link-source>button:first-child{display:flex;min-width:0;flex:1;align-items:center;gap:8px;text-align:left}.builder-link-source>button:first-child>span{display:grid;width:32px;height:32px;flex:none;place-items:center;overflow:hidden;background:#edf1f6}.builder-link-source>button:first-child img{width:100%;height:100%;object-fit:cover}.builder-link-source>button:first-child>div{min-width:0}.builder-link-source b,.builder-link-source small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-link-source b{font-size:12px;font-weight:500}.builder-link-source small{margin-top:1px;color:var(--cb-soft);font-size:10px}.builder-link-source>i{color:var(--cb-blue);font-size:17px}.builder-link-source>em{color:var(--cb-soft);font-size:10px;font-style:normal}
.builder-link-level{display:flex;flex:none;align-items:center;border:1px solid #b8ccea;background:var(--cb-card)}.builder-link-level button{display:grid;width:26px;height:26px;place-items:center;color:var(--cb-blue);font-size:14px}.builder-link-level button:disabled{color:#bdc8d7}.builder-link-level span{min-width:37px;text-align:center;color:var(--cb-text);font-size:11px}
.dark .builder-own-link{background:linear-gradient(90deg,#111e31,#111a2b)}.dark .builder-own-link__skill em{background:#4d3d17;color:#ffe29a}.dark .builder-link-slot,.dark .builder-link-group>header{background:#151f32}.dark .builder-link-source:hover{background:#16243a}.dark .builder-link-source.is-selected{background:#172b49}.dark .builder-link-source.is-own{background:#121a27}.dark .builder-link-source>button:first-child>span,.dark .builder-link-slot__main>div>span{background:#202d40}
@media(max-width:900px){.builder-selected-rack--links,.builder-link-grid{grid-template-columns:1fr}}
@media(max-width:600px){.builder-own-link{align-items:stretch;flex-direction:column}.builder-own-link__skill{min-width:0;border-top:1px solid var(--cb-line);border-left:0;padding-top:10px;padding-left:0}.builder-link-presets button{flex-direction:column;gap:2px}.builder-link-slot{grid-template-columns:25px 36px minmax(0,1fr)}.builder-link-slot__actions{grid-column:1/-1;justify-content:flex-end}.builder-link-group>header small{white-space:normal}}
@media(max-width:430px){
    .builder-profile-grid{gap:8px;padding:10px}
    .builder-profile-grid label{padding:9px 10px}
    .builder-profile-grid input{font-size:18px}
    .builder-selected-card{width:182px}
}

/* Hyper passive selector: available skills on the left, ordered picks on the right. */
.builder-hyper-preset-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--cb-line);padding:10px 12px;background:var(--cb-card-soft)}
.builder-hyper-preset-tabs{display:flex;min-width:0;flex:1;gap:6px;overflow-x:auto;padding-bottom:1px}
.builder-hyper-preset-tab{display:flex;min-width:96px;flex:none;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--cb-line);border-radius:4px;padding:7px 9px;background:var(--cb-card);color:var(--cb-muted);font-size:12px;text-align:left}
.builder-hyper-preset-tab span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-hyper-preset-tab small{flex:none;color:var(--cb-soft);font-size:10px}
.builder-hyper-preset-tab:hover{border-color:#93b5e8;color:var(--cb-blue)}.builder-hyper-preset-tab.is-active{border-color:#6f9fda;background:var(--cb-blue-soft);color:var(--cb-blue)}
.builder-hyper-preset-name{display:grid;grid-template-columns:auto 118px;align-items:center;gap:7px;flex:none;color:var(--cb-muted);font-size:11px}
.builder-hyper-preset-name input{width:118px;border:1px solid var(--cb-line-strong);border-radius:4px;padding:7px 8px;background:var(--cb-card);color:var(--cb-text);font-size:12px;outline:0}
.builder-hyper-preset-delete{flex:none;color:#b45309}
.builder-hyper-picker{display:grid;grid-template-columns:1fr 1fr;min-height:430px}
.builder-hyper-picker>section{min-width:0;background:var(--cb-card)}
.builder-hyper-picker>section+section{border-left:1px solid var(--cb-line)}
.builder-hyper-picker>section.is-selected{background:linear-gradient(135deg,rgba(37,99,235,.045),rgba(124,58,237,.025))}
.builder-hyper-picker>section>header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--cb-line);padding:12px 14px}
.builder-hyper-picker>section>header b,.builder-hyper-picker>section>header small{display:block}
.builder-hyper-picker>section>header b{font-size:14px;font-weight:600}
.builder-hyper-picker>section>header small{margin-top:2px;color:var(--cb-soft);font-size:11px}
.builder-hyper-picker>section>header>span{border-radius:4px;background:var(--cb-card-soft);padding:4px 7px;color:var(--cb-muted);font-size:11px}
.builder-hyper-picker>section.is-selected>header>span{background:var(--cb-blue-soft);color:var(--cb-blue)}
.builder-hyper-options,.builder-hyper-selected-list{display:grid;align-content:start;max-height:470px;overflow-y:auto;padding:10px}
.builder-hyper-option{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:10px;border:1px solid transparent;border-radius:0;padding:8px;text-align:left;transition:.16s}
.builder-hyper-option+.builder-hyper-option{border-top-color:var(--cb-line)}
.builder-hyper-option:hover{border-color:transparent;background:var(--cb-blue-soft);box-shadow:none;transform:translateX(2px)}
.builder-hyper-option.is-selected{cursor:default;border-color:#aebbc9 transparent;background:#edf1f5;box-shadow:none;filter:none;opacity:.68}
.builder-hyper-option.is-selected:hover{border-color:#aebbc9 transparent;background:#edf1f5;box-shadow:none;opacity:.68;transform:none}
.builder-hyper-option.is-selected .builder-skill-icon{filter:grayscale(.72);opacity:1}
.builder-hyper-option.is-selected>span{color:#687588;opacity:1}
.builder-hyper-option.is-selected>span b{color:#687588}
.builder-hyper-option.is-selected>span small{color:#94a1b2}
.builder-hyper-option.is-selected>i{color:#6fa38f;opacity:.9}
.builder-hyper-option>span{min-width:0}.builder-hyper-option b,.builder-hyper-option small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.builder-hyper-option b{font-size:13px;font-weight:500}.builder-hyper-option small{margin-top:3px;color:var(--cb-soft);font-size:11px}
.builder-hyper-option>i{color:var(--cb-blue);font-size:18px}
.builder-hyper-selected{display:grid;grid-template-columns:27px 44px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--cb-line);border-radius:6px;padding:8px;background:var(--cb-card);box-shadow:0 2px 7px rgba(15,23,42,.035)}
.builder-hyper-selected+.builder-hyper-selected{margin-top:8px}
.builder-hyper-selected>em{display:grid;width:25px;height:25px;place-items:center;border-radius:5px;background:var(--cb-blue);color:#fff;font-size:11px;font-style:normal;font-weight:600}
.builder-hyper-selected>span{min-width:0}.builder-hyper-selected b,.builder-hyper-selected small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.builder-hyper-selected b{font-size:13px;font-weight:500}.builder-hyper-selected small{margin-top:3px;color:var(--cb-soft);font-size:10px}
.builder-hyper-selected>div{display:flex;gap:4px}
.builder-hyper-selected>div button{display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--cb-line-strong);border-radius:4px;background:var(--cb-card);color:var(--cb-muted);font-size:12px}
.builder-hyper-selected>div button:hover{border-color:#60a5fa;color:var(--cb-blue)}
.builder-hyper-selected>div button:last-child:hover{border-color:#fca5a5;background:#fff1f2;color:#dc2626}
.builder-hyper-selected>div button:disabled{cursor:not-allowed;opacity:.3}
.builder-hyper-empty{display:flex;min-height:130px;align-items:center;justify-content:center;gap:7px;color:var(--cb-soft);font-size:12px;text-align:center}
.builder-hyper-empty>span{font-size:19px}
.dark .builder-hyper-picker>section,.dark .builder-hyper-selected,.dark .builder-hyper-selected>div button{background:#111a2b}
.dark .builder-hyper-preset-toolbar{background:#151f32}.dark .builder-hyper-preset-tab,.dark .builder-hyper-preset-name input{background:#111a2b}.dark .builder-hyper-preset-tab.is-active{border-color:#477caf;background:#1d3857;color:#c7e1ff}
.dark .builder-hyper-picker>section.is-selected{background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(124,58,237,.06))}
.dark .builder-hyper-option.is-selected,.dark .builder-hyper-option.is-selected:hover{border-color:#526176 transparent;background:#273140;box-shadow:none;opacity:.7}
.dark .builder-hyper-option.is-selected>span,.dark .builder-hyper-option.is-selected>span b{color:#aeb9c8;opacity:1}
.dark .builder-hyper-option.is-selected>span small{color:#7f8da0}
@media(max-width:700px){
    .builder-hyper-preset-toolbar{align-items:stretch;flex-wrap:wrap}.builder-hyper-preset-tabs{flex-basis:100%}.builder-hyper-preset-name{grid-template-columns:auto minmax(0,1fr);flex:1}.builder-hyper-preset-name input{width:100%}
    .builder-hyper-picker{grid-template-columns:1fr;min-height:0}
    .builder-hyper-picker>section+section{border-top:1px solid var(--cb-line);border-left:0}
    .builder-hyper-options,.builder-hyper-selected-list{max-height:390px}
}

/* Skill artwork already includes its own frame. */
.character-builder-page .builder-skill-icon{
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.character-builder-page .builder-skill-icon img,
.character-builder-page .builder-controller-slot img,
.character-builder-page .builder-skill-group-card__icon img,
.builder-skill-group-tip__list img{
    image-rendering:pixelated;
}

/* Keep the hyper selector under one section header and show every skill at once. */
.builder-section__actions{display:flex;flex:none;align-items:center;gap:8px}
.builder-hyper-picker{min-height:0}
.builder-hyper-options,.builder-hyper-selected-list{max-height:none;overflow:visible}
.builder-split-panels--single{padding:0}
.builder-split-panels--single .builder-subpanel{border:0;border-radius:0}
@media(max-width:700px){
    .builder-section__actions{align-items:flex-end;flex-direction:column}
}

/* V skill core recommendation groups. */
.builder-core-plan{display:grid;gap:0;border-bottom:1px solid var(--cb-line);padding:10px 12px;background:var(--cb-card)}
.builder-core-group{display:grid;grid-template-columns:112px minmax(0,1fr) 54px;align-items:center;gap:12px;border:1px solid transparent;border-bottom-color:var(--cb-line);padding:10px 8px;transition:background .15s,border-color .15s}
.builder-core-group:last-child{border-bottom-color:transparent}
.builder-core-group.is-active{border-color:#b8d3f7;background:#f7faff}
.builder-core-group>label{display:grid;gap:4px}
.builder-core-group>label>span{color:var(--cb-soft);font-size:10px}
.builder-core-group>label>input{width:100%;border:0;border-radius:4px;padding:8px 9px;outline:0;background:#fff3bf;color:#7c5a00;font-size:13px;font-weight:500;text-align:center}
.builder-core-group:nth-child(4n+2)>label>input{background:#dcecff;color:#285f9f}
.builder-core-group:nth-child(4n+3)>label>input{background:#ffe1e5;color:#a33a4a}
.builder-core-group:nth-child(4n)>label>input{background:#dff6e8;color:#28704a}
.builder-core-group.is-active>label>input{box-shadow:0 0 0 2px rgba(37,99,235,.16)}
.builder-core-group__skills{display:flex;min-width:0;flex-wrap:wrap;gap:8px}
.builder-core-group__empty{display:flex;min-height:50px;flex:1;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--cb-line-strong);color:var(--cb-soft);font-size:11px}
.builder-core-group__empty:hover{border-color:#8db6ed;background:var(--cb-blue-soft);color:var(--cb-blue)}
.builder-core-chip{position:relative;display:flex;min-width:150px;max-width:210px;align-items:center;gap:7px;padding:5px 24px 5px 5px;background:var(--cb-card-soft)}
.builder-core-chip .builder-skill-icon{width:38px;height:38px;flex:none}
.builder-core-chip>span{min-width:0}
.builder-core-chip b,.builder-core-chip small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.builder-core-chip b{font-size:12px;font-weight:500}.builder-core-chip small{margin-top:2px;color:var(--cb-soft);font-size:10px}
.builder-core-copy{min-width:0;flex:1}.builder-core-tip-links{display:flex!important;align-items:center;gap:5px;overflow:visible!important;white-space:nowrap}.builder-core-tip-links>span{display:inline-flex;align-items:center;border:1px solid var(--cb-line);border-radius:3px;padding:2px 5px;background:var(--cb-card);color:var(--cb-muted);font-size:10px;line-height:1.2;cursor:help}.builder-core-tip-links>span:first-child{border-color:#c4b5fd;background:#f5f3ff;color:#6d28d9}.builder-core-tip-links>span:hover{border-color:#60a5fa;color:var(--cb-blue)}
.builder-core-chip>button{position:absolute;right:4px;top:4px;display:grid;width:20px;height:20px;place-items:center;color:var(--cb-soft)}
.builder-core-chip>button:hover{color:#dc2626}
.builder-core-group__meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:var(--cb-soft);font-size:10px}
.builder-core-group__meta button{display:grid;width:28px;height:28px;place-items:center;color:var(--cb-soft)}
.builder-core-group__meta button:hover{background:#fff1f2;color:#dc2626}
.builder-core-pool-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 8px}
.builder-core-pool-head>div b,.builder-core-pool-head>div small{display:block}
.builder-core-pool-head>div b{font-size:14px;font-weight:500}.builder-core-pool-head>div small{margin-top:2px;color:var(--cb-soft);font-size:11px}
.builder-choice-grid--cores{padding-top:4px}
.builder-core-note{position:relative;display:grid;gap:7px;border-top:1px solid var(--cb-line);padding:14px}
.builder-core-note>span{font-size:13px;font-weight:500}
.builder-core-note textarea{width:100%;resize:vertical;border:1px solid var(--cb-line-strong);border-radius:5px;padding:10px 12px;outline:0;background:var(--cb-card);color:var(--cb-text);font-size:12px;line-height:1.7}
.builder-core-note textarea:focus{border-color:#79a9ed;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.builder-core-note>small{position:absolute;right:22px;bottom:20px;color:var(--cb-soft);font-size:10px}
.dark .builder-core-group.is-active{border-color:#345a8d;background:#162338}
.dark .builder-core-group>label>input{background:#5b4d1d;color:#ffe9a3}
.dark .builder-core-group:nth-child(4n+2)>label>input{background:#1f456e;color:#bedcff}
.dark .builder-core-group:nth-child(4n+3)>label>input{background:#65313a;color:#ffd0d6}
.dark .builder-core-group:nth-child(4n)>label>input{background:#24523d;color:#c7f4dc}
.dark .builder-core-chip{background:#1b2638}
.dark .builder-core-tip-links>span{border-color:#3a4960;background:#111a2b;color:#a8b5c7}.dark .builder-core-tip-links>span:first-child{border-color:#6d5aa8;background:#241d3e;color:#c4b5fd}
@media(max-width:700px){
    .builder-core-group{grid-template-columns:88px minmax(0,1fr);gap:8px;padding:9px 4px}
    .builder-core-group__meta{grid-column:1/-1;justify-content:flex-end}
    .builder-core-chip{min-width:130px;max-width:100%}
    .builder-core-pool-head{align-items:stretch;flex-direction:column}
    .builder-core-pool-head .builder-search{width:100%;min-width:0}
}

/* In-game five-key / eight-key skill layouts with two independent pages. */
.builder-controller-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--cb-line);padding:9px 10px;background:var(--cb-card)}
.builder-layout-types{display:flex;gap:6px}
.builder-layout-types button{display:flex;align-items:center;gap:5px;border:1px solid var(--cb-line);padding:6px 9px;background:var(--cb-card-soft);color:var(--cb-muted);font-size:11px}
.builder-layout-types button small{margin-left:2px;color:var(--cb-soft);font-size:9px}
.builder-layout-types button.is-active{border-color:#6f9fda;background:#eaf3ff;color:#235d9f}
.builder-layout-types button.is-active small{color:#5f82ab}
.builder-page-switch{display:flex;align-items:center;gap:7px}
.builder-page-switch>span{display:flex;gap:5px;border-radius:12px;padding:4px 7px;background:#69717b;box-shadow:inset 0 1px 2px rgba(15,23,42,.28)}
.builder-page-switch>span i{width:8px;height:8px;border-radius:50%;background:#343b44;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.builder-page-switch>span i.is-active{background:#ff7651;box-shadow:0 0 0 1px #723726}
.builder-page-switch>button{display:grid;width:37px;height:37px;place-items:center;border:2px solid #8c949e;border-radius:50%;background:linear-gradient(145deg,#aab0b7,#707780);color:#f4f6f8;box-shadow:0 2px 4px rgba(15,23,42,.16);font-size:21px}
.builder-page-switch>button:hover{border-color:#5798d5;background:linear-gradient(145deg,#7ca9d1,#426f9a)}
.builder-controller-card .builder-controller{position:relative;display:block;min-height:310px;padding:0;background:radial-gradient(circle at 50% 48%,#f3f4f5,#e5e7e9 72%,#dfe2e5)}
.builder-controller .builder-controller-slot{position:absolute;width:78px;height:78px;transform:translate(-50%,-50%);border:2px solid #777d84;background:linear-gradient(145deg,#5c5c5c,#444);box-shadow:inset 0 0 0 3px #676767,0 3px 5px rgba(15,23,42,.18)}
.builder-controller .builder-controller-slot:hover,.builder-controller .builder-controller-slot.is-target{transform:translate(-50%,-50%);border-color:#4f98df;box-shadow:inset 0 0 0 3px #676767,0 0 0 4px rgba(59,130,246,.2)}
.builder-controller .builder-controller-slot small{display:none}
.builder-controller .builder-controller-slot img{width:48px;height:48px}
.builder-controller .builder-controller-slot>span{font-size:29px}
.builder-controller--five .builder-controller-slot:nth-child(1){left:38%;top:18%}
.builder-controller--five .builder-controller-slot:nth-child(2){left:68%;top:18%}
.builder-controller--five .builder-controller-slot:nth-child(3){left:18%;top:40%}
.builder-controller--five .builder-controller-slot:nth-child(4){left:20%;top:77%}
.builder-controller--five .builder-controller-slot:nth-child(5){left:55%;top:59%}
.builder-controller--five .builder-controller-slot.is-primary{width:112px;height:112px}
.builder-controller--five .builder-controller-slot.is-primary img{width:68px;height:68px}
.builder-controller--eight{display:block!important;min-height:330px!important;padding:0!important}
.builder-controller--eight .builder-controller-slot{position:absolute;width:86px;height:86px;transform:translate(-50%,-50%)}
.builder-controller--eight .builder-controller-slot:hover,.builder-controller--eight .builder-controller-slot.is-target{transform:translate(-50%,-50%)}
.builder-controller--eight .builder-controller-slot:nth-child(1){left:26%;top:20%}
.builder-controller--eight .builder-controller-slot:nth-child(2){left:54%;top:20%}
.builder-controller--eight .builder-controller-slot:nth-child(3){left:82%;top:20%}
.builder-controller--eight .builder-controller-slot:nth-child(4){left:14%;top:49%}
.builder-controller--eight .builder-controller-slot:nth-child(5){left:42%;top:49%}
.builder-controller--eight .builder-controller-slot:nth-child(6){left:70%;top:49%}
.builder-controller--eight .builder-controller-slot:nth-child(7){left:26%;top:79%}
.builder-controller--eight .builder-controller-slot:nth-child(8){left:54%;top:79%}
.builder-controller-card>p{display:flex;align-items:center;justify-content:center;gap:4px}
.builder-section[data-step="scenes"] .builder-scene-layout{gap:0;padding:0}
.builder-section[data-step="scenes"] .builder-controller-card,.builder-section[data-step="scenes"] .builder-palette{border:0;border-radius:0}
.builder-section[data-step="scenes"] .builder-palette{border-left:1px solid var(--cb-line)}
.dark .builder-controller-toolbar{background:#111a2b}
.dark .builder-layout-types button{background:#172235}.dark .builder-layout-types button.is-active{border-color:#477caf;background:#1d3857;color:#c7e1ff}
.dark .builder-controller-card .builder-controller{background:radial-gradient(circle at 50% 48%,#313844,#222a36 72%,#1c2430)}
@media(max-width:430px){
    .builder-controller-toolbar{align-items:stretch;flex-direction:column}
    .builder-layout-types{display:grid;grid-template-columns:1fr 1fr}
    .builder-layout-types button{justify-content:center}
    .builder-page-switch{justify-content:flex-end}
    .builder-controller-card .builder-controller{min-height:300px}
    .builder-controller .builder-controller-slot{width:72px;height:72px}
    .builder-controller--five .builder-controller-slot.is-primary{width:104px;height:104px}
    .builder-controller--eight{min-height:300px!important}
    .builder-controller--eight .builder-controller-slot{width:72px;height:72px}
}
@media(max-width:900px){
    .builder-section[data-step="scenes"] .builder-palette{border-top:1px solid var(--cb-line);border-left:0}
}
@media(min-width:901px){
    .builder-palette-grid{max-height:424px}
}

.builder-palette__head h3{flex:none}
.builder-scene-stage-tabs{display:flex;min-width:0;flex:1;gap:4px;overflow-x:auto;padding:1px}
.builder-scene-stage-tabs button{flex:none;border:1px solid var(--cb-line);border-radius:3px;padding:5px 7px;background:var(--cb-card);color:var(--cb-muted);font-size:11px}
.builder-scene-stage-tabs button:hover{border-color:#9bbce6;color:var(--cb-blue)}
.builder-scene-stage-tabs button.is-active{border-color:#6f9fda;background:var(--cb-blue-soft);color:var(--cb-blue)}
.dark .builder-scene-stage-tabs button{background:#111a2b}.dark .builder-scene-stage-tabs button.is-active{border-color:#477caf;background:#1d3857;color:#c7e1ff}
.builder-section__actions{display:flex;align-items:center;gap:7px}.builder-skill-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--cb-line);background:var(--cb-card-soft)}.builder-skill-group-card{display:flex;min-width:0;align-items:center;gap:9px;padding:10px 12px;border-right:1px solid var(--cb-line);text-align:left;color:var(--cb-muted)}.builder-skill-group-card:last-child{border-right:0}.builder-skill-group-card:hover{background:var(--cb-blue-soft)}.builder-skill-group-card>span:nth-child(2){min-width:0;flex:1}.builder-skill-group-card b,.builder-skill-group-card small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-skill-group-card b{font-size:12px;font-weight:500;color:var(--cb-text)}.builder-skill-group-card small{margin-top:2px;font-size:9px;color:var(--cb-soft)}.builder-skill-group-card>i{flex:none;color:var(--cb-soft)}.builder-skill-group-card__icon{position:relative;display:grid;width:38px;height:38px;flex:none;place-items:center;background:#e8edf3;color:#9aa7b7}.builder-skill-group-card__icon img{width:32px;height:32px;}.builder-skill-group-icon>small,.builder-controller-slot__icon>i{position:absolute;left:-4px;top:-4px;display:grid;width:16px;height:16px;place-items:center;background:#d8ef39;color:#172033;font-size:9px;font-style:normal;font-weight:700;box-shadow:0 1px 3px rgba(15,23,42,.22)}.builder-skill-group-card[data-tone="1"] .builder-skill-group-icon>small{background:#67e8f9}.builder-skill-group-card[data-tone="2"] .builder-skill-group-icon>small{background:#f0abfc}.builder-skill-group-card[data-tone="3"] .builder-skill-group-icon>small{background:#fdba74}.builder-palette-skill--group>span:nth-child(2){min-width:0}.builder-palette-skill--group b,.builder-palette-skill--group small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-palette-skill--group small{margin-top:2px;color:var(--cb-soft);font-size:9px}.builder-controller-slot__icon{position:relative;display:grid;place-items:center}.builder-controller-slot__icon>i{left:-7px;top:-7px}.builder-controller-slot__icon img{display:block}.builder-dialog__panel--skill-groups{width:min(920px,100%)}.builder-skill-group-editor{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:510px}.builder-skill-group-editor>nav{padding:10px;border-right:1px solid var(--cb-line);background:var(--cb-card-soft)}.builder-skill-group-editor>nav button{display:grid;width:100%;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 8px;border-bottom:1px solid var(--cb-line);text-align:left}.builder-skill-group-editor>nav button.is-active{background:var(--cb-blue-soft);box-shadow:inset 3px 0 var(--cb-blue)}.builder-skill-group-editor>nav button>span{display:grid;width:28px;height:28px;place-items:center;background:#d8ef39;color:#172033;font-size:10px;font-weight:700}.builder-skill-group-editor>nav button[data-tone="1"]>span{background:#67e8f9}.builder-skill-group-editor>nav button[data-tone="2"]>span{background:#f0abfc}.builder-skill-group-editor>nav button[data-tone="3"]>span{background:#fdba74}.builder-skill-group-editor>nav b{font-size:12px;font-weight:500}.builder-skill-group-editor>nav small{color:var(--cb-soft);font-size:9px}.builder-skill-group-editor>main{min-width:0}.builder-skill-group-editor__slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;background:var(--cb-card-soft);border-bottom:1px solid var(--cb-line)}.builder-skill-group-slot{position:relative;display:grid;grid-template-columns:25px 40px minmax(0,1fr);align-items:center;gap:7px;min-height:82px;padding:9px;border:1px dashed var(--cb-line-strong);background:var(--cb-card);color:var(--cb-soft)}.builder-skill-group-slot.is-filled{border-style:solid}.builder-skill-group-slot>em{position:absolute;left:5px;top:4px;color:var(--cb-blue);font-size:9px}.builder-skill-group-slot>.builder-skill-icon{grid-column:2;width:38px;height:38px}.builder-skill-group-slot>.builder-skill-icon img{width:32px;height:32px}.builder-skill-group-slot>i{grid-column:2;font-size:22px;text-align:center}.builder-skill-group-slot>div{grid-column:3;min-width:0}.builder-skill-group-slot b,.builder-skill-group-slot small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-skill-group-slot b{font-size:11px;font-weight:500;color:var(--cb-text)}.builder-skill-group-slot small{margin-top:3px;font-size:8px}.builder-skill-group-slot>span{position:absolute;right:5px;bottom:4px;display:flex;gap:2px}.builder-skill-group-slot>span button{display:grid;width:21px;height:21px;place-items:center;border:1px solid var(--cb-line);color:var(--cb-muted);font-size:11px}.builder-skill-group-slot>span button:disabled{opacity:.3}.builder-skill-group-slot>span button:last-child{color:#ef4444}.builder-skill-group-editor__pool>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid var(--cb-line)}.builder-skill-group-editor__pool>header b,.builder-skill-group-editor__pool>header small{display:block}.builder-skill-group-editor__pool>header b{font-size:13px;font-weight:500}.builder-skill-group-editor__pool>header small{margin-top:2px;color:var(--cb-soft);font-size:9px}.builder-skill-group-editor__pool>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:320px;overflow:auto;padding:10px}.builder-group-palette-skill{display:flex;min-width:0;align-items:center;gap:7px;padding:7px;border:1px solid var(--cb-line);background:var(--cb-card);text-align:left}.builder-group-palette-skill:hover:not(:disabled){border-color:#7ba8df;background:var(--cb-blue-soft)}.builder-group-palette-skill:disabled{opacity:.48}.builder-group-palette-skill.is-selected{background:var(--cb-card-soft)}.builder-group-palette-skill .builder-skill-icon{width:35px;height:35px}.builder-group-palette-skill .builder-skill-icon img{width:29px;height:29px}.builder-group-palette-skill>span{min-width:0;flex:1}.builder-group-palette-skill b,.builder-group-palette-skill small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-group-palette-skill b{font-size:11px;font-weight:500}.builder-group-palette-skill small{margin-top:2px;color:var(--cb-soft);font-size:8px}.builder-group-palette-skill>i{color:var(--cb-blue)}.builder-dialog__panel--skill-groups>.builder-dialog-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--cb-line);padding:10px 12px}.builder-dialog__panel--skill-groups>.builder-dialog-actions p{display:flex;align-items:center;gap:5px;color:var(--cb-soft);font-size:10px}.builder-skill-group-tip{color:#172033}.builder-skill-group-tip>header{display:flex;align-items:center;gap:9px;padding:11px 12px;border-bottom:1px solid #dce3ec;background:#f7f9fc}.builder-skill-group-tip>header>span{display:grid;width:31px;height:31px;place-items:center;background:#d8ef39;color:#172033;font-weight:700}.builder-skill-group-tip>header b,.builder-skill-group-tip>header small{display:block}.builder-skill-group-tip>header b{font-size:14px;font-weight:600}.builder-skill-group-tip>header small{margin-top:2px;color:#64748b;font-size:10px}.builder-skill-group-tip__list article{display:grid;grid-template-columns:22px 38px minmax(0,1fr);align-items:start;gap:8px;padding:10px 12px;border-bottom:1px solid #e4e9f0}.builder-skill-group-tip__list article:last-child{border-bottom:0}.builder-skill-group-tip__list em{display:grid;width:20px;height:20px;place-items:center;background:#2865ed;color:#fff;font-size:9px}.builder-skill-group-tip__list img{width:36px;height:36px;}.builder-skill-group-tip__list b{font-size:12px;font-weight:600}.builder-skill-group-tip__list p{margin-top:3px;color:#58677b;font-size:10px;line-height:1.55;white-space:normal}.dark .builder-skill-group-card,.dark .builder-group-palette-skill,.dark .builder-skill-group-slot{background:#111a2b}.dark .builder-skill-group-tip{color:#e8eef7}.dark .builder-skill-group-tip>header{background:#162033;border-color:#344158}.dark .builder-skill-group-tip__list article{border-color:#344158}.dark .builder-skill-group-tip>header small,.dark .builder-skill-group-tip__list p{color:#a8b5c7}
@media(max-width:700px){
    .builder-skill-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-skill-group-card:nth-child(2){border-right:0}.builder-skill-group-card:nth-child(-n+2){border-bottom:1px solid var(--cb-line)}.builder-skill-group-editor{grid-template-columns:1fr}.builder-skill-group-editor>nav{display:grid;grid-template-columns:repeat(4,1fr);padding:7px;border-right:0;border-bottom:1px solid var(--cb-line)}.builder-skill-group-editor>nav button{display:flex;justify-content:center;padding:6px}.builder-skill-group-editor>nav button b,.builder-skill-group-editor>nav button small{display:none}.builder-skill-group-editor__slots{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-skill-group-editor__pool>div{grid-template-columns:repeat(2,minmax(0,1fr))}
    .builder-palette__head{flex-wrap:wrap}
    .builder-scene-stage-tabs{order:3;width:100%;flex-basis:100%}
}

/* Client-aligned Hyper Stat presets. */
.builder-compose-bar{grid-template-columns:216px minmax(260px,1fr) auto;gap:24px;padding:10px}
.builder-workspace{grid-template-columns:236px minmax(0,1fr)}
.builder-sidebar{position:sticky;top:77px;grid-column:1;grid-row:1;display:grid;align-self:start;gap:12px}
.builder-main{grid-column:2;grid-row:1}
.builder-sidebar .builder-summary{position:static;top:auto;grid-column:auto;grid-row:auto;order:-1}
.builder-sidebar .builder-step-nav{display:grid;grid-template-columns:1fr;overflow:hidden;border-radius:7px}
.builder-step-nav__title{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--cb-line);padding:7px 11px;background:linear-gradient(135deg,var(--cb-card-soft),var(--cb-card))}
.builder-step-nav__title>span{display:grid;width:25px;height:25px;flex:none;place-items:center;color:#1d4ed8;font-size:18px}
.builder-step-nav__title b,.builder-step-nav__title small{display:block;line-height:1.25}.builder-step-nav__title b{font-size:12px;font-weight:500}.builder-step-nav__title small{margin-top:1px;color:var(--cb-muted);font-size:9px}
.dark .builder-step-nav__title>span{color:#60a5fa}
.builder-sidebar .builder-step-nav button{grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;border-left:3px solid transparent;padding:11px 12px 11px 10px}
.builder-sidebar .builder-step-nav button+button{border-top:1px solid var(--cb-line);border-left-width:3px}
.builder-sidebar .builder-step-nav button>span{grid-row:1/3;width:30px;height:30px;border-radius:3px;font-weight:500}
.builder-sidebar .builder-step-nav button.is-active{border-left-color:var(--cb-blue);background:linear-gradient(90deg,var(--cb-blue-soft),var(--cb-card))}
.builder-sidebar .builder-step-nav button.is-active>span{box-shadow:0 3px 9px rgba(37,99,235,.2)}
.builder-sidebar .builder-step-nav b{font-size:13px;font-weight:500}.builder-sidebar .builder-step-nav small{font-size:10px}
.builder-super-stat-toolbar{display:flex;align-items:stretch;justify-content:space-between;gap:12px;border-bottom:1px solid var(--cb-line);padding:12px 14px;background:var(--cb-card)}
.builder-super-stat-presets{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));flex:1;gap:7px}
.builder-super-stat-presets button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--cb-line);padding:9px 11px;background:var(--cb-card-soft);color:var(--cb-muted);font-size:13px}
.builder-super-stat-presets button span{font-weight:500}.builder-super-stat-presets button small{font-size:11px}
.builder-super-stat-presets button.is-active{border-color:#75a5e6;background:var(--cb-blue-soft);color:var(--cb-blue)}
.builder-super-stat-toolbar>label{display:grid;grid-template-columns:auto 82px;align-items:center;gap:3px 9px;border-left:1px solid var(--cb-line);padding-left:13px;color:var(--cb-muted);font-size:12px}
.builder-super-stat-toolbar>label input{width:82px;border:1px solid var(--cb-line-strong);padding:8px;background:var(--cb-card);color:var(--cb-text);font-size:14px;text-align:center;outline:0}
.builder-super-stat-toolbar>label small{grid-column:1/-1;color:var(--cb-soft);font-size:10px}
.builder-super-stat-summary{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--cb-line);background:var(--cb-card-soft)}
.builder-super-stat-summary>div{display:grid;gap:3px;border-right:1px solid var(--cb-line);padding:11px 14px}.builder-super-stat-summary>div:last-child{border-right:0}
.builder-super-stat-summary small{color:var(--cb-soft);font-size:10px}.builder-super-stat-summary span{font-size:16px;font-weight:500}
.builder-super-stat-summary .is-over span{color:#dc2626}
.builder-super-stat-grid{display:grid;grid-template-columns:1fr 1fr;background:var(--cb-card)}
.builder-super-stat-row{display:grid;grid-template-columns:minmax(0,1fr) 145px 108px;align-items:center;gap:10px;border-bottom:1px solid var(--cb-line);padding:10px 12px;min-width:0}
.builder-super-stat-row:nth-child(odd){border-right:1px solid var(--cb-line)}
.builder-super-stat-row.is-active{background:var(--cb-blue-soft)}
.builder-super-stat-row__main{display:flex;min-width:0;align-items:center;gap:9px}.builder-super-stat-number{display:grid;width:30px;height:30px;flex:none;place-items:center;background:#e7eef8;color:#52729a;font-size:10px}
.builder-super-stat-row__main>div{min-width:0}.builder-super-stat-row__main b,.builder-super-stat-row__main small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.builder-super-stat-row__main b{font-size:13px;font-weight:500}.builder-super-stat-row__main small{margin-top:3px;color:var(--cb-soft);font-size:10px}
.builder-super-stat-row__cost{min-width:0;color:var(--cb-soft);font-size:10px}.builder-super-stat-row__cost small,.builder-super-stat-row__cost span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-super-stat-row__cost span{margin-top:2px;color:var(--cb-muted);font-size:11px}
.builder-super-stat-stepper{display:grid;grid-template-columns:30px 48px 30px;border:1px solid var(--cb-line-strong);background:var(--cb-card)}
.builder-super-stat-stepper button{height:32px;color:var(--cb-blue);font-size:17px}.builder-super-stat-stepper button:disabled{color:var(--cb-line-strong)}
.builder-super-stat-stepper span{display:grid;place-items:center;border-inline:1px solid var(--cb-line);font-size:11px;font-weight:500}
.dark .builder-super-stat-number{background:#23334a;color:#9fbee3}.dark .builder-super-stat-presets button,.dark .builder-super-stat-toolbar>label input,.dark .builder-super-stat-stepper{background:#111a2b}.dark .builder-super-stat-presets button.is-active{border-color:#477caf;background:#1d3857;color:#c7e1ff}
@media(max-width:1100px){.builder-super-stat-grid{grid-template-columns:1fr}.builder-super-stat-row:nth-child(odd){border-right:0}}
@media(max-width:700px){
    .builder-step-nav{grid-template-columns:repeat(6,100px)}
    .builder-compose-bar{grid-template-columns:1fr;gap:10px;padding:10px}
    .builder-section[data-step="super-stats"] .builder-section__head{flex-wrap:wrap}.builder-section[data-step="super-stats"] .builder-section__head .builder-mini-btn{margin-left:auto}
    .builder-super-stat-toolbar{flex-direction:column}.builder-super-stat-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-super-stat-presets button{min-width:0;padding-inline:8px}.builder-super-stat-toolbar>label{border-left:0;border-top:1px solid var(--cb-line);padding:10px 0 0}
    .builder-super-stat-summary{grid-template-columns:repeat(2,1fr)}.builder-super-stat-summary>div{border-bottom:1px solid var(--cb-line)}
    .builder-super-stat-row{grid-template-columns:minmax(0,1fr) 108px}.builder-super-stat-row__cost{grid-column:1/-1;grid-row:2}.builder-super-stat-row__cost small,.builder-super-stat-row__cost span{display:inline;margin-right:5px}
}
@media(max-width:900px){
    .builder-workspace{grid-template-columns:1fr}
    .builder-sidebar{position:static;grid-column:1;grid-row:1;gap:0}
    .builder-main{grid-column:1;grid-row:2}
    .builder-sidebar .builder-summary{display:none}
    .builder-sidebar .builder-step-nav{grid-template-columns:repeat(6,minmax(110px,1fr));overflow-x:auto}
    .builder-step-nav__title{display:none}
    .builder-sidebar .builder-step-nav button{grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto;padding:9px 10px;border-bottom:3px solid transparent;border-left:0}
    .builder-sidebar .builder-step-nav button+button{border-top:0;border-left:1px solid var(--cb-line)}
    .builder-sidebar .builder-step-nav button>span{grid-row:auto;width:28px;height:28px}
    .builder-sidebar .builder-step-nav button.is-active{border-bottom-color:var(--cb-blue);border-left-color:var(--cb-line);background:var(--cb-blue-soft)}
    .builder-sidebar .builder-step-nav small{display:none}
}
@media(max-width:430px){.builder-super-stat-presets{grid-template-columns:1fr}.builder-super-stat-row{padding:9px 8px}.builder-super-stat-summary>div{padding:9px 10px}}

/* Skill grouping slot alignment: icon and action bar are separate spans. */
.builder-skill-group-slot{grid-template-columns:40px minmax(0,1fr);gap:8px;min-height:92px;padding:17px 9px 29px}
.builder-skill-group-slot>.builder-skill-icon{position:relative;right:auto;bottom:auto;display:grid;grid-column:1;width:38px;height:38px}
.builder-skill-group-slot>i{grid-column:1}
.builder-skill-group-slot>div{grid-column:2}
.builder-skill-group-slot>span:last-child{position:absolute;right:5px;bottom:4px;display:flex;gap:2px}
.builder-skill-group-card{position:relative;padding:0;gap:0}
.builder-skill-group-card__main{display:flex;min-width:0;flex:1;align-items:center;gap:9px;padding:10px 9px 10px 12px;text-align:left;color:var(--cb-muted)}
.builder-skill-group-card__main>span:nth-child(2){min-width:0;flex:1}
.builder-skill-group-card__main b,.builder-skill-group-card__main small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.builder-skill-group-card__main b{font-size:12px;font-weight:500;color:var(--cb-text)}
.builder-skill-group-card__main small{margin-top:2px;color:var(--cb-soft);font-size:9px}
.builder-skill-group-card__main>i{flex:none;color:var(--cb-blue);font-size:17px}
.builder-skill-group-card__edit{display:grid;width:31px;height:31px;flex:none;place-items:center;margin-right:7px;border-left:1px solid var(--cb-line);color:var(--cb-soft)}
.builder-skill-group-card__edit:hover{background:var(--cb-card);color:var(--cb-blue)}
.builder-skill-group-card.is-configured .builder-skill-group-card__main:hover{background:rgba(40,101,237,.07)}
.builder-skill-groups.is-ready-to-place .builder-skill-group-card.is-configured{background:var(--cb-blue-soft)}
.builder-palette-skill--group{position:relative;border-color:#a9c8ef;background:#f1f6ff}
.builder-palette-skill--group:hover{border-color:var(--cb-blue);background:#e7f0ff}
.builder-palette-skill--group>span:nth-child(2){min-width:0;flex:1}
.builder-palette-skill--group>span:nth-child(2)>small{display:flex;align-items:center;gap:4px}
.builder-palette-skill--group>span:nth-child(2)>small>em{flex:none;padding:1px 3px;background:#dbeafe;color:#2563eb;font-size:8px;font-style:normal}
.builder-palette-skill--group>i{flex:none;color:var(--cb-blue);font-size:16px}
.dark .builder-palette-skill--group{border-color:#355b87;background:#16263d}.dark .builder-palette-skill--group:hover{border-color:#5791d0;background:#1b3150}.dark .builder-palette-skill--group>span:nth-child(2)>small>em{background:#203f67;color:#a8d3ff}
.builder-skill-group-tip-layer{overflow:hidden;border-radius:5px!important;box-shadow:0 16px 38px rgba(2,6,23,.38),0 0 0 1px rgba(148,163,184,.12)}
.builder-skill-group-tip{background:#111722;color:#eef4fc}
.builder-skill-group-tip>header{padding:13px 15px;border-color:#3a475b;background:linear-gradient(135deg,#27354a,#1c2738)}
.builder-skill-group-tip>header>span{width:36px;height:36px;background:linear-gradient(145deg,#eaff43,#b9df16);color:#18220a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 2px 6px rgba(0,0,0,.28);font-size:13px}
.builder-skill-group-tip>header b{color:#fff;font-size:15px;font-weight:600;letter-spacing:.01em}
.builder-skill-group-tip>header small{margin-top:4px;color:#aebdd0;font-size:10px}
.builder-skill-group-tip__list article{position:relative;grid-template-columns:24px 46px minmax(0,1fr);gap:10px;padding:12px 15px;border-color:#344155;background:#131a25}
.builder-skill-group-tip__list article:nth-child(even){background:#161e2a}
.builder-skill-group-tip__list em{width:22px;height:22px;margin-top:1px;background:linear-gradient(145deg,#3677f5,#1e54c9);box-shadow:0 2px 5px rgba(13,63,170,.35);font-size:10px;font-weight:600}
.builder-skill-group-tip__list img{width:42px;height:42px;padding:3px;border:1px solid #617086;background:#0b1018;box-shadow:inset 0 0 0 1px #263246,0 2px 5px rgba(0,0,0,.28)}
.builder-skill-group-tip__list b{display:block;color:#f8fbff;font-size:12px;font-weight:600;line-height:1.4}
.builder-skill-group-tip__list p{margin-top:5px;color:#b7c4d5;font-size:10px;line-height:1.65}
.builder-skill-group-tip__list article small{display:block;margin-top:4px;color:#8292a8;font-size:9px}
.builder-hero h1{margin-top:0}

/* Skill-group tones: 1 lime, 2 cyan, 3 pink, 4 orange. */
.builder-skill-group-icon[data-tone="1"]>small,.builder-controller-slot__icon[data-tone="1"]>i{background:#67e8f9}
.builder-skill-group-icon[data-tone="2"]>small,.builder-controller-slot__icon[data-tone="2"]>i{background:#f0abfc}
.builder-skill-group-icon[data-tone="3"]>small,.builder-controller-slot__icon[data-tone="3"]>i{background:#fdba74}
.builder-skill-group-tip>header>span[data-tone="1"]{background:linear-gradient(145deg,#a5f3fc,#22d3ee)}
.builder-skill-group-tip>header>span[data-tone="2"]{background:linear-gradient(145deg,#f5d0fe,#e879f9)}
.builder-skill-group-tip>header>span[data-tone="3"]{background:linear-gradient(145deg,#fed7aa,#fb923c)}

/* Destructive job switching and save feedback */
.builder-result-dialog .builder-dialog__backdrop{background:rgba(15,23,42,.56);backdrop-filter:blur(6px)}
.builder-result-dialog .builder-dialog__panel--confirm{width:min(560px,100%);overflow:visible;border:1px solid rgba(148,163,184,.28);border-radius:18px;box-shadow:0 28px 80px rgba(15,23,42,.32)}
.builder-result-dialog__close{position:absolute;z-index:3;right:14px;top:14px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:rgba(255,255,255,.74);color:var(--cb-muted);font-size:18px;transition:.18s ease}
.builder-result-dialog__close:hover{transform:rotate(4deg);border-color:#93c5fd;color:var(--cb-blue)}
.builder-result-dialog__hero{position:relative;overflow:hidden;padding:31px 30px 24px;text-align:center}
.builder-result-dialog__hero:before,.builder-result-dialog__hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.builder-result-dialog__hero:before{right:-52px;top:-62px;width:174px;height:174px;background:rgba(255,255,255,.28)}
.builder-result-dialog__hero:after{left:-46px;bottom:-76px;width:145px;height:145px;border:25px solid rgba(255,255,255,.18)}
.builder-result-dialog__hero--warning{border-radius:17px 17px 0 0;background:linear-gradient(135deg,#fff9ed,#fff2d5)}
.builder-result-dialog__hero--success{border-radius:17px 17px 0 0;background:linear-gradient(135deg,#ecfdf5,#e4f7ed)}
.builder-result-dialog__hero>span{position:relative;z-index:1;display:grid;width:62px;height:62px;margin:0 auto 13px;place-items:center;border:1px solid rgba(255,255,255,.82);border-radius:20px;color:#fff;font-size:30px;box-shadow:0 13px 26px rgba(15,23,42,.13)}
.builder-result-dialog__hero--warning>span{background:linear-gradient(145deg,#f59e0b,#e46e0a)}
.builder-result-dialog__hero--success>span{background:linear-gradient(145deg,#22c987,#079b65)}
.builder-result-dialog__hero small{position:relative;z-index:1;display:block;margin-bottom:5px;color:#ad6b16;font-size:10px;font-weight:750;letter-spacing:.14em}
.builder-result-dialog__hero--success small{color:#078057}
.builder-result-dialog__hero h2{position:relative;z-index:1;margin:0;color:var(--cb-text);font-size:23px;font-weight:750;line-height:1.35}
.builder-result-dialog__hero p{position:relative;z-index:1;margin:8px auto 0;max-width:430px;color:var(--cb-muted);font-size:13px;line-height:1.75}
.builder-result-dialog__hero p b{color:var(--cb-text);font-weight:650}
.builder-result-dialog__notice{display:flex;align-items:flex-start;gap:11px;margin:17px 20px 0;border:1px solid #f3ddb0;border-radius:12px;padding:12px 14px;background:#fffaf0;color:#bc781b}
.builder-result-dialog__notice>i{margin-top:2px;flex:none;font-size:20px}
.builder-result-dialog__notice p{min-width:0}
.builder-result-dialog__notice b,.builder-result-dialog__notice span{display:block}
.builder-result-dialog__notice b{color:#85500b;font-size:12px;font-weight:650}
.builder-result-dialog__notice span{margin-top:2px;color:#8b6b3d;font-size:11px;line-height:1.65}
.builder-result-dialog__success-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:17px 20px 0;border-radius:10px;padding:10px 12px;background:#eefaf4;color:#15815a;font-size:11px}
.builder-result-dialog__success-note i{font-size:17px}
.builder-result-dialog__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:18px 20px 20px}
.builder-result-dialog__actions .builder-btn{min-width:0;height:40px;border-radius:10px;padding:0 14px;font-size:12px;font-weight:650}
.builder-result-dialog__actions a.builder-btn{text-decoration:none}
.builder-btn--ghost{border-color:var(--cb-line-strong);background:var(--cb-card);color:var(--cb-muted)}
.builder-btn--ghost:hover{border-color:#93c5fd;color:var(--cb-blue)}
.builder-btn--danger{border-color:#dc5c5c;background:linear-gradient(135deg,#ef6666,#d94343);color:#fff;box-shadow:0 8px 18px rgba(217,67,67,.2)}
.builder-btn--danger:hover{transform:translateY(-1px);box-shadow:0 11px 23px rgba(217,67,67,.28)}
.dark .builder-result-dialog__close{border-color:rgba(255,255,255,.1);background:rgba(17,26,43,.74);color:#b1bfd1}
.dark .builder-result-dialog__hero--warning{background:linear-gradient(135deg,#352a18,#2b2419)}
.dark .builder-result-dialog__hero--success{background:linear-gradient(135deg,#142e26,#132720)}
.dark .builder-result-dialog__hero:before{background:rgba(255,255,255,.035)}
.dark .builder-result-dialog__hero:after{border-color:rgba(255,255,255,.035)}
.dark .builder-result-dialog__notice{border-color:#55401e;background:#2b2419;color:#efb458}
.dark .builder-result-dialog__notice b{color:#f4c678}
.dark .builder-result-dialog__notice span{color:#cdb68f}
.dark .builder-result-dialog__success-note{background:#142e26;color:#72d6ae}
.dark .builder-btn--ghost{border-color:var(--cb-line-strong);background:#111a2b;color:#b3c0d1}
@media(max-width:620px){
    .builder-result-dialog{align-items:end;padding:10px}
    .builder-result-dialog .builder-dialog__panel--confirm{border-radius:18px}
    .builder-result-dialog__hero{padding:27px 18px 21px}
    .builder-result-dialog__hero h2{font-size:20px}
    .builder-result-dialog__hero p{font-size:12px}
    .builder-result-dialog__notice{margin:14px 14px 0}
    .builder-result-dialog__success-note{margin:14px 14px 0}
    .builder-result-dialog__actions--three{display:grid;grid-template-columns:1fr 1fr;padding:15px 14px 16px}
    .builder-result-dialog__actions--three>*:last-child{grid-column:1/-1;grid-row:1}
    .builder-result-dialog__actions .builder-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.builder-result-dialog__close,.builder-btn--danger{transition:none}}