@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--bg:#f5f4ef;--paper:#fffefa;--ink:#30352c;--muted:#7d8176;--line:#e3e4da;--olive:#526446;--pale:#eaf0e3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;transition:background .16s,box-shadow .16s;color:inherit}button,a,input,summary,.upload{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--olive)}button{border:0;background:none}button:disabled{opacity:.3;cursor:default}button:hover:not(:disabled){filter:brightness(.96)}header{height:80px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.brand{font:600 26px 'Playfair Display',Georgia,serif;text-decoration:none;color:var(--ink)}.brand-mark{display:inline-block;border:1.6px solid var(--olive);font:20px serif;padding:0 5px;margin-right:10px;color:var(--olive);transform:rotate(-5deg)}.brand-dot{color:var(--olive)}.header-note{font-size:10px;letter-spacing:2px;color:var(--muted)}.saved{color:var(--olive);font-size:11px}.saved:first-letter{font-size:9px}main{max-width:1700px;margin:auto;padding:34px 4% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--olive)}h1{font:500 clamp(27px,2.5vw,42px) 'Playfair Display',Georgia,serif;margin:9px 0}h1 em{color:var(--olive);font-weight:500}.intro p{color:var(--muted);margin:10px 0 0;font-size:13px}.primary{background:var(--olive);color:white;padding:14px 22px;border-radius:7px;font-size:12px;font-weight:600}.workspace{display:grid;grid-template-columns:245px minmax(300px,1fr) 270px;gap:22px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px 18px}.section-title{display:flex;align-items:center;gap:9px}.step{color:var(--olive);font-size:10px;background:var(--pale);padding:6px;border-radius:50%}h2{font-size:16px;font-weight:600;margin:0}.subtle{color:var(--muted);font-size:11px;margin:10px 0 20px}.preset{display:flex;align-items:center;text-align:left;gap:12px;padding:10px;width:100%;border:1px solid var(--line);border-radius:7px;margin:9px 0;background:var(--paper);position:relative}.preset.active{border-color:var(--olive);background:#f0f3ea;box-shadow:inset 0 0 0 .5px var(--olive)}.preset svg{width:56px;height:68px;flex-shrink:0;background:#e8e7df;border-radius:3px}.preset b{display:block;font-size:12px;margin-bottom:5px}.preset small{font-size:10px;color:var(--muted);display:block}.preset .number{font-size:9px;color:var(--olive);display:block;margin-bottom:4px}.tip{display:flex;gap:10px;padding-top:15px;color:var(--muted)}.tip>span{font-size:23px;color:var(--olive)}.tip p{margin:0;font-size:11px;line-height:1.7}.tip b{color:var(--ink);font-weight:500}.text-button{font-size:11px;padding:6px 0;color:var(--olive)}#inspiration{margin-top:14px;text-align:left;font-size:10px}.canvas-panel{min-width:0}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.segmented{display:flex;padding:4px;border:1px solid var(--line);border-radius:7px;background:#eaece4}.segmented button{font-size:11px;padding:8px 14px;border-radius:4px;color:var(--muted)}.segmented button.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #25331e15}.history{display:flex;gap:2px}.history button{font-size:22px;width:32px;height:32px}.stage-surround{position:relative;background:#dfdfd5;border-radius:8px;overflow:hidden;display:flex;justify-content:center}.stage{width:100%;max-width:calc(70vh * .75);aspect-ratio:3/4;position:relative;overflow:hidden;min-height:0}.wall-chip{position:absolute;z-index:2;left:15px;top:15px;background:#fffef3eb;border:1px solid #ffffff70;border-radius:5px;padding:9px 12px;font-size:8px;letter-spacing:1.2px;pointer-events:none}.wall-chip b{display:block;font-size:12px;letter-spacing:.2px;margin-top:4px;font-weight:500}#scene{width:960px;height:1280px;transform-origin:0 0;position:absolute;left:0;top:0}#room{width:960px;height:1280px;position:absolute;inset:0}#wall{width:1000px;height:2000px;transform-origin:0 0;position:absolute;left:0;top:0}#frames{position:absolute;inset:0;pointer-events:none}.frame{position:absolute;padding:0;border-style:solid;border-width:14px;box-shadow:7px 9px 12px #0005,1px 1px 2px #0005;pointer-events:auto;touch-action:none;user-select:none;border-radius:0;overflow:visible;background:#f6f2e9;cursor:grab}.frame:active{cursor:grabbing}.frame.selected{outline:5px solid #e7f0ce;outline-offset:8px}.frame.selected:after{content:'';position:absolute;width:17px;height:17px;right:-26px;bottom:-26px;background:var(--olive);border:4px solid #fff;border-radius:50%}.frame-art{display:block;width:100%;height:100%;pointer-events:none;object-fit:cover}.frame.mat{padding:20px}.frame[data-color=oak]{border-color:#b28a59;border-image:linear-gradient(105deg,#967245,#d1ad7c 30%,#a7804c 55%,#bc9867) 1}.frame[data-color=black]{border-color:#292927}.frame[data-color=white]{border-color:#f2f0e9}.frame[data-color=walnut]{border-color:#614330}.frame-label{position:absolute;left:50%;bottom:-55px;transform:translateX(-50%);background:#fffef1ee;padding:5px 10px;border-radius:5px;white-space:nowrap;font:22px 'DM Sans',sans-serif;color:#30352c;pointer-events:none}.view-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:20px;background:#fbfaf1e6;padding:9px 14px;font-size:10px;pointer-events:none;color:#535a4a}.canvas-bottom{display:flex;gap:16px;align-items:center;margin-top:12px;flex-wrap:wrap}.check{font-size:10px;display:flex;align-items:center;gap:6px;color:#666e5e;cursor:pointer}input[type=checkbox]{accent-color:var(--olive);width:13px;height:13px;margin:0}.canvas-bottom .text-button{margin-left:auto;font-size:10px}.scale-note{font-size:9px;color:var(--muted);line-height:1.6;max-width:450px;margin-top:9px}#warning{font-size:11px;color:#9a562f;margin-top:10px;line-height:1.5}.add-label,.label-row{font-size:9px;font-weight:600;letter-spacing:1.3px;color:var(--muted);margin:22px 0 12px}.add-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.add-buttons button{border:1px solid var(--line);background:#fafaf5;border-radius:5px;font-size:9px;padding:10px 2px}.shape{display:block;border:1.5px solid #78826c;margin:0 auto 8px}.portrait{width:19px;height:25px}.portrait.small{width:16px;height:23px;margin-top:2px}.square{width:23px;height:23px;margin-top:2px}.divider{height:1px;background:var(--line);margin:22px 0}.selection-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.selection-heading h3{font-size:13px;margin:0}.unit{font-size:9px;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fields label{font-size:10px;color:var(--muted)}.fields input{display:block;width:100%;padding:10px 8px;border:1px solid var(--line);border-radius:5px;background:#fffefa;margin:6px 0 10px;color:var(--ink);font-size:13px}.secondary{border:1px solid var(--line);border-radius:5px;background:#fafaf5;padding:10px 8px;font-size:10px}.wide{width:100%}.swatches{display:flex;gap:12px}.swatches button{width:25px;height:25px;border:1px solid #0002;border-radius:50%;background:var(--swatch)}.swatches button.active{outline:1.5px solid var(--olive);outline-offset:3px}.mat-check{margin-top:16px}.art-choices{display:flex;gap:7px;margin-bottom:10px}.art-choices button{border:1px solid var(--line);padding:3px;width:40px;height:44px;background:#f6f4ed;border-radius:3px}.art-choices img{width:100%;height:100%;object-fit:cover}.art-choices .active{outline:1px solid var(--olive)}.upload{display:block;text-align:center;cursor:pointer}.tiny{font-size:9px;color:var(--muted);line-height:1.6}.actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:16px}.danger{color:#9c624f}details{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}summary{font-size:10px;color:#67765a;cursor:pointer}details .fields{margin-top:12px}.summary{display:flex;flex-wrap:wrap;justify-content:space-between;background:#edf0e7;border-radius:5px;padding:12px;margin-top:22px;font-size:10px;gap:5px}.summary small{width:100%;text-align:right;color:var(--muted);font-size:9px}.summary b{font-weight:500}.empty{padding:15px 0;color:var(--muted);font-size:12px;line-height:1.8}footer{display:flex;justify-content:space-between;padding:24px 0;color:var(--muted);font-size:10px}footer span:first-child{font:italic 14px 'Playfair Display',Georgia,serif}#planBackground{display:none;position:absolute;inset:0;background:#e9e8de}.top-measure{position:absolute;top:48px;left:215px;width:530px;text-align:center;font-size:25px;color:#6b7463}.side-measure{position:absolute;left:120px;top:540px;writing-mode:vertical-rl;font-size:25px;color:#6b7463}.sofa{position:absolute;top:1170px;left:165px;width:630px;border-top:8px solid #b4b8ad;padding-top:20px;text-align:center;color:#868e7a;font-size:19px;letter-spacing:3px}.plan #room{display:none}.plan #planBackground{display:block}.plan #wall{background:#fcfbf6;outline:2px solid #bdc3b4}.grid{display:none;position:absolute;inset:0;background-image:linear-gradient(#52644612 1px,transparent 1px),linear-gradient(90deg,#52644612 1px,transparent 1px);background-size:100px 100px}.plan .grid{display:block}.plan .frame{box-shadow:3px 5px 8px #0002}.plan .frame-label{font-size:23px}#calibration{position:absolute;inset:0;width:960px;height:1280px;pointer-events:none;display:none}#calibration.active{display:block}#calibration circle{pointer-events:all;touch-action:none;cursor:move}dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:35px;max-width:560px;width:calc(100% - 30px)}dialog::backdrop{background:#28341e66;backdrop-filter:blur(4px)}dialog h2{font:32px 'Playfair Display',Georgia,serif;margin:14px 0}dialog p{font-size:12px;color:var(--muted);line-height:1.8}dialog a{display:block;padding:14px 0;border-top:1px solid var(--line);color:var(--olive);text-decoration:none}dialog a b{display:block;font-size:12px}dialog a span{display:block;font-size:11px;margin-top:6px;color:var(--muted)}.dialog-close{position:absolute;top:12px;right:16px;font-size:25px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;transition:.2s;background:var(--ink);color:#fff;padding:12px 20px;border-radius:7px;font-size:12px;pointer-events:none;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:1550px){.workspace{grid-template-columns:265px minmax(300px,1fr) 290px}.stage{max-width:calc(73vh * .75)}}@media(max-width:1150px){main{padding-left:20px;padding-right:20px}.workspace{grid-template-columns:205px minmax(280px,1fr) 230px;gap:12px}.panel{padding:18px 13px}.header-note{display:none}.preset{gap:8px;padding:8px}.preset svg{width:44px;height:60px}.preset b{font-size:11px}.canvas-toolbar .segmented button{padding:8px}.stage{max-width:none}.canvas-bottom{gap:10px}.canvas-bottom .text-button{margin-left:0}.view-hint{font-size:8px;padding:7px 10px}}@media(max-width:850px){header{height:64px;padding:0 20px}.brand{font-size:23px}.intro{margin-bottom:22px}.intro h1{font-size:30px}.workspace{grid-template-columns:minmax(0,1fr) 245px}.presets{grid-column:1/-1;padding:16px}.presets .subtle,.presets .tip{display:none}#presets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.preset{flex-direction:column;text-align:center;gap:5px}.preset svg{width:54px;height:63px}.preset .number{display:none}.preset small{font-size:9px}.presets #inspiration{margin:4px 0 0}.stage{max-width:none}.canvas-panel{grid-column:1;grid-row:2}.editor{grid-column:2;grid-row:2}.intro .primary{padding:12px 15px}.canvas-bottom{font-size:9px}}@media(max-width:580px){main{padding:23px 14px 0}.intro{align-items:flex-start;gap:12px;flex-direction:column}.intro h1{font-size:29px}.intro p{font-size:11px}.intro .primary{position:absolute;top:19px;right:14px;font-size:10px;padding:9px 12px}header{padding:0 14px}.saved{display:none}.workspace{display:flex;flex-direction:column;gap:16px}.presets,.canvas-panel,.editor{width:100%}.presets{padding:14px 10px}#presets{gap:4px}.preset{padding:8px 3px}.preset b{font-size:9px}.preset small{font-size:8px}.preset svg{width:45px;height:56px}.section-title h2{font-size:14px}.stage{max-width:440px}.editor{padding:22px}.editor .add-buttons button{font-size:11px}.editor .fields input{font-size:16px}.canvas-bottom{justify-content:space-between;gap:5px}.view-hint{font-size:9px}.canvas-toolbar .segmented button{padding:9px 14px}.wall-chip{padding:7px 9px;top:10px;left:10px}.wall-chip b{font-size:11px}footer{font-size:8px;gap:10px}footer span:first-child{font-size:12px}.art-choices button{width:48px;height:52px}.presets #inspiration{font-size:9px}}
/* AR shares the editor's calm, warm palette and loads only on demand. */
.intro-actions{display:flex;align-items:center;gap:10px}.intro-actions .export-button{padding:13px 16px;background:var(--paper);font-size:11px}.ar-banner{display:flex;align-items:center;text-align:left;gap:12px;width:100%;background:#e8eddf;border:1px solid #d8e0cc;padding:13px 15px;border-radius:7px;margin-top:12px}.ar-banner .ar-icon{font-size:26px;color:var(--olive)}.ar-banner b{display:block;font-size:12px;font-weight:600}.ar-banner small{display:block;font-size:10px;color:#727c66;margin-top:3px}.ar-banner>span:last-child{margin-left:auto;color:var(--olive);font-size:20px}.ar-dialog{max-width:1000px;width:calc(100% - 32px);padding:30px;max-height:calc(100dvh - 32px);overflow-y:auto}.ar-dialog h2{font-size:35px;margin-bottom:4px}.ar-dialog .ar-intro{margin-top:0;margin-bottom:22px}.ar-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(270px,.85fr);gap:26px}.ar-visual{position:relative;background:#e7e8df;border:1px solid var(--line);border-radius:9px;min-height:460px;align-self:start;overflow:hidden}.ar-visual model-viewer{display:block;width:100%;height:490px;--poster-color:transparent;--progress-bar-color:#526446;--progress-bar-height:3px}.ar-model-badge{position:absolute;left:14px;top:14px;border-radius:5px;padding:9px 12px;background:#fffef0df;pointer-events:none}.ar-model-badge b{display:block;font-size:13px}.ar-model-badge span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.ar-loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:14px;color:var(--olive);font-size:12px}.ar-spinner{width:25px;height:25px;border:2px solid #52644633;border-top-color:var(--olive);border-radius:50%;animation:ar-spin 1s linear infinite}@keyframes ar-spin{to{transform:rotate(360deg)}}.ar-instructions h3{font-size:15px;margin:0 0 8px}.ar-instructions p{font-size:11px;line-height:1.65}.ar-instructions ol{padding-left:20px;margin:15px 0 20px;font-size:11px;line-height:1.7;color:#727968}.ar-instructions li{padding-left:5px;margin:10px 0}.ar-instructions li b{color:var(--ink)}#startAR{width:100%;font-size:12px}.ar-instructions .ar-status{font-size:11px;color:var(--olive);min-height:34px;margin:12px 0}.ar-guide{font-size:11px;margin:18px 0 8px}.ar-guide+ .tiny{font-size:9px}.ar-dialog details p{font-size:10px}.ar-dialog #arDownloads{display:flex;gap:14px;flex-wrap:wrap;margin-top:15px}.ar-dialog #arDownloads a{border:0;padding:0;font-size:10px;text-decoration:underline;text-underline-offset:3px}.xr-hint{background:#fffef0ed;color:#34432c;border-radius:7px;padding:12px 16px;font-size:13px;position:absolute;bottom:80px;left:20px;right:20px;max-width:420px;pointer-events:none}.ar-visual model-viewer:not([ar-status="session-started"]):not([ar-status="object-placed"]) .xr-hint{display:none}@media(max-width:850px){.intro-actions{flex-direction:column;gap:6px;align-items:stretch;min-width:132px}.intro-actions .primary,.intro-actions .export-button{padding:11px 13px;font-size:11px}.ar-layout{grid-template-columns:1fr}.ar-visual{min-height:300px}.ar-visual model-viewer{height:350px}.ar-instructions{min-width:0}}@media(max-width:580px){.intro .intro-actions{position:static;flex-direction:row;align-items:center;width:100%;margin-top:6px}.intro .intro-actions .primary{position:static;flex:1;font-size:12px;padding:13px}.intro-actions .export-button{font-size:11px;padding:13px}.ar-banner small{font-size:9px}.ar-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:23px 16px}.ar-dialog h2{font-size:29px}.ar-dialog .eyebrow{font-size:8px}.ar-layout{gap:20px}.ar-visual{min-height:280px}.ar-visual model-viewer{height:320px}.ar-instructions p,.ar-instructions ol{font-size:12px}.ar-guide{font-size:12px}#startAR{min-height:46px}}@media(prefers-reduced-motion:reduce){.ar-spinner{animation:none}}

/* Keep language and account controls available on narrow screens. */
.brand{white-space:nowrap}.header-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}.language-control{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.language-control select{font:inherit;font-size:12px;min-height:40px;max-width:125px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:7px 24px 7px 9px;cursor:pointer}.language-control select:focus-visible{outline:2px solid var(--olive);outline-offset:3px}@media(max-width:580px){.header-controls{gap:8px}.language-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.language-control select{font-size:11px;min-height:40px;max-width:108px;padding:7px 15px 7px 7px}.brand{font-size:23px}.brand-mark{margin-right:7px}}