:root{color-scheme:light;--ink: #080808;--muted: #667067;--line: #d9ded5;--paper: #ffffff;--wash: #eef3ed;--soft: #f7f5f0;--wood: #c9833e;--radius: 28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14.5px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}button,input{font:inherit}button{border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;padding:.62rem .92rem}input{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;padding:.54rem .62rem;background:#fff;font-size:.92rem}main{width:calc(100% - clamp(20px,4vw,56px));margin:clamp(10px,2vw,24px) auto;background:var(--paper);border-radius:0;overflow:visible}.hero-shell{padding:clamp(16px,2vw,24px);background:var(--paper);min-height:auto;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:22px;margin-bottom:18px}.topbar a{color:var(--ink);text-decoration:none;font-size:.95rem}.topbar button{margin-left:auto}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:11px;font-weight:850}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:24px;align-items:stretch;flex:1;min-height:0}.hero-copy{min-height:0;overflow:visible;padding:clamp(24px,4vw,48px);border-radius:var(--radius);background:radial-gradient(circle at 76% 28%,rgba(201,131,62,.34),transparent 22%),linear-gradient(135deg,#f7f5f0,#eef3ed)}.pill,.eyebrow{display:inline-flex;width:fit-content;border:1px solid var(--ink);border-radius:999px;padding:.35rem .75rem;font-size:.76rem;font-weight:750}.hero-copy h1{max-width:980px;margin:18px 0 14px;font-size:clamp(2.45rem,5.7vw,5.8rem);line-height:.9;letter-spacing:-.075em}.hero-copy p{max-width:620px;color:var(--muted);font-size:.98rem;line-height:1.45}.hero-stats{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:10px 14px;align-items:baseline;margin-top:28px}.hero-stats strong{font-size:2.1rem}.hero-stats span{color:var(--muted)}.hero-card{border-radius:var(--radius);background:#eaf4ee;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;max-height:none}.hero-card h2{font-size:clamp(2.15rem,4vw,3.8rem);line-height:.92;letter-spacing:-.06em;margin:38px 0 10px}.hero-card p{color:var(--muted);line-height:1.5}.planner-shell{display:grid;gap:20px;padding:clamp(16px,2vw,24px);background:var(--soft);max-height:none;overflow:visible}.planner-top{display:grid;grid-template-columns:minmax(560px,.52fr) minmax(0,1fr);gap:18px;align-items:stretch}.control-panel,.three-card,.board-card,.catalog-card,.summary-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.control-panel{padding:18px;height:430px;max-height:none;overflow:auto;position:static}.section-heading h2{margin:12px 0 0;font-size:clamp(1.8rem,3.4vw,3.4rem);line-height:.95;letter-spacing:-.055em}.compact h2{font-size:2rem}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}label{display:grid;gap:5px;color:var(--muted);font-size:.78rem;font-weight:700}.pieces-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pieces-header button,.piece-row button,.catalog-card button{padding:.5rem .75rem}.piece-list{display:grid;gap:7px;max-height:205px;overflow:auto;padding-right:0}.piece-row{display:grid;grid-template-columns:minmax(170px,1.4fr) minmax(88px,.62fr) minmax(88px,.62fr) minmax(66px,.42fr) 34px;gap:6px;padding:7px;background:var(--wash);border-radius:20px}.piece-row button{background:transparent;color:var(--ink);border-color:var(--line)}.icon-button{width:34px;height:34px;display:grid;place-items:center;align-self:center;padding:0;border-radius:999px;font-size:1.4rem;line-height:1}.icon-button svg{width:18px;height:18px;fill:currentColor}.summary-card{margin-top:12px;padding:14px}.summary-card span,.catalog-card span{color:var(--muted);font-size:.82rem;font-weight:800}.summary-card strong{display:block;margin:6px 0;font-size:1.25rem}.summary-card p,.catalog-card p{color:var(--muted);line-height:1.45}.three-card{height:430px;min-height:430px;overflow:hidden;margin-bottom:0}.three-card__header,.board-card__header{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 18px 0}.three-card canvas{height:calc(100% - 58px)!important}.dimension-label{pointer-events:none;white-space:nowrap;border:1px solid rgba(8,8,8,.45);border-radius:999px;background:#ffffffe6;color:var(--ink);display:grid;gap:1px;max-width:120px;padding:3px 6px;font-size:9px;font-weight:800;box-shadow:0 5px 18px #00000014}.dimension-label span{overflow:hidden;text-overflow:ellipsis}.dimension-label strong{font-size:9px}.preview-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:start}.board-card{padding-bottom:14px}.board-card h3{margin:8px 0 0;font-size:1.05rem}.board-canvas{position:relative;width:min(100% - 28px,290px);margin:14px auto 0;border:2px solid var(--ink);border-radius:0;overflow:hidden;background:repeating-linear-gradient(45deg,#f7f2e9,#f7f2e9 12px,#efe5d6 12px 24px)}.cut-piece{position:absolute;display:flex;flex-direction:column;justify-content:space-between;gap:4px;min-width:28px;min-height:22px;border:1px solid rgba(0,0,0,.55);padding:4px;overflow:hidden;color:#111}.cut-piece strong,.cut-piece small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cut-piece strong{font-size:clamp(.42rem,.82vw,.68rem)}.cut-piece small{font-size:clamp(.38rem,.72vw,.58rem)}.catalog-section{padding:56px 28px 70px;min-height:100vh}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:26px}.catalog-card{min-height:min(68vh,520px);max-height:100vh;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#fff,#f1f4ef)}.furniture-preview{height:210px;min-height:210px;margin:-8px -8px 16px;border-radius:22px;overflow:hidden;background:#f8f2e8;border:1px solid var(--line)}.furniture-preview canvas{height:100%!important}.catalog-card h3{margin:12px 0;font-size:1.65rem;line-height:1;letter-spacing:-.045em}.recommendations-section{padding:56px 28px 70px;background:#050505;color:#fff}.recommendations-section .eyebrow{border-color:#fff;color:#fff}.recommendations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.recommendations-grid article{min-height:190px;padding:22px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius);background:#ffffff0f}.recommendations-grid strong{font-size:1.25rem}.recommendations-grid p{color:#ffffffbd;line-height:1.55}@media(max-width:980px){main{width:calc(100% - 20px);margin:10px auto}.hero-grid,.planner-top,.catalog-grid,.recommendations-grid{grid-template-columns:1fr}.planner-shell{max-height:none;overflow:visible}.control-panel{height:auto;max-height:none;overflow:visible}.topbar{flex-wrap:wrap}.topbar button{margin-left:0}.piece-row{grid-template-columns:minmax(160px,1fr) repeat(3,minmax(74px,.45fr)) 38px}.piece-list{max-height:none;overflow:visible}.hero-copy,.hero-card{max-height:none}}@media(max-width:620px){.hero-shell,.planner-shell,.catalog-section,.recommendations-section{padding:16px}.hero-copy{min-height:0}.hero-stats{grid-template-columns:auto 1fr}.topbar a{display:none}.field-grid,.piece-row{grid-template-columns:1fr}.icon-button{justify-self:end}.three-card{height:330px;min-height:330px}.board-canvas{width:min(100% - 20px,260px)}.catalog-card{min-height:0}.furniture-preview{height:170px;min-height:170px}}@media(min-width:981px)and (max-width:1380px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media print{@page{size:A4 portrait;margin:10mm}body,main{width:100%;margin:0;background:#fff;color:#000}.hero-shell,.control-panel,.three-card,.catalog-section,.recommendations-section,.topbar{display:none!important}.planner-shell{display:block;padding:0;max-height:none;overflow:visible;background:#fff}.visual-panel{max-height:none;overflow:visible}.board-card{break-inside:avoid;page-break-after:always;border:1px solid #111;margin:0;padding:0 0 6mm;border-radius:0}.board-card:last-child{page-break-after:auto}.board-card__header{padding:0 0 5mm}.board-card__header .eyebrow{border-color:#000;color:#000}.board-card h3{margin-top:3mm;font-size:14pt}.board-canvas{width:auto;max-width:185mm;max-height:245mm;margin:0 auto;border-color:#111;background:#fff}.cut-piece{border:.35mm solid #000;color:#000;print-color-adjust:exact;-webkit-print-color-adjust:exact}.cut-piece strong{font-size:7.5pt}.cut-piece small{font-size:6.5pt;font-weight:800}}