:root{--bellona: #0C767A;--bellona-600: #0A6367;--bellona-700: #085154;--bellona-100: #E3F1F1;--bg: #FFFFFF;--stage-bg: #FFFFFF;--surface: #FFFFFF;--surface-2: #F7F5F3;--line: #E6E2DD;--line-soft: #F0EDE9;--ink: #16181A;--ink-2: #5C6266;--ink-3: #8B9296;--rail-w: 392px;--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(16, 24, 28, .06), 0 2px 8px rgba(16, 24, 28, .04);--shadow-md: 0 4px 16px rgba(16, 24, 28, .08), 0 12px 32px rgba(16, 24, 28, .06);--shadow-lg: 0 12px 48px rgba(16, 24, 28, .16);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:light}body.dark-mode{--bg: #141618;--stage-bg: #1B1E20;--surface: #1B1E20;--surface-2: #22262A;--line: #2E3338;--line-soft: #262A2E;--ink: #F2F4F5;--ink-2: #A7AFB4;--ink-3: #767E84;--bellona-100: #0E3234;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .38), 0 12px 32px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}body{font:400 15px/1.55 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s var(--ease),color .3s var(--ease)}img{max-width:100%;display:block}button{font:inherit;color:inherit}svg{width:20px;height:20px;stroke-width:1.6}::selection{background:var(--bellona);color:#fff}:focus-visible{outline:2px solid var(--bellona);outline-offset:2px;border-radius:6px}.on-dark{display:none}body.dark-mode .on-dark{display:block}body.dark-mode .on-light{display:none}.app{display:grid;grid-template-columns:1fr var(--rail-w);height:100dvh;overflow:hidden}.stage{position:relative;background:var(--stage-bg);overflow:hidden;transition:background .3s var(--ease)}#viewer-canvas{position:absolute;inset:0}#viewer-canvas iframe{width:100%;height:100%;border:0;display:block}.stage-watermark{position:absolute;left:20px;bottom:18px;font:500 10px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);pointer-events:none;user-select:none;opacity:.75}.topbar{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-logo{height:26px;width:auto;border-radius:3px}.brand-sep{width:1px;height:20px;background:var(--line)}.brand-tag{display:flex;flex-direction:column;font:700 10px/1.25 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.brand-tag em{font-style:normal;font-weight:500;letter-spacing:.1em;color:var(--ink-3)}.topbar-actions{display:flex;align-items:center;gap:6px;padding:5px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);border:1px solid var(--line-soft);border-radius:999px;box-shadow:var(--shadow-sm)}.icon-btn{position:relative;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease)}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn.active{background:var(--bellona);color:#fff}.icon-btn[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);padding:5px 9px;border-radius:7px;background:var(--ink);color:var(--bg);font:600 11px/1 Inter,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s var(--ease),transform .16s var(--ease)}.icon-btn[data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.dock{position:absolute;left:50%;transform:translate(-50%);bottom:20px;z-index:20;max-width:calc(100% - 32px);display:flex;align-items:center;gap:4px;padding:6px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);border:1px solid var(--line-soft);border-radius:999px;box-shadow:var(--shadow-sm)}.dock-btn{position:relative;display:flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font:600 12px/1 Inter,sans-serif;cursor:pointer;white-space:nowrap;transition:background .18s var(--ease),color .18s var(--ease)}.dock-btn svg{width:17px;height:17px}.dock-btn:hover{background:var(--surface-2);color:var(--ink)}.dock-btn.active{color:var(--bellona);background:var(--bellona-100)}.dock-dot{position:absolute;top:6px;right:8px;width:5px;height:5px;border-radius:999px;background:var(--ink-3);transition:background .18s var(--ease)}.dock-btn.active .dock-dot{background:var(--bellona)}.dock-sep{width:1px;height:22px;margin:0 4px;background:var(--line)}.dock-slider{display:flex;align-items:center;gap:8px;padding:0 10px 0 8px;font:600 12px/1 Inter,sans-serif;color:var(--ink-2)}.dock-slider input[type=range]{width:148px;accent-color:var(--bellona);cursor:pointer}.scenes{display:flex;gap:4px}.scene-btn{height:34px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font:600 12px/1 Inter,sans-serif;cursor:pointer;white-space:nowrap;transition:background .18s var(--ease),color .18s var(--ease)}.scene-btn:hover{background:var(--surface-2);color:var(--ink)}.scene-btn.active{background:var(--bellona);color:#fff}.sheet-head,.sheet-backdrop{display:none}.loader{position:absolute;inset:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:18px;background:var(--stage-bg);transition:opacity .45s var(--ease),visibility 0s .45s}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader.gone{display:none!important}.loader-mark{width:38px;height:38px;border:2.5px solid var(--line);border-top-color:var(--bellona);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font:600 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.rail{display:flex;flex-direction:column;min-height:0;background:var(--surface);border-left:1px solid var(--line);transition:background .3s var(--ease),border-color .3s var(--ease)}.product{flex:0 0 auto;padding:26px 26px 20px;border-bottom:1px solid var(--line-soft)}.product-brand{font:700 10px/1 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--bellona);margin-bottom:10px}.product-name{margin:0;font:700 27px/1.15 Inter,sans-serif;letter-spacing:-.022em;color:var(--ink)}.product-name small{display:block;margin-top:7px;font:400 13px/1.45 Inter,sans-serif;letter-spacing:0;color:var(--ink-2)}.spec-chips{display:flex;flex-wrap:nowrap;gap:5px;margin-top:16px}.spec-chip{flex:0 1 auto;min-width:0;padding:5px 9px;border:1px solid var(--line);border-radius:999px;font:500 11px/1 Inter,sans-serif;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-chip b{font-weight:700;color:var(--ink)}.rail-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 26px 26px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.rail-body::-webkit-scrollbar{width:8px}.rail-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;border:2px solid var(--surface)}.section-label{display:flex;align-items:center;gap:9px;margin:26px 0 12px;font:700 10px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.section-label:first-child{margin-top:0}.section-label:after{content:"";flex:1;height:1px;background:var(--line-soft)}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset{display:flex;flex-direction:column;gap:9px;padding:11px 11px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .16s var(--ease-out)}.preset:hover{transform:translateY(-2px);border-color:var(--ink-3)}.preset.active{border-color:var(--bellona);box-shadow:0 0 0 1px var(--bellona)}.preset-dots{display:flex;gap:4px}.preset-dots i{width:17px;height:17px;border-radius:4px;box-shadow:inset 0 0 0 1px #00000017}.preset-name{font:600 11.5px/1.25 Inter,sans-serif;color:var(--ink)}.preset.active .preset-name{color:var(--bellona)}.opt{border-bottom:1px solid var(--line-soft)}.opt:last-child{border-bottom:0}.opt-head{display:flex;align-items:center;gap:13px;width:100%;padding:13px 2px;border:0;background:transparent;cursor:pointer;text-align:left}.opt-chip{flex:0 0 auto;width:30px;height:30px;border-radius:7px;background:var(--surface-2) center / cover no-repeat;box-shadow:inset 0 0 0 1px #00000017}.opt-chip.bos{background:var(--surface-2)}.opt-text{flex:1;min-width:0}.opt-label{display:block;font:700 9.5px/1.2 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.opt-value{display:block;margin-top:3px;font:600 14.5px/1.25 Inter,sans-serif;letter-spacing:-.01em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opt-value.bos{font-weight:500;color:var(--ink-3)}.opt-arrow{flex:0 0 auto;width:17px;height:17px;color:var(--ink-3);transition:transform .24s var(--ease)}.opt.open .opt-arrow{transform:rotate(180deg)}.opt-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s var(--ease)}.opt.open .opt-body{grid-template-rows:1fr}.opt-body>*{overflow:hidden}.opt.open .opt-body>*{padding:6px 6px 16px}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:9px}.swatch{position:relative;aspect-ratio:1;padding:0;border:0;border-radius:9px;background:var(--surface-2);cursor:pointer;overflow:hidden;transition:transform .16s var(--ease-out),box-shadow .16s var(--ease);box-shadow:0 0 0 1px var(--line)}.swatch img,.swatch .swatch-fill{width:100%;height:100%;object-fit:cover;border-radius:inherit}.swatch:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--ink-3),var(--shadow-sm)}.swatch.active{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--ink)}.swatch-fill{display:block}.hotspot-list{display:grid;gap:6px}.hotspot-btn{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;transition:border-color .18s var(--ease),background .18s var(--ease)}.hotspot-btn:hover{border-color:var(--ink-3)}.hotspot-btn.open{border-color:var(--bellona);background:var(--bellona-100)}.hotspot-icon{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);transition:background .18s var(--ease),color .18s var(--ease)}.hotspot-icon svg{width:15px;height:15px}.hotspot-btn.open .hotspot-icon{background:var(--bellona);color:#fff}.hotspot-text{flex:1;min-width:0}.hotspot-name{display:block;font:600 12.5px/1.3 Inter,sans-serif;color:var(--ink)}.hotspot-desc{display:block;margin-top:1px;font:400 11.5px/1.35 Inter,sans-serif;color:var(--ink-3)}.hotspot-state{flex:0 0 auto;font:600 10px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.hotspot-btn.open .hotspot-state{color:var(--bellona)}.hotspot-all{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:8px;padding:11px 12px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--ink-2);font:600 12.5px/1 Inter,sans-serif;cursor:pointer;transition:border-color .18s var(--ease),color .18s var(--ease),background .18s var(--ease)}.hotspot-all svg{width:16px;height:16px}.hotspot-all:hover{border-color:var(--ink-3);color:var(--ink)}.hotspot-all.open{border-style:solid;border-color:var(--bellona);background:var(--bellona-100);color:var(--bellona)}.summary{margin-top:24px;padding:16px 0 0;border-top:1px solid var(--line);background:transparent}.summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:11px;margin-bottom:11px;border-bottom:1px solid var(--line-soft);font:700 10px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.summary-code{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.06em;color:var(--bellona)}.summary-list{display:grid;gap:8px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font:400 12.5px/1.4 Inter,sans-serif}.summary-row span{color:var(--ink-3)}.summary-row b{font-weight:600;color:var(--ink);text-align:right}.rail-foot{flex:0 0 auto;display:flex;gap:8px;padding:16px 26px;padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius-sm);font:600 14px/1 Inter,sans-serif;cursor:pointer;white-space:nowrap;transition:background .18s var(--ease),border-color .18s var(--ease),transform .12s var(--ease)}.btn:active{transform:scale(.985)}.btn-primary{flex:1;background:var(--bellona);color:#fff}.btn-primary:hover{background:var(--bellona-600)}.btn-ghost{flex:0 0 auto;width:46px;padding:0;border-color:var(--line);background:var(--surface);color:var(--ink-2)}.btn-ghost:hover{border-color:var(--ink-3);color:var(--ink)}.ar-icon{width:20px;height:20px}.mobile-only{display:none}.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:#0c101280;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .24s var(--ease),visibility .24s var(--ease)}.modal:not(.visible){pointer-events:none}.modal.visible{opacity:1;visibility:visible}.modal-card{position:relative;width:min(440px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:30px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);transform:translateY(12px) scale(.98);transition:transform .3s var(--ease-out)}.modal.visible .modal-card{transform:none}.modal-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:999px;background:var(--surface-2);color:var(--ink-2);cursor:pointer;transition:background .18s var(--ease)}.modal-close:hover{background:var(--line);color:var(--ink)}.modal-icon{display:block;margin-bottom:18px}.modal-icon img{height:20px;width:auto;border-radius:3px}.modal-title{margin:0 0 8px;font:700 20px/1.25 Inter,sans-serif;letter-spacing:-.015em}.modal-text{margin:0 0 20px;font:400 13.5px/1.6 Inter,sans-serif;color:var(--ink-2)}.modal-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--line);border-radius:var(--radius);overflow:hidden}.modal-specs>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;background:var(--surface);font-size:13px}#modal-info .modal-card{width:min(760px,100%)}#modal-share .modal-card{text-align:center}#modal-share .modal-icon img,#modal-share .qr-box{margin-inline:auto}.modal-specs span{color:var(--ink-3)}.modal-specs b{font-weight:600;text-align:right}.qr-box{display:grid;place-items:center;padding:22px;border-radius:var(--radius);background:#fff}.qr{width:100%;max-width:230px}.qr svg{display:block;width:100%;height:auto}.qr img,.qr canvas,.qr table{width:100%;height:auto}.qr table{border-collapse:collapse}.powered{display:grid;place-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line-soft);opacity:.6;transition:opacity .18s var(--ease)}.powered:hover{opacity:1}.powered-logo{height:15px;width:auto}.ar-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:#0c1012d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s var(--ease)}.ar-overlay:not(.visible){pointer-events:none}.ar-overlay.visible{opacity:1;visibility:visible}.ar-prep{display:grid;justify-items:center;gap:12px;width:min(300px,calc(100vw - 48px));text-align:center;color:#fff}.ar-prep-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:4px;border-radius:16px;background:var(--bellona)}.ar-prep-icon .ar-icon{width:28px;height:28px}.ar-prep-title{margin:0;font:700 17px/1.3 Inter,sans-serif}.ar-prep-text{margin:0;font:400 13px/1.5 Inter,sans-serif;color:#ffffffb8}.ar-prep-bar{width:100%;height:3px;margin-top:6px;border-radius:999px;background:#ffffff29;overflow:hidden}.ar-prep-bar i{display:block;width:0;height:100%;border-radius:inherit;background:var(--bellona);transition:width .4s var(--ease)}.ar-prep-hint{font:400 11px/1.45 Inter,sans-serif;color:#ffffff80}#ar-viewer{position:fixed;width:1px;height:1px;bottom:0;left:0;opacity:0;pointer-events:none}#real-ar-button{display:none}.toast{position:fixed;left:50%;bottom:32px;z-index:400;padding:11px 18px;border-radius:999px;background:var(--ink);color:var(--bg);font:600 13px/1 Inter,sans-serif;white-space:nowrap;box-shadow:var(--shadow-lg);transform:translate(-50%,14px);opacity:0;visibility:hidden;transition:opacity .24s var(--ease),transform .24s var(--ease-out),visibility .24s var(--ease)}.toast{pointer-events:none}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%)}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(26px,5vw,46px);min-height:100dvh;padding:clamp(28px,6vw,56px) clamp(14px,4vw,28px);background:var(--bg)}.home-mark{display:flex;flex-direction:column;align-items:center;gap:clamp(9px,1.6vw,13px)}.home-logo{height:clamp(26px,5.2vw,36px);width:auto;border-radius:4px}.home-sub{font:600 clamp(9px,1.9vw,11px)/1 Inter,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-3);padding-left:.3em}.home-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2.2vw,22px);width:min(880px,100%)}.home-card{position:relative;display:flex;flex-direction:column;border-radius:clamp(14px,2.2vw,20px);background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow-sm);text-decoration:none;color:inherit;overflow:hidden;isolation:isolate;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease)}.home-card:hover,.home-card:focus-visible{transform:translateY(-5px);box-shadow:0 0 0 1px var(--bellona),var(--shadow-md)}.home-card-art{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;background:var(--stage-bg);transition:transform .5s var(--ease-out)}.home-card:hover .home-card-art{transform:scale(1.045)}.home-card-name{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:clamp(10px,1.9vw,16px) clamp(12px,2vw,18px);border-top:1px solid var(--line-soft);background:var(--surface);font:600 clamp(11.5px,1.9vw,15px)/1.3 Inter,sans-serif;letter-spacing:-.012em;color:var(--ink);transition:color .2s var(--ease)}.home-card-name:after{content:"";flex:0 0 auto;width:clamp(13px,2vw,16px);height:clamp(13px,2vw,16px);background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;opacity:.35;transition:opacity .2s var(--ease),transform .2s var(--ease-out)}.home-card:hover .home-card-name{color:var(--bellona)}.home-card:hover .home-card-name:after{opacity:1;transform:translate(3px)}.home-foot{display:grid;place-items:center}.home-foot .powered{margin:0;padding:0;border-top:0}.home-foot .powered-logo{height:clamp(12px,2vw,15px)}@media(max-width:1180px){:root{--rail-w: 344px}.rail-body,.product,.rail-foot{padding-left:20px;padding-right:20px}}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-rows:46dvh 1fr}.rail{border-left:0;border-top:1px solid var(--line)}.topbar{padding:12px 14px}.brand-logo{height:22px}.brand-tag,.stage-watermark{display:none}.mobile-only{display:inline-flex}.product{padding:18px 18px 15px}.product-name{font-size:22px}.rail-body{padding:18px}.rail-foot{padding:12px 18px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.swatches{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}.sheet-backdrop{display:block;position:fixed;inset:0;z-index:90;background:#0c101273;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .26s var(--ease),visibility .26s var(--ease)}.sheet-backdrop:not(.visible){pointer-events:none}.sheet-backdrop.visible{opacity:1;visibility:visible}.dock{position:fixed;inset:auto 0 0;z-index:100;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:8px;max-height:78dvh;overflow-y:auto;padding:0 16px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom));border:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--shadow-lg);max-width:none;transform:translateY(102%);visibility:hidden;transition:transform .32s var(--ease-out),visibility .32s var(--ease)}.dock.open{transform:none;visibility:visible}.sheet-head{grid-column:1 / -1;position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px 0 12px;margin-bottom:2px;background:var(--surface);border-bottom:1px solid var(--line-soft)}.sheet-handle{position:absolute;top:7px;left:50%;transform:translate(-50%);width:38px;height:4px;border-radius:999px;background:var(--line)}.sheet-title{margin-top:6px;font:700 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.sheet-close{display:grid;place-items:center;width:30px;height:30px;margin-top:6px;border:0;border-radius:999px;background:var(--surface-2);color:var(--ink-2);cursor:pointer}.dock-btn{height:46px;justify-content:flex-start;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-sm)}.dock-btn.active{border-color:var(--bellona)}.dock-slider{grid-column:1 / -1;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-sm)}.dock-slider input[type=range]{flex:1;width:auto}.dock-sep{display:none}.scenes{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px}.scene-btn{height:40px;border:1px solid var(--line);border-radius:var(--radius-sm)}.scene-btn.active{border-color:var(--bellona)}.icon-btn[data-tip]:after{display:none}}@media(max-width:560px){.app{grid-template-rows:40dvh 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}