@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--color-surface: #0a0e11;--color-surface-raised: #141718;--color-surface-overlay: #1b1f21;--color-border: #222628;--color-border-strong: #363a3c;--color-ink: #eceae6;--color-muted: #989a9a;--color-subtle: #84878a;--color-accent: #c4ee78;--color-accent-hover: #d4f595;--color-accent-ink: #0a0e11;--color-paper: #d5cabd;--color-paper-ink: #16181a;--font-sans: "Geist Variable", Geist, Inter, ui-sans-serif, system-ui, sans-serif;--text-display: clamp(2.75rem, 6.5vw, 4.75rem);--text-h2: clamp(2.125rem, 4.2vw, 3.25rem);--text-h3: 1.375rem;--text-lead: 1.125rem;--text-body: 1rem;--text-small: .875rem;--text-eyebrow: .75rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--leading-tight: 1.05;--leading-snug: 1.25;--leading-body: 1.6;--tracking-display: -.035em;--tracking-heading: -.025em;--tracking-eyebrow: .14em;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-pill: 999px;--content-max: 75rem;--gutter: clamp(1.25rem, 4vw, 3rem);--space-section: clamp(5rem, 10.5vw, 9.375rem);--ease-out: cubic-bezier(.2, .8, .2, 1);--duration-fast: .15s;--duration-base: .25s;--focus-ring: 0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-accent)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-xl:.75rem;--radius-2xl:1rem}}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.z-30{z-index:30}.m-0{margin:0}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-\[18px\]{width:18px;height:18px}.h-56{height:calc(var(--spacing) * 56)}.h-\[300px\]{height:300px}.h-full{height:100%}.min-h-0{min-height:0}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-none{resize:none}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[18px\]{border-radius:18px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-accent{border-color:var(--color-accent)}.border-border{border-color:var(--color-border)}.border-border-strong{border-color:var(--color-border-strong)}.border-transparent{border-color:#0000}.bg-accent{background-color:var(--color-accent)}.bg-paper{background-color:var(--color-paper)}.bg-surface{background-color:var(--color-surface)}.bg-surface-overlay{background-color:var(--color-surface-overlay)}.bg-surface-raised{background-color:var(--color-surface-raised)}.bg-transparent{background-color:#0000}.object-cover{object-fit:cover}.p-0{padding:0}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-left{text-align:left}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-eyebrow{--tw-tracking:var(--tracking-eyebrow);letter-spacing:var(--tracking-eyebrow)}.tracking-heading{--tw-tracking:var(--tracking-heading);letter-spacing:var(--tracking-heading)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--color-accent)}.text-accent-ink{color:var(--color-accent-ink)}.text-ink{color:var(--color-ink)}.text-muted{color:var(--color-muted)}.text-subtle{color:var(--color-subtle)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.outline-none{--tw-outline-style:none;outline-style:none}.disabled\:opacity-45:disabled{opacity:.45}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:w-60{width:calc(var(--spacing) * 60)}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:items-stretch{align-items:stretch}.lg\:justify-between{justify-content:space-between}.lg\:gap-2{gap:calc(var(--spacing) * 2)}.lg\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}.lg\:gap-7{gap:calc(var(--spacing) * 7)}.lg\:overflow-visible{overflow:visible}.lg\:overflow-y-auto{overflow-y:auto}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:p-5{padding:calc(var(--spacing) * 5)}.lg\:p-9{padding:calc(var(--spacing) * 9)}.lg\:px-4{padding-inline:calc(var(--spacing) * 4)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:py-5{padding-block:calc(var(--spacing) * 5)}.lg\:whitespace-normal{white-space:normal}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{color:var(--color-ink);font-family:var(--font-sans);background:var(--color-surface)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:disabled{cursor:default;opacity:.45}.studio{display:flex;flex-direction:column;height:100%;background:var(--color-surface);color:var(--color-ink)}.topbar,.mobile-tabs{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised)}.mobile-tabs{display:none;border-bottom:0;border-top:1px solid var(--color-border)}.mark{margin:0;font-size:var(--text-small);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.quiet{margin:0;color:var(--color-subtle);font-size:var(--text-small)}.panel-label,.group-label{margin:0;color:var(--color-subtle);font-size:var(--text-eyebrow);font-weight:var(--weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.top-actions,.presets,.row-actions,.segment,.chips{display:flex;flex-wrap:wrap;gap:8px}.workspace{display:flex;flex:1;min-height:0}.panel{display:flex;flex-direction:column;gap:16px;width:280px;padding:16px;overflow:auto;background:var(--color-surface-raised)}.panel-design{border-right:1px solid var(--color-border)}.panel-place{border-left:1px solid var(--color-border)}.stage{position:relative;flex:1;min-width:0;background:var(--color-surface)}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.stage-bar,.stage-hud,.handoff,.disclaimer,.compare-labels{position:absolute;z-index:1}.stage-bar{top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;pointer-events:none}.stage-bar button,.stage-bar .top-actions{pointer-events:auto}.stage-hud{left:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.disclaimer{right:16px;bottom:16px;margin:0;color:var(--color-subtle);font-size:var(--text-small)}.compare-labels{top:76px;left:16px;right:16px;display:flex;justify-content:space-between;color:var(--color-muted);font-size:var(--text-small);pointer-events:none}.compare-labels button{pointer-events:auto}.handoff{left:16px;right:16px;bottom:72px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised)}.handoff p,.warn{margin:0;color:var(--color-muted);font-size:var(--text-small)}.button,.segment button,.region,.chip,.mobile-tabs button{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:transparent;color:var(--color-ink);padding:8px 14px}.button.accent,.segment button[aria-pressed=true],.chip[aria-pressed=true],.mobile-tabs button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.region[aria-pressed=true]{border-color:var(--color-accent);background:transparent;color:var(--color-ink)}.button.ghost:hover,.region:hover:not(:disabled){border-color:var(--color-accent)}.gate{display:grid;min-height:100%;place-items:center;padding:24px 16px}.gate-card{display:flex;flex-direction:column;gap:16px;width:min(100%,420px);padding:28px 24px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised)}.gate-card h1{margin:0;font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading)}.gate-card p{margin:0;color:var(--color-muted);line-height:var(--leading-body)}.gate-card form{display:flex;flex-direction:column;gap:14px}.gate-card label{display:flex;flex-direction:column;gap:6px;color:var(--color-subtle);font-size:var(--text-small)}.gate-card input[type=email],.gate-card input[type=password]{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-overlay);padding:12px 14px;color:var(--color-ink)}.gate-card .button.accent{width:100%;padding:12px 16px}.gate-links{display:flex;justify-content:space-between;gap:12px}.text-link{border:0;background:none;padding:0;color:var(--color-ink);text-decoration:underline;text-underline-offset:3px}.gate-error{color:var(--color-ink)}.honeypot{position:absolute;left:-9999px}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.design-card{display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-paper-ink);text-align:left}.design-card[aria-pressed=true]{border-color:var(--color-accent)}.design-card img{width:100%;aspect-ratio:1 / 2;object-fit:contain}.design-card span,.region{font-size:var(--text-small)}.region{display:flex;width:100%;justify-content:space-between;align-items:center;border-radius:10px;color:var(--color-muted);text-align:left}.design-now{display:flex;align-items:center;gap:12px}.design-now img{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-paper)}.design-now p{margin:0}.region-group,.region-block,.size-block,.slider{display:flex;flex-direction:column;gap:8px}.skins button{width:28px;height:28px;padding:0;border-radius:var(--radius-pill)}.skins button[aria-pressed=true]{box-shadow:none;outline:2px solid var(--color-accent);outline-offset:2px}.slider input{width:100%;accent-color:var(--color-accent)}.fallback{display:flex;flex-direction:column;gap:12px;height:100%;padding:24px;color:var(--color-muted)}.fallback img{width:min(240px,70%);background:var(--color-paper)}.mobile-only{display:none}@media(max-width:1023px){.workspace{flex-direction:column}.stage{flex:none;height:58vh}.panel{display:none;width:auto;border:0;flex:1}.studio[data-tab=design] .panel-design,.studio[data-tab=place] .panel-place,.studio[data-tab=size] .panel-place{display:flex}.studio[data-tab=place] .size-block,.studio[data-tab=size] .region-block{display:none}.mobile-tabs{display:flex}.mobile-tabs button{flex:1}.disclaimer{left:16px;right:auto;bottom:64px}.desktop-only{display:none}.mobile-only{display:inline-flex}}