:root{--bg:#f6f1ea;--bg-2:#efe7db;--paper:#fffdfa;--ink:#241f1a;--ink-soft:#6b6258;--line:#e3d8c8;--accent:#b6452f;--accent-d:#9a3826;--gold:#c9a24b;--shadow:0 18px 40px -20px rgba(40,28,16,.45);--radius:16px;--max:1180px}*{box-sizing:border-box}[hidden]{display:none!important}body,html{margin:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.08;margin:0}em{font-style:italic;color:var(--accent)}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.btn{border:1px solid transparent;border-radius:999px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:.18s;background:none;color:var(--ink)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-d)}.btn-ghost{background:var(--paper);border-color:var(--line)}.btn-ghost:hover{border-color:var(--ink-soft)}.btn-lg{padding:.95rem 1.8rem;font-size:1.05rem}.btn.block{display:flex;width:100%;justify-content:center}.link{background:none;border:none;color:var(--accent);text-decoration:underline;padding:0;font-size:inherit;cursor:pointer}.chip,.link{font-weight:600}.chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:.45rem .85rem;font-size:.85rem}.chip:hover{border-color:var(--ink-soft)}.announce{display:flex;align-items:center;justify-content:center;gap:1rem;background:var(--ink);color:#fff;font-size:.85rem;font-weight:600;padding:.55rem 2.5rem .55rem 1rem;text-align:center;position:relative}.announce button{position:absolute;right:.8rem;background:none;border:none;color:rgba(255,255,255,.7);font-size:.9rem}.announce button:hover{color:#fff}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;justify-content:space-between;padding:.8rem clamp(1rem,4vw,2.5rem);background:rgba(246,241,234,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:.5rem;cursor:pointer}.brand-mark{font-size:1.4rem;color:var(--accent)}.brand-name{font-family:Fraunces,serif;font-weight:600;font-size:1.35rem;letter-spacing:-.01em}.steps{display:flex;gap:.25rem}.step{border:none;background:none;color:var(--ink-soft);font-weight:600;font-size:.85rem;padding:.4rem .7rem;border-radius:999px}.step.active{background:var(--ink);color:#fff}.step:hover:not(.active){background:var(--bg-2)}.cart-btn{display:flex;gap:.5rem;border:1px solid var(--line);background:var(--paper);padding:.45rem .9rem;font-weight:600}.cart-btn,.cart-count{align-items:center;border-radius:999px}.cart-count{background:var(--accent);color:#fff;min-width:1.4rem;height:1.4rem;display:inline-flex;justify-content:center;font-size:.8rem}.screen{max-width:var(--max);margin:0 auto;padding:clamp(1.2rem,4vw,3rem) clamp(1rem,4vw,2.5rem) 4rem;animation:fade .35s ease}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.screen-head{margin-bottom:1.6rem}.screen-head.tight{margin-bottom:1rem}.screen-head h2{font-size:clamp(1.8rem,4vw,2.6rem)}.screen-head p{color:var(--ink-soft);margin:.4rem 0 0}.screen-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:clamp(1.5rem,5vw,4rem);gap:clamp(1.5rem,5vw,4rem);align-items:center;padding:clamp(1.5rem,5vw,3rem) 0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700;color:var(--accent);margin:0 0 1rem}.hero h1{font-size:clamp(2.6rem,6vw,4.4rem);letter-spacing:-.02em}.lede{font-size:1.12rem;color:var(--ink-soft);max-width:32ch;margin:1.2rem 0 1.8rem}.hero .btn{margin-right:.6rem}.trust{list-style:none;display:flex;gap:1.4rem;flex-wrap:wrap;padding:0;margin:2rem 0 0;font-size:.9rem;font-weight:600}.trust,.trust span{color:var(--ink-soft)}.trust span{font-weight:500}.hero-art{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;grid-gap:.7rem;gap:.7rem;aspect-ratio:1/1}.hero-art .ha{border-radius:8px;background-size:cover;background-position:50%;box-shadow:var(--shadow);border:6px solid #fff}.hero-art .ha:first-child{grid-row:span 2}.hero-art .ha:nth-child(4){grid-column:span 2}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.2rem;gap:1.2rem;margin-top:1rem}.feature{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem}.f-ico{font-size:1.5rem;color:var(--accent)}.feature h3{font-size:1.25rem;margin:.6rem 0 .4rem}.feature p{color:var(--ink-soft);margin:0;font-size:.95rem}.dropzone{position:relative;border:2px dashed var(--line);background:radial-gradient(120% 140% at 50% 0,#fffdfa 0,#f7efe4 100%);padding:clamp(2.4rem,6vw,4.2rem);text-align:center;overflow:hidden}.dropzone,.dropzone:after{border-radius:22px;transition:.25s}.dropzone:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 60% at 50% 18%,rgba(182,69,47,.07),transparent 70%);opacity:0}.dropzone:hover{border-color:#cdb595;transform:translateY(-2px);box-shadow:var(--shadow)}.dropzone.drag{border-color:var(--accent);border-style:solid;background:#fff6f1}.dropzone.drag:after{opacity:1}.dz-inner{position:relative;z-index:1}.dz-art{position:relative;width:104px;height:88px;margin:0 auto 1.3rem}.dz-photo{position:absolute;left:50%;top:50%;width:62px;height:62px;border-radius:11px;background:#fff;border:4px solid #fff;box-shadow:0 10px 22px -10px rgba(40,28,16,.5);transition:.35s ease}.dz-photo.p1{transform:translate(-50%,-50%) rotate(-15deg) translateX(-22px);background:#e9dcc8}.dz-photo.p2{transform:translate(-50%,-50%) rotate(11deg) translateX(22px);background:#dfe7da}.dz-photo.p3{display:flex;align-items:center;justify-content:center;overflow:hidden;transform:translate(-50%,-50%) rotate(-2deg);animation:floaty 3.2s ease-in-out infinite}.dz-photo.p3 svg{width:100%;height:100%}.dropzone:hover .dz-photo.p1{transform:translate(-50%,-50%) rotate(-19deg) translateX(-30px)}.dropzone:hover .dz-photo.p2{transform:translate(-50%,-50%) rotate(15deg) translateX(30px)}.dz-badge{position:absolute;right:2px;bottom:-4px;width:30px;height:30px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -4px rgba(182,69,47,.6);z-index:2}.dz-badge svg{width:17px;height:17px}@keyframes floaty{0%,to{transform:translate(-50%,-50%) rotate(-2deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-2deg) translateY(-5px)}}.dz-title{font-family:Fraunces,serif;font-size:1.5rem;margin:0 0 .25rem}.dz-sub{color:var(--ink-soft);margin:0 0 1.3rem;font-size:.92rem}.dz-choose{padding:.8rem 2rem;font-size:1rem;box-shadow:0 10px 22px -10px rgba(182,69,47,.7)}.dz-samples{display:block;margin:1rem auto 0;font-size:.88rem;text-decoration:none}.dz-samples:hover{text-decoration:underline}.upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.6rem}.upload-thumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#ddd 50%/cover;box-shadow:var(--shadow)}.upload-thumb button{position:absolute;top:.4rem;right:.4rem;width:1.7rem;height:1.7rem;border-radius:999px;border:none;background:rgba(0,0,0,.55);color:#fff;font-size:.85rem}.screen-foot #uploadCountLabel,.screen-foot .count-label{font-weight:600;color:var(--ink-soft)}.studio-layout{display:grid;grid-template-columns:300px 1fr;grid-gap:1.6rem;gap:1.6rem;align-items:start}.studio-side{position:-webkit-sticky;position:sticky;top:90px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}.side-block{margin:1.2rem 0;border-top:1px solid var(--line);padding-top:1.1rem}.side-block h4{font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--ink-soft);margin:0 0 .7rem}.side-summary{border-top:1px solid var(--line);padding-top:1.1rem;margin-top:1.1rem}.side-summary .row{display:flex;justify-content:space-between;font-size:1.05rem;margin-bottom:.9rem}.side-summary .btn{margin-bottom:.5rem}.frame-rail{display:flex;gap:.5rem;flex-wrap:wrap}.frame-swatch{width:42px;height:42px;border-radius:8px;border:2px solid var(--line);cursor:pointer;position:relative;background:#fff;display:flex;align-items:center;justify-content:center;padding:0}.frame-swatch .inner{width:60%;height:60%;background:#cdbfa8 50%/cover;border-radius:2px}.frame-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(182,69,47,.25)}.frame-swatch[title]:hover:after{content:attr(title);position:absolute;bottom:-1.6rem;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:.7rem;padding:.15rem .45rem;border-radius:4px;white-space:nowrap;z-index:5}.size-rail{display:flex;gap:.4rem;flex-wrap:wrap}.size-pill{border:1px solid var(--line);background:#fff;border-radius:8px;padding:.4rem .6rem;font-size:.8rem;font-weight:600;text-align:center;cursor:pointer;line-height:1.2}.size-pill small{display:block;color:var(--ink-soft);font-weight:500}.size-pill.active{border-color:var(--accent);background:#fff6f1}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:1.4rem;gap:1.4rem}.tile{cursor:pointer;text-align:center;border:none;background:none;padding:0;font:inherit}.tile-canvas-wrap{position:relative;display:flex;align-items:center;justify-content:center}.tile canvas{max-width:100%;height:auto;box-shadow:var(--shadow);border-radius:2px}.tile .tile-meta{margin-top:.6rem;font-size:.82rem;color:var(--ink-soft)}.tile .tile-meta strong{color:var(--ink);display:block;font-size:.9rem}.tile .edit-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background:rgba(36,31,26,.35);color:#fff;font-weight:600;border-radius:2px;transition:.18s}.tile:hover .edit-badge{opacity:1}.wall-controls{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}.seg{display:inline-flex;background:var(--bg-2);border-radius:999px;padding:.25rem}.seg-btn{border:none;background:none;border-radius:999px;padding:.4rem .9rem;font-weight:600;font-size:.85rem;color:var(--ink-soft)}.seg-btn.active{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.08)}.wall{position:relative;border-radius:var(--radius);overflow:hidden;min-height:440px;display:flex;align-items:center;justify-content:center;padding:2.5rem;transition:.3s}.wall[data-room=living]{background:linear-gradient(180deg,#e7ded2,#ddd2c2 62%,#cbbfa9 0,#c3b69f)}.wall[data-room=bed]{background:linear-gradient(180deg,#dfe3e6,#d2d8dd 70%,#c3cad0 0,#bcc4cb)}.wall[data-room=office]{background:linear-gradient(180deg,#e9e6e0,#ddd9d1 72%,#2f2a25 0,#2a2520)}.wall[data-room=plain]{background:#e8e2d8}.wall-stage{display:flex;flex-wrap:wrap;gap:clamp(.6rem,2vw,1.4rem);align-items:center;justify-content:center;max-width:760px}.wall-stage.layout-row{flex-wrap:nowrap}.wall-stage.layout-salon{align-items:flex-start}.wall-tile{box-shadow:0 14px 26px -12px rgba(0,0,0,.5);cursor:-webkit-grab;cursor:grab;border-radius:2px;transition:transform .12s}.wall-tile:active{cursor:-webkit-grabbing;cursor:grabbing}.wall-tile.dragging{opacity:.6;transform:scale(1.04)}.wall-tile canvas{display:block;height:auto}.checkout-layout{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:2rem;gap:2rem;align-items:start}fieldset{border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.2rem;margin:0 0 1.1rem}legend{font-weight:700;padding:0 .4rem;font-size:.9rem}label{font-size:.82rem;font-weight:600;color:var(--ink-soft);margin-bottom:.8rem}input,label{display:block}input{width:100%;margin-top:.3rem;padding:.65rem .8rem;border:1px solid var(--line);border-radius:9px;font-size:.95rem;font-family:inherit;background:var(--paper)}input:focus{outline:none;border-color:var(--accent)}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:.8rem;gap:.8rem}.checkout-summary{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;position:-webkit-sticky;position:sticky;top:90px}.checkout-summary h3{font-size:1.3rem;margin-bottom:1rem}.summary-items{max-height:280px;overflow:auto;margin-bottom:1rem}.summary-item{display:flex;gap:.7rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--line)}.summary-item canvas{width:44px;height:44px;object-fit:contain;border-radius:3px;box-shadow:var(--shadow)}.summary-item .si-meta{flex:1 1;font-size:.82rem;color:var(--ink-soft)}.summary-item .si-meta strong{display:block;color:var(--ink);font-size:.88rem}.summary-line{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.95rem}.summary-line.total{font-weight:700;font-size:1.15rem;border-top:1px solid var(--line);margin-top:.4rem;padding-top:.8rem}.summary-line .free{color:#2e7d4f;font-weight:600}.summary-note{font-size:.78rem;color:var(--ink-soft);margin:1rem 0 0;text-align:center}.done{max-width:520px;margin:4rem auto;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:3rem 2rem;box-shadow:var(--shadow)}.done-check{width:72px;height:72px;border-radius:999px;background:#2e7d4f;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem}.done h2,.done-check{font-size:2rem}.done p{color:var(--ink-soft);margin:.8rem 0 1.8rem}.done .ref{font-family:Fraunces,serif;font-weight:600;color:var(--ink)}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(28,22,16,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);width:min(960px,100%);max-height:94vh;overflow:hidden;display:flex;flex-direction:column;position:relative;animation:pop .25s ease}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.modal-close{position:absolute;top:.8rem;right:.8rem;z-index:2;border:none;background:var(--bg-2);width:2rem;height:2rem;border-radius:999px;font-size:.9rem}.editor-body{display:grid;grid-template-columns:1.1fr 360px;min-height:0;flex:1 1}.editor-stage{background:#2a2420;display:flex;align-items:center;justify-content:center;padding:1.5rem;min-height:340px}.canvas-wrap{position:relative;max-width:100%}.canvas-wrap canvas{display:block;max-width:100%;max-height:60vh;touch-action:none;box-shadow:0 10px 30px rgba(0,0,0,.4);cursor:-webkit-grab;cursor:grab}.canvas-wrap canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.canvas-hint{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.5);color:#fff;font-size:.72rem;padding:.2rem .6rem;border-radius:999px;pointer-events:none}.editor-panel{padding:1.4rem;overflow:auto}.tabs{display:flex;gap:.2rem;background:var(--bg-2);border-radius:999px;padding:.25rem;margin-bottom:1.2rem}.tab{flex:1 1;border:none;background:none;border-radius:999px;padding:.45rem;font-weight:600;font-size:.85rem;color:var(--ink-soft)}.tab.active{background:#fff;color:var(--ink)}.slider{display:block;font-size:.82rem;font-weight:600;color:var(--ink-soft);margin-bottom:.7rem}.slider input{width:100%;margin-top:.4rem;accent-color:var(--accent)}.btn-row{display:flex;gap:.5rem;margin:1rem 0}.hint{font-size:.8rem;color:var(--ink-soft)}.editor-panel h4{font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--ink-soft);margin:1.1rem 0 .6rem}.filter-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.6rem;gap:.6rem}.filter-thumb{border:2px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;background:#fff;padding:0}.filter-thumb canvas{display:block;width:100%;height:84px;object-fit:cover}.filter-thumb span{display:block;font-size:.75rem;font-weight:600;padding:.3rem}.filter-thumb.active{border-color:var(--accent)}.editor-foot{display:flex;justify-content:space-between;padding:1rem 1.4rem;border-top:1px solid var(--line)}.drawer{position:fixed;inset:0;z-index:45}.drawer-scrim{position:absolute;inset:0;background:rgba(28,22,16,.45)}.drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(420px,92vw);background:var(--paper);box-shadow:var(--shadow);display:flex;flex-direction:column;animation:slideIn .25s ease;z-index:2}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:none}}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;border-bottom:1px solid var(--line)}.drawer-items{flex:1 1;overflow:auto;padding:1rem 1.4rem}.drawer-foot{padding:1.2rem 1.4rem;border-top:1px solid var(--line)}.toast{position:fixed;bottom:1.4rem;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:.7rem 1.2rem;border-radius:999px;font-weight:600;font-size:.9rem;z-index:60;box-shadow:var(--shadow);animation:fade .25s}@media (max-width:880px){.hero{grid-template-columns:1fr}.hero-art{max-width:420px}.features,.studio-layout{grid-template-columns:1fr}.studio-side{position:static}.checkout-layout,.editor-body{grid-template-columns:1fr}.steps{display:none}}@media (max-width:520px){.grid2{grid-template-columns:1fr}.trust{gap:1rem}}