.dl-app{--dl-stock-size: 5.2rem;display:flex;flex-direction:column;gap:.65rem;height:100%;max-height:100dvh;padding:.55rem .75rem .75rem;box-sizing:border-box;overflow:hidden}.dl-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem .75rem;flex-shrink:0}.dl-subtitle{margin:.2rem 0 0;max-width:36rem;font-size:.85rem;color:var(--ink-muted);line-height:1.35}.dl-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.dl-main{flex:1;min-height:0;display:grid;grid-template-rows:auto 1fr auto;gap:.65rem}.dl-palette-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.35rem;width:100%}.dl-palette-wrap>.dl-palette{grid-column:2;justify-self:center}.dl-palette-wrap>.dl-gear-btn{grid-column:3;justify-self:end}.dl-palette{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;width:fit-content;max-width:100%;padding:.45rem .55rem;background:var(--surface);border:2px solid var(--border);border-radius:12px}.dl-gear-btn{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin:0;padding:0;border:none;border-radius:10px;background:transparent;color:var(--ink-muted);cursor:pointer}.dl-gear-btn:hover{color:var(--accent);background:var(--accent-soft)}.dl-gear-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.dl-palette__label{font-size:.8rem;font-weight:650;color:var(--ink-muted);margin-right:.25rem}.dl-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--dl-stock-size);height:var(--dl-stock-size);padding:.35rem;border:2px solid var(--border-strong);border-radius:14px;background:#fff;color:var(--ink);cursor:grab}.dl-chip__stock{position:absolute;top:-.4rem;right:-.4rem;min-width:1.15rem;height:1.15rem;padding:0 .25rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;line-height:1.15rem;text-align:center;pointer-events:none;box-shadow:0 0 0 2px var(--surface)}.dl-chip:active{cursor:grabbing}.dl-chip:hover{border-color:var(--accent);background:var(--accent-soft)}.dl-chip svg{width:100%;height:100%}.dl-arena{display:flex;flex-direction:column;gap:.45rem;min-height:0}.dl-teams{--dl-row-count: 1;--dl-token-gap: .35rem;flex:1;min-height:0;display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:stretch}.dl-compare-wrap{align-self:stretch;display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;align-items:center;width:var(--dl-stock-size)}.dl-compare{grid-row:2;display:flex;align-items:center;justify-content:center;width:var(--dl-stock-size);height:var(--dl-stock-size);box-sizing:border-box;border:2px solid var(--border-strong);border-radius:14px;background:#fff;color:var(--ink);font-size:calc(var(--dl-stock-size) * .55);font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}.dl-compare__tools{grid-row:3;align-self:end;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:.15rem;margin-bottom:.15rem}.dl-compare__tools-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.1rem}.dl-compare__swap-stack{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem}.dl-compare__swap-stack>svg{width:1.45rem;height:1.45rem}.dl-compare__swap-mask{position:absolute;right:-18%;top:-14%;width:72%;height:72%;display:flex;align-items:center;justify-content:center;color:var(--ink);filter:drop-shadow(0 1px 2px rgba(26,35,50,.25));pointer-events:none}.dl-compare__swap-mask svg{width:100%;height:100%;display:block}.dl-snapshots{display:flex;flex-direction:column;gap:.45rem;overflow:auto;padding:.55rem .65rem;background:var(--surface);border:2px solid var(--border);border-radius:14px}.dl-snapshot{display:grid;grid-template-columns:1fr auto 1fr;gap:.45rem;align-items:center;padding:.35rem .45rem;border:2px dashed var(--border);border-radius:12px;background:#fff}.dl-snapshot__side{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;min-height:2.4rem}.dl-snapshot__side--left{justify-content:flex-end}.dl-snapshot__side--right{justify-content:flex-start}.dl-snapshot__sign{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:2px solid var(--border-strong);border-radius:12px;font-size:1.75rem;font-weight:700;color:var(--ink);flex-shrink:0}.dl-snap-token{display:inline-flex;flex-direction:column;align-items:center;gap:.08rem;width:4.7rem;padding:.15rem;color:var(--ink);box-sizing:border-box}.dl-snap-token svg{width:100%;height:auto;aspect-ratio:1;display:block}.dl-snap-token .dl-token__name{font-size:.7rem}.dl-compare-settings{display:flex;flex-direction:column;gap:.75rem}.dl-animal-picker{margin-bottom:.75rem}.dl-animal-picker__lead{margin:0 0 .55rem;font-size:.9rem;color:var(--ink-muted);line-height:1.35}.dl-animal-picker__row{display:flex;flex-wrap:wrap;gap:.4rem}.dl-animal-picker__btn{display:inline-flex;align-items:center;justify-content:center;width:3.1rem;height:3.1rem;padding:.3rem;border:2px solid var(--border);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;opacity:.45}.dl-animal-picker__btn svg{width:100%;height:100%;display:block}.dl-animal-picker__btn--on{opacity:1;border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-soft)}.dl-animal-picker__btn:hover{border-color:var(--accent)}.dl-animal-picker__btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.dl-side{display:flex;flex-direction:column;gap:.4rem;min-height:0;padding:.55rem;background:var(--surface);border:2px solid var(--border);border-radius:14px;transition:border-color .15s,box-shadow .15s}.dl-side--active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dl-side__foot{display:flex;align-items:center;flex-shrink:0}.dl-side--align-end .dl-side__foot{justify-content:flex-start}.dl-side--align-start .dl-side__foot,.dl-side--align-end .dl-tokens{justify-content:flex-end}.dl-side--align-start .dl-tokens{justify-content:flex-start}.dl-tokens{--dl-name-space: 0px;container-type:size;flex:1;display:flex;flex-wrap:nowrap;gap:var(--dl-token-gap);align-content:center;align-items:center;min-height:0;padding:.35rem;border-radius:10px}.dl-side--named .dl-tokens{--dl-name-space: 1.15rem}.dl-token{--dl-by-width: calc( (100cqw - (var(--dl-row-count) - 1) * var(--dl-token-gap)) / var(--dl-row-count) );--dl-by-height: calc(100cqh - var(--dl-name-space));--dl-token-size: min(var(--dl-by-width), var(--dl-by-height));-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;flex-direction:column;align-items:center;gap:.1rem;flex:0 0 var(--dl-token-size);width:var(--dl-token-size);max-width:100%;max-height:100%;padding:.15rem;border:none;border-radius:8px;background:transparent;color:var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform;box-sizing:border-box}.dl-token:active{cursor:grabbing}.dl-token--selected{outline:2px solid var(--accent);outline-offset:2px;background:var(--accent-soft);border-radius:10px}.dl-token--hint{background:var(--accent-soft);border-radius:10px;box-shadow:0 0 0 2px var(--accent-soft)}.dl-token--drop-target{background:var(--accent-soft);border-radius:10px;box-shadow:0 0 0 3px var(--accent);outline:none}.dl-token__stack{position:relative;display:block;width:100%;aspect-ratio:1}.dl-token__under{display:block;width:100%;height:100%}.dl-token__under svg{width:100%;height:100%}.dl-token__mask-over{position:absolute;right:-6%;bottom:-4%;width:58%;height:58%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(26,35,50,.25));pointer-events:none}.dl-token__mask-over svg{width:100%;height:100%}.dl-chip--hint{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft);cursor:pointer}.dl-ctx-menu__label{display:inline-flex;align-items:center;padding:0 .45rem;font-size:.8rem;font-weight:650;color:var(--ink-muted);white-space:nowrap}.dl-ctx-menu{position:fixed;z-index:40;display:flex;gap:.25rem;padding:.25rem;border:2px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 8px 24px #1a233229;transform:translate(-50%,-100%);pointer-events:auto}.dl-ctx-menu__btn{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer}.dl-ctx-menu__btn:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.dl-ctx-menu__btn:disabled{opacity:.35;cursor:not-allowed}.dl-ctx-menu__btn:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.dl-fly-ghost{position:fixed;z-index:50;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .48s cubic-bezier(.22,1,.36,1)}.dl-fly-ghost svg{width:100%;height:100%;display:block}.dl-token--dragging{opacity:0;pointer-events:none}.dl-drag-preview{display:flex;align-items:center;justify-content:center;padding:.15rem;box-sizing:content-box;background:#fff;border:2px solid var(--border-strong, #9aa6b8);border-radius:10px;box-shadow:0 6px 18px #1a233238;color:var(--ink, #1a2332);z-index:10000}.dl-drag-preview svg{width:100%;height:100%;display:block}.dl-token:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.dl-token svg{width:100%;height:auto;aspect-ratio:1;display:block}.dl-token__name{font-size:.65rem;font-weight:650;text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-rope{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;flex-shrink:0;min-height:1.75rem}.dl-rope--hidden{min-height:0;height:0;overflow:hidden;pointer-events:none}.dl-rope__track{width:100%;height:1.35rem;display:flex;align-items:flex-start;justify-content:center;overflow:visible}.dl-rope__line{--rope-light: #c4a574;--rope-mid: #a67c52;--rope-dark: #7a5638;width:min(100%,36rem);height:.55rem;margin-top:.1rem;border-radius:999px;position:relative;transition:transform .3s ease;background-color:var(--rope-mid);background-image:repeating-linear-gradient(-55deg,var(--rope-light) 0 3px,var(--rope-mid) 3px 6px,var(--rope-dark) 6px 8px,var(--rope-mid) 8px 11px);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000002e,0 1px 2px #1a23321f}.dl-rope--left .dl-rope__line{transform:translate(-18%)}.dl-rope--right .dl-rope__line{transform:translate(18%)}.dl-rope--equal .dl-rope__line,.dl-rope--unknown .dl-rope__line,.dl-rope--hidden .dl-rope__line{transform:translate(0)}.dl-rope__flag{position:absolute;left:50%;top:100%;width:0;height:0;margin-left:-.55rem;border-left:.55rem solid transparent;border-right:.55rem solid transparent;border-top:.85rem solid var(--accent);transition:border-top-color .2s ease}.dl-rope--unknown .dl-rope__flag{border-top-color:var(--border-strong)}.dl-stock-masks{padding-top:1.15rem}.dl-stock-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.dl-stock-row{display:grid;grid-template-columns:2.4rem minmax(4rem,1fr) auto;gap:.55rem;align-items:center;padding:.55rem .65rem;border:2px solid var(--border);border-radius:10px;background:#fff}.dl-stock-row__icon{display:flex;width:2.2rem;height:2.2rem}.dl-stock-row__icon svg{width:100%;height:100%}.dl-stock-row__name{font-weight:650;color:var(--ink)}.dl-stock-row__controls{display:flex;flex-wrap:wrap;gap:.45rem .65rem;align-items:center;justify-content:flex-end}.dl-stock-row__controls--stock{flex-wrap:nowrap;gap:.55rem}.dl-stock-row__side-label{font-size:.9rem;color:var(--ink-muted);white-space:nowrap}.dl-stock-row__side-label--on{color:var(--ink);font-weight:650}.dl-stock-row__input--muted{opacity:.55}.dl-stock-mode{display:inline-flex;gap:.3rem;align-items:center;font-size:.9rem;color:var(--ink-muted);cursor:pointer}.dl-stock-mode input{accent-color:var(--accent)}.dl-stock-row__input{width:3.5rem;min-height:2rem;padding:.2rem .35rem;border:2px solid var(--border);border-radius:8px;font:inherit;text-align:center;background:#fff;color:var(--ink)}.dl-stock-row__select{min-width:8.5rem;min-height:2rem;padding:.2rem .45rem;border:2px solid var(--border);border-radius:8px;font:inherit;background:#fff;color:var(--ink)}.dl-stock-row__select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dl-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.dl-switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.dl-switch__track{display:block;width:3.1rem;height:1.85rem;border-radius:999px;background:#c5ccd6;transition:background-color .2s ease;box-shadow:inset 0 0 0 1px #1a23320f}.dl-switch__thumb{display:block;width:1.55rem;height:1.55rem;margin:.15rem;border-radius:50%;background:#fff;box-shadow:0 1px 2px #1a233233,0 2px 6px #1a23321f;transition:transform .2s ease}.dl-switch input:checked+.dl-switch__track{background:var(--accent)}.dl-switch input:checked+.dl-switch__track .dl-switch__thumb{transform:translate(1.25rem)}.dl-switch input:focus-visible+.dl-switch__track{outline:3px solid var(--accent);outline-offset:2px}.dl-stock-row__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dl-stock-row__input:disabled{opacity:.45;background:var(--surface)}@media (max-width: 720px){.dl-teams{grid-template-columns:1fr;justify-items:stretch}.dl-compare-wrap{order:-1;justify-self:center}.dl-rope--left .dl-rope__line{transform:translate(-12%)}.dl-rope--right .dl-rope__line{transform:translate(12%)}}.ks-app{display:flex;flex-direction:column;gap:.55rem;height:100%;max-height:100dvh;padding:.55rem .75rem .65rem;box-sizing:border-box;overflow:hidden}.ks-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem .75rem;flex-shrink:0}.ks-subtitle{margin:.15rem 0 0;max-width:40rem;font-size:.85rem;color:var(--ink-muted);line-height:1.3}.ks-volume{margin:0;font-size:1rem;color:var(--ink);background:var(--surface);border:2px solid var(--border);border-radius:10px;padding:.4rem .75rem;flex-shrink:0}.ks-header__right{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.app-actions{display:flex;flex-wrap:wrap;gap:.35rem}.color-picker{align-items:center}.color-swatch{width:2.4rem;height:2.4rem;padding:0;border:3px solid var(--border-strong);border-radius:10px;cursor:pointer;box-shadow:inset 0 0 0 1px #00000014;flex-shrink:0}.color-swatch--sm{width:1.85rem;height:1.85rem;border-width:2px;border-radius:8px}.color-swatch:hover{filter:brightness(1.05)}.color-swatch--active{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent-soft),inset 0 0 0 1px #0000001a}.color-swatch--off{opacity:.35;filter:grayscale(.35)}.color-swatch:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ks-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.85fr);gap:.65rem;flex:1 1 auto;min-height:0;overflow:hidden}.scene-3d{position:relative;min-height:0;height:100%;border:2px solid var(--border);border-radius:12px;overflow:hidden;background:#e8edf3;touch-action:none}.scene-3d__warning{position:absolute;z-index:4;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:.65rem 1rem;background:#8c281eeb;color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.01em;text-align:center;pointer-events:none;box-shadow:0 -4px 16px #1a23322e}.editor-toolbar{position:absolute;z-index:5;top:.55rem;left:.55rem;right:6.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .55rem;padding:.4rem .5rem;background:#fffffff0;border:2px solid var(--border-strong);border-radius:12px;box-shadow:0 4px 16px #1a23321f;pointer-events:auto}.view-nav{position:absolute;z-index:6;top:.55rem;right:.55rem;display:flex;flex-direction:column;align-items:center;gap:.55rem;pointer-events:auto}.view-cube-stage{width:5.75rem;height:5.75rem;display:grid;place-items:center;perspective:480px}.view-cube{position:relative;width:3.35rem;height:3.35rem;transform-style:preserve-3d;transform:rotateX(0) rotateY(0)}.view-cube__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;padding:.12rem;border:1.5px solid #7d8796;background:#ffffffe0;color:#4a5568;font:700 .52rem/1.05 Segoe UI,sans-serif;letter-spacing:.03em;text-align:center;cursor:default;box-sizing:border-box;backface-visibility:hidden;transition:background .15s,color .15s}.view-cube__face:is(button:not([aria-hidden])){cursor:pointer}.view-cube__face:is(button:not([aria-hidden])):hover{background:#fff;color:var(--ink)}.view-cube__face:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.view-cube__face--posZ{transform:rotateY(0) translateZ(1.675rem)}.view-cube__face--negZ{transform:rotateY(180deg) translateZ(1.675rem)}.view-cube__face--posX{transform:rotateY(90deg) translateZ(1.675rem)}.view-cube__face--negX{transform:rotateY(-90deg) translateZ(1.675rem)}.view-cube__face--posY{transform:rotateX(90deg) translateZ(1.675rem)}.view-cube__face--negY{transform:rotateX(-90deg) translateZ(1.675rem);background:#dce2eab3}.view-nav__buttons{display:flex;flex-direction:column;gap:.35rem}.view-nav__btn{width:2.45rem;height:2.45rem;display:grid;place-items:center;padding:0;border:1.5px solid #c5ccd8;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 1px 4px #1a23321a;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.view-nav__btn:hover{background:#f7fafc;border-color:#9aa6b8}.view-nav__btn:active{transform:scale(.96)}.view-nav__btn--active{border-color:var(--accent);background:var(--accent-soft)}.view-nav__btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.editor-toolbar__group{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.editor-toolbar__vis{position:relative}.vis-menu{position:absolute;top:calc(100% + .35rem);left:0;z-index:6;min-width:11.5rem;padding:.4rem;background:#fff;border:2px solid var(--border-strong);border-radius:10px;box-shadow:0 8px 24px #1a233229;display:flex;flex-direction:column;gap:.2rem}.vis-menu__item{display:flex;align-items:center;gap:.55rem;padding:.45rem .5rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--ink)}.vis-menu__item:hover{background:var(--surface-hover)}.vis-menu__item input{width:1.1rem;height:1.1rem;accent-color:var(--accent);flex-shrink:0}.ks-views{display:flex;flex-direction:column;gap:.5rem;min-height:0;height:100%;max-height:100%;overflow:hidden}.ks-elevations{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;min-width:0;min-height:0;flex:1 1 0;overflow:hidden}.ks-elevations--single{grid-template-columns:1fr}.ks-elevations .view-panel{min-width:0;min-height:0;height:100%}.ks-elevations .view-panel__header{flex-wrap:wrap}.ks-elevations .view-panel__header h2{font-size:.85rem}.ks-elevations .view-panel__hint{font-size:.7rem}.view-panel{display:flex;flex-direction:column;gap:.2rem;padding:.35rem .45rem .45rem;background:var(--surface);border:2px solid var(--border);border-radius:12px;min-height:0;overflow:hidden}.view-panel--plan{flex:1 1 0;min-height:0;width:100%;max-width:100%}.view-panel--plan .view-panel__body,.ks-elevations .view-panel__body{padding:.55rem}.view-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.35rem;flex-shrink:0}.view-panel__heading{display:flex;align-items:baseline;gap:.35rem;min-width:0;flex:1 1 auto}.view-panel__header h2{margin:0;font-size:.9rem;font-weight:700;color:var(--ink)}.view-panel__actions{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.plan-settings{position:relative}.plan-settings__btn{display:grid;place-items:center;width:1.7rem;height:1.7rem;padding:0;border:1.5px solid transparent;border-radius:8px;background:transparent;color:var(--ink-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.plan-settings__btn:hover,.plan-settings__btn--open{background:var(--surface-hover);border-color:var(--border);color:var(--ink)}.plan-settings__btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.plan-settings__menu{position:absolute;top:calc(100% + .3rem);right:0;z-index:8;width:min(18rem,70vw);padding:.55rem;background:#fff;border:2px solid var(--border-strong);border-radius:10px;box-shadow:0 8px 24px #1a233229}.plan-settings__lead{margin:0 0 .45rem;font-size:.78rem;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.settings-options--compact{gap:.35rem}.settings-option--compact{padding:.5rem .6rem;gap:.55rem}.settings-option--compact .settings-option__text{font-size:.82rem}.settings-option--compact .settings-option__text strong{font-size:.92rem}.settings-toggles{display:flex;flex-direction:column;gap:.5rem}.settings-toggle{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem .85rem;border:2px solid var(--border);border-radius:10px;cursor:pointer;background:#fff}.settings-toggle:hover{border-color:var(--border-strong);background:var(--surface-hover)}.settings-toggle:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.settings-toggle input{margin-top:.2rem;width:1.15rem;height:1.15rem;flex-shrink:0;accent-color:var(--accent)}.settings-toggle>span{display:flex;flex-direction:column;gap:.15rem;font-size:.95rem;color:var(--ink-muted)}.settings-toggle strong{color:var(--ink);font-size:1.05rem}.view-panel__hint{font-size:.72rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-panel__body{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;container-type:size}.building-grid{position:relative;display:grid;gap:0;--_ar: calc(var(--elev-cols, 5) / var(--elev-rows, 5));width:min(100cqw,calc(100cqh * var(--_ar)),100%);height:auto;aspect-ratio:var(--elev-cols, 5) / var(--elev-rows, 5);max-height:100%;padding:2px;border:1px solid var(--border-strong);background:#e8edf3;box-sizing:border-box;overflow:visible}.building-outline{position:absolute;left:2px;top:2px;right:2px;bottom:2px;width:auto;height:auto;margin:0;padding:0;border:none;pointer-events:none;z-index:4;overflow:visible;color:var(--ink)}.building-outline path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.building-grid--plan,.building-grid--elevation{width:min(100cqw,calc(100cqh * var(--_ar)));max-width:100%;max-height:100%}.building-grid--interactive .building-cell--clickable{cursor:pointer}.building-grid--interactive .building-cell--clickable:hover{background:#eef3fa}.building-grid--interactive .building-cell--clickable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:2}.building-grid--mode-remove .building-cell--clickable:hover{background:#fde8e8}.building-cell{margin:0;padding:0;border:none;border-radius:0;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--ink);min-width:0;min-height:0;overflow:visible;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #9aa6b873}.building-cell--filled{background:#f7f9fc;z-index:1;box-shadow:none}.building-edge{position:absolute;pointer-events:none;z-index:3;background:var(--building-inner-edge, #9aa6b8)}.building-edge--top{left:0;right:0;top:0;height:1px;transform:translateY(-50%)}.building-edge--left{top:0;bottom:0;left:0;width:1px;transform:translate(-50%)}.plan-die{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;aspect-ratio:1;max-width:100%;max-height:100%;gap:1px;padding:8%;box-sizing:border-box}.plan-die__slot{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.plan-dots{display:flex;align-items:center;width:100%;height:100%;min-height:0;box-sizing:border-box}.plan-dots--stack{--dot-count: 1;--dot-gap: 2px;flex-direction:column-reverse;justify-content:flex-start;gap:var(--dot-gap);padding:6%}.plan-dot{border-radius:50%;border:1px solid transparent;box-sizing:border-box;aspect-ratio:1}.plan-die .plan-dot{width:55%;height:55%;max-width:.55rem;max-height:.55rem;flex-shrink:0}.plan-dot--plain{background:var(--ink);border-color:var(--ink)}.plan-dots--stack .plan-dot--colored{flex:0 1 auto;width:min(70%,.55rem,calc((100% - (var(--dot-count) - 1) * var(--dot-gap)) / var(--dot-count)));height:min(70%,.55rem,calc((100% - (var(--dot-count) - 1) * var(--dot-gap)) / var(--dot-count)));max-width:100%;max-height:100%;box-shadow:inset 0 0 0 1px #00000014}@media (max-width: 900px){.ks-main{grid-template-columns:minmax(0,1fr) minmax(180px,.7fr)}.ks-subtitle{display:none}}@media (max-width: 640px){.ks-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,40%)}.ks-views{flex-direction:row;align-items:stretch}.view-panel--plan{flex:1 1 0}.ks-elevations{flex:1 1 0;grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:auto}.btn{font-size:.9rem;padding:.4rem .7rem;min-height:2.2rem}}@media (max-height: 700px){.ks-subtitle{display:none}}.hub{position:relative;min-height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;padding:1.5rem 1.25rem 2.5rem;background:radial-gradient(ellipse 90% 55% at 10% -10%,#d5e8ef 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 95% 5%,#efe6d8 0%,transparent 50%),linear-gradient(165deg,#e8f0f4,#f4efe8);color:var(--ink)}.hub__footer{position:absolute;right:1.15rem;bottom:.85rem;display:inline-flex;align-items:center;gap:.35rem;margin:0;font-size:.75rem;line-height:1.3;color:color-mix(in srgb,var(--ink-muted) 78%,transparent);-webkit-user-select:none;user-select:none}.hub__footer-heart{display:inline-flex;color:color-mix(in srgb,#c45c6a 70%,var(--ink-muted));opacity:.85}.hub__footer a{color:inherit;text-decoration:none}.hub__footer a:hover{text-decoration:underline;color:var(--ink-muted)}.hub__inner{width:min(100%,40rem);margin:0 auto;text-align:center}.hub__brand{margin:0 0 .85rem;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:clamp(1.65rem,4vw,2.35rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--ink);text-align:center}.hub__intro{max-width:36rem;margin:0 auto 1.75rem;display:flex;flex-direction:column;gap:.65rem;text-align:center}.hub__intro p{margin:0;font-size:clamp(.95rem,2.2vw,1.05rem);line-height:1.55;color:var(--ink-muted)}.hub__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;list-style:none;margin:0 auto;padding:0;width:min(100%,34rem);text-align:left}.hub-tile{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background:var(--surface);border:2px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 6px 20px #1a233214;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hub-tile:hover{transform:translateY(-3px);box-shadow:0 10px 28px #1a233224;border-color:var(--tile-accent, var(--accent))}.hub-tile:focus-visible{outline:3px solid var(--tile-accent, var(--accent));outline-offset:3px}.hub-tile--soon{opacity:.92}.hub-tile__visual{position:relative;height:7.5rem;background:color-mix(in srgb,var(--tile-accent, var(--accent)) 18%,#f7fafc);display:grid;place-items:center}.hub-tile__visual svg{width:4.25rem;height:4.25rem;color:var(--tile-accent, var(--accent))}.hub-tile__badge{position:absolute;top:.55rem;right:.55rem;padding:.2rem .5rem;border-radius:999px;background:#1a2332d1;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.hub-tile__body{display:flex;flex-direction:column;gap:.35rem;padding:.85rem .95rem 1rem;flex:1}.hub-tile__title{margin:0;font-size:1.1rem;font-weight:750;line-height:1.25}.hub-tile__desc{margin:0;font-size:.88rem;line-height:1.4;color:var(--ink-muted)}.coming-soon{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;background:radial-gradient(ellipse 80% 50% at 50% 0%,#d5e8ef 0%,transparent 55%),var(--bg)}.coming-soon__card{width:min(100%,28rem);padding:1.5rem 1.35rem 1.4rem;background:var(--surface);border:2px solid var(--border);border-radius:14px;box-shadow:0 8px 28px #1a23321a;text-align:center}.coming-soon__card .env-title{justify-content:center;margin-bottom:.5rem}.coming-soon__card .env-title h1{font-size:1.55rem}.coming-soon__card p{margin:0 0 1.1rem;color:var(--ink-muted);line-height:1.5}.coming-soon__link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 520px){.hub{padding:1.15rem .9rem 2rem}.hub__grid{grid-template-columns:1fr;width:min(100%,20rem)}.hub-tile__visual{height:6.5rem}}.env-title{display:flex;align-items:center;gap:.4rem;margin:0}.env-title h1{margin:0;font-size:clamp(1.2rem,2.4vw,1.75rem);font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.15}.env-title__icon{display:inline-flex;flex-shrink:0;width:2rem;height:2rem;color:var(--accent)}.env-title__icon svg{display:block;width:100%;height:100%}.env-back{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.1rem;height:2.1rem;margin:0;padding:0;border-radius:10px;color:var(--ink);text-decoration:none;transition:background .15s,color .15s}.env-back:hover{background:var(--surface-hover);color:var(--accent)}.env-back:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.env-back__icon{display:block;width:1.35rem;height:1.35rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--border-strong);background:#fff;color:var(--ink);font:inherit;font-size:.95rem;font-weight:600;padding:.45rem .85rem;min-height:2.4rem;border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.btn--sm{font-size:.85rem;padding:.35rem .65rem;min-height:2rem;border-radius:8px}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--toggle.btn--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{background:transparent;border-color:transparent;min-height:2.4rem;padding:.4rem .75rem}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#1a233273}.dialog{width:min(100%,28rem);max-height:min(90vh,36rem);overflow:auto;background:var(--surface);border:2px solid var(--border-strong);border-radius:14px;padding:1rem 1.1rem 1.25rem;box-shadow:0 12px 40px #1a233233}.dialog__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.dialog__header h2{margin:0;font-size:1.35rem}.dialog__section h3{margin:0 0 .25rem;font-size:1.1rem}.dialog__lead{margin:0 0 .75rem;color:var(--ink-muted);font-size:.95rem}.dialog-form{display:flex;flex-direction:column;gap:.85rem}.dialog-field{display:flex;flex-direction:column;gap:.35rem}.dialog-field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.dialog__hint{margin:0;font-size:.85rem;color:var(--ink-muted)}.dialog__section+.dialog__section{margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--border)}.dialog-field__label{font-weight:600;font-size:.95rem;color:var(--ink)}.dialog-field input[type=number]{width:100%;min-height:2.5rem;padding:.45rem .7rem;border:2px solid var(--border);border-radius:10px;font:inherit;font-size:1.05rem;color:var(--ink);background:#fff}.dialog-field input[type=number]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dialog-field input[aria-invalid=true]{border-color:#c0392b}.dialog-field__error{font-size:.85rem;color:#c0392b}.dialog-field--colors{margin:0;padding:0;border:none;min-inline-size:0}.dialog-field--colors legend{padding:0;margin-bottom:.35rem}.dialog-color-picker{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.dialog-form__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.settings-options{display:flex;flex-direction:column;gap:.5rem}.settings-option{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem .85rem;border:2px solid var(--border);border-radius:10px;cursor:pointer;background:#fff}.settings-option:hover{border-color:var(--border-strong);background:var(--surface-hover)}.settings-option--active{border-color:var(--accent);background:var(--accent-soft)}.settings-option input{margin-top:.2rem;width:1.15rem;height:1.15rem;flex-shrink:0;accent-color:var(--accent)}.settings-option__text{display:flex;flex-direction:column;gap:.15rem;font-size:.95rem;color:var(--ink-muted)}.settings-option__text strong{color:var(--ink);font-size:1.05rem}:root{--ink: #1a2332;--ink-muted: #5a6578;--bg: #eef2f6;--surface: #ffffff;--surface-hover: #f3f6fa;--border: #d0d7e2;--border-strong: #9aa6b8;--accent: #1f6f8b;--accent-hover: color-mix(in srgb, var(--accent) 82%, #000);--accent-soft: color-mix(in srgb, var(--accent) 22%, #fff);--accent-ink: color-mix(in srgb, var(--accent) 55%, #000);--cube: #3a7ca5;--cube-edge: #1f4e6b;--building-inner-edge: #8b95a5;font-family:Segoe UI,Trebuchet MS,Gill Sans,sans-serif;line-height:1.45;font-weight:400;color:var(--ink);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}#root{overflow:auto}body{min-width:320px}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}