:root{--viewer-surface:#151519;--viewer-ink:#fcf6e6;--viewer-panel:#1c1c21;--viewer-soft:rgba(252,246,230,.08);--viewer-line:rgba(252,246,230,.14)}
[data-theme='light']{--viewer-surface:#fcf6e6;--viewer-ink:#151519;--viewer-panel:#fffdf5;--viewer-soft:rgba(21,21,25,.055);--viewer-line:rgba(21,21,25,.14);--line:rgba(21,21,25,.16);--muted:rgba(21,21,25,.68);--cream:#151519;--ink:#fcf6e6}
body{background:var(--viewer-surface);color:var(--viewer-ink)}
.viewer-header{background:color-mix(in srgb,var(--viewer-surface) 88%,transparent);border-color:var(--viewer-line);backdrop-filter:blur(14px);position:sticky;top:0}
.viewer-header__actions{display:flex;align-items:center;gap:16px}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--viewer-line);background:transparent;color:inherit;cursor:pointer}
[data-theme='light'] .viewer-header .brand img{content:url('/assets/img/logo-light.png')}.viewer-page{width:min(100%,1540px);margin:0 auto}.viewer-heading>p{font-size:17px;line-height:1.7}
.viewer-layout{grid-template-columns:minmax(0,1fr) minmax(320px,370px);gap:28px}.stage{--cream:#fcf6e6;--ink:#151519;--line:rgba(252,246,230,.2);--muted:rgba(252,246,230,.7);border-color:var(--line);border-radius:18px;color:var(--cream);box-shadow:0 24px 70px rgba(0,0,0,.18)}
.customizer{padding:0;border:0;background:transparent}.customizer-step{margin-bottom:14px;padding:22px;border:1px solid var(--viewer-line);border-radius:16px;background:var(--viewer-panel);opacity:.72;transition:opacity .2s,border-color .2s,transform .2s}.customizer-step--active{opacity:1;border-color:color-mix(in srgb,var(--red) 70%,var(--viewer-line))}
.customizer-title{align-items:center;margin-bottom:18px}.customizer-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fcf6e6;font-weight:700}.customizer-title small{display:block;margin-bottom:2px;color:var(--muted);font-size:9px;letter-spacing:.12em}
.upload-label{border-color:var(--viewer-line);border-radius:12px;background:var(--viewer-soft)}.upload-label input::file-selector-button{border-radius:7px}.placement-status{min-height:0;margin-top:12px;padding:10px 12px;border-radius:8px;background:var(--viewer-soft)}
.customizer .solid{color:#fcf6e6}.viewer-download{width:100%;margin-top:18px;border-color:var(--viewer-ink);background:var(--viewer-ink);color:var(--viewer-surface);font-weight:700}.viewer-download:disabled{opacity:.62}.viewer-download:hover:not(:disabled){border-color:var(--red);background:var(--red);color:#fcf6e6}.viewer-contact{width:100%;border-color:var(--viewer-line);color:var(--viewer-ink)}.simulation-note{color:var(--viewer-ink);opacity:.72}.view-presets button{min-width:0}
@media(max-width:760px){.viewer-header{height:70px}.viewer-header__actions{gap:8px}.back-site{font-size:11px}.viewer-page{padding-inline:14px}.viewer-heading{padding-top:18px}.viewer-layout{gap:18px}.stage{border-radius:13px}.customizer-step{padding:18px}.stage-tools{flex-wrap:wrap}.view-presets{overflow-x:auto}.view-presets button{flex:0 0 78px}}

.orientation-hint[hidden]{display:none}.orientation-hint{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(10,10,13,.96);color:#fcf6e6;text-align:center}.orientation-hint__card{width:min(100%,390px);padding:32px 24px;border:1px solid rgba(252,246,230,.16);border-radius:22px;background:#1c1c21;box-shadow:0 30px 90px rgba(0,0,0,.45)}.orientation-hint__icon{position:relative;width:112px;height:88px;margin:0 auto 24px}.orientation-hint__phone{position:absolute;left:30px;top:10px;width:48px;height:72px;border:3px solid #fcf6e6;border-radius:9px;transform:rotate(-18deg)}.orientation-hint__phone::after{content:'';position:absolute;left:50%;bottom:5px;width:5px;height:5px;border-radius:50%;background:#dd0e0e;transform:translateX(-50%)}.orientation-hint__icon svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#dd0e0e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.orientation-hint__eyebrow{margin:0 0 10px;color:#dd0e0e;font-size:10px;font-weight:800;letter-spacing:.15em}.orientation-hint h1{margin:0 0 14px;font-size:clamp(27px,8vw,38px);line-height:1.05}.orientation-hint__card>p:not(.orientation-hint__eyebrow){margin:0;color:rgba(252,246,230,.76);font-size:14px;line-height:1.65}.orientation-hint small{display:block;margin:14px 0 23px;color:rgba(252,246,230,.48);font-size:11px;line-height:1.55}.orientation-hint button{width:100%;min-height:48px;border:0;border-radius:8px;background:#dd0e0e;color:#fcf6e6;font:700 12px var(--display);cursor:pointer}
@media (orientation:landscape){.orientation-hint{display:none}}