:root{color:#f1f0eb;font-synthesis:none;--accent:#edbd76;--muted:#a7adb6;--surface:#191f29f2;--line:#ffffff18;--panel-width:min(43vw,600px);background:#191d20;font-family:Outfit,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.28;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover:not(:disabled),button[aria-pressed=true]{color:var(--accent)}button svg,a svg{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:19px;height:19px}i[data-icon]{align-items:center;display:inline-flex}button{justify-content:center;align-items:center;gap:8px;display:inline-flex}button:disabled:hover{color:inherit}small{color:var(--muted);font-size:12px;font-weight:400}[hidden]{display:none!important}#app{height:100svh;min-height:560px;position:relative;overflow:hidden}#world{touch-action:none;transition:right .35s;position:absolute;inset:0}#world canvas{width:100%;height:100%;display:block}#loading{z-index:1;background:#252525;place-content:center;gap:15px;font-size:22px;display:grid;position:absolute;inset:0}#loading span{background:var(--accent);width:110px;height:2px;animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.4;transform:scaleX(.3)}}.masthead{pointer-events:none;text-shadow:0 2px 15px #0005;max-width:510px;position:absolute;top:28px;left:34px}.brand{letter-spacing:2px;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.brand>span:not(.brand-icon):not(.prototype){font-weight:300}.brand-icon{color:var(--accent);font-size:24px;line-height:1}.prototype{letter-spacing:1px;color:#c2c4c8;border:1px solid #ffffff35;border-radius:3px;margin-left:5px;padding:3px 5px;font:8px DM Mono,monospace}h1{align-items:baseline;gap:11px;margin:18px 0 5px;display:flex}h1 span{letter-spacing:1.8px;font-size:15px;font-weight:500}h1 strong{letter-spacing:-1px;color:var(--accent);font-size:35px;font-weight:700}.masthead>p{color:#c2c1be;margin:0;font-size:13px}.metrics{gap:30px;margin-top:24px;display:flex}.metrics>div{min-width:76px}.metrics span,.eyebrow{letter-spacing:1.5px;color:#a6adb8;font:10px DM Mono,monospace;display:block}.metrics b{letter-spacing:-1px;margin-top:7px;font:22px DM Mono,monospace;display:block}.metrics>div:first-child b{color:var(--accent)}.metrics small{letter-spacing:0;font-size:13px}.manual-preview{background:var(--surface);border-radius:13px;flex-direction:column;gap:0;width:224px;padding:10px;display:flex;position:absolute;top:32px;right:32px;box-shadow:0 15px 45px #0003}.manual-preview>span{text-align:left;align-items:center;gap:6px;width:100%;padding:2px 2px 10px;font-size:11px;display:flex}.manual-preview>span small{margin-left:auto;font:9px DM Mono,monospace}.manual-preview svg{width:14px;height:14px}.manual-preview canvas{object-fit:contain;background:#fff;border-radius:6px;width:100%;height:132px}.manual-preview .preview-caption{color:#a7adb6;justify-content:space-between;padding:8px 2px 0;font-size:10px}.scene-tools{flex-direction:column;gap:8px;display:flex;position:absolute;top:266px;right:32px}.scene-tools button{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:37px;height:37px}.instruction{pointer-events:none;text-shadow:0 2px 12px #0009;max-width:370px;position:absolute;bottom:226px;left:34px}.instruction .eyebrow{color:var(--accent);font-size:10px}.instruction h2{letter-spacing:-.45px;margin:9px 0;font-size:23px;font-weight:500}.instruction p{color:#e0ded7;max-width:355px;margin:0;font-size:13px;line-height:1.6}.instruction #step-note{color:#f5d297;background:#352b1fec;border:1px solid #edbd7644;border-radius:4px;margin-top:10px;padding:6px 9px;font-size:11px;display:inline-block}.gesture-hint{color:#d6d4cd;text-shadow:0 1px 6px #0009;pointer-events:none;align-items:center;gap:9px;font-size:10px;display:flex;position:absolute;bottom:226px;right:32px}.gesture-hint svg{width:14px}.gesture-hint>span{opacity:.4}.control-dock{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(120deg,#1d232ef5,#151b25f5);border:1px solid #ffffff13;border-radius:16px;width:min(800px,100% - 68px);padding:19px 24px 15px;position:absolute;bottom:44px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #0004}.dock-top{align-items:center;gap:24px;display:flex}.product-picker{flex:1;min-width:0;position:relative}.product-picker>.eyebrow{letter-spacing:1.8px;margin-bottom:5px;font-size:8px}.product-picker>button{justify-content:space-between;width:100%;max-width:260px;padding:0}.product-picker>button b{letter-spacing:.3px;font-size:17px}.product-picker>button span span{color:#aeb4be;margin-left:7px;font-size:12px}.product-picker>button svg{width:14px}.transport{align-items:center;gap:7px;display:flex}.transport button{background:#ffffff06;border-radius:9px;width:34px;height:34px}.transport .play{width:40px;height:40px;color:var(--accent);background:#edbd7612;border:1px solid #edbd7640}.transport button:hover{background:#ffffff10}.step-position{color:#737f90;justify-content:flex-end;align-items:baseline;gap:7px;min-width:62px;font:12px DM Mono,monospace;display:flex}.step-position b{color:#eef0f4;font-size:23px;font-weight:400}.step-markers{justify-content:space-between;padding:0 3px;display:flex}.step-markers button{color:#8992a0;min-width:12px;height:16px;padding:0;font:9px DM Mono,monospace;position:relative}.step-markers button.active{color:var(--accent)}#timeline{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0;display:block}#timeline::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) var(--progress,0%),#fff2 var(--progress,0%));border-radius:3px;height:3px}#timeline::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);background:#f1eee6;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 0 4px #edbd7612}#timeline::-moz-range-track{background:#ffffff25;height:3px}#timeline::-moz-range-progress{background:var(--accent);height:3px}#timeline::-moz-range-thumb{border:2px solid var(--accent);background:#f1eee6;border-radius:50%;width:11px;height:11px}.timeline-caption{letter-spacing:1.2px;color:#7f8998;justify-content:space-between;margin-top:1px;font:7px DM Mono,monospace;display:flex}.dock-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding-top:12px;display:flex}.view-toggle{background:#ffffff06;border-radius:8px;gap:3px;padding:3px;display:flex}.view-toggle button{color:#aab3c1;border-radius:5px;min-width:90px;padding:7px 14px;font-size:11px}.view-toggle button[aria-pressed=true]{color:#1b202a;background:#f0f0ec}.view-toggle svg{width:14px;height:14px}.secondary-tools{align-items:center;gap:5px;display:flex}.secondary-tools button{color:#a8b0bc;border-radius:6px;padding:7px 9px;font-size:10px}.secondary-tools button[aria-pressed=true]{color:var(--accent);background:#edbd760b}.secondary-tools svg{width:16px;height:16px}.secondary-tools button:hover{background:#ffffff09}.page-footer{color:#b3b1aa;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:15px;left:34px;right:34px}.page-footer>span{letter-spacing:1.5px;font:8px DM Mono,monospace}.page-footer button{padding:0;font-size:10px}.page-footer button span{margin-left:5px}#product-menu{z-index:8;background:#202632;border:1px solid #ffffff20;border-radius:13px;width:310px;padding:10px;position:absolute;bottom:calc(100% + 14px);left:0;box-shadow:0 20px 60px #0006}.search{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:7px 4px 12px;display:flex}.search svg{width:16px}.search input{color:#eceeea;background:0 0;border:0;outline:none;width:100%;min-width:0;font:13px Outfit,sans-serif}#product-options{padding-top:7px}#product-options button{text-align:left;border-radius:8px;justify-content:space-between;width:100%;padding:12px;display:flex}#product-options b{font-size:15px}#product-options span{color:#9fa8b7;font-size:12px}#product-options button.current{color:var(--accent);background:#ffffff0a}#product-menu p{color:#8893a3;margin:10px 9px 3px;font-size:10px}.side-panel{width:var(--panel-width);z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1c222df9;border:1px solid #ffffff16;border-radius:15px;flex-direction:column;animation:.25s ease-out panel-in;display:flex;position:absolute;top:16px;bottom:16px;right:16px;box-shadow:-10px 0 60px #0003}@keyframes panel-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 15px;display:flex}.panel-heading h2{letter-spacing:-.35px;margin:7px 0;font-size:20px;font-weight:500}.panel-heading p{color:#95a0b1;margin:0;font:9px/1.5 DM Mono,monospace}.panel-heading>button{background:#ffffff08;border-radius:8px;flex-shrink:0;width:32px;height:32px}.manual-toolbar{justify-content:space-between;align-items:center;gap:10px;padding:0 22px 14px;display:flex}.manual-toolbar a{color:var(--accent);align-items:center;gap:6px;font-size:11px;text-decoration:none;display:flex}.manual-toolbar svg{width:13px;height:13px}.manual-toolbar button{color:#abb4c2;font-size:10px}.manual-scroll{background:#ecebe7;flex:1;min-height:0;padding:10px;overflow:auto}.manual-scroll #manual-sheet{width:100%;max-width:600px;margin:0 auto;line-height:0;position:relative}.manual-scroll img{width:100%;height:auto}.manual-hotspot{color:#654818;opacity:.6;background:#edbd7608;border:1px dashed #b7873a85;border-radius:3px;justify-content:flex-start;align-items:flex-start;padding:5px;position:absolute}.manual-hotspot:hover,.manual-hotspot.current{opacity:1;background:#edbd7617;border:2px solid #c99b51}.manual-hotspot span{background:#f6e2bf;padding:4px;font:9px DM Mono,monospace}.manual-pagination{justify-content:center;align-items:center;gap:20px;padding:10px 12px 0;display:flex}.manual-pagination span{color:#b2bac7;font:11px DM Mono,monospace}.manual-pagination button{background:#ffffff06;border-radius:6px;width:32px;height:32px}.manual-legal{color:#8994a4;margin:9px 20px 16px;font-size:9px;line-height:1.5}.parts-scroll{padding:0 22px 20px;overflow:auto}.parts-scroll h3{color:#d5d8df;margin:20px 0 8px;font:11px DM Mono,monospace}.part-row{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 0;display:flex}.part-row div{flex:1}.part-row b{font-size:13px;font-weight:400;display:block}.part-row small{color:#8994a4;margin-top:3px;font:9px DM Mono,monospace;display:block}.part-row>span{color:#9facbc;font:10px DM Mono,monospace}.part-row .part-symbol{width:27px;height:27px;color:var(--accent);border:1px solid #ffffff20;border-radius:4px;flex:none;place-items:center;font-size:12px;display:grid}.part-row.fitted>span{color:#b7c6a6}.part-row.selected{color:var(--accent)}.inventory-note{color:#a7adbb;margin-top:24px;font-size:11px;line-height:1.6}.panel-open #world{right:calc(var(--panel-width) + 24px)}.panel-open .manual-preview,.panel-open .scene-tools,.panel-open .gesture-hint{display:none}.panel-open .control-dock{left:calc((100% - var(--panel-width) - 24px)/2);width:calc(100% - var(--panel-width) - 66px)}.panel-open .instruction{max-width:310px}.panel-open .secondary-tools button span{display:none}.panel-open .view-toggle button{min-width:75px;padding:7px 10px}.panel-open .step-position{display:none}.panel-open .masthead{max-width:calc(100% - var(--panel-width) - 60px)}.panel-open .page-footer{right:calc(var(--panel-width) + 36px)}.panel-open .page-footer>span{display:none}.panel-open .page-footer button{margin-left:auto}.panel-open .metrics{gap:20px}#part-tooltip{pointer-events:none;z-index:4;background:#1c2532f5;border:1px solid #edbd7660;border-radius:7px;max-width:250px;padding:10px 14px;font-size:13px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 35px #0004}#part-tooltip small{color:var(--accent);margin-top:3px;font:10px DM Mono,monospace;display:block}#part-labels{pointer-events:none;position:absolute;inset:0}.part-label{color:#e4e5e7;white-space:nowrap;background:#202835ed;border:1px solid #ffffff25;border-radius:4px;padding:4px 7px;font-size:9px;position:absolute;transform:translate(-50%,-50%)}dialog{color:#e8e9e7;background:#1d2430;border:1px solid #ffffff25;border-radius:17px;width:min(620px,100% - 32px);max-height:calc(100svh - 50px);padding:35px 38px;box-shadow:0 30px 120px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10151acc}dialog .dialog-close{background:#ffffff0a;border-radius:8px;width:32px;height:32px;position:absolute;top:20px;right:20px}dialog h2{letter-spacing:-1px;margin:18px 0 22px;font-size:35px;font-weight:500;line-height:1.1}dialog h3{margin:24px 0 8px;font-size:16px;font-weight:500}dialog p{color:#b7bfca;font-size:13px;line-height:1.7}dialog a{color:var(--accent)}.shortcut-list{grid-template-columns:1fr 1fr;gap:11px;margin-top:20px;display:grid}.shortcut-list span{color:#c0c6d0;font-size:11px}kbd{text-align:center;color:#edbd76;border:1px solid #ffffff25;border-radius:3px;min-width:19px;margin-right:3px;padding:3px;font:10px DM Mono,monospace;display:inline-block}.safety-note{border-top:1px solid #edbd7630;padding-top:15px;color:#edbd76!important}.legal{font-size:10px!important}.drawing .masthead,.drawing .instruction{text-shadow:none}.drawing .masthead,.drawing .instruction h2{color:#252a30}.drawing .masthead p,.drawing .instruction p{color:#525c64}.drawing .brand-icon,.drawing h1 strong,.drawing .instruction .eyebrow{color:#946727}.drawing .metrics b{color:#444b50}.drawing .metrics>div:first-child b{color:#946727}.drawing .metrics span,.drawing .metrics small,.drawing .eyebrow{color:#697178}.drawing .prototype{color:#697178;border-color:#69717855}.drawing .gesture-hint,.drawing .page-footer{color:#59626b;text-shadow:none}#toast{color:#3c3425;z-index:30;background:#e9dfcb;border-radius:8px;padding:12px 20px;font-size:13px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 50px #0003}.fatal{z-index:40;color:#eee;background:#202632;border-radius:16px;padding:30px;line-height:1.6;position:absolute;inset:25%}.fatal a{color:var(--accent)}@media (width>=1500px){.masthead{top:40px;left:45px}.manual-preview{width:250px;top:40px;right:45px}.manual-preview canvas{height:150px}.instruction{bottom:250px;left:45px}.gesture-hint{bottom:250px;right:45px}.control-dock{width:860px;padding:22px 28px 18px;bottom:52px}.scene-tools{top:290px;right:45px}.page-footer{bottom:20px;left:45px;right:45px}}@media (width<=1050px){.instruction{max-width:290px;bottom:250px}.instruction h2{font-size:21px}.instruction p{font-size:12px}.gesture-hint{display:none}.manual-preview{width:180px}.manual-preview canvas{height:110px}.scene-tools{top:240px}.masthead{top:24px;left:25px}.control-dock{width:calc(100% - 50px)}.instruction{left:25px}.page-footer{left:25px;right:25px}.panel-open .instruction{max-width:calc(100% - var(--panel-width) - 60px);bottom:245px}.panel-open .control-dock{padding:15px}.panel-open .dock-top{gap:10px}.panel-open .transport{gap:3px}.panel-open .transport button{width:28px}.panel-open .view-toggle button{min-width:52px;padding:7px;font-size:10px}.panel-open .view-toggle svg{display:none}.panel-open .secondary-tools{gap:0}.panel-open .secondary-tools button{padding:6px}.panel-open .brand .prototype{display:none}.panel-open .metrics{gap:12px}.panel-open .metrics>div{min-width:65px}.panel-open .metrics span{font-size:8px}}@media (width<=700px){:root{--panel-width:calc(100% - 20px)}#app{min-height:600px}.masthead{max-width:none;top:18px;left:19px;right:19px}.brand{letter-spacing:1.5px;font-size:9px}.brand-icon{font-size:20px}.prototype{font-size:7px}h1{gap:8px;margin-top:13px}h1 strong{font-size:29px}h1 span{font-size:12px}.masthead>p{display:none}.metrics{gap:27px;margin-top:15px}.metrics span{letter-spacing:1px;font-size:8px}.metrics b{margin-top:5px;font-size:18px}.metrics small{font-size:11px}.manual-preview{border-radius:10px;width:130px;padding:7px;top:166px;right:16px}.manual-preview>span{gap:4px;padding-bottom:6px;font-size:9px}.manual-preview>span small{font-size:7px}.manual-preview>span svg{width:12px}.manual-preview canvas{border-radius:4px;height:77px}.manual-preview .preview-caption{display:none}.scene-tools{gap:6px;top:283px;right:16px}.scene-tools button{border-radius:8px;width:32px;height:32px}.scene-tools svg{width:16px;height:16px}.instruction{max-width:none;max-height:110px;bottom:231px;left:19px;right:19px}.instruction h2{margin:7px 0 5px;font-size:20px}.instruction p{max-width:340px;font-size:11px;line-height:1.5}.instruction .eyebrow{font-size:8px}.instruction #step-note{margin-top:5px;padding:4px 6px;font-size:9px}.control-dock{border-radius:13px;width:calc(100% - 24px);padding:14px 14px 11px;bottom:32px}.dock-top{gap:12px}.product-picker>.eyebrow{font-size:7px}.product-picker>button b{font-size:16px}.product-picker>button span span{margin-left:5px;font-size:11px}.step-position{display:none}.transport{gap:4px}.transport button{width:30px;height:32px}.transport .play{width:36px;height:36px}.timeline-wrap{margin-top:14px}.step-markers button{font-size:8px}.dock-bottom{gap:7px;margin-top:10px;padding-top:10px}.view-toggle button{min-width:70px;padding:6px 9px;font-size:10px}.view-toggle svg{width:12px;height:12px}.secondary-tools{gap:0}.secondary-tools button{padding:7px}.secondary-tools button span{display:none}.secondary-tools svg{width:15px;height:15px}.page-footer{bottom:10px;left:18px;right:18px}.page-footer>span{letter-spacing:.8px;font-size:6px}.page-footer button{font-size:8px}#product-menu{width:min(300px,100vw - 52px)}.side-panel{width:auto;inset:10px}.panel-open #world{right:0}.panel-open .masthead,.panel-open .instruction,.panel-open .control-dock,.panel-open .page-footer{visibility:hidden}.panel-heading{padding:18px 18px 12px}.panel-heading h2{font-size:19px}.manual-toolbar{padding:0 18px 12px}.manual-legal{font-size:9px}.manual-scroll{padding:5px}.parts-scroll{padding:0 18px 20px}.panel-open .manual-pagination button,.panel-open .panel-heading button{visibility:visible}dialog{padding:28px 23px}dialog h2{font-size:30px}dialog p{font-size:12px}.shortcut-list{gap:9px}#toast{white-space:nowrap;max-width:calc(100% - 30px);font-size:11px;top:12px}.fatal{inset:20% 15px}}@media (width<=380px){.view-toggle button{min-width:58px;padding:6px}.view-toggle svg{display:none}.secondary-tools button{padding:7px 6px}.metrics{gap:16px}.product-picker>button span span,.instruction p{font-size:10px}.control-dock{padding:13px 11px}.prototype{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#world:after{content:"";pointer-events:none;background:linear-gradient(90deg,#141b22b0 0%,#141b2260 22%,#0000 48%),linear-gradient(#0000 60%,#141b2260);position:absolute;inset:0}.drawing #world:after{background:0 0}.instruction{max-width:325px;bottom:265px}@media (width>=1500px){.instruction{bottom:275px}}@media (width<=1050px){.instruction{bottom:270px}}@media (width<=700px){.instruction{max-width:none;bottom:237px}#world:after{background:linear-gradient(#141b2299 0%,#0000 34% 48%,#141b22a8 72%,#141b2266 100%)}.drawing #world:after{background:0 0}}.manual-scroll{container-type:size}.manual-scroll #manual-sheet{width:min(100%,70.7cqh)}@media (width<=450px){.manual-preview{border-radius:8px;width:116px;padding:8px;top:158px}.manual-preview canvas,.manual-preview .preview-caption,.manual-preview>span small{display:none}.manual-preview>span{white-space:nowrap;padding:0;font-size:9px}.scene-tools{top:204px}}#app[data-brand=saloni]{--accent:#e4cfaf;--surface:#262522f5;--muted:#b8b5af;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.saloni-logo{display:none}[data-brand=saloni] .saloni-logo{filter:invert();width:106px;height:auto;display:block}[data-brand=saloni] .brand-icon,[data-brand=saloni] #brand-name,[data-brand=saloni] #brand-subtitle,[data-brand=saloni] .prototype,[data-brand=saloni] h1>span,[data-brand=saloni] .metrics{display:none}[data-brand=saloni] h1{margin:22px 0 7px}[data-brand=saloni] h1 strong{letter-spacing:.03em;color:#f6f4ef;font-size:34px;font-weight:400}[data-brand=saloni] .masthead>p{color:#d2cec5}[data-brand=saloni] :is(.eyebrow,.step-position,.step-markers button,.timeline-caption,.panel-heading p,.manual-pagination span,.part-row small,.part-status,.parts-scroll h3,.manual-preview small,.page-footer>span,.search input){font-family:Helvetica Neue,Helvetica,Arial,sans-serif}[data-brand=saloni] :is(.control-dock,.side-panel,dialog,#product-menu){background:#252420f7}[data-brand=saloni] .control-dock{border-radius:12px}[data-brand=saloni] .instruction h2{letter-spacing:-.3px;font-size:23px;font-weight:400}[data-brand=saloni] .instruction .eyebrow{letter-spacing:.12em}[data-brand=saloni] .drawing .saloni-logo,[data-brand=saloni].drawing .saloni-logo{filter:none}[data-brand=saloni].drawing h1 strong{color:#292824}[data-brand=saloni].drawing .masthead>p{color:#5c5a54}.complete .instruction .eyebrow{display:none}.complete .instruction h2{font-size:18px}.gesture-hint,.preview-caption{display:none!important}.manual-preview{padding:12px}.manual-preview>span{min-height:24px;font-size:13px}.scene-tools{top:246px}.scene-tools button{border-radius:9px;width:44px;height:44px}.transport button{width:44px;height:44px}.transport .play{color:#28251f;background:#e4cfaf;width:48px;height:48px}.transport .play:hover{color:#28251f;background:#f3e1c7}.control-dock{width:min(700px,100% - 68px);padding:16px 22px 12px}.product-picker>button{min-height:44px}.product-picker>button b{font-weight:500}.view-toggle{gap:0;padding:0}.view-toggle button{min-height:44px;padding:9px 18px;font-size:13px}#more-tools{border-radius:6px;min-height:44px;padding:8px 12px;font-size:13px}#more-tools:hover{background:#ffffff0a}#more-tools svg{stroke-width:3.5px}.timeline-wrap{margin-top:7px}.step-markers button{min-width:24px;min-height:24px}#timeline{height:28px}#timeline::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7.5px}#timeline::-moz-range-thumb{width:15px;height:15px}.timeline-caption{display:none}.page-footer>span{font-size:8px}.panel-heading>button,.manual-pagination button,dialog .dialog-close{width:44px;height:44px}.manual-toolbar a,.manual-toolbar button{min-height:44px;font-size:13px}.panel-heading p,.manual-legal{font-size:11px}.part-row{min-height:56px}.part-row b{font-size:15px}.part-row small,.part-row>span{font-size:11px}.search input{min-height:36px;font-size:16px}#product-options button{min-height:48px}.inventory-note{font-size:13px}#tools-dialog{width:min(420px,100% - 24px);padding:20px}.tools-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.tools-heading h2{letter-spacing:-.3px;margin:0;font-size:22px}#close-tools{background:#ffffff08;border-radius:7px;width:44px;height:44px}#tools-dialog .secondary-tools{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}#tools-dialog .secondary-tools button{color:#eeeae3;background:#ffffff06;justify-content:flex-start;gap:10px;min-height:52px;padding:12px;font-size:13px}#tools-dialog .secondary-tools button span{display:inline}#tools-dialog .secondary-tools button[aria-pressed=true]{color:var(--accent);background:#e4cfaf16;box-shadow:inset 0 0 0 1px #e4cfaf40}#tools-dialog .secondary-tools svg{width:18px;height:18px}#tools-dialog>p{color:#b8b5af;margin:18px 0 0;font-size:12px}@media (width<=700px),(height<=500px) and (width<=1000px){#app{height:100dvh;min-height:0}#world{bottom:var(--controls-height,280px);transition:none}#world:after{background:linear-gradient(#14131077,#0000 120px)}.masthead{top:max(20px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));max-width:calc(100% - 150px);right:auto}[data-brand=saloni] .saloni-logo{width:94px;height:28px}.masthead h1,.masthead>p,.metrics,.prototype{display:none!important}.manual-preview{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));background:#252420e8;border-radius:8px;width:auto;min-height:44px;padding:0 13px}.manual-preview>span{white-space:nowrap;gap:8px;padding:0;font-size:13px}.manual-preview>span svg{width:17px;height:17px}.manual-preview canvas,.manual-preview small{display:none}.scene-tools{top:max(76px, calc(env(safe-area-inset-top) + 56px));right:max(14px, env(safe-area-inset-right));gap:8px}.scene-tools button{background:#252420d9;border-radius:8px;width:44px;height:44px}.scene-tools svg{width:19px;height:19px}.assembly-ui{padding:18px max(18px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));overscroll-behavior:contain;scrollbar-width:thin;background:#252420;border-top:1px solid #ffffff18;border-radius:16px 16px 0 0;max-height:59%;position:absolute;bottom:0;left:0;right:0;overflow:auto}.instruction,.panel-open .instruction{max-width:none;max-height:none;text-shadow:none;color:#f3f0e9;margin:0 0 14px;position:static}.instruction .eyebrow{letter-spacing:.1em;color:#c9bda9;font-size:10px}.instruction h2,[data-brand=saloni] .instruction h2{margin:7px 0;font-size:20px;font-weight:400;line-height:1.25}.instruction p{color:#d1cec7;max-width:none;font-size:14px;line-height:1.45}.instruction #step-note{margin-top:9px;padding:6px 8px;font-size:12px;line-height:1.4}.complete .instruction{margin-bottom:10px}.complete .instruction h2,[data-brand=saloni].complete .instruction h2{color:#c9bda9;margin:0;font-size:17px}.control-dock,[data-brand=saloni] .control-dock{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;position:static;transform:none}.dock-top{gap:8px}.product-picker{flex:1}.product-picker>button{text-align:left;gap:5px;max-width:250px;min-height:48px}.product-picker>button b{font-size:17px;font-weight:500}.product-picker>button>span{flex-direction:column;gap:4px;display:flex}.product-picker>button span span{margin:0;font-size:12px}.product-picker>button svg{width:16px}.transport{gap:4px}.transport button{width:44px;height:48px}.transport .play{width:48px;height:48px}.step-position,.step-markers,.page-footer{display:none}.timeline-wrap{margin:0}#timeline{height:44px}#timeline::-webkit-slider-runnable-track{height:4px}#timeline::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px;box-shadow:0 0 0 5px #e4cfaf0f}#timeline::-moz-range-thumb{width:20px;height:20px}.dock-bottom{gap:10px;margin:0;padding-top:8px}.view-toggle button{min-width:78px;min-height:44px;padding:8px 12px;font-size:13px}.view-toggle svg{width:16px;height:16px;display:block}#more-tools{min-width:74px;min-height:44px;padding:8px}#product-menu{top:max(76px, env(safe-area-inset-top));z-index:12;width:auto;max-height:calc(100dvh - 100px);position:fixed;bottom:auto;left:12px;right:12px;overflow:auto}#product-menu p{font-size:11px}.side-panel{inset:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-radius:12px;width:auto}.panel-open #world{right:0}.panel-open .masthead,.panel-open .assembly-ui{visibility:hidden}.panel-heading{gap:10px;padding:16px 16px 8px}.panel-heading h2{font-size:18px}.panel-heading .eyebrow{display:none}.panel-heading p{font-size:11px}.manual-toolbar{padding:0 16px 8px}.manual-toolbar a,.manual-toolbar button{min-height:44px;font-size:12px}.manual-pagination{padding-top:6px}.manual-pagination span{font-size:13px}.manual-legal{margin:8px 16px 12px;font-size:10px}.parts-scroll{padding:0 16px 16px}.parts-scroll h3{font-size:13px}#part-tooltip{max-width:calc(100% - 82px);font-size:13px;top:70px;left:14px;transform:none}#part-labels{bottom:var(--controls-height,280px)}#toast{top:max(66px, env(safe-area-inset-top));white-space:normal;width:max-content;max-width:calc(100% - 28px);padding:12px 15px;font-size:13px}dialog{max-height:calc(100dvh - 32px);padding:24px}dialog p{font-size:14px}#tools-dialog{margin:auto auto max(12px, env(safe-area-inset-bottom));border-radius:16px;padding:16px}#tools-dialog .secondary-tools button{min-height:52px;font-size:13px}.shortcut-list{display:none}.drawing .instruction h2,.drawing .instruction p{color:#f3f0e9}.drawing .instruction .eyebrow{color:#c9bda9}}@media (height<=500px) and (width>=600px) and (width<=1000px){#app{--landscape-panel:320px}#world{right:var(--landscape-panel);bottom:0}.assembly-ui{width:var(--landscape-panel);border-top:0;border-left:1px solid #ffffff18;border-radius:0;flex-direction:column;height:100%;max-height:none;padding:16px;display:flex;top:0;left:auto}.control-dock{margin-top:auto}.manual-preview,.scene-tools{right:calc(var(--landscape-panel) + 12px)}.masthead{left:max(16px, env(safe-area-inset-left))}.instruction p{font-size:13px}.instruction h2,[data-brand=saloni] .instruction h2{font-size:18px}.instruction #step-note{font-size:11px}.instruction{margin-bottom:10px}#product-menu{width:296px;max-height:calc(100dvh - 24px);top:12px;left:auto;right:12px}.panel-open #world{right:var(--landscape-panel)}#part-labels{right:var(--landscape-panel);bottom:0}#tools-dialog{width:calc(100% - 32px);max-width:500px;margin:auto}#tools-dialog .secondary-tools{grid-template-columns:1fr 1fr 1fr}#tools-dialog .secondary-tools button{padding:9px;font-size:12px}}@media (width<=359px){.assembly-ui{padding-left:14px;padding-right:14px}.instruction h2,[data-brand=saloni] .instruction h2{font-size:18px}.instruction p{font-size:13px}.view-toggle button{min-width:73px;padding:8px 10px}#tools-dialog .secondary-tools button{padding:10px;font-size:12px}}.manual-scroll.zoomed #manual-sheet{width:max(100%,640px);max-width:none}#manual-zoom[aria-pressed=true]{color:var(--accent)}.search svg{stroke:currentColor;fill:none;stroke-width:1.6px}.assembly-ui{overscroll-behavior:contain;scrollbar-width:thin;background:#252420f7;border:1px solid #ffffff18;border-radius:12px;width:380px;max-height:calc(100% - 210px);padding:18px 22px 16px;position:absolute;bottom:48px;left:32px;overflow:auto}.guide-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.guide-heading .product-picker{flex:1;min-width:0}.product-picker>button{justify-content:flex-start;gap:9px;min-height:44px}.product-picker>button b{font-size:15px;font-weight:500}.product-picker>button span span{display:none}#steps-toggle{flex-shrink:0;gap:6px;min-height:44px;padding:8px 0 8px 8px}#steps-toggle .eyebrow{letter-spacing:0;color:#d1c8b9;font-size:12px}#steps-toggle svg{width:15px;height:15px}.instruction,.panel-open .instruction{max-width:none;max-height:none;text-shadow:none;pointer-events:auto;margin:0 0 20px;position:static}.instruction h2,[data-brand=saloni] .instruction h2{color:#f3f0e9;margin:0 0 10px;font-size:23px;line-height:1.22}.instruction p{color:#d1cec7;max-width:none;font-size:14px;line-height:1.5}.instruction #step-note{padding:6px 8px;font-size:12px;line-height:1.4}.complete .instruction h2,[data-brand=saloni].complete .instruction h2{color:#f3f0e9;margin:0;font-size:23px}.complete #steps-toggle .eyebrow{display:inline}.control-dock,[data-brand=saloni] .control-dock,.panel-open .control-dock{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;position:static;transform:none}.step-navigation{grid-template-columns:1fr 1.35fr;gap:10px;display:grid}.step-navigation button{border-radius:7px;min-height:50px;padding:12px;font-size:14px;font-weight:500}#previous{color:#e5e0d7;background:#ffffff07;justify-content:flex-start}#previous:hover:not(:disabled){background:#ffffff10}#next{color:#28251f;background:#e4cfaf;justify-content:center}#next:hover{color:#28251f;background:#f1dec1}.step-navigation svg{width:17px;height:17px}.dock-bottom{margin-top:16px;padding-top:12px}.view-toggle button{min-width:74px;padding:8px 12px}.view-toggle svg{display:block}#more-tools{min-width:70px;padding:8px}.drawing .instruction h2,.drawing .instruction p{color:#f3f0e9}#product-menu{width:380px;max-height:calc(100dvh - 200px);position:fixed;top:168px;bottom:auto;left:32px;overflow:auto}.panel-open .assembly-ui{visibility:hidden}#steps-dialog{width:min(460px,100% - 24px);max-height:calc(100dvh - 40px);padding:0;overflow:auto}#steps-dialog .tools-heading{z-index:1;background:#252420;border-bottom:1px solid #ffffff14;padding:16px 20px;position:sticky;top:0}#steps-dialog .tools-heading h2{font-size:20px}#close-steps{background:#ffffff08;border-radius:7px;min-width:44px;min-height:44px}#step-list{padding:6px 12px 12px}#step-list button{text-align:left;border-bottom:1px solid #ffffff0a;border-radius:6px;justify-content:flex-start;gap:14px;width:100%;min-height:52px;padding:12px;font-size:14px;line-height:1.35;display:flex}#step-list .step-number{color:#aaa59b;font-variant-numeric:tabular-nums;flex-shrink:0;width:22px;font-size:12px}#step-list button[aria-current=step]{color:#ead6b8;background:#e4cfaf17}#step-list button[aria-current=step] .step-number{color:inherit}@media (width>=701px) and (width<=1050px) and (height>=501px){.assembly-ui{width:340px;padding:16px;left:24px}.manual-preview{width:auto;min-height:44px;padding:10px 12px;top:24px;right:24px}.manual-preview>span{padding:0}.manual-preview canvas,.manual-preview small{display:none}.scene-tools{top:85px;right:24px}}@media (width<=700px),(height<=500px) and (width<=1000px){.assembly-ui{width:auto;max-height:62%;padding:10px max(18px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));border:0;border-top:1px solid #ffffff18;border-radius:16px 16px 0 0;inset:auto 0 0}.guide-heading{gap:8px;margin:0 0 9px}.product-picker>button{min-height:44px}.product-picker>button>span{display:block}.product-picker>button b{font-size:15px}#steps-toggle .eyebrow{font-size:12px}.instruction,.panel-open .instruction{margin:0 0 16px}.instruction h2,[data-brand=saloni] .instruction h2,.complete .instruction h2,[data-brand=saloni].complete .instruction h2{margin:0 0 9px;font-size:20px}.instruction p{font-size:14px;line-height:1.45}.instruction #step-note{margin-top:8px;font-size:11px}.step-navigation button{min-height:50px;font-size:14px}.dock-bottom{margin-top:13px;padding-top:8px}#product-menu{top:max(76px, env(safe-area-inset-top));width:auto;max-height:calc(100dvh - 100px);left:12px;right:12px}#steps-dialog{max-height:calc(100dvh - 24px);margin:auto auto max(12px, env(safe-area-inset-bottom));border-radius:16px}}@media (height<=500px) and (width>=600px) and (width<=1000px){.assembly-ui{width:var(--landscape-panel);border:0;border-left:1px solid #ffffff18;border-radius:0;height:100%;max-height:none;padding:8px 16px 12px;top:0;left:auto}.guide-heading{flex-shrink:0;margin-bottom:6px}.instruction{margin-bottom:12px}.instruction h2,[data-brand=saloni] .instruction h2{font-size:18px}.instruction p{font-size:13px}.instruction #step-note{padding:4px 6px;font-size:10px}.control-dock{margin-top:auto}.step-navigation button{min-height:46px;padding:8px}.dock-bottom{margin-top:8px;padding-top:6px}#product-menu{width:296px;max-height:calc(100dvh - 24px);top:12px;left:auto;right:12px}#steps-dialog{margin:auto}}@media (width<=359px){.assembly-ui{padding-left:14px;padding-right:14px}.instruction p{font-size:13px}.instruction h2,[data-brand=saloni] .instruction h2{font-size:18px}#steps-toggle .eyebrow{font-size:11px}}#connection-tools{z-index:3;white-space:nowrap;gap:8px;display:flex;position:absolute;bottom:48px;left:calc(50% + 206px);transform:translate(-50%)}#connection-tools[hidden],#motion-status[hidden]{display:none}#connection-tools button{color:#f3eee5;background:#252420ed;border:1px solid #ffffff29;border-radius:7px;gap:8px;min-height:44px;padding:10px 14px;font-size:13px;box-shadow:0 3px 12px #0002}#connection-tools button:hover{background:#3e3b33}#connection-tools svg{width:16px;height:16px}#motion-status{z-index:3;color:#f2d3a0;text-align:center;pointer-events:none;background:#252420ee;border-radius:6px;width:max-content;max-width:calc(100% - 32px);padding:8px 12px;font-size:13px;line-height:1.4;position:absolute;bottom:104px;left:calc(50% + 206px);transform:translate(-50%)}.panel-open #connection-tools,.panel-open #motion-status{visibility:hidden}#joint-dialog{width:min(560px,100% - 24px);max-height:calc(100dvh - 24px);padding:22px;overflow:auto}#joint-dialog .tools-heading{align-items:center;gap:10px;margin-bottom:20px}#joint-dialog .tools-heading h2{margin-top:6px;font-size:22px}#joint-dialog .eyebrow{color:#bcb5a9;font-size:10px}#close-joint{background:#ffffff08;border-radius:7px;min-width:44px;min-height:44px}.joint-phases{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;display:grid}.joint-phases button{background:#ffffff08;border-radius:6px;min-height:44px;padding:8px;font-size:14px}.joint-phases button[aria-pressed=true]{color:#28251f;background:#e4cfaf}.joint-illustration{background:#f4efe5;border-radius:8px;overflow:hidden}.joint-illustration svg{width:100%;height:auto;display:block}.joint-shelf,.joint-screw-label{transition:transform .75s cubic-bezier(.3,0,.2,1)}.joint-cam{transform-origin:300px 217px;transition:transform .65s ease-in-out}.joint-illustration[data-phase="1"] .joint-shelf,.joint-illustration[data-phase="2"] .joint-shelf,.joint-illustration:not([data-phase="0"]) .joint-screw-label{transform:translateY(76px)}.joint-illustration[data-phase="2"] .joint-cam{transform:rotate(90deg)}.joint-turn{opacity:0}.joint-illustration[data-phase="2"] .joint-turn{opacity:1}.joint-illustration:not([data-phase="0"]) .joint-down{opacity:0}.joint-caption{color:#f1ede5;min-height:45px;margin:18px 0 8px;font-size:15px;line-height:1.5}.joint-note{color:#afa99e;margin:0;font-size:12px;line-height:1.45}@media (width<=700px),(height<=500px) and (width<=1000px){#connection-tools{gap:6px;bottom:12px;left:50%}#connection-tools button{padding:10px 11px;font-size:12px}#motion-status{font-size:12px;bottom:66px;left:50%}#joint-dialog{border-radius:14px;padding:16px}#joint-dialog .tools-heading{margin-bottom:16px}#joint-dialog .tools-heading h2{font-size:20px}.joint-caption{font-size:14px}}@media (width<=359px){#connection-tools button{gap:5px;padding:10px 9px}#joint-dialog .tools-heading h2{font-size:18px}}@media (prefers-reduced-motion:reduce){.joint-shelf,.joint-cam,.joint-screw-label{transition:none}}#view-room{gap:6px}#view-room .room-chevron svg{width:12px;height:12px}#rooms-dialog{width:min(690px,100% - 24px);max-width:calc(100% - 24px);max-height:calc(100dvh - 32px);padding:22px;overflow:auto}#rooms-dialog .tools-heading{margin-bottom:18px}#rooms-dialog .tools-heading h2{font-size:23px}#close-rooms{background:#ffffff08;border-radius:7px;min-width:44px;min-height:44px}#room-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px;display:grid}.room-option{text-align:left;background:#ffffff03;border:1px solid #ffffff1c;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:0 0 11px;display:flex;position:relative;overflow:hidden}.room-option>svg{stroke:none;width:100%;height:auto;fill:initial;border-bottom:1px solid #ffffff14}.room-option>svg path{stroke-linecap:initial;stroke-linejoin:initial}.room-option b{padding:11px 11px 4px;font-size:14px;font-weight:500}.room-option small{color:#bbb4a8;padding:0 11px;font-size:11px;line-height:1.45}.room-option[aria-pressed=true]{background:#e4cfaf0c;border-color:#e4cfaf;box-shadow:0 0 0 1px #e4cfaf}.room-option[aria-pressed=true]:after{content:"✓";color:#252420;background:#e4cfaf;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;display:grid;position:absolute;top:8px;right:8px}.room-option:hover{background:#ffffff09;border-color:#c4b49a}.room-option:focus-visible{outline-offset:3px;outline:2px solid #f4e1bd}@media (width<=700px){#rooms-dialog{margin:auto auto max(12px, env(safe-area-inset-bottom));border-radius:16px;padding:16px}#rooms-dialog .tools-heading{margin-bottom:14px}#rooms-dialog .tools-heading h2{font-size:21px}#room-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-option>svg{max-height:104px}.room-option b{font-size:13px}.room-option small{font-size:11px}#view-room{padding-left:9px;padding-right:9px}}@media (height<=650px) and (width<=700px){.room-option>svg{max-height:68px}.room-option b{padding:8px 8px 3px}.room-option small{padding:0 8px}#rooms-dialog{max-height:calc(100dvh - 24px)}}@media (height<=500px) and (width>=600px) and (width<=1000px){#rooms-dialog{margin:auto;padding:14px 18px}#rooms-dialog .tools-heading{margin-bottom:10px}#room-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.room-option>svg{max-height:66px}.room-option b{padding:7px 9px 3px}.room-option small{padding:0 9px;font-size:10px}.room-option{padding-bottom:8px}}[data-family=shower]{--accent:#dbc8a6;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}[data-family=shower] :is(.brand-icon,.prototype,.metrics,h1>span){display:none}[data-family=shower] #brand-name{letter-spacing:-1.5px;text-transform:none;font-size:26px;font-weight:750}[data-family=shower] #brand-subtitle{letter-spacing:.14em;border-left:1px solid #fff5;margin-left:5px;padding-left:12px;font-size:10px}[data-family=shower] h1{margin:22px 0 5px}[data-family=shower] h1 strong{letter-spacing:.06em;font-size:36px;font-weight:400}[data-family=shower] .masthead>p{max-width:260px;font-size:13px;line-height:1.5}[data-family=shower] #world:after{background:linear-gradient(90deg,#101c1d42,#0000 38%),linear-gradient(#18221c33,#0000 20%)}#doors{z-index:3;color:#f7f3e9;background:#27302be8;border:1px solid #fff3;border-radius:24px;min-height:44px;padding:10px 18px;font-size:13px;position:absolute;bottom:55px;left:calc(50% + 150px);transform:translate(-50%);box-shadow:0 4px 20px #0002}#doors[aria-pressed=true]{color:#292c26;background:#dfcba9}[data-family=shower].drawing .masthead{color:#26322d}[data-family=shower] #connection-tools{bottom:20px}@media (width<=700px),(height<=500px) and (width<=1000px){[data-family=shower] .brand{flex-wrap:wrap;gap:7px}[data-family=shower] #brand-name{font-size:23px}[data-family=shower] #brand-subtitle{margin-left:0;padding-left:8px;font-size:9px}#doors{left:50%;bottom:calc(var(--controls-height,280px) + 14px);padding:8px 15px;font-size:12px}[data-family=shower] #connection-tools{bottom:10px}[data-family=shower] .instruction #step-note{font-size:11px}}@media (height<=500px) and (width>=600px) and (width<=1000px){#doors{left:calc((100% - var(--landscape-panel))/2);bottom:14px}}[data-family=shower]:has(#doors:not([hidden])) #connection-tools{bottom:55px;left:calc(50% + 75px)}[data-family=shower]:has(#connection-tools:not([hidden])) #doors{left:calc(50% + 245px)}.panel-open #doors{visibility:hidden}@media (width<=700px),(height<=500px) and (width<=1000px){[data-family=shower]:has(#doors:not([hidden])) #connection-tools{bottom:14px;left:calc(50% - 66px)}[data-family=shower]:has(#connection-tools:not([hidden])) #doors{left:calc(50% + 80px)}}@media (height<=500px) and (width>=600px) and (width<=1000px){[data-family=shower]:has(#connection-tools:not([hidden])) #doors{left:calc((100% - var(--landscape-panel))/2 + 80px)}}