.yacht-app{--ink:#23352d;--paper:#f3f2ec;--line:#23352d20;min-height:100svh;background:var(--paper);color:var(--ink);font-family:var(--font-body),Arial,sans-serif}.yacht-app *{box-sizing:border-box}.yacht-app a,.yacht-app button{-webkit-tap-highlight-color:transparent}.yacht-app button{cursor:pointer}.yacht-app a:focus-visible,.yacht-app button:focus-visible{outline:3px solid #ad8f60;outline-offset:4px}.yacht-topbar{height:77px;padding:0 30px;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.yacht-brand,.yacht-topbar{display:flex;align-items:center}.yacht-brand{gap:11px;letter-spacing:.15em;font-size:23px;font-weight:600}.yacht-brand small{font-size:9px;display:block;letter-spacing:.23em;font-weight:400;margin-top:-3px}.yacht-project-label{font-size:11px;display:flex;gap:14px;align-items:center;color:#6b746b}.yacht-project-label i{height:3px;width:3px;background:#809589;border-radius:100%}.yacht-topbar>div{display:flex;align-items:center;gap:28px}.yacht-project-cta{display:flex;gap:14px;font-size:11px;align-items:center;border-bottom:1px solid #8e9989;padding-block:10px}.yacht-workspace{display:grid;grid-template-columns:300px 1fr;min-height:calc(100svh - 119px)}.yacht-panel{padding:30px 25px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.yacht-panel-section>label,.yacht-panel-title>span{font-size:8px;letter-spacing:.17em;color:#7d877b}.yacht-panel-title h1{font-size:31px;line-height:1.13;letter-spacing:-.04em;margin:17px 0 12px;font-weight:400}.yacht-panel-title p{font-size:11px;line-height:1.85;color:#6b746b;margin-bottom:25px}.yacht-exterior{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:transparent;padding:13px;border-radius:3px;font-size:11px}.yacht-exterior>svg:last-child{margin-left:auto}.yacht-exterior.active{background:#23352d;color:#fff}.yacht-deck-tabs{display:flex;border-bottom:1px solid var(--line);margin-top:23px;gap:8px}.yacht-deck-tabs button{width:33.33%;padding:9px 4px 13px;border:0;border-bottom:2px solid transparent;color:#8a9186;background:none;font-size:12px}.yacht-deck-tabs button small{display:block;font-size:8px;margin-top:3px}.yacht-deck-tabs button[aria-pressed=true]{color:#23352d;border-color:#23352d}.yacht-stops{padding:10px 0 20px;display:flex;flex-direction:column;min-height:155px}.yacht-stops button{display:flex;align-items:center;gap:12px;padding:12px 9px;background:none;border:0;color:#68766a;font-size:11px;text-align:left;border-radius:3px}.yacht-stops button>span{font-size:8px;color:#8b9a8c}.yacht-stops button svg{margin-left:auto}.yacht-stops button.active{color:#23352d;background:#e3e7dc}.yacht-panel-section{border-top:1px solid var(--line);padding:18px 0}.yacht-finishes{display:flex;align-items:center;gap:7px;margin:15px 0}.yacht-finishes button{height:27px;width:27px;border-radius:50%;border:2px solid transparent;color:white;display:grid;place-items:center}.yacht-finishes button[aria-pressed=true]{outline:1px solid #566956;outline-offset:3px}.yacht-finishes>span{font-size:9px;margin-left:8px;color:#647160}.yacht-lighting{display:flex;gap:5px;justify-content:space-between}.yacht-lighting button{display:flex;flex-direction:column;gap:7px;align-items:center;font-size:8px;background:none;border:1px solid var(--line);border-radius:3px;padding:9px 7px;flex:1;color:#6b746b}.yacht-lighting button[aria-pressed=true]{background:#e3e7dc;color:#23352d;border-color:#a6b3a2}.yacht-spec>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}.yacht-spec span{font-size:8px;color:#76826f}.yacht-spec strong{font-size:18px;color:#23352d;display:block;margin-top:4px;font-weight:400}.yacht-spec p{font-size:8px;margin-top:13px;color:#8a9283}.yacht-panel-footer{margin-top:auto;display:flex;gap:12px;border-top:1px solid var(--line);padding-top:18px}.yacht-panel-footer button{display:flex;align-items:center;gap:7px;font-size:9px;border:0;background:none;color:#53604e}.yacht-stage{position:relative;background:#dce4dd;min-height:650px;overflow:hidden}.yacht-canvas{position:absolute;inset:0}.yacht-canvas canvas{display:block;width:100%;height:100%;outline:0}.yacht-stage-top{position:absolute;inset:22px 25px auto;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.yacht-stage-top>span{display:flex;gap:9px;align-items:center;border:1px solid #ffffff77;background:#f6f7efcc;backdrop-filter:blur(10px);font-size:9px;border-radius:50px;padding:10px 15px}.yacht-stage-top i{height:5px;width:5px;background:#4d795c;border-radius:50%}.yacht-stage-top>div{display:flex;gap:6px;pointer-events:auto}.yacht-stage-top button{width:35px;height:35px;border-radius:50%;border:1px solid #ffffff88;display:grid;place-items:center;background:#f3f2ecd9;color:#23352d}.yacht-stage-copy{position:absolute;top:85px;left:30px;max-width:310px;pointer-events:none;text-shadow:0 1px 10px #f5f8f0}.yacht-stage-copy>span{font-size:8px;letter-spacing:.16em;color:#465d50}.yacht-stage-copy h2{font-size:36px;line-height:1;letter-spacing:-.04em;margin:11px 0;font-weight:400}.yacht-stage-copy p{font-size:11px;line-height:1.85;max-width:265px;color:#40594a}.yacht-stage[data-night=true] .yacht-stage-copy{color:white}.yacht-controls{position:absolute;bottom:24px;left:25px;display:flex;gap:2px;background:#f6f6efed;border:1px solid #ffffff99;box-shadow:0 8px 40px #17211c12;border-radius:5px;padding:5px;backdrop-filter:blur(12px)}.yacht-controls button{padding:10px 12px;display:flex;align-items:center;gap:8px;font-size:10px;border:0;background:none;border-radius:3px;color:#23352d}.yacht-controls button[aria-pressed=true]{background:#dce5d7}.yacht-controls .yacht-mobile-menu{display:none}.yacht-xr-actions{position:absolute;bottom:25px;right:25px;display:flex;gap:7px}.yacht-xr-actions button{display:flex;align-items:center;justify-content:center;gap:9px;background:#23352d;color:#f0f2e9;padding:14px 17px;font-size:10px;border:1px solid #526456;border-radius:3px}.yacht-xr-actions button+button{background:#eef0e7;color:#23352d;border:1px solid #c0cbb9}.yacht-stop-nav{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;border-radius:40px;background:#f3f2eceb;padding:5px;font-size:10px}.yacht-stop-nav button{border:0;background:#e0e6d9;border-radius:50%;display:grid;place-items:center;width:31px;height:31px}.yacht-measure-label{position:absolute;top:250px;left:30px;background:#f3f2ecee;padding:11px 16px;border-radius:3px;font-size:13px;color:#715e39}.yacht-measure-label small{display:block;margin-top:5px;font-size:9px}.yacht-status{height:42px;justify-content:space-between;padding:0 30px;border-top:1px solid var(--line);font-size:9px;color:#718069;gap:12px}.yacht-status,.yacht-status a{display:flex;align-items:center}.yacht-status a{gap:8px}.yacht-status>span{font-size:8px;letter-spacing:.14em}.yacht-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:25px;background:#e3e7dc;font-size:13px;text-align:center}.yacht-loading small{font-size:10px}.yacht-toast{position:absolute;bottom:160px;left:50%;transform:translateX(-50%);max-width:90%;width:420px;padding:16px 40px 16px 20px;background:#23352df2;color:#fff;border:1px solid #82927c;border-radius:5px;font-size:12px;line-height:1.75;box-shadow:0 10px 40px #0003;z-index:12;overflow-wrap:anywhere}.yacht-toast button{position:absolute;right:10px;top:12px;background:none;border:0;color:white}.yacht-xr-overlay{position:absolute;inset:70px 20px auto;display:flex;gap:15px;justify-content:space-between;align-items:center;z-index:20;font-size:12px}.yacht-xr-overlay button{background:#23352d;color:#fff;display:flex;align-items:center;gap:12px;padding:12px 20px;border:1px solid white;border-radius:4px}.yacht-xr-overlay p{background:#f3f2ecdd;padding:10px 14px;border-radius:4px}.yacht-modal{position:fixed;inset:0;background:#17211c9c;backdrop-filter:blur(9px);z-index:100;display:grid;place-items:center;padding:20px}.yacht-modal>div{position:relative;max-width:400px;width:100%;background:#f3f2ec;padding:40px 35px;border-radius:7px;text-align:center;box-shadow:0 30px 90px #0004}.yacht-modal h2{font-size:30px;letter-spacing:-.04em;margin:0 0 13px;font-weight:400}.yacht-modal p{font-size:12px;line-height:1.8;color:#6b746b}.yacht-modal img{margin:18px auto}.yacht-modal-close{position:absolute;right:13px;top:12px;border:0;background:none;color:#23352d}.yacht-ar-link{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;background:#e0e6d9;padding:12px;margin-bottom:8px;border-radius:3px}.yacht-ar-link img{margin:0;border-radius:3px}.yacht-modal small{display:block;font-size:9px;color:#7b8774;line-height:1.8;margin-top:18px}.yacht-stage:fullscreen{min-height:100vh}.yacht-stage:has(.yacht-xr-overlay) .yacht-controls,.yacht-stage:has(.yacht-xr-overlay) .yacht-stage-copy,.yacht-stage:has(.yacht-xr-overlay) .yacht-stop-nav,.yacht-stage:has(.yacht-xr-overlay) .yacht-xr-actions{display:none}@media (min-width:1600px){.yacht-workspace{grid-template-columns:340px 1fr}.yacht-panel{padding:35px}.yacht-stage-copy{top:100px;left:40px}.yacht-stage-copy h2{font-size:45px}}@media (max-width:1150px){.yacht-workspace{grid-template-columns:265px 1fr}.yacht-panel{padding:25px 20px}.yacht-xr-actions{bottom:85px;right:20px}.yacht-controls{left:20px;bottom:22px}.yacht-stop-nav{left:auto;right:20px;transform:none;bottom:145px}}@media (max-width:760px){.yacht-topbar{height:66px;padding:0 18px}.yacht-brand{font-size:20px}.yacht-project-label{display:none}.yacht-topbar>div{gap:15px}.yacht-project-cta{font-size:9px}.yacht-workspace{display:block;min-height:calc(100svh - 101px)}.yacht-stage{height:calc(100svh - 101px);min-height:580px}.yacht-panel{display:none;position:absolute;z-index:30;top:66px;bottom:35px;left:0;background:#f3f2ec;width:280px;overflow-y:auto;box-shadow:15px 0 80px #17211c40}.yacht-panel.is-open{display:flex}.yacht-panel-title h1{font-size:27px}.yacht-panel-title p{margin-bottom:16px}.yacht-panel-title>span{font-size:7px}.yacht-stops{min-height:auto}.yacht-stage-top{inset:18px 16px auto}.yacht-stage-copy{left:20px;top:77px;max-width:240px}.yacht-stage-copy h2{font-size:31px}.yacht-stage-copy p{max-width:220px;font-size:10px}.yacht-xr-actions{bottom:85px;left:16px;right:16px}.yacht-xr-actions button{flex:1;padding:12px;font-size:10px}.yacht-controls{left:16px;right:16px;bottom:23px;justify-content:center}.yacht-controls button{padding:10px;font-size:9px;gap:5px}.yacht-controls .yacht-mobile-menu{display:flex}.yacht-stop-nav{bottom:144px;right:18px}.yacht-status{height:35px;padding:0 18px;font-size:8px}.yacht-status>span{display:none}.yacht-status a:last-child{max-width:230px;text-align:right;font-size:8px}.yacht-measure-label{left:20px;top:215px;font-size:11px}.yacht-toast{bottom:193px;font-size:11px}.yacht-xr-overlay{inset:70px 15px auto;flex-wrap:wrap}.yacht-modal>div{padding:35px 25px}}@media (prefers-reduced-motion:reduce){.yacht-app *{animation:none!important;scroll-behavior:auto!important}}@media (min-width:761px){.yacht-workspace{height:calc(100svh - 119px);min-height:560px}.yacht-panel{overflow-y:auto}.yacht-stage{min-height:560px}}.yacht-stage:has([data-light=night]) .yacht-stage-copy{color:#fff;text-shadow:0 1px 8px #17211c}.yacht-stage:has([data-light=night]) .yacht-stage-copy p,.yacht-stage:has([data-light=night]) .yacht-stage-copy>span{color:#dde5d7}