.planner-shell{padding-block:clamp(1.5rem,4vw,3.4rem) 4rem}.planner-heading{flex-wrap:wrap;align-items:baseline;gap:.25rem clamp(1.2rem,4vw,3.2rem);margin-block:0 1.5rem;display:flex}.planner-heading h1,.planner-heading p{margin:0}.planner-heading h1{font-family:var(--display,inherit);text-transform:uppercase;font-size:clamp(2.6rem,7vw,5rem);line-height:.97}.planner-heading p{max-width:38rem;line-height:1.55}.planner-workspace{border-block-start:1px solid var(--line);grid-template-columns:minmax(0,3fr) minmax(15rem,1fr);align-items:start;gap:.75rem;padding-block-start:.75rem;display:grid}.planner-stage,.planner-summary{min-width:0}.planner-stage.panel{padding:0}.planner-controls{border-block-end:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1fr);gap:.65rem;padding:.85rem;display:grid}.planner-shell label{color:var(--muted);gap:.32rem;font-size:.79rem;font-weight:550;display:grid}.planner-shell :is(select,input:not([type=range])){width:100%;min-width:0;color:var(--text);background:var(--bg);border:1px solid var(--line);font:inherit;border-radius:0;padding:.55rem .62rem}.planner-paperdoll{grid-template-columns:minmax(6rem,1fr) minmax(0,1.8fr) minmax(6rem,1fr);grid-template-areas:"left portrait right";align-items:stretch;min-height:26rem;display:grid;position:relative;overflow:clip}.planner-slot-stack{z-index:1;align-content:center;gap:.7rem;padding:.7rem;display:grid}.planner-slot-left{grid-area:left}.planner-slot-right{grid-area:right}.planner-slot{border:1px solid var(--line);background:var(--bg);min-width:0;min-height:3.7rem}.planner-slot[data-active=true]{border-color:var(--accent)}.planner-slot-select{text-align:start;width:100%;min-height:2.1rem;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:.4rem;padding:.35rem .43rem;font-size:.8rem;font-weight:700;display:flex}.planner-slot-select:hover{background:var(--surface)}.planner-slot-symbol{block-size:1.35rem;color:var(--accent);border:1px solid var(--line);flex:0 0 1.35rem;place-items:center;display:grid}.planner-slot-symbol:after{content:"";border:1px solid;block-size:.4rem;inline-size:.4rem;transform:rotate(45deg)}.planner-slot-rank{font-variant-numeric:tabular-nums;color:var(--accent);margin-inline-start:auto}.planner-slot>:is(.item-tooltip,.muted){padding:0 .45rem .43rem;font-size:.75rem;line-height:1.4;display:block}.planner-slot[data-rarity=embedded] .planner-slot-rank{color:var(--gold)}.planner-portrait{background:var(--bg);border-inline:1px solid var(--line);grid-area:portrait;grid-template-rows:1fr auto;min-height:100%;margin:0;display:grid;position:relative}.planner-portrait img{object-fit:contain;object-position:center;width:100%;height:calc(100% - 1.8rem);display:block;position:absolute;inset:0}.planner-portrait small{color:var(--muted);margin-inline-start:.4rem;font-size:.72rem;font-weight:400}.planner-portrait-fallback{background:linear-gradient(135deg, var(--surface), var(--bg));grid-row:1}.planner-portrait figcaption{z-index:1;text-align:center;color:var(--text);border-block-start:1px solid var(--line);background:var(--surface);grid-row:2;padding:.32rem;font-size:.8rem;font-weight:700}.planner-editor{border-block-start:1px solid var(--line);padding:.85rem}.planner-editor-header,.planner-summary-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.planner-editor-header{margin-block-end:.65rem}.planner-editor h2,.planner-summary h2,.planner-summary h3{font-family:var(--display,inherit);margin:0;line-height:1.15}.planner-text-action{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.8rem;text-decoration:underline}.planner-editor-settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr);align-items:end;gap:.65rem;margin-block-start:.65rem;display:grid}.planner-range span{justify-content:space-between;gap:.5rem;display:flex}.planner-range output{color:var(--accent);font-weight:750}.planner-range input{width:100%;accent-color:var(--accent);margin:.35rem 0 .5rem}.planner-item-value{color:var(--accent);margin:.55rem 0 0;font-size:.84rem}.planner-summary.panel{padding:.9rem}.planner-summary-heading>span{color:var(--accent);font-size:.8rem}.planner-primary-stats,.planner-modifiers{margin:.75rem 0}:is(.planner-summary,.planner-hud-share) :is(dl,.planner-bonuses)>:is(div,li){border-block-start:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:.4rem;padding:.42rem 0;font-size:.86rem;display:flex}:is(.planner-summary,.planner-hud-share) dd{font-variant-numeric:tabular-nums;margin:0}.planner-primary-stats dd{color:var(--accent);font-weight:750}.planner-modifiers{color:var(--muted)}.planner-summary-section{border-block-start:1px solid var(--line);margin-block-start:.85rem;padding-block-start:.75rem}.planner-summary-section h3{margin-block-end:.45rem}.planner-summary-section p{margin:.4rem 0 .65rem;font-size:.8rem}.planner-bonuses{margin:.4rem 0 .7rem;padding:0;list-style:none}.planner-summary .planner-bonuses li{justify-content:stretch;gap:.1rem;display:grid}.planner-bonuses li span{color:var(--muted)}.planner-sharing input{font-family:ui-monospace,monospace!important;font-size:.77rem!important}.planner-share-buttons{flex-wrap:wrap;gap:.45rem;margin-block:.6rem;display:flex}.planner-share-buttons .button{font-size:.79rem}.planner-share-buttons .planner-secondary{border:1px solid var(--line);color:var(--text);background:0 0}.planner-import{margin-block-start:.7rem;font-size:.85rem}.planner-import summary{cursor:pointer;color:var(--muted)}.planner-import form{gap:.45rem;margin-block-start:.45rem;display:grid}.planner-import .button{justify-self:start}.planner-hud-share.panel{max-width:42rem;margin-block:0 .8rem;padding:.65rem .85rem}.planner-hud-share .planner-announcement:empty{display:none}.planner-hud-result{gap:.45rem;margin-block-start:.6rem;display:grid}.planner-announcement:not(:empty){color:var(--accent)}@media (max-width:62rem){.planner-workspace{grid-template-columns:minmax(0,2.2fr) minmax(14rem,1fr)}.planner-paperdoll{grid-template-columns:minmax(5.8rem,1fr) minmax(0,1.4fr) minmax(5.8rem,1fr);min-height:22rem}.planner-slot-stack{padding:.42rem}}@media (max-width:45rem){.planner-heading h1{font-size:clamp(2.5rem,12vw,4.4rem)}.planner-workspace{grid-template-columns:minmax(0,1fr)}.planner-controls{grid-template-columns:minmax(0,1fr) 6rem}.planner-faction-control{grid-column:1/-1}.planner-paperdoll{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"portrait portrait""left right";min-height:0}.planner-portrait{border-inline:0;min-height:15rem}.planner-slot-stack{gap:.42rem;padding:.6rem}}@media (max-width:22rem){.planner-controls{grid-template-columns:minmax(0,1fr)}}@media (max-width:24rem){.planner-editor-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-range{grid-column:1/-1}}.planner-skill-details summary{cursor:pointer;color:var(--muted);font-size:.82rem}.planner-skill-details dd{text-align:end;overflow-wrap:anywhere}.planner-skill-rows small{line-height:1.4;display:block}.planner-combat-inputs{gap:.6rem;margin-block:.65rem;display:grid}.planner-math-link{margin-block-start:.6rem;display:inline-block}.planner-firmware{margin-block-start:.8rem}.planner-firmware .planner-item-value{grid-column:1/-1;margin:0}.planner-companion{border-top:1px solid var(--line)}.planner-item-meta{flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;display:flex}.planner-item-meta span{color:var(--muted);font-size:.79rem}.planner-command-preview{margin-block-start:.75rem}.planner-command-preview p{color:var(--muted);margin:0 0 .6rem;font-size:.85rem;line-height:1.45}.planner-command-preview dl{flex-wrap:wrap;gap:.5rem 1rem;margin:0;font-size:.83rem;display:flex}.planner-command-preview dd{color:var(--accent);font-variant-numeric:tabular-nums;margin:.22rem 0 0;font-weight:700}.planner-public{margin-top:1.2rem}.planner-public-heading h2{margin:0}.planner-public-heading p{margin:.35rem 0 1rem}.planner-public-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.25rem;display:grid}.planner-publish-form{gap:.65rem;max-width:28rem;display:grid}.planner-shell .planner-check{align-items:center;gap:.45rem;display:flex}.planner-shell .planner-check input[type=checkbox]{appearance:auto;width:1rem;min-height:0;accent-color:var(--accent);flex:none;margin:0}.planner-publish-form .button{justify-self:start}.planner-public-link{margin-top:.75rem}.planner-public-link .planner-share-buttons{align-items:center}.planner-public-list ul{margin:0;padding:0;list-style:none}.planner-list-filter{flex-wrap:wrap;gap:.45rem;margin-block-end:.5rem;display:flex}.planner-list-filter .button,.planner-more-builds{font-size:.95rem}.planner-more-builds{margin-block-start:.65rem}.planner-public-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem 0;display:flex}.planner-public-list li>div:first-child{overflow-wrap:anywhere;min-width:0}.planner-public-list small{color:var(--muted);display:block}.planner-list-actions{align-items:center;gap:.5rem;display:flex}.planner-list-actions .button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}@media (max-width:660px){.planner-public-grid{grid-template-columns:minmax(0,1fr)}}@media (hover:none){.planner-shell :is(select,input:not([type=range])){font-size:1rem}}