.workspace-switcher{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-panel);flex-shrink:0;font-size:var(--text-sm)}.workspace-switcher label{display:flex;align-items:center;gap:var(--space-2);min-width:0}.workspace-switcher select{width:clamp(100px,17vw,240px);min-width:0}.workspace-current-name{overflow-wrap:anywhere}.workspace-current-stage{color:var(--text-secondary)}.workspace-saved{color:var(--text-secondary);margin-left:auto}.workspace-save-error{color:var(--color-negative)}.workspace-management{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);grid-column:1 / -1}.workspace-build-list,.workspace-stage-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.workspace-build-list button,.workspace-stage-list button{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);max-width:100%;overflow-wrap:anywhere;text-align:start}.workspace-build-list button{flex:1 1 12rem}.workspace-build-list button[aria-pressed=true],.workspace-stage-list button[aria-pressed=true]{border-color:var(--accent-gold);color:var(--accent-gold)}.workspace-build-list small,.workspace-stage-list small{color:var(--text-secondary);font-weight:400}.workspace-form{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-2);margin-top:var(--space-3)}.workspace-form label{display:flex;flex-direction:column;gap:var(--space-2);max-width:100%}.workspace-form input{min-width:0;max-width:100%}.workspace-loadouts{border-top:1px solid var(--border-subtle);padding-top:var(--space-3);margin-top:var(--space-4)}.workspace-loadouts summary{cursor:pointer;color:var(--text-secondary)}.workspace-loadouts .build-card-hint{margin-top:var(--space-3)}.workspace-loadouts label{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.workspace-loadouts select{min-width:0;max-width:100%}@media(max-width:900px){.workspace-management{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.workspace-switcher{gap:var(--space-2);padding:var(--space-2)}.workspace-switcher>button{flex-shrink:0}.workspace-current-name{flex:1;min-width:6rem}.workspace-switcher label{flex:1 1 200px;white-space:nowrap}.workspace-switcher select{flex:1;width:auto}.workspace-saved{font-size:var(--text-xs)}.workspace-save-error{width:100%}}.build-page{padding-bottom:var(--space-6)}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}@media(max-width:900px){.build-grid{grid-template-columns:1fr}}.build-card{display:flex;flex-direction:column;background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6) var(--space-6)}.build-card h3{margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-base);letter-spacing:.02em}.build-card-divide{margin-top:var(--space-6)!important}.build-card-hint{margin-top:0;color:var(--text-secondary);font-size:var(--text-sm)}.build-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.import-code{width:100%;font-family:var(--font-mono);font-size:var(--text-xs);word-break:break-all;padding:var(--space-3);line-height:1.7;resize:vertical}.import-submit{background:linear-gradient(180deg,var(--accent-gold-bright),var(--accent-gold));border-color:var(--accent-gold);color:#1a150a;font-weight:600;padding:var(--space-2) var(--space-6)}.import-submit:hover{background:var(--accent-gold-bright);border-color:var(--accent-gold-bright)}.import-summary{margin-bottom:0;color:var(--color-positive)}.unsupported-block{margin-top:var(--space-4);background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.unsupported-block summary{cursor:pointer;color:var(--text-secondary)}.unsupported-block ul{margin:var(--space-2) 0 0;padding-left:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.character-form{display:flex;gap:var(--space-3);flex-wrap:wrap}.character-form label{display:flex;flex:1 1 9em;flex-direction:column;gap:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm)}.character-form .character-level{flex:0 1 6em}.character-form select,.character-form input{min-width:0}.build-card--notes .notes-editor{flex:1;min-height:10em;resize:vertical;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.55}.notes-preview{margin-top:var(--space-3);background:var(--surface-page);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.notes-preview-title{display:block;color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1)}.notes-preview-body{margin:0;white-space:pre-wrap;word-break:break-word;font-size:var(--text-sm);line-height:1.55}.build-card{min-width:0}.build-card--notes .notes-editor{padding:var(--space-3)}.import-summary{border-top:1px solid var(--border-subtle);padding-top:var(--space-4);margin-top:auto;font-size:var(--text-sm)}.character-form{margin-bottom:var(--space-3)}.build-card-hint{line-height:1.75}@media(max-width:600px){.build-card{padding:var(--space-4)}}.build-stage-scope{grid-column:1 / -1;margin:0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent-gold);background:var(--surface-panel);color:var(--text-secondary);font-size:var(--text-sm);overflow-wrap:anywhere}.build-stage-scope strong{color:var(--text-primary)}.import-destination{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.import-destination select{min-width:0;max-width:100%}.import-file-hint{margin:var(--space-3) 0 0}.build-export-heading{margin:var(--space-6) 0 var(--space-2);font-size:var(--text-sm);color:var(--text-primary)}.stat-sidebar{width:var(--sidebar-width);flex:none;overflow-y:auto;background:var(--surface-panel);border-right:1px solid var(--border-subtle);padding:var(--space-4)}.stat-section+.stat-section{margin-top:var(--space-4)}.stat-section h3{margin:0 0 var(--space-1);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-gold);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,var(--accent-gold-dim),var(--border-subtle) 70%) 1;padding-bottom:var(--space-1)}.stat-section dl{margin:0}.stat-row{display:flex;justify-content:space-between;gap:var(--space-2);padding:3px 0;font-size:var(--text-sm)}.stat-row dt{color:var(--text-secondary)}.stat-row dd{margin:0;font-variant-numeric:tabular-nums}button.stat-row--link{width:100%;background:none;border:none;text-align:inherit;font-size:var(--text-sm);min-height:0;color:inherit;cursor:pointer;border-radius:var(--radius-sm)}button.stat-row--link:hover{background:#d8b36a14}button.stat-row--link:hover dt{color:var(--accent-gold-bright)}.main-skill-select{width:100%;margin:var(--space-1) 0 var(--space-2);font-size:var(--text-sm)}.main-skill-select .app-select,.main-skill-select .app-select-trigger,.main-skill-select .app-select-panel{width:100%;max-width:100%}.main-skill-empty{margin:0;font-size:var(--text-xs);color:var(--text-secondary)}.damage-share{margin-top:var(--space-2)}.damage-share-title{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-1)}.damage-share-row+.damage-share-row{margin-top:var(--space-1)}.damage-share-head{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs)}.damage-share-value{color:var(--text-secondary);font-variant-numeric:tabular-nums}.damage-share-track{height:4px;margin-top:2px;border-radius:2px;background:#ffffff12;overflow:hidden}.damage-share-fill{height:100%;border-radius:2px}@media(max-width:768px){.stat-sidebar{width:100%;display:none;max-height:35vh;border-right:none;border-bottom:1px solid var(--border-subtle)}}.main-skill-section{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.main-skill-section>dl .stat-row:last-child dd{font-size:var(--text-lg);font-weight:600}.stat-section h3{border-image:none;border-bottom-color:var(--border-subtle);padding-bottom:var(--space-2);margin-bottom:var(--space-2)}@media(max-width:768px){.stats-open .stat-sidebar{display:block}}.diff-list{display:inline-flex;gap:var(--space-2);flex-wrap:wrap;align-items:baseline}.diff-entry{font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.diff-pos{color:var(--color-positive)}.diff-neg{color:var(--color-negative)}.diff-none,.diff-more{color:var(--text-muted);font-size:var(--text-xs)}.item-slot{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.item-name{margin:var(--space-1) 0;overflow-wrap:anywhere}.rarity-normal{--rarity-c: var(--rarity-normal)}.rarity-magic{--rarity-c: var(--rarity-magic)}.rarity-rare{--rarity-c: var(--rarity-rare)}.rarity-unique{--rarity-c: var(--rarity-unique)}.item-name{color:var(--rarity-c, var(--text-primary))}.item-lines{font-size:var(--text-sm);color:var(--text-secondary);overflow-wrap:anywhere}.item-line{padding:1px 0}.item-line--explicit{color:var(--rarity-magic)}.item-line--implicit{color:#7f8fd0}.item-line--enchant{color:#b4b4ff}.item-line--rune{color:#8cf}.item-line--base{color:var(--text-secondary)}.item-tier{margin-left:var(--space-1);padding:0 4px;border-radius:3px;font-size:.72em;vertical-align:1px;border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:default}.item-tier--top{color:#e7b45a;border-color:#e7b45a66}.item-line-sep{height:1px;margin:var(--space-1) 0;background:var(--border-subtle)}.items-hint{color:var(--text-secondary);font-size:var(--text-sm)}.item-slot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.item-actions{display:flex;gap:var(--space-1)}.item-actions button{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.item-empty-hint{color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-2) 0 0}.item-editor textarea{width:100%;font-family:var(--font-mono);font-size:var(--text-xs);margin-top:var(--space-2);resize:vertical}.item-editor-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.paper-doll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.doll-slot{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:center;gap:5px var(--space-2);min-height:94px;min-width:0;padding:var(--space-3);text-align:left;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.doll-slot:not(.doll-slot-empty){border-color:var(--border-subtle);background:var(--surface-card)}.doll-slot:hover{border-color:var(--accent-gold-dim);box-shadow:0 0 12px #d8b36a1f}.doll-slot:active{transform:none}.doll-slot-empty{border-style:dashed;opacity:.7}.doll-slot.is-selected{border-color:var(--accent-gold);box-shadow:0 0 0 1px var(--accent-gold-dim)}.doll-slot-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.doll-item-name{font-size:var(--text-sm);overflow-wrap:anywhere}.doll-empty{color:var(--text-muted);font-size:var(--text-xs)}.utility-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.item-detail{min-width:0;background:var(--surface-panel);border:1px solid var(--border-subtle);border-top:2px solid var(--rarity-c, var(--accent-gold));border-radius:var(--radius-md);padding:var(--space-6)}.item-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.rune-editor{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.rune-editor-title{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.socket-count-controls{display:inline-flex;gap:2px}.socket-count-controls button{min-width:1.8em;padding:.1em .4em}.library-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.library-search{min-width:0;width:100%}.library-slot-filter{display:inline-flex;align-items:center;gap:.4em;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer}.library-list{display:flex;flex-direction:column;gap:var(--space-2)}.library-row{background:var(--surface-card);border:1px solid var(--border-subtle);border-left:3px solid var(--rarity-c, var(--border-subtle));border-radius:var(--radius-sm)}.library-row:hover{border-color:var(--accent-gold-dim);border-left-color:var(--rarity-c, var(--accent-gold-dim))}.library-row-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-wrap:nowrap}.library-row-toggle{flex:1 1 180px;min-width:0;display:flex;align-items:center;gap:var(--space-2);background:none;border:none;padding:0;text-align:left;cursor:pointer}.library-row-toggle:hover{background:none}.library-row-toggle .item-name{margin:0;font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-row-slot{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.library-row-body{padding:var(--space-1) var(--space-3) var(--space-2);border-top:1px solid var(--border-subtle)}.library-row-body>.item-name{display:none}.library-diff{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.items-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-6);align-items:start}.items-collection{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.doll-symbol{grid-row:span 2;display:grid;place-items:center;color:var(--text-secondary)}.doll-symbol svg{width:28px;height:28px}.doll-slot-label{align-self:end;color:var(--text-secondary)}.doll-item-name{align-self:start;line-height:1.6;margin:0;font-size:var(--text-sm)}.doll-slot.is-selected{background:color-mix(in srgb,var(--accent-gold) 8%,var(--surface-card));box-shadow:none}.doll-slot.is-selected .doll-symbol{color:var(--accent-gold)}.utility-heading{border-top:1px solid var(--border-subtle);padding-top:var(--space-6);margin-top:var(--space-6)}.utility-row .doll-slot{grid-template-columns:minmax(0,1fr);gap:var(--space-1);min-height:88px}.utility-row .doll-symbol{display:none}.item-detail-header{flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.item-detail-header .item-slot{color:var(--accent-gold)}.item-detail>.item-name{margin-top:var(--space-4);font-size:var(--text-lg)}.item-detail .item-lines{line-height:1.8}.item-actions{flex-wrap:wrap}.library-row-head>.item-actions{margin-left:auto}.library-row-slot{margin-left:auto}.library-row-body{padding:var(--space-3)}.items-hint{line-height:1.7}@media(max-width:1200px){.items-workspace{grid-template-columns:minmax(0,1fr)}.paper-doll{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-row{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:600px){.paper-doll,.utility-row{grid-template-columns:repeat(2,minmax(0,1fr))}.doll-slot{grid-template-columns:minmax(0,1fr);min-height:76px;padding:var(--space-2)}.doll-symbol{display:none}.item-detail{padding:var(--space-4)}.library-row-toggle{flex-wrap:wrap}.library-row-toggle .item-name{white-space:normal;flex:1}}.library-row-toggle{display:grid;grid-template-columns:10px minmax(0,1fr);gap:2px var(--space-2)}.library-row-toggle .row-caret{grid-row:span 2}.library-row-slot{grid-column:2;margin-left:0}.library-row-head>.item-actions{flex-wrap:nowrap}@media(max-width:600px){.library-row-head{flex-wrap:wrap}.library-row-toggle{flex-basis:100%}}.item-detail{scroll-margin-top:var(--space-4)}.item-position{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);max-width:100%}@media(min-width:1800px){.paper-doll{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-row{grid-template-columns:repeat(5,minmax(0,1fr))}}.guidance-page{display:flex;flex-direction:column;gap:var(--space-4)}.guidance-page h3,.guidance-page h4,.guidance-page p{margin:0}.guidance-page h4{font-size:var(--text-base)}.guidance-page p{line-height:1.6}.guidance-page a{color:var(--accent-gold);text-underline-offset:3px}.guidance-page label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm)}.guidance-page input:not([type=checkbox]),.guidance-page select,.guidance-page textarea{box-sizing:border-box;max-width:100%;min-width:0}.guidance-identity{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-6);background:var(--surface-panel);border:1px solid var(--accent-gold-dim);border-radius:var(--radius-md)}.guidance-identity h3{font-size:var(--text-xl);margin-top:var(--space-2)}.guidance-identity p,.guidance-muted,.guidance-source{color:var(--text-secondary)}.guidance-identity label{min-width:180px;max-width:100%}.guidance-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.guidance-card{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);min-width:0}.guidance-actions .guidance-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.guidance-actions button{margin-top:auto}.guidance-actions p,.guidance-live p,.guidance-paste p{color:var(--text-secondary);font-size:var(--text-sm)}.guidance-step{font-family:var(--font-mono);color:var(--accent-gold)}.guidance-config{align-self:flex-start}.guidance-notice{padding:var(--space-3) var(--space-4);border-left:2px solid var(--accent-gold-dim);color:var(--text-secondary);font-size:var(--text-sm);background:var(--surface-panel)}.guidance-gap-list{list-style:none;padding:0;margin:0;width:100%;font-size:var(--text-sm)}.guidance-gap-list li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.guidance-gap-list strong{color:var(--accent-gold)}.guidance-live{display:flex;flex-direction:column;gap:var(--space-4)}.guidance-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.guidance-page .guidance-checkbox{flex-direction:row;align-items:center}.guidance-link{padding:var(--space-2) var(--space-3);border:1px solid var(--accent-gold-dim);border-radius:var(--radius-sm)}.guidance-search{flex:1}.guidance-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.guidance-section-heading h3 span{color:var(--text-muted);font-weight:400;margin-left:var(--space-2)}.guidance-section-heading details{max-width:480px;font-size:var(--text-sm)}.guidance-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.guidance-result{display:flex;flex-direction:column;gap:var(--space-3)}.guidance-result.is-selected{border-color:var(--accent-gold)}.guidance-result-top{display:flex;justify-content:space-between;gap:var(--space-3)}.guidance-result-top p{color:var(--text-secondary);font-size:var(--text-sm)}.guidance-score{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.guidance-score strong{color:var(--accent-gold);font-size:var(--text-xl)}.guidance-score span{color:var(--text-muted);font-size:var(--text-xs)}.guidance-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.guidance-badges span{padding:3px 7px;border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-secondary);font-size:var(--text-xs)}.guidance-source{font-size:var(--text-xs)}.guidance-row-actions{display:flex;gap:var(--space-4);align-items:center;margin-top:auto}.guidance-empty{color:var(--text-secondary);padding:var(--space-6);text-align:center}.guidance-paste{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.guidance-paste textarea{width:100%;font-family:var(--font-mono);resize:vertical}.guidance-detail{display:flex;flex-direction:column;gap:var(--space-4);scroll-margin-top:var(--space-4)}.guidance-table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.guidance-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.guidance-table th,.guidance-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.guidance-table th{font-weight:500}.guidance-table thead{background:var(--surface-card);color:var(--text-secondary)}.guidance-gem--str{color:var(--color-life)}.guidance-gem--dex{color:var(--color-positive)}.guidance-gem--int{color:var(--color-es)}.guidance-equipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.guidance-equipment h4{margin-bottom:var(--space-3);color:var(--accent-gold)}.guidance-equipment-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);font-size:var(--text-sm)}.guidance-equipment pre,.guidance-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6}.guidance-passives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.guidance-passives details{margin-top:var(--space-3);font-size:var(--text-sm)}.guidance-page summary{cursor:pointer;color:var(--text-secondary)}.guidance-page .guidance-skill-group{margin-top:var(--space-3);font-size:var(--text-sm)}.guidance-skill-group.is-disabled{color:var(--text-muted);text-decoration:line-through}.guidance-page{overflow-wrap:anywhere}@media(max-width:1100px){.guidance-actions,.guidance-equipment{grid-template-columns:1fr}}@media(max-width:650px){.guidance-results,.guidance-passives{grid-template-columns:1fr}.guidance-identity{padding:var(--space-4)}.guidance-filters{align-items:flex-start;flex-direction:column}.guidance-search{width:100%}.guidance-equipment-pair{grid-template-columns:1fr}}.guidance-entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.guidance-section-heading{scroll-margin-top:var(--space-4)}@media(max-width:900px){.guidance-entry{grid-template-columns:minmax(0,1fr)}}.skills-hint{color:var(--text-secondary);font-size:var(--text-sm)}.skill-groups{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:1800px){.skill-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.skill-group{text-align:left;background:var(--surface-card);border:1px solid var(--border-subtle);border-left:3px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.skill-group:hover{border-color:var(--accent-gold-dim)}.skill-group.is-main{border-left-color:var(--accent-gold)}.skill-group.is-disabled{opacity:.55}.skill-group-header{display:flex;align-items:center;gap:var(--space-2)}.skill-main-toggle{flex:none;background:none;border:none;padding:0 2px;color:var(--text-muted);cursor:pointer}.skill-main-toggle:hover{background:none;color:var(--accent-gold-bright)}.skill-main-toggle.is-on{color:var(--accent-gold)}.skill-group-name{color:var(--text-primary);font-weight:600;white-space:nowrap}.skill-group-slot{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase}.skill-group-main{color:var(--accent-gold-bright);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em}.skill-group-off{color:var(--color-negative);font-size:var(--text-xs)}.skill-gems{list-style:none;margin:var(--space-2) 0 0;padding:0;font-size:var(--text-sm)}.skill-gem{display:flex;justify-content:space-between;color:var(--text-secondary);padding:1px 0}.skill-gem.is-active{color:var(--text-primary)}.gem-level{color:var(--text-muted);font-variant-numeric:tabular-nums}.skills-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.skills-toolbar input[list]{min-width:280px}.skill-group-title{flex:1;min-width:0;background:transparent;border:none;padding:0;text-align:left;display:flex;gap:var(--space-2);align-items:center;cursor:pointer}.skill-group-title:hover{background:transparent}.skill-group-supports{color:var(--text-muted);font-size:var(--text-xs);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-group-toggle{margin-left:auto;color:var(--text-muted);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-1)}.skill-remove{padding:0 var(--space-2);color:var(--text-muted)}.skill-remove:hover{color:var(--color-negative);border-color:var(--color-negative)}.gem-name{flex:1}.gem-controls{display:flex;gap:var(--space-1);align-items:center}.gem-controls input[type=number]{width:56px}.skill-group input[list]{width:100%;margin-top:var(--space-2);font-size:var(--text-xs)}.gem-picker{position:relative;min-width:0;width:100%;flex:1;max-width:420px}.gem-picker input{width:100%}.gem-picker-panel{display:flex;flex-direction:column;position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;background:var(--surface-raised);border:1px solid var(--accent-gold-dim);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;overflow:hidden}.gem-picker-chips{flex:none;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);border-bottom:1px solid var(--border-subtle)}.gem-chip{font-size:var(--text-xs);padding:0 var(--space-2);background:transparent}.gem-chip.is-active{border-color:var(--accent-gold);background:var(--surface-card)}.gem-picker-count{margin-left:auto;color:var(--text-muted);font-size:var(--text-xs)}.gem-picker-list{min-height:0;list-style:none;margin:0;padding:var(--space-1);max-height:280px;overflow-y:auto}.gem-picker-item{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm)}.gem-picker-item.is-highlight{background:var(--surface-card);outline:1px solid var(--accent-gold-dim)}.gem-dot{width:8px;height:8px;border-radius:50%;flex:none;align-self:center}.gem-primary{color:var(--text-primary)}.gem-secondary{color:var(--text-muted);font-size:var(--text-xs)}.gem-picker-empty{color:var(--text-muted);padding:var(--space-2);font-size:var(--text-sm)}.skill-group-picker{margin-top:var(--space-2)}.skill-sets{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-3) 0;background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.skill-sets-title{color:var(--accent-gold-dim);font-weight:600;font-size:var(--text-sm)}.skill-set-chip{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:0 var(--space-2);font-size:var(--text-sm)}.skill-set-chip button{font-size:var(--text-xs);padding:0 var(--space-1)}.gem-tags{margin-left:auto;display:flex;gap:var(--space-1);flex:none}.gem-tag{color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:0 var(--space-1);white-space:nowrap}.gem-lineage-badge{color:var(--accent-gold-bright, var(--accent-gold-dim));border:1px solid var(--accent-gold-dim);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:0 var(--space-1);flex:none}.gem-optimizer{margin-top:var(--space-2);border-top:1px dashed var(--border-subtle);padding-top:var(--space-2)}.gem-optimizer-toggle{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;color:var(--accent-gold-dim);font-size:var(--text-sm);cursor:pointer;padding:0}.gem-optimizer-toggle[aria-expanded=true] .row-caret{transform:rotate(90deg)}.gem-optimizer-body{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.opt-candidates{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.opt-chip{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:0 var(--space-2);font-size:var(--text-sm)}.opt-row{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.opt-row label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.opt-row input[type=number]{width:5.5rem}.opt-error{color:var(--color-negative, var(--color-life));font-size:var(--text-sm);margin:0}.opt-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.opt-table td{padding:var(--space-1) var(--space-2);border-top:1px solid var(--border-subtle)}.opt-table .opt-score{text-align:right;font-variant-numeric:tabular-nums}.opt-table .opt-delta{text-align:right;color:var(--color-positive);font-variant-numeric:tabular-nums}.opt-baseline td{color:var(--text-muted)}.opt-table .is-infeasible td{opacity:.55}.opt-infeasible{color:var(--text-muted);font-size:var(--text-xs)}.opt-progress{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.opt-progress progress{flex:1;max-width:20rem}.opt-error-cell{color:var(--text-muted);font-size:var(--text-xs)}.opt-node-choice{cursor:pointer;gap:var(--space-1)}.opt-node-delta{color:var(--color-positive);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.tree-optimizer{margin:var(--space-2) 0}.skill-group-title{display:grid;grid-template-columns:12px auto 1fr;gap:var(--space-1) var(--space-2);min-height:44px}.skill-group-title .row-caret{grid-row:1 / 3}.skill-group-supports{grid-row:2;grid-column:2 / -1;font-size:var(--text-sm)}.skill-group-name{white-space:normal}.skill-group-main{justify-self:start;font-weight:500;letter-spacing:0}.skill-group.is-main{background:color-mix(in srgb,var(--accent-gold) 4%,var(--surface-card))}.skill-group.is-main .skill-group-name{color:var(--accent-gold-bright)}.skill-gem-editor{padding-top:var(--space-3);margin-top:var(--space-3);border-top:1px solid var(--border-subtle)}.gem-column-labels{display:grid;grid-template-columns:minmax(0,1fr) 56px 56px 32px;gap:var(--space-1);color:var(--text-muted);font-size:var(--text-xs);padding-inline:var(--space-2)}.skill-gem{align-items:center;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--border-subtle)}.gem-controls{flex:none}.gem-controls .skill-remove{width:32px;padding:0}.skill-group-picker{margin-block:var(--space-4)}.gem-picker-chips{flex-wrap:wrap}.skills-toolbar .gem-picker{max-width:520px}.skill-set-chip{padding-block:var(--space-1)}@media(max-width:600px){.skill-group{padding:var(--space-3)}.skill-group-header{flex-wrap:wrap}.skill-group-title{order:-1;flex:1 0 100%}.skill-group-toggle{margin-left:0}.skill-group-header>.skill-remove{margin-left:auto}.skill-gem{flex-wrap:wrap}.gem-name{flex-basis:100%}.gem-controls{margin-left:auto}.gem-column-labels{grid-template-columns:minmax(0,1fr) 56px 56px 32px}}.support-pool-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);color:var(--text-secondary)}.support-pool-summary>strong{color:var(--accent-gold-bright);font-size:var(--text-lg)}.support-pool-summary>span{flex-basis:100%;font-size:var(--text-xs);color:var(--text-muted)}.support-pool-details{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.support-pool-details .opt-candidates{max-height:240px;overflow:auto;margin-top:var(--space-3)}.support-pool-details>summary{cursor:pointer;color:var(--text-primary)}.support-search{display:grid;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.support-search input{width:100%;min-width:0;box-sizing:border-box}.support-candidate{cursor:pointer;padding:var(--space-2);min-height:36px;max-width:100%;box-sizing:border-box}.support-candidate input{flex:none;accent-color:var(--accent-gold-bright)}.support-candidate>span{overflow-wrap:anywhere}.support-candidate.is-excluded{color:var(--text-muted);border-style:dashed;background:var(--surface-page)}.support-candidate.is-excluded>span:first-of-type{text-decoration:line-through}.support-candidate:focus-within{outline:2px solid var(--accent-gold-dim);outline-offset:2px}.support-excluded{display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-page)}.support-excluded-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm)}.support-excluded .opt-chip{padding:var(--space-1) var(--space-2);max-width:100%;overflow-wrap:anywhere;text-align:start}.support-excluded .skills-hint{margin:0}.support-plan-gems>.opt-chip{max-width:100%;flex-wrap:wrap;overflow-wrap:anywhere}.support-plan-gems>.opt-chip>small{color:var(--text-muted)}.support-exclude-button{display:inline-grid;place-items:center;flex:none;min-width:28px;min-height:28px;padding:0;border:0;background:transparent;color:var(--text-muted);font-size:var(--text-lg)}.support-exclude-button:hover{color:var(--color-negative);background:var(--surface-page)}.support-lineage-option{display:flex;gap:var(--space-2);align-items:center;color:var(--text-secondary);font-size:var(--text-sm)}.support-results{display:grid;gap:var(--space-3)}.support-baseline{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3);background:var(--surface-panel);border-radius:var(--radius-sm);font-size:var(--text-sm)}.support-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}.support-plan-gems{display:flex;flex-wrap:wrap;gap:var(--space-2)}.support-plan>button{grid-row:1 / 3;grid-column:2;align-self:center}.support-plan-metrics{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.support-plan-metrics .is-positive{color:var(--color-positive)}.support-plan-metrics .is-negative{color:var(--color-negative)}.support-descriptions{grid-column:1 / -1}.support-diagnostics{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-page);font-size:var(--text-sm);overflow-wrap:anywhere;min-width:0}.support-diagnostics summary{cursor:pointer;color:var(--text-secondary)}.support-diagnostics summary:focus-visible{outline:2px solid var(--accent-gold-dim);outline-offset:2px}.support-diagnostics ul,.support-diagnostic-excluded{padding-left:var(--space-6)}.support-diagnostic-excluded{display:grid;gap:var(--space-3)}.support-diagnostic-excluded>li{padding:var(--space-2);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm)}.gem-name>.gem-lineage-badge{margin-left:var(--space-2)}@media(max-width:600px){.support-plan{grid-template-columns:minmax(0,1fr)}.support-plan>button{grid-row:auto;grid-column:auto;justify-self:start}.support-pool-details{padding:var(--space-2)}}.skills-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.skills-toolbar>.gem-picker{flex:1 1 220px}.skill-group{scroll-margin-top:var(--space-4)}.skills-toolbar>button{max-width:100%;white-space:normal;text-align:left}@media(min-width:380px)and (max-width:600px){.skill-gem{flex-wrap:nowrap}.gem-name{flex:1 1 0;min-width:0;overflow-wrap:anywhere}}.config-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.config-hint{color:var(--text-secondary);font-size:var(--text-sm)}.config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:var(--space-2)}.config-item{display:flex;align-items:center;gap:var(--space-2);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3)}.config-item.is-overridden{border-color:var(--accent-gold-dim)}.config-key{flex:1;font-size:var(--text-sm);color:var(--text-secondary);overflow-wrap:anywhere}.config-key--raw{font-family:var(--font-mono);font-size:var(--text-xs)}.config-value{width:110px}.config-extra-mods{width:100%;max-width:640px;font-family:var(--font-mono);font-size:var(--text-xs);resize:vertical}.config-modifier-blocks{display:grid;gap:var(--space-3)}.config-modifier-block{min-width:0;padding:var(--space-3);background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.config-modifier-block-header{display:flex;align-items:end;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.config-modifier-enabled,.config-modifier-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.config-modifier-title{flex:1 1 220px}.config-modifier-title input{flex:1;min-width:0}.config-modifier-add{margin-top:var(--space-3)}.config-reset{padding:0 var(--space-1)}.config-add{display:flex;gap:var(--space-2);flex-wrap:wrap}.config-toolbar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.config-toolbar .config-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:0;color:var(--text-secondary)}.config-search{flex:1;min-width:0;flex-basis:220px}.config-section{margin-bottom:var(--space-3)}.config-section-header{width:100%;display:flex;justify-content:space-between;align-items:baseline;background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-4);color:var(--text-primary);font-weight:600}.config-section-header[aria-expanded=true]{color:var(--accent-gold);border-color:var(--accent-gold-dim)}.config-section-count{color:var(--text-muted);font-size:var(--text-xs)}.config-section .config-grid{margin-top:var(--space-2)}.config-toolbar{padding:var(--space-4);background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.config-section-header{align-items:center;text-align:left}.config-section-count{border-radius:20px;background:var(--surface-card);padding:2px 9px}.config-item{min-width:0;min-height:58px}.config-item select{max-width:48%}.config-key{line-height:1.6}.config-value{flex:0 0 90px;width:90px}.config-reset{flex:none;min-width:28px}.config-custom,.config-advanced{margin-top:var(--space-6)}.config-extra-mods{max-width:none;padding:var(--space-3);line-height:1.7}.config-advanced>summary{color:var(--text-primary);font-weight:500}.config-add{margin-top:var(--space-4)}.config-add input{flex:1;min-width:0}@media(max-width:600px){.config-toolbar{align-items:stretch}.config-toolbar .config-row{flex-wrap:wrap}.config-search,.config-add input{flex-basis:100%}}.config-toolbar{position:sticky;top:0;z-index:5;background:var(--surface-page);padding-block:var(--space-3);border-bottom:1px solid var(--border-subtle)}.config-filter{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.config-quick-access{margin-bottom:var(--space-4);min-width:0}.config-quick-context{color:var(--text-primary);overflow-wrap:anywhere}.config-quick-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:var(--space-2);list-style:none;padding:0;margin:var(--space-3) 0 0}.config-quick-entry{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-card)}.config-quick-description{flex:1;min-width:0;overflow-wrap:anywhere}.config-quick-description p{margin:var(--space-2) 0 0}.config-quick-value{color:var(--text-secondary);font-size:var(--text-sm)}.config-quick-value code{white-space:pre-wrap;overflow-wrap:anywhere}.config-quick-entry button{flex:none;max-width:100%;white-space:normal}.config-quick-entry button:focus-visible,.config-item:focus-within{outline:2px solid var(--accent-gold);outline-offset:2px}@media(max-width:600px){.config-quick-entry{flex-direction:column}.config-quick-entry button{align-self:flex-start}}.app-shell{display:flex;flex-direction:column;height:100%}.boot-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-secondary)}.boot-screen h1{color:var(--accent-gold);letter-spacing:.35em;margin:0}.panel-loading{margin:var(--space-6);color:var(--text-secondary)}.boot-error{max-width:640px;white-space:pre-wrap;color:var(--color-negative);background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.topbar{position:relative;min-height:var(--topbar-height);flex-shrink:0;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:var(--surface-panel)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--accent-gold-dim) 0%,var(--border-subtle) 45%,var(--border-subtle) 100%)}.topbar-brand{font-weight:700;letter-spacing:.25em;font-size:var(--text-lg);background:linear-gradient(180deg,var(--accent-gold-bright),var(--accent-gold));-webkit-background-clip:text;background-clip:text;color:transparent}.topbar-versions{display:flex;flex-direction:column;flex:none;color:var(--text-muted);font-size:var(--text-xs);line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums}.topbar-beta{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;color:var(--accent-gold);border:1px solid var(--accent-gold-dim);border-radius:var(--radius-sm);padding:0 var(--space-1);line-height:1.5;-webkit-user-select:none;user-select:none}.beta-banner{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--accent-gold-bright);background:color-mix(in srgb,var(--accent-gold) 10%,transparent);border-bottom:1px solid var(--accent-gold-dim);padding:var(--space-2) var(--space-4)}.beta-banner span{flex:1;min-width:0}.beta-banner-dismiss{min-height:28px;background:transparent;border:1px solid var(--accent-gold-dim);border-radius:var(--radius-sm);color:var(--accent-gold);padding:0 var(--space-2);white-space:nowrap}.topbar-tabs{display:flex;gap:var(--space-1);flex:1;min-width:0;overflow-x:auto;align-self:stretch;align-items:stretch}.topbar-tab{position:relative;background:transparent;border:none;border-radius:0;color:var(--text-secondary);padding:0 var(--space-3);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out)}.topbar-tab:after{content:"";position:absolute;left:var(--space-2);right:var(--space-2);bottom:0;height:2px;background:var(--accent-gold);transform:scaleX(0);transition:transform var(--duration-fast) var(--ease-out)}.topbar-tab:hover{color:var(--text-primary);background:transparent}.topbar-tab:active{transform:none}.topbar-tab.is-active{color:var(--accent-gold-bright);background:color-mix(in srgb,var(--accent-gold) 6%,transparent)}.topbar-tab.is-active:after{transform:scaleX(1)}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.topbar-source{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary)}.topbar-source:hover,.topbar-source:focus-visible{color:var(--accent-gold-bright);background:var(--surface-raised);border-color:var(--border-strong)}.topbar-busy{color:var(--accent-gold);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar-character{color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap}.topbar-lang{font-size:var(--text-xs)}.app-body{flex:1;display:flex;min-height:0}.app-main{flex:1;min-width:0;overflow:auto;padding:var(--space-8);scrollbar-gutter:stable}.empty-hint{color:var(--text-muted);padding:var(--space-6);text-align:center}.calc-error{color:var(--color-negative);background:color-mix(in srgb,var(--color-negative) 12%,transparent);border:1px solid var(--color-negative);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);white-space:pre-wrap}@media(max-width:768px){.app-body{flex-direction:column}}.stats-toggle{display:none}@media(max-width:1100px){.app-main{padding:var(--space-6)}.topbar{gap:var(--space-2)}.topbar-tab{padding-inline:var(--space-2)}.topbar-character{max-width:120px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:768px){.topbar{flex-wrap:wrap;padding:var(--space-2) var(--space-3) 0;gap:var(--space-2)}.topbar-tabs{order:3;flex:1 0 100%;min-height:44px}.topbar-tab{flex:1;min-width:max-content}.topbar-right{margin-left:auto;gap:var(--space-2);min-width:0}.topbar-beta,.topbar-character{display:none}.beta-banner{font-size:var(--text-xs)}.stats-toggle{display:flex;align-items:center;justify-content:space-between;flex:none;width:100%;padding:var(--space-2) var(--space-4);background:var(--surface-panel);border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;font-size:var(--text-sm);color:var(--accent-gold)}.app-main{padding:var(--space-4)}}.editor-draft-notice{border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.editor-draft-notice p{margin:0 0 .5rem}.editor-draft-notice button+button{margin-left:.5rem}.import-config-review{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-panel);color:var(--text-secondary);font-size:var(--text-sm)}.import-config-review p{flex:1 1 360px;margin:0}:root{--surface-page: #101216;--surface-panel: #181b21;--surface-card: #20242c;--surface-raised: #262a33;--border-subtle: #2c313b;--border-strong: #3d4450;--text-primary: #e8e6e0;--text-secondary: #b3b7c1;--text-muted: #9298a4;--accent-gold: #d8b36a;--accent-gold-bright: #f0cf8b;--accent-gold-dim: #8a7440;--color-life: #e05030;--color-mana: #4070e0;--color-es: #8bb8e8;--color-fire: #e06030;--color-cold: #62a8e8;--color-lightning: #e8d44d;--color-chaos: #c05ac0;--color-physical: #c79d93;--color-defence: #a8c0a0;--color-positive: #7fbf5f;--color-negative: #e05050;--rarity-normal: #c8c8c8;--rarity-magic: #8888ff;--rarity-rare: #ffff77;--rarity-unique: #af6025;--rarity-gem: #1ba29b;--font-ui: "Segoe UI", "PingFang SC", "Noto Sans", system-ui, sans-serif;--font-mono: "SF Mono", "Cascadia Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.08rem;--text-xl: 1.35rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--content-width: 2400px;--control-height: 36px;--space-8: 2rem;--radius-sm: 6px;--radius-md: 12px;--duration-fast: .12s;--ease-out: cubic-bezier(.16, 1, .3, 1);--sidebar-width: 264px;--topbar-height: 64px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{color-scheme:dark;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.45;-webkit-font-smoothing:antialiased}button{min-height:var(--control-height);font:inherit;color:inherit;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}button:hover{border-color:var(--accent-gold-dim);background:var(--surface-card)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default;transform:none}::selection{background:color-mix(in srgb,var(--accent-gold) 35%,transparent)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-dim)}*::-webkit-scrollbar-track{background:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-gold);outline-offset:1px}input,textarea,select{min-height:var(--control-height);min-width:0;font:inherit;color:var(--text-primary);background:var(--surface-page);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}.app-select{position:relative;display:inline-block;max-width:18em;min-width:0}.app-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;max-width:18em;background:var(--surface-page);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);text-align:left}.app-select-trigger:hover{background:var(--surface-page);border-color:var(--accent-gold-dim)}.app-select-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-select-caret{flex:none;color:var(--text-muted);font-size:var(--text-xs)}.app-select-panel{position:absolute;z-index:20;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;max-width:min(320px,calc(100vw - 2rem));max-height:280px;overflow-y:auto;list-style:none;margin:0;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--accent-gold-dim);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080}.app-select-option{padding:var(--space-2);min-height:var(--control-height);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);white-space:normal;overflow-wrap:anywhere;overflow:hidden;text-overflow:ellipsis}.app-select-hint{display:block;color:var(--text-muted);font-size:var(--text-xs);white-space:normal}.app-select-option.is-highlight{background:var(--surface-card);outline:1px solid var(--accent-gold-dim)}.app-select-option.is-selected{color:var(--accent-gold-bright)}.app-select-group{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-2) 0}.granted-badge{margin-left:.5em;padding:.1em .5em;border:1px solid var(--border-subtle, rgba(255, 255, 255, .15));border-radius:3px;color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.skill-metrics-row.is-granted td:first-child{color:var(--text-muted)}.note-block{display:block;width:100%;text-align:left;border:0;margin:var(--space-2) 0 0;padding:var(--space-1) var(--space-3);border-left:2px solid var(--accent-gold-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb,var(--accent-gold) 6%,transparent);color:var(--text-secondary);font-size:var(--text-sm);white-space:pre-wrap;cursor:pointer}.note-block-label{display:block;color:var(--accent-gold-dim);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.note-add{margin-top:var(--space-2);border-style:dashed;border-color:var(--border-subtle);color:var(--text-muted);font-size:var(--text-sm);background:transparent}.note-add:hover{color:var(--accent-gold)}.note-editor-input{display:block;width:100%;margin-top:var(--space-2);resize:vertical;font-size:var(--text-sm)}.note-dot{display:inline-block;flex:none;width:6px;height:6px;margin-left:var(--space-1);border-radius:50%;background:var(--accent-gold)}.row-caret{display:inline-block;flex:none;color:var(--text-muted);font-size:var(--text-xs);transition:transform var(--duration-fast) var(--ease-out)}[aria-expanded=true]>.row-caret{transform:rotate(90deg)}@keyframes panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.app-main>section{animation:panel-in .16s var(--ease-out)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.ui-page{width:100%;max-width:var(--content-width);margin-inline:auto;min-width:0;padding-bottom:var(--space-6)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header h2{margin:0;font-size:1.65rem;font-weight:600;letter-spacing:-.035em;line-height:1.3;color:var(--text-primary)}.page-header p{margin:var(--space-2) 0 0;max-width:64em;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.page-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.page-eyebrow{display:block;color:var(--accent-gold);font-size:var(--text-xs);margin-bottom:var(--space-2)}.ui-card{min-width:0;background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6)}.section-heading,.panel-subheading{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.panel-subheading{margin-top:var(--space-6)}.ui-badge{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--border-subtle);border-radius:20px;font-size:var(--text-xs);font-weight:400;color:var(--text-secondary);white-space:nowrap}.button-primary{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--surface-page);font-weight:600}.button-primary:hover{background:var(--accent-gold-bright)}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;flex:none;accent-color:var(--accent-gold);cursor:pointer}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.8}summary{cursor:pointer}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}@media(max-width:600px){.page-header{align-items:flex-start;flex-wrap:wrap;gap:var(--space-3)}.page-header h2{font-size:var(--text-xl)}.ui-card{padding:var(--space-4)}.app-select{max-width:100%}}.weapon-set-control{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--text-sm)}.weapon-set-control>span{color:var(--text-secondary);margin-right:6px}.weapon-set-control button[aria-pressed=true]{color:var(--accent-gold);border-color:var(--accent-gold);background:var(--surface-raised)}.weapon-set-hint{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 20px}.skill-weapon-binding{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}.skill-weapon-binding label{color:var(--text-secondary);font-size:var(--text-sm)}.page-header-actions{flex-wrap:wrap;min-width:0;max-width:100%}.opt-row label.opt-checkbox,.tree-planner-controls label.opt-checkbox{flex-direction:row;align-items:center;gap:8px;align-self:center;line-height:1.5}.opt-checkbox input[type=checkbox]{width:auto;margin:0;flex-shrink:0}.search-empty{padding:var(--space-6);margin-block:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);text-align:center}.search-empty p{margin:0 0 var(--space-3)}.copy-control{display:inline-flex;flex-wrap:wrap;gap:var(--space-2);max-width:100%;min-width:0;vertical-align:top}.copy-fallback{display:flex;flex:1 1 100%;flex-direction:column;gap:var(--space-2);min-width:0;color:var(--color-negative);font-size:var(--text-sm)}.copy-fallback textarea{width:100%;resize:vertical;font-family:var(--font-mono)}@media(pointer:coarse){.topbar-tab,.stats-toggle,.build-card button,.config-reset,.app-select-trigger{min-height:44px}}