:root{--bg:#f6f4f0;--surface:#fff;--ink:#1a1a18;--ink-soft:#6b6862;--line:#d9d5cd;--accent:#b5774a;--danger:#a3402f;--glass:#ffffffa8;--font:"Jost", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:clamp(16px, 5vw, 72px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121211;--surface:#1b1b19;--ink:#eeebe5;--ink-soft:#9a968e;--line:#34322e;--accent:#d39668;--danger:#e07a66;--glass:#1b1b199e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121211;--surface:#1b1b19;--ink:#eeebe5;--ink-soft:#9a968e;--line:#34322e;--accent:#d39668;--danger:#e07a66;--glass:#1b1b199e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:17px;font-weight:300;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}input,textarea,select{font:inherit;color:inherit;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;outline:none;width:100%;padding:8px 0}input:focus,textarea:focus,select:focus{border-bottom-color:var(--ink)}input[type=range]{accent-color:var(--accent);border:0;padding:0}input[type=color]{border:1px solid var(--line);border-radius:6px;width:44px;height:28px;padding:0}input[type=checkbox]{width:auto;accent-color:var(--accent)}textarea{resize:vertical}select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 10px}img{max-width:100%;display:block}.hidden{display:none!important}.muted{color:var(--ink-soft)}.small{font-size:14px}.row{justify-content:space-between;align-items:center;display:flex}.gap{justify-content:flex-start;gap:12px}#splash{z-index:100;background:var(--bg);color:var(--ink);place-items:center;transition:opacity .5s 1.3s;display:grid;position:fixed;inset:0}#splash.is-done{opacity:0;pointer-events:none}#splash:empty{display:none}.koala--wink .koala__eye-r{transform-origin:74px 60px;animation:.55s .45s both eye}.koala--wink .koala__wink{animation:.55s .45s both wink}@keyframes eye{0%,to{transform:scaleY(1)}35%,65%{transform:scaleY(0)}}@keyframes wink{0%,to{opacity:0}35%,65%{opacity:1}}@media (prefers-reduced-motion:reduce){.koala--wink .koala__eye-r,.koala--wink .koala__wink{animation:none}#splash{transition-delay:.2s}}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:400}.display{letter-spacing:-.02em;margin-top:16px;font-size:clamp(44px,8vw,112px);font-weight:300;line-height:.98}.title-l{letter-spacing:-.01em;font-size:clamp(32px,4.4vw,56px);font-weight:300;line-height:1.05}.title-m{font-size:28px;font-weight:300}.title-s{font-size:20px;font-weight:400}.lead{max-width:56ch;color:var(--ink-soft);margin-top:24px;font-size:19px}h3{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:22px 0 10px;font-size:12px;font-weight:400}.btn{border:1px solid var(--ink);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:10px 22px;font-size:15px;transition:background .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled),.btn--solid{background:var(--ink);color:var(--bg)}.btn--solid:hover:not(:disabled){color:var(--ink);background:0 0}.btn--sm{padding:6px 14px;font-size:14px}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--danger:hover{background:var(--danger)!important;color:var(--bg)!important}.link-btn{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);font-size:14px}.link-btn:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.icon-btn{border:1px solid var(--line);border-radius:999px;flex:none;place-items:center;width:38px;height:38px;display:grid}.icon-btn:hover{border-color:var(--ink)}.chip{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:13px}.chip.is-on,.chip:hover{border-color:var(--ink)}.chip--ghost{border-style:dashed}.chips{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:0 8px;font-size:12px}.topbar{padding:18px var(--gutter);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font-size:14px;font-weight:400;display:flex}.topbar nav{align-items:center;gap:14px;display:flex}.topbar__user{color:var(--ink-soft);font-size:14px}.topbar--project{z-index:5;background:var(--bg);gap:20px;padding:10px 20px;position:relative}.topbar__title{flex-direction:column;min-width:0;margin-right:auto;line-height:1.2;display:flex}.topbar__title strong{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:400;overflow:hidden}.tabs{display:flex;gap:4px!important}.tab{border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:14px}.tab.is-on{border-color:var(--ink)}.tab:hover{border-color:var(--line)}.hero{padding:clamp(56px, 12vh, 140px) var(--gutter) 48px}.projects{padding:24px var(--gutter) 96px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:40px 32px;display:grid}.card{text-align:left;display:block}.card__visual{aspect-ratio:4/3;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);place-items:center;font-size:14px;transition:border-color .2s;display:grid;overflow:hidden}.card__visual img{object-fit:cover;width:100%;height:100%}.card:hover .card__visual{border-color:var(--ink)}.card__title{margin-top:16px;font-size:24px;font-weight:400}.card__meta{color:var(--ink-soft);font-size:14px}.card--new .card__visual{letter-spacing:.04em;border-style:dashed;font-size:15px}.auth{min-height:100vh;padding:var(--gutter);place-items:center;display:grid}.auth__corner{position:fixed;top:18px;right:18px}.auth__box{width:min(440px,100%)}.auth__logo{margin-bottom:40px}.auth .muted{margin-top:14px}.form{gap:20px;margin-top:32px;display:grid}.form label{color:var(--ink-soft);gap:4px;font-size:14px;display:grid}.form label input,.form label textarea{color:var(--ink);font-size:17px}.form small{font-size:12px}.form__row{justify-content:flex-end;gap:16px;display:flex}.form__row label{flex:1}.form__error{color:var(--danger);min-height:1em;font-size:14px}.form .btn{justify-self:start}.page{padding:48px var(--gutter) 96px}.page.narrow{max-width:760px}.page__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.back{color:var(--ink-soft);margin-bottom:24px;font-size:14px;display:inline-block}.card-flat{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:32px;padding:8px 24px 24px}.switch{align-items:center;gap:10px;font-size:15px;display:flex}.log{border-collapse:collapse;width:100%;font-size:14px}.log td{border-bottom:1px solid var(--line);padding:8px 8px 8px 0}.stat{color:var(--ink-soft);font-size:15px}.stat strong{color:var(--ink);margin-right:6px;font-size:32px;font-weight:300}.danger{border-top:1px solid var(--line);margin-top:56px;padding-top:8px}.danger .btn{margin-top:12px}.dialog{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:16px;width:min(480px,92vw);margin:auto;padding:8px 32px 28px}.dialog::backdrop{background:#00000059}.toast{opacity:0;pointer-events:none;z-index:200;background:var(--ink);color:var(--bg);border-radius:999px;max-width:90vw;padding:10px 20px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.toast.is-on{opacity:1;transform:translate(-50%)}.toast--error{background:var(--danger)}.studio{background:var(--bg);height:calc(100dvh - 61px);position:relative;overflow:hidden}.viewer-canvas{touch-action:none;width:100%;height:100%;display:block}.dropzone{text-align:center;padding:var(--gutter);z-index:2;background:var(--bg);place-items:center;display:grid;position:absolute;inset:0}.dropzone__box{border:1px dashed var(--line);width:100%;max-width:520px;padding:56px 48px}.dropzone.is-over .dropzone__box{border-color:var(--accent)}.dropzone h2{font-size:clamp(28px,4vw,44px);font-weight:300;line-height:1.1}.dropzone p{color:var(--ink-soft);margin-top:14px;font-size:15px}.dropzone .btn{margin-top:28px}.progress{background:var(--line);height:2px;margin-top:24px}.progress span{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.panel{z-index:3;background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);border:1px solid var(--line);border-radius:14px;position:absolute}.toolbar{flex-direction:column;gap:4px;padding:6px;display:flex;top:16px;left:16px}.tool{border:1px solid #0000;border-radius:10px;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.tool:hover{border-color:var(--line)}.tool.is-on{border-color:var(--ink)}.toolbar__sep{background:var(--line);height:1px;margin:4px 6px}.side{width:min(330px,100% - 96px);padding:12px 18px 18px;top:16px;bottom:92px;right:16px;overflow-y:auto}.seg{border:1px solid var(--line);background:var(--glass);border-radius:999px;gap:2px;padding:3px;display:flex;position:sticky;top:0}.seg__b{border-radius:999px;flex:1;padding:5px 6px;font-size:13px}.seg__b.is-on{background:var(--ink);color:var(--bg)}.pane label{grid-template-columns:1fr auto;gap:4px;margin-top:10px;font-size:14px;display:grid}.pane label>input,.pane label>select,.pane label>textarea{grid-column:1/-1}.pane label.row{display:flex}.pane label span{color:var(--ink-soft)}.pane .row.gap{margin-top:12px}.pane textarea,.pane input:not([type=range]):not([type=color]){font-size:14px}.swatches{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.swatch{text-align:left;color:var(--ink-soft);gap:4px;font-size:11px;line-height:1.2;display:grid}.swatch span{aspect-ratio:1;background:var(--c);border:1px solid var(--line);border-radius:8px}.swatch:hover span{border-color:var(--ink)}.views{gap:4px;display:grid}.view{border-bottom:1px solid var(--line);justify-content:space-between;padding:4px 0;display:flex}.thumbs{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;display:grid}.thumbs img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:6px}.promptbar{border-radius:999px;align-items:center;gap:10px;width:min(720px,100% - 32px);padding:8px 8px 8px 14px;display:flex;bottom:20px;left:50%;transform:translate(-50%)}.promptbar input{border:0;padding:6px 0;font-size:15px}.promptbar__scope{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--accent);color:var(--accent);border-radius:999px;flex:none;padding:2px 10px;font-size:11px}.promptmsg{z-index:3;color:var(--ink-soft);text-align:center;pointer-events:none;width:min(720px,100% - 32px);font-size:14px;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.saved{z-index:3;color:var(--ink-soft);position:absolute;bottom:26px;left:20px}.walkpad{z-index:3;grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px);gap:4px;display:grid;position:absolute;bottom:70px;left:20px}.walkpad button{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;font-size:18px}.walkpad button:first-child{grid-column:2}.walkpad button:nth-child(2){grid-area:2/1}.walkpad button:nth-child(3){grid-area:2/2}.walkpad button:nth-child(4){grid-area:2/3}@media (width<=760px){.topbar--project{flex-wrap:wrap}.tabs{order:3;width:100%;overflow-x:auto}.studio{height:calc(100dvh - 104px)}.side{width:auto;max-height:42%;inset:auto 8px 76px}.toolbar{flex-direction:row;top:8px;left:8px}.toolbar__sep{width:1px;height:auto;margin:6px 4px}.walkpad{top:64px;bottom:auto}}.editor{grid-template-columns:minmax(0,1fr) 340px;gap:56px;margin-top:40px;display:grid}.editor__main{align-content:start;gap:20px;display:grid}.editor__main>label{color:var(--ink-soft);gap:4px;font-size:14px;display:grid}.editor__main>label input,.editor__main>label textarea{color:var(--ink)}.input-xl{font-weight:300;font-size:32px!important}.sec{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:10px;margin-bottom:16px;padding:14px 18px 18px;display:grid}.sec__head{justify-content:space-between;display:flex}.sec__head .row{gap:10px}.sec input[data-f=title]{font-size:20px}.pickimgs{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.pick{cursor:pointer;border:1px solid var(--line);opacity:.55;border-radius:8px;position:relative;overflow:hidden}.pick.is-on{opacity:1;border-color:var(--ink)}.pick input{position:absolute;top:6px;left:6px}.pick img{aspect-ratio:4/3;object-fit:cover;width:100%}.gallery{gap:18px;margin-top:16px;display:grid}.gitem img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);width:100%}.gitem.is-cover img{border-color:var(--accent)}.gitem input{font-size:14px}.gitem .row{margin-top:4px}.editor__side .btn{margin-top:8px}@media (width<=960px){.editor{grid-template-columns:1fr}}.preview-bar{background:var(--accent);color:#fff;text-align:center;padding:6px;font-size:13px}.client-top{z-index:4;padding:22px var(--gutter);justify-content:space-between;align-items:center;display:flex;position:absolute;left:0;right:0}.client-top nav{align-items:center;gap:14px;display:flex}.client-hero{min-height:92vh;padding:0 var(--gutter) clamp(40px, 8vh, 96px);align-items:flex-end;display:flex;position:relative;overflow:hidden}.client-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.client-hero:after{content:"";background:linear-gradient(to top, var(--bg) 0%, transparent 55%);position:absolute;inset:0}.client-hero__text{z-index:1;max-width:1100px;position:relative}.client-hero--plain{min-height:70vh}.client-hero--plain:after{display:none}.client-sec{padding:clamp(56px, 10vh, 120px) var(--gutter);max-width:900px}.client-sec--wide{max-width:none}.client-sec--intro{max-width:1000px;font-size:clamp(20px,2.2vw,28px);line-height:1.5}.client-sec--intro p+p{margin-top:1em}.prose{max-width:62ch;color:var(--ink-soft);margin-top:24px;font-size:18px}.prose p+p{margin-top:1em}.plates{grid-template-columns:repeat(12,1fr);gap:clamp(24px,4vw,56px);margin-top:48px;display:grid}.plates figure{grid-column:span 12}.plates figure:nth-child(3n+2),.plates figure:nth-child(3n+3){grid-column:span 6}.plates img{width:100%}.plates figcaption{color:var(--ink-soft);margin-top:12px;font-size:14px}@media (width<=700px){.plates figure{grid-column:span 12!important}}.client-3d{border:1px solid var(--line);background:var(--surface);height:min(80vh,760px);margin-top:48px;position:relative;overflow:hidden}.client-3d__cover{place-items:center;display:grid;position:absolute;inset:0}.client-3d__live{background:var(--bg);position:absolute;inset:0}.client-3d__live:fullscreen{height:100vh}.client-3d__bar{flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 28px);padding:6px;display:flex;top:14px;left:14px}.client-3d__bar .toolbar__sep{width:1px;height:24px;margin:0 4px}.client-3d__hint{z-index:3;color:var(--ink-soft);text-align:center;pointer-events:none;width:90%;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.client-3d .walkpad{top:auto;bottom:50px;left:14px}.watermark{z-index:3;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px;position:absolute;bottom:14px;right:16px}.client-foot{padding:40px var(--gutter);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px;display:flex}.steps{gap:8px;margin:16px 0 20px;padding-left:20px;display:grid}.steps strong{font-weight:500}@media (display-mode:standalone){.topbar{padding-top:max(18px, env(safe-area-inset-top))}.client-top{padding-top:max(22px, env(safe-area-inset-top))}}.auth__corner{align-items:center;gap:12px;display:flex}.badge{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;font-size:11px;display:inline-grid}.pin{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:999px;place-items:center;width:26px;height:26px;margin:-13px 0 0 -13px;font-size:12px;display:grid;position:absolute;box-shadow:0 1px 4px #00000040}.pin--done{background:var(--ink-soft)}.pin--static{flex:none;margin:0;position:static}.pins{pointer-events:none;position:absolute;inset:0}.pins .pin{pointer-events:auto}.pins--3d{z-index:2;overflow:hidden}.pins--3d .pin{top:0;left:0}.plate,.plate__img{position:relative}.plate.is-commenting .plate__img{cursor:crosshair;outline:2px solid var(--accent);outline-offset:4px}.plate figcaption{justify-content:space-between;gap:16px;display:flex}.threads{gap:20px;max-width:760px;margin-top:32px;display:grid}.thread{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:12px;padding:16px 20px;display:grid}.thread.is-resolved{opacity:.6}.thread header{align-items:center;gap:10px;display:flex}.thread header .link-btn{margin-left:auto}.thread__img{max-width:360px;position:relative}.thread__img img{border:1px solid var(--line);width:100%}.msg p{font-size:16px}.msg--archi{border-left:2px solid var(--accent);padding-left:12px}.reply{align-items:center;gap:12px;display:flex}.reply input{font-size:14px}.comment-form{gap:12px;max-width:760px;margin-top:32px;display:grid}.comment-form .row input{max-width:260px}.validate{border-top:1px solid var(--line);justify-items:start;gap:12px;max-width:760px;margin-top:48px;padding-top:24px;display:grid}.choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:32px;margin-top:40px;display:grid}.choice img{border:1px solid var(--line);width:100%}.choice figcaption{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:15px;display:flex}.choice figcaption strong{margin-right:6px;font-weight:500}.choice.is-chosen img{outline:2px solid var(--accent);outline-offset:4px}.choice__state{margin-top:20px}.seg--inline{width:auto;position:static}.budget-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:32px 0 8px;display:flex}.budget th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line);padding:8px 8px 8px 0;font-size:12px;font-weight:400}.budget td input{border:0;padding:4px 0;font-size:14px}.budget .num,.log .num{text-align:right;white-space:nowrap}.budget .num input{text-align:right;width:90px}#addl{margin-top:16px}.mapgrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.mapgrid label{color:var(--ink-soft);gap:4px;font-size:13px;display:grid}.seg__b,.switch{white-space:nowrap}.budget-head select,.page__head select{width:auto}.dot{background:var(--c);border:1px solid var(--line);vertical-align:middle;border-radius:999px;width:12px;height:12px;margin-right:2px;display:inline-block}.studio .pins--3d{z-index:2}.present-nav{display:none}body.presenting .present-nav{z-index:50;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:flex;position:fixed;bottom:20px;right:20px}body.presenting .present-nav button{border-radius:999px;padding:4px 10px}body.presenting .present-nav button:hover{background:var(--line)}body.presenting .client-top,body.presenting #echanges,body.presenting .client-foot,body.presenting .preview-bar,body.presenting [data-cimg],body.presenting .pins{display:none!important}html.presenting{scroll-snap-type:y mandatory}body.presenting .client-hero,body.presenting .client-sec{scroll-snap-align:start;flex-direction:column;justify-content:center;min-height:100vh;display:flex}body.presenting .client-hero{justify-content:flex-end}@media print{:root{--bg:#fff;--surface:#fff;--ink:#111;--ink-soft:#555;--line:#ddd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@page{size:A4 landscape;margin:12mm}body{font-size:12pt}.client-top,#echanges,.preview-bar,.present-nav,[data-cimg],.pins,.client-3d,#toast,#splash{display:none!important}.client-hero{break-after:page;height:180mm;min-height:0}.client-hero:after{background:linear-gradient(#0000 55%,#fff 100%)}.client-sec{break-inside:avoid-page;max-width:none;padding:0 0 10mm}.client-sec--wide{break-before:page}.client-sec--3d,.client-sec .btn,[data-pick]{display:none!important}.client-sec h2{break-after:avoid}.plates{gap:8mm;margin-top:8mm}.plates img,.choice img{object-fit:contain;width:auto;max-width:100%;max-height:140mm;margin:0 auto}.plates figure{break-inside:avoid}.display{font-size:48pt}.title-l{font-size:26pt}.client-foot{border-top:1px solid #ddd}}
