:root{
  --forest:#183a2e;--forest-2:#214b3b;--forest-3:#0f2d23;--sage:#607c6d;
  --cream:#f6f2e9;--paper:#fffdf8;--sand:#e9dfcf;--line:#ded8cc;--ink:#1c2923;
  --muted:#68736d;--terracotta:#c96f42;--terracotta-dark:#a9532e;--gold:#bd955e;
  --danger:#a64e47;--success:#3c775a;--white:#fff;--shadow:0 18px 60px rgba(19,48,37,.11);
  --radius:18px;--radius-sm:11px;--serif:Georgia,"Times New Roman",serif;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
img{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1.08}
h3{line-height:1.25}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.demo-bar{height:34px;background:#f0e5d5;color:#503f2d;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;font-size:12px;letter-spacing:.01em}
.demo-bar a{text-decoration:underline;text-underline-offset:2px;font-weight:700;margin-left:4px}
.demo-dot{width:7px;height:7px;border-radius:50%;background:var(--terracotta);box-shadow:0 0 0 4px #c96f4218}
.site-header{height:78px;background:rgba(255,253,248,.95);border-bottom:1px solid rgba(222,216,204,.8);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}
.demo-bar+.site-header{top:0}
.header-inner{max-width:1440px;height:100%;margin:auto;padding:0 42px;display:flex;align-items:center;gap:34px}
.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto}
.brand>span:last-child{display:flex;flex-direction:column;line-height:1.02}
.brand strong{font-size:19px;letter-spacing:.035em}
.brand small{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--sage);margin-top:5px}
.brand-mark{width:36px;height:36px;border:1px solid var(--forest);border-radius:50%;display:flex!important;align-items:flex-end!important;justify-content:center;gap:2px;padding-bottom:8px;position:relative}
.brand-mark i{display:block;width:5px;background:var(--forest);border-radius:4px 4px 1px 1px;transform:skew(-6deg)}
.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:13px}
.main-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex:1;height:100%}
.main-nav>a{font-size:13px;font-weight:600;color:#4d5b54;height:100%;display:flex;align-items:center;position:relative}
.main-nav>a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--terracotta);transform:scaleX(0);transition:.25s}
.main-nav>a:hover,.main-nav>a.active{color:var(--forest)}
.main-nav>a.active:after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:12px}
.header-account{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650}
.header-account svg{font-size:18px}
.cart-link,.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:transparent;position:relative}
.cart-link svg{font-size:18px}
.cart-count{position:absolute;right:-4px;top:-4px;width:18px;height:18px;border-radius:50%;background:var(--terracotta);color:white;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid var(--paper)}
.inline-form{display:inline-flex;margin:0}.logout-btn{width:34px;height:34px}.logout-btn svg{font-size:15px}
.menu-toggle{display:none;border:0;background:none;padding:6px}.menu-toggle>span:not(.sr-only){display:block;width:22px;height:2px;background:var(--forest);margin:4px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:800;color:var(--terracotta);display:inline-flex;align-items:center;gap:8px}
.eyebrow.light{color:#e7c8ad}.eyebrow.light i{width:24px;height:1px;background:currentColor}
.btn{appearance:none;border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;font-size:13px;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn svg{transition:transform .2s}.btn:hover svg{transform:translateX(3px)}
.btn-lg{min-height:52px;padding:0 25px}
.btn-primary{background:var(--forest);color:white;box-shadow:0 8px 24px #183a2e26}.btn-primary:hover{background:var(--forest-2)}
.btn-accent{background:var(--terracotta);color:white;box-shadow:0 10px 28px #c96f4235}.btn-accent:hover{background:var(--terracotta-dark)}
.btn-secondary{background:white;border-color:var(--line);color:var(--forest)}.btn-secondary:hover{border-color:var(--sage)}
.btn-ghost{border-color:transparent;background:#f3f0e9;color:var(--forest)}
.btn-danger{background:#fff1ef;color:var(--danger);border-color:#efd0cc}
.btn-block{display:flex;width:100%}.btn-sm{min-height:34px;padding:0 12px;font-size:12px}
.text-link{font-weight:750;font-size:13px;display:inline-flex;align-items:center;gap:8px;color:var(--forest)}
.text-link svg{transition:.2s}.text-link:hover svg{transform:translateX(4px)}
.light-link{color:white}.link-button{border:0;background:none;color:var(--forest);font-weight:700;font-size:12px;padding:0;text-decoration:underline;text-underline-offset:3px}.link-button.danger,.danger{color:var(--danger)!important}
.page-shell{max-width:1320px;margin:auto;padding:0 42px 80px}.narrow-shell{max-width:1220px}
.page-hero{padding:66px 0 42px}.page-hero h1{font-size:52px;margin:8px 0 13px}.page-hero p{font-size:17px;color:var(--muted);max-width:680px;margin-bottom:0}
.compact-hero{text-align:center}.compact-hero p{margin-left:auto;margin-right:auto}
.row-hero{display:flex;align-items:flex-end;justify-content:space-between}.row-hero>div{max-width:720px}.step-label{font-size:12px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:8px 14px;background:#fff}
.centered-hero{text-align:center;max-width:820px;margin:auto}.centered-hero p{margin-left:auto;margin-right:auto}
.breadcrumbs{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);padding-top:25px}.breadcrumbs a:hover{color:var(--forest)}
.toast{position:fixed;right:24px;top:126px;z-index:200;width:min(390px,calc(100vw - 48px));background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;padding:13px 14px;animation:toastIn .4s ease both}
.toast>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#edf6f0;color:var(--success);font-weight:800}.toast-error>span{background:#fff0ed;color:var(--danger)}.toast p{margin:0;flex:1;font-size:13px}.toast button{border:0;background:none;font-size:20px;color:var(--muted)}
@keyframes toastIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.reveal{opacity:0;transform:translateY(18px);transition:.6s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}

/* Home */
.hero{min-height:720px;background:var(--forest-3);color:white;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 42%,#3c66515c,transparent 36%),linear-gradient(105deg,transparent 0 65%,#d9b3830d 65% 100%)}
.hero-grain{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg width='130' height='130' viewBox='0 0 130 130' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
.hero-content{position:relative;z-index:1;max-width:1320px;margin:auto;padding:90px 60px 105px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:72px}
.hero-copy h1{font-size:78px;margin:18px 0 25px;letter-spacing:-.05em}.hero-copy h1 em{font-weight:400;color:#d9b58f}
.hero-copy>p{font-size:18px;color:#d1dbd6;line-height:1.7;max-width:520px}
.hero-actions{display:flex;align-items:center;gap:30px;margin:34px 0 39px}
.hero-trust{display:flex;flex-wrap:wrap;gap:21px;color:#b7c8bf;font-size:11px}.hero-trust span{display:flex;align-items:center;gap:6px}.hero-trust svg{color:#d9b58f}
.hero-plan-wrap{position:relative;padding:35px 25px 30px}
.hero-plan{background:#f7f1e7;color:var(--ink);padding:22px;border-radius:3px;box-shadow:0 35px 90px #0006;transform:rotate(1deg)}
.plan-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.plan-head span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.plan-head small{font-size:10px;color:var(--muted)}
.demo-board{position:relative;aspect-ratio:2/1;border:7px solid #a17d54;background:#ceb38f;box-shadow:inset 0 0 0 1px #fff8;overflow:hidden;background-image:repeating-linear-gradient(2deg,transparent 0 9px,#8d6b421b 10px 11px)}
.demo-piece{position:absolute;border:1px solid #5f472f;background:#e2cba9dd;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset -3px -3px #3b2d2138}
.demo-piece b{font-family:var(--serif);font-size:20px}.demo-piece span{font-size:8px}.p1{left:1%;top:2%;width:33%;height:48%}.p2{left:1%;top:52%;width:33%;height:46%}.p3{left:35%;top:2%;width:32%;height:48%}.p4{left:35%;top:52%;width:32%;height:46%}.p5{left:68%;top:2%;width:31%;height:46%}
.plan-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.plan-stats>div{display:flex;flex-direction:column;text-align:center;border-right:1px solid var(--line)}.plan-stats>div:last-child{border:0}.plan-stats span{font-family:var(--serif);font-size:20px}.plan-stats small{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}
.floating-note{position:absolute;z-index:3;background:white;color:var(--ink);display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;box-shadow:0 14px 35px #0004}.floating-note>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef2ed;color:var(--forest)}.floating-note div{display:flex;flex-direction:column}.floating-note strong{font-size:11px}.floating-note small{font-size:9px;color:var(--muted)}.note-top{right:-8px;top:-1px}.note-bottom{left:-5px;bottom:0}.floating-note .note-price{font-family:var(--sans);font-size:9px;font-weight:900;letter-spacing:.08em;background:#f8e8dc;color:var(--terracotta)}
.scroll-hint{position:absolute;z-index:2;bottom:25px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#9db2a7;display:flex;align-items:center;gap:10px}.scroll-hint span{height:35px;width:1px;background:#789286}
.proof-strip{max-width:1320px;margin:-1px auto 0;background:white;display:flex;justify-content:space-around;align-items:center;padding:27px 48px;box-shadow:0 10px 30px #183a2e0b}
.proof-strip>div:not(.proof-sep){display:flex;flex-direction:column;align-items:center}.proof-strip strong{font-family:var(--serif);font-size:20px}.proof-strip span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.13em}.proof-sep{height:30px;width:1px;background:var(--line)}
.section{max-width:1320px;margin:auto;padding:105px 42px}.section-heading{margin-bottom:50px}.section-heading h2{font-size:49px;margin:10px 0 13px}.section-heading p{color:var(--muted);font-size:16px}.centered{text-align:center}.centered p{margin-left:auto;margin-right:auto}.split-heading{display:flex;justify-content:space-between;align-items:end}
.process-section{padding-bottom:80px}.process-line{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.process-line:before{content:"";position:absolute;left:7%;right:7%;top:38px;height:1px;background:var(--line)}
.process-step{text-align:center;position:relative;padding:0 15px}.step-number{position:absolute;top:1px;left:50%;margin-left:19px;background:var(--cream);color:var(--terracotta);font-size:9px;font-weight:800;padding:0 4px}.step-icon{position:relative;width:78px;height:78px;border-radius:50%;background:white;border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 22px;box-shadow:0 8px 20px #183a2e0b}.step-icon svg{font-size:24px;color:var(--forest)}.process-step h3{font-family:var(--serif);font-weight:500;font-size:20px;margin-bottom:8px}.process-step p{font-size:12px;color:var(--muted);line-height:1.65}.center-action{text-align:center;margin-top:40px}
.materials-section{background:#f1ebe0;max-width:none}.materials-section>.section-heading,.materials-section>.product-grid{max-width:1236px;margin-left:auto;margin-right:auto}.materials-section>.section-heading{margin-bottom:48px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.product-card{background:var(--paper);border:1px solid #e4ded2;border-radius:var(--radius-sm);overflow:hidden;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.product-card-visual{display:block;height:220px;position:relative;overflow:hidden}.product-card-visual .product-visual{height:100%;transition:transform .5s}.product-card:hover .product-card-visual .product-visual{transform:scale(1.035)}
.card-badge{position:absolute;top:14px;left:14px;background:var(--forest);color:white;border-radius:99px;padding:5px 9px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
.product-card-body{padding:20px}.product-meta{display:flex;align-items:center;justify-content:space-between;font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:700}.availability{display:flex;align-items:center;gap:5px}.availability i{width:6px;height:6px;border-radius:50%;background:#4d8465}
.product-card h3{font-family:var(--serif);font-size:24px;font-weight:500;margin:9px 0 7px}.product-card h3 a:hover{color:var(--terracotta)}.product-card-body>p{color:var(--muted);font-size:12px;min-height:38px;margin-bottom:18px}
.product-card-footer{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #ece6dc;padding-top:15px}.product-card-footer>div{display:flex;align-items:baseline;gap:4px}.product-card-footer small{font-size:8px;color:var(--muted);text-transform:uppercase}.product-card-footer strong{font-family:var(--serif);font-size:20px}
.circle-link{width:35px;height:35px;border-radius:50%;background:#ecf0ed;color:var(--forest);display:grid;place-items:center}.circle-link:hover{background:var(--forest);color:white}
.value-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.value-visual{position:relative;padding:50px 35px 55px}.value-board{aspect-ratio:2/1;box-shadow:0 25px 60px #45341f33;transform:rotate(-3deg);border:8px solid #b68c5c;position:relative}.value-board span{position:absolute;left:60%;top:0;bottom:0;width:3px;background:#f5eee3;box-shadow:3px 0 #765939}.dimension-line{position:absolute;color:var(--muted);font-size:9px;letter-spacing:.08em}.dim-x{left:40px;right:40px;bottom:25px;border-top:1px solid var(--muted);text-align:center}.dim-x:before,.dim-x:after{content:"";position:absolute;top:-4px;width:1px;height:8px;background:var(--muted)}.dim-x:after{right:0}.dim-y{right:5px;top:55px;bottom:60px;border-left:1px solid var(--muted)}.dim-y span{writing-mode:vertical-rl;position:absolute;top:50%;transform:translateY(-50%);background:var(--cream);padding:5px 0}
.value-badge{position:absolute;right:5px;bottom:5px;width:110px;height:110px;border-radius:50%;background:var(--forest);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 12px 30px #183a2e3d}.value-badge strong{font-family:var(--serif);font-size:26px}.value-badge span{font-size:8px;width:70px;text-transform:uppercase;letter-spacing:.08em}
.value-copy h2{font-size:48px;margin:10px 0 19px}.value-copy>p{font-size:16px;color:var(--muted);line-height:1.75}
.feature-list{list-style:none;padding:0;margin:27px 0}.feature-list li{display:flex;gap:13px;margin:18px 0}.feature-list>li>svg{flex:0 0 23px;width:23px;height:23px;border-radius:50%;padding:5px;background:#e4ece6;color:var(--success)}.feature-list li div{display:flex;flex-direction:column}.feature-list strong{font-size:13px}.feature-list span{font-size:11px;color:var(--muted);margin-top:3px}.footnote{font-size:9px;color:#8a938e}
.cta-section{max-width:1236px;margin:0 auto 105px;background:var(--forest);color:white;border-radius:4px;padding:60px 70px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.cta-section:after{content:"";position:absolute;right:-50px;top:-100px;width:400px;height:400px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff04}.cta-section>div,.cta-section>a{position:relative;z-index:1}.cta-section h2{font-size:43px;margin:10px 0}.cta-section p{color:#b8c9c0;margin:0}

/* Textures */
.product-visual,.material-swatch,.tiny-swatch,.finish-swatch{background-color:#c8ad88;position:relative;overflow:hidden}
.product-visual:before,.material-swatch:before,.tiny-swatch:before,.finish-swatch:before,.mini-board:before,.value-board:before{content:"";position:absolute;inset:0;opacity:.65}
.texture-mdf,.texture-mdf:before{background-color:#b89b75;background-image:repeating-linear-gradient(3deg,#ffffff0d 0 3px,#604d3620 4px 5px)}
.texture-hydro,.texture-hydro:before{background-color:#8eaa86;background-image:repeating-linear-gradient(2deg,#ffffff12 0 4px,#39563818 5px 6px)}
.texture-lacquer,.texture-lacquer:before{background:linear-gradient(135deg,#fafaf7,#d9ddda 60%,#f4f5f3)}
.texture-particle,.texture-particle:before{background-color:#b4966c;background-image:radial-gradient(#705940 1px,transparent 1.5px),radial-gradient(#d6c09c 1px,transparent 1.5px);background-size:8px 8px,11px 11px}
.texture-white,.texture-white:before{background:linear-gradient(145deg,#fff,#e9eae7)}
.texture-color,.texture-color:before{background:linear-gradient(135deg,#7c9d91,#557a6d)}
.texture-wood,.texture-wood:before{background-color:#bd9261;background-image:repeating-radial-gradient(ellipse at 10% 20%,transparent 0 15px,#70482424 17px 18px,transparent 20px 28px)}
.texture-plywood,.texture-plywood:before{background-color:#d1b27e;background-image:repeating-linear-gradient(2deg,transparent 0 9px,#8d673628 10px 11px,transparent 12px 15px)}
.texture-osb,.texture-osb:before{background-color:#b68c59;background-image:linear-gradient(25deg,transparent 45%,#6d4c2c55 47% 52%,transparent 54%),linear-gradient(-20deg,transparent 45%,#e0c39377 47% 52%,transparent 54%);background-size:31px 19px,39px 25px}
.texture-phenolic,.texture-phenolic:before{background:linear-gradient(135deg,#4d2e21,#7a4c34 45%,#382016)}
.texture-solid,.texture-solid:before{background-color:#c8945a;background-image:repeating-linear-gradient(0deg,transparent 0 17px,#6e3e1b2b 18px 19px),radial-gradient(ellipse at 20% 40%,transparent 0 12px,#70401c2d 13px 14px,transparent 15px)}
.finish-texture-image{background-repeat:no-repeat;background-position:center;background-size:cover}
.finish-texture-image:before,.cut-board.finish-texture-image:before,.document-board-canvas.finish-texture-image:before{display:none}
.texture-label{position:absolute;right:15px;bottom:12px;color:#fff;background:#183a2eae;padding:4px 8px;border-radius:3px;font-size:8px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.image-visual img{width:100%;height:100%;object-fit:cover}

/* Catalog + product */
.catalog-toolbar{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;gap:20px;align-items:center}
.search-control{height:42px;border:1px solid var(--line);border-radius:8px;background:white;display:flex;align-items:center;gap:8px;padding:0 12px;min-width:270px}.search-control span{color:var(--muted);font-size:20px}.search-control input{border:0;outline:0;width:100%;font-size:12px;background:transparent}
.filter-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.filter-chips button{white-space:nowrap;border:1px solid var(--line);background:#faf8f3;border-radius:99px;padding:8px 12px;font-size:10px;font-weight:700}.filter-chips button span{color:var(--muted);margin-left:4px}.filter-chips button.active{background:var(--forest);color:white;border-color:var(--forest)}.filter-chips button.active span{color:#bdcec5}
.catalog-result-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:27px 3px 15px}.catalog-grid{grid-template-columns:repeat(4,1fr)}.empty-filter{text-align:center;padding:70px}.empty-filter h3{font-family:var(--serif);font-size:27px}
.product-detail{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;padding:35px 0 75px}.product-gallery{position:relative}.detail-visual{height:580px;border-radius:4px;box-shadow:var(--shadow)}.gallery-note{position:absolute;left:24px;bottom:24px;background:#fff;display:flex;gap:11px;align-items:center;padding:12px 15px;border-radius:8px;box-shadow:0 12px 30px #0002}.gallery-note>span{width:30px;height:30px;border-radius:50%;background:#edf2ee;display:grid;place-items:center;color:var(--forest)}.gallery-note div{display:flex;flex-direction:column}.gallery-note strong{font-size:10px}.gallery-note small{font-size:8px;color:var(--muted)}
.product-info{padding:25px 0}.product-info h1{font-size:59px;margin:16px 0 14px}.product-info .lead{font-size:16px;color:var(--muted);line-height:1.75}.product-price{border-block:1px solid var(--line);padding:20px 0;margin:25px 0;display:grid;grid-template-columns:1fr auto;align-items:end}.product-price small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.product-price strong{font-family:var(--serif);font-size:32px;grid-row:span 2}.product-price span{font-size:9px;color:var(--muted)}
.spec-selector{margin:23px 0}.spec-selector>label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:10px}.option-pills{display:flex;gap:8px;flex-wrap:wrap}.option-pills span{border:1px solid var(--line);background:white;border-radius:5px;padding:8px 12px;font-size:11px}.option-pills span.selected{border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest)}
.finish-list{display:flex;gap:9px;flex-wrap:wrap}.finish-list span{display:flex;align-items:center;gap:7px;font-size:11px;border:1px solid var(--line);background:#fff;padding:6px 9px;border-radius:5px}.finish-swatch{width:18px;height:18px;border-radius:50%;border:1px solid #0001}
.demo-safe{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:10px;justify-content:center;margin-top:15px}.demo-safe svg{width:18px;height:18px;padding:3px;border-radius:50%;background:#e4ece6;color:var(--success)}
.product-description-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:90px}.product-description-grid>article,.spec-card{padding:40px;background:#f0eadf;border-radius:4px}.product-description-grid h2{font-size:35px;margin:10px 0 15px}.product-description-grid p{color:var(--muted)}.spec-card{background:var(--forest);color:white}.spec-card h3{font-family:var(--serif);font-weight:500;font-size:25px}.spec-card dl div{display:flex;justify-content:space-between;border-top:1px solid #ffffff21;padding:12px 0}.spec-card dt{color:#aebfb6;font-size:10px}.spec-card dd{margin:0;font-size:11px;font-weight:700}.detail-list h3{font-family:var(--serif);font-size:25px;font-weight:500}.detail-list ul{list-style:none;padding:0}.detail-list li{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:12px 0;font-size:12px}.detail-list svg{color:var(--success)}

/* Forms */
label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:#46534d;display:block}
input,select,textarea{width:100%;border:1px solid var(--line);background:white;border-radius:8px;padding:11px 12px;outline:none;transition:border .2s,box-shadow .2s;margin-top:6px;text-transform:none;letter-spacing:normal;font-size:13px;font-weight:500}
input:focus,select:focus,textarea:focus{border-color:#6e8a7b;box-shadow:0 0 0 3px #607c6d16}
textarea{resize:vertical}.form-grid{display:grid;gap:17px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.four{grid-template-columns:repeat(4,1fr)}.span-two{grid-column:span 2}.stack-form{display:flex;flex-direction:column;gap:17px}
label small{font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted)}
.simple-check,.terms-check{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:11px;cursor:pointer}.simple-check input,.terms-check input{position:absolute;opacity:0}.simple-check>span,.terms-check>span{width:17px;height:17px;border:1px solid var(--line);background:#fff;border-radius:4px;flex:0 0 auto;position:relative}.simple-check input:checked+span,.terms-check input:checked+span{background:var(--forest);border-color:var(--forest)}.simple-check input:checked+span:after,.terms-check input:checked+span:after{content:"✓";position:absolute;color:white;left:3px;top:-1px;font-size:11px}
.toggle-row{display:flex!important;align-items:center;gap:10px;text-transform:none;letter-spacing:0;cursor:pointer}.toggle-row>input{position:absolute;opacity:0}.toggle{width:36px;height:20px;border-radius:99px;background:#c8cfca;position:relative;flex:0 0 auto;transition:.2s}.toggle i{position:absolute;width:16px;height:16px;border-radius:50%;background:white;left:2px;top:2px;transition:.2s;box-shadow:0 1px 3px #0004}.toggle-row input:checked+.toggle{background:var(--forest)}.toggle-row input:checked+.toggle i{transform:translateX(16px)}.toggle-row>span:last-child{display:flex;flex-direction:column}.toggle-row b{font-size:11px}.toggle-row small{font-size:8px;color:var(--muted)}
.simple-check input,.terms-check input,.toggle-row>input,.radio-card>input,.accept-demo input{width:1px!important;height:1px!important;margin:0!important;padding:0!important}

/* Configurator */
.configurator{min-height:calc(100vh - 112px);background:#ebe7df}
.configurator-page .site-footer{display:none}
.config-topbar{height:88px;background:white;border-bottom:1px solid var(--line);padding:0 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.config-topbar h1{font-size:27px;margin:3px 0 0}.config-topbar .eyebrow{font-size:8px}.help-link{justify-self:end;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.help-link:first-letter{width:22px;height:22px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}
.config-progress{display:flex;align-items:center}.config-progress span{display:flex;align-items:center;gap:7px;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#919993}.config-progress i{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-style:normal}.config-progress span.active{color:var(--forest);font-weight:800}.config-progress span.active i{background:var(--forest);color:white;border-color:var(--forest)}.config-progress b{width:35px;height:1px;background:var(--line);margin:0 8px}
.config-layout{display:grid;grid-template-columns:430px minmax(0,1fr);min-height:calc(100vh - 200px)}
.config-panel{background:#fff;border-right:1px solid var(--line);height:calc(100vh - 200px);overflow-y:auto}.config-section{border-bottom:1px solid var(--line)}.section-toggle{width:100%;border:0;background:white;padding:19px 24px;display:flex;justify-content:space-between;align-items:center}.section-toggle>span{display:flex;align-items:center;gap:10px}.section-toggle i{width:23px;height:23px;border-radius:50%;background:#edf1ee;color:var(--forest);font-style:normal;display:grid;place-items:center;font-size:10px}.section-toggle b{font-size:12px}.section-toggle em{font-style:normal;color:var(--muted)}.config-section.collapsed .section-toggle em{transform:rotate(180deg)}.config-section.collapsed .section-content{display:none}
.section-content{padding:0 24px 22px}.section-content>label,.two-fields label,.piece-form label,.project-name label{font-size:8px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.material-summary{display:flex;align-items:center;gap:10px;background:#f6f4ee;border-radius:8px;padding:10px;margin-top:12px}.material-swatch{width:36px;height:36px;border-radius:5px;flex:0 0 auto}.material-summary div{display:flex;flex-direction:column;flex:1}.material-summary strong{font-size:10px}.material-summary small{font-size:8px;color:var(--muted)}.material-summary a{font-size:8px;text-transform:uppercase;font-weight:800;color:var(--terracotta)}
.piece-head{display:flex;justify-content:space-between;align-items:center}.piece-head p{font-size:10px;color:var(--muted)}.piece-form{border:1px solid var(--line);border-radius:9px;padding:14px;background:#faf8f4}.piece-name-field input{margin-bottom:10px}.measure-row{display:grid;grid-template-columns:1fr 12px 1fr 78px;gap:8px;align-items:end}.measure-x{text-align:center;padding-bottom:11px;color:var(--muted)}.input-unit{position:relative}.input-unit input{padding-right:31px}.input-unit span{position:absolute;right:9px;top:17px;font-size:8px;color:var(--muted)}.qty-field input{text-align:center}.piece-form .toggle-row{margin:12px 0}.piece-form .btn{min-height:39px}.add-piece-trigger{margin-top:12px}.piece-color-control{margin-top:18px}.piece-color-control>div{display:grid;grid-template-columns:52px 76px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#f8f9f7}.piece-color-control input[type=color]{width:52px;height:38px;padding:3px;border:1px solid #ccd5d0;border-radius:7px;background:#fff;cursor:pointer}.piece-color-control span{font-size:10px;font-weight:750;letter-spacing:.04em;color:var(--forest)}.piece-color-control small{font-size:8px;line-height:1.4;color:var(--muted)}
.piece-list{display:flex;flex-direction:column;gap:7px;margin-top:12px;max-height:42vh;overflow:auto;padding:2px}.piece-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;background:#f5f3ed;border:1px solid #ebe6dc;border-radius:7px;padding:9px;cursor:pointer;outline:none;animation:itemIn .3s ease;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.piece-row:hover,.piece-row:focus-visible{border-color:#b8c9c0;background:#f9fbf9}.piece-row.selected{border-color:#5f806f;background:#edf5f0;box-shadow:0 0 0 2px rgba(73,116,94,.15),inset 3px 0 #4f765f}.piece-color{width:22px;height:22px;border-radius:4px;background:var(--piece-color,#6e9281);box-shadow:inset 0 0 0 1px rgba(18,45,33,.15)}.piece-row.selected .piece-color{outline:2px solid #fff;box-shadow:0 0 0 3px var(--piece-color,#6e9281)}.piece-row-main{display:flex;flex-direction:column;min-width:0}.piece-row-main strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.piece-row-main span{overflow:hidden;font-size:8px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.piece-row-actions{display:flex}.piece-row-actions button{width:27px;height:27px;border:0;background:none;color:var(--muted);padding:5px}.piece-row-actions button:hover{color:var(--forest)}.piece-row-actions button.delete-piece:hover{color:var(--danger)}
@keyframes itemIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.piece-list-empty{text-align:center;padding:22px;color:var(--muted);display:flex;flex-direction:column;align-items:center}.piece-list-empty>span svg{width:28px;height:28px}.piece-list-empty strong{font-size:10px;color:var(--ink);margin-top:5px}.piece-list-empty small{font-size:8px}.piece-errors{font-size:9px;color:var(--danger);background:#fff0ed;border:1px solid #f0d2cf;border-radius:7px;padding:9px;margin-top:10px}.piece-errors p{margin:2px 0}
.modal-open{overflow:hidden}.piece-modal{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:24px}.piece-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(12,31,24,.68);backdrop-filter:blur(5px)}.piece-modal-dialog{position:relative;width:min(610px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(255,255,255,.5);border-radius:16px;background:#fff;box-shadow:0 32px 90px rgba(12,31,24,.32);animation:pieceModalIn .22s ease}.piece-modal-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 27px 19px;border-bottom:1px solid var(--line)}.piece-modal-dialog h2{margin:2px 0 4px;font-family:var(--sans);font-size:22px}.piece-modal-dialog header p{margin:0;color:var(--muted);font-size:10px}.piece-modal-close{width:34px;height:34px;flex:0 0 auto;border:1px solid var(--line);border-radius:8px;background:#f7f8f6;color:var(--muted);font-size:22px;line-height:1}.piece-modal .piece-form{padding:24px 27px 27px;border:0;border-radius:0;background:#fff}.piece-orientation{margin:19px 0 0;padding:0;border:0}.piece-orientation legend{margin-bottom:9px;color:#46534d;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.piece-orientation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.piece-orientation-options label{position:relative;cursor:pointer;text-transform:none;letter-spacing:0}.piece-orientation-options input{position:absolute;width:1px!important;height:1px!important;opacity:0}.piece-orientation-options label>span{display:flex;min-height:78px;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:9px;background:#f8f9f7;transition:.18s}.piece-orientation-options b{font-size:10px}.piece-orientation-options small{margin-top:5px;font-size:8px;line-height:1.35}.piece-orientation-options input:checked+span{border-color:#507562;background:#edf4ef;box-shadow:inset 0 0 0 1px #507562}.piece-orientation-options input:focus-visible+span{outline:3px solid rgba(80,117,98,.18)}.piece-orientation-options input:disabled+span{cursor:not-allowed;opacity:.5}.piece-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.piece-modal-actions .btn{width:auto;min-width:132px}.piece-modal .piece-errors{margin-top:14px}@keyframes pieceModalIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.piece-edge-banding{margin:19px 0 0;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fafbf9}.piece-edge-banding legend{padding:0 5px;color:#46534d;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.piece-edge-banding legend small{font-weight:500;text-transform:none;letter-spacing:0}.piece-edge-banding>p{margin:0 0 12px;color:var(--muted);font-size:8px;line-height:1.5}.edge-banding-selector{display:grid;grid-template-columns:90px minmax(150px,1fr) 90px;grid-template-rows:34px 82px 34px;gap:7px;align-items:stretch}.edge-band-option{position:relative;display:block!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important}.edge-band-option input{position:absolute;width:1px!important;height:1px!important;opacity:0}.edge-band-option span{height:100%;display:grid;place-items:center;border:1px solid #d9dfdb;border-radius:7px;background:#fff;color:#66736c;font-size:8px;font-weight:750;transition:.18s}.edge-band-option input:checked+span{border-color:var(--preview-edge-color,#ffd400);background:color-mix(in srgb,var(--preview-edge-color,#ffd400) 18%,#fff);color:#4b4300;box-shadow:inset 0 0 0 1px var(--preview-edge-color,#ffd400)}.edge-band-option input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--preview-edge-color,#ffd400) 24%,transparent)}.edge-top{grid-column:2;grid-row:1}.edge-left{grid-column:1;grid-row:2}.edge-right{grid-column:3;grid-row:2}.edge-bottom{grid-column:2;grid-row:3}.edge-band-preview{position:relative;grid-column:2;grid-row:2;display:grid;place-items:center;border:1px solid #cad4ce;border-radius:5px;background:linear-gradient(135deg,#e9dfcd,#d3b98f);color:#6a5b45;font-size:8px;font-weight:800;text-transform:uppercase}.edge-band-preview i{position:absolute;display:block;background:var(--preview-edge-color,#ffd400);opacity:.12;transition:opacity .18s,box-shadow .18s}.edge-preview-top,.edge-preview-bottom{right:0;left:0;height:4px}.edge-preview-top{top:0}.edge-preview-bottom{bottom:0}.edge-preview-left,.edge-preview-right{top:0;bottom:0;width:4px}.edge-preview-left{left:0}.edge-preview-right{right:0}.piece-edge-banding:has(input[value="top"]:checked) .edge-preview-top,.piece-edge-banding:has(input[value="right"]:checked) .edge-preview-right,.piece-edge-banding:has(input[value="bottom"]:checked) .edge-preview-bottom,.piece-edge-banding:has(input[value="left"]:checked) .edge-preview-left{opacity:1;box-shadow:0 0 0 1px rgba(17,34,28,.3)}
.summary-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.summary-metrics div{background:#f3f2ed;padding:9px 6px;border-radius:6px;display:flex;flex-direction:column;text-align:center}.summary-metrics span{font-size:7px;text-transform:uppercase;color:var(--muted)}.summary-metrics strong{font-family:var(--serif);font-size:17px}.technical-lines{border-block:1px solid var(--line);margin:13px 0;padding:9px 0}.technical-lines div{display:flex;justify-content:space-between;gap:12px;font-size:9px;padding:3px 0}.technical-lines span{color:var(--muted)}.technical-lines strong{text-align:right}.project-document-fields{display:flex;flex-direction:column;gap:9px;margin:8px 0 13px}.project-document-fields label{font-size:8px;font-weight:800;color:var(--ink)}.project-document-fields label small{font-weight:500;color:var(--muted)}.project-document-fields input,.project-document-fields textarea{font-size:9px;padding:9px 10px}.project-document-fields textarea{resize:vertical}.project-name{margin:0}.summary-section form+form,.summary-section form+.save-login-link{margin-top:8px}.summary-section .btn-lg{min-height:46px}.summary-section .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.save-login-link{display:block;text-align:center;font-size:8px;color:var(--muted);margin:9px 0;text-decoration:underline}.export-project-note{margin:9px 0 0;display:flex;align-items:center;gap:6px;color:#466858;font-size:7px;font-weight:700}.export-project-note svg{width:13px;height:13px}.technical-notice{font-size:7px;line-height:1.5;color:var(--muted);padding:8px 10px;margin:9px 0 0;border-radius:6px;background:#f5f1e8;border-left:2px solid var(--ochre)}
.preview-panel{min-width:0;display:grid;grid-template-rows:58px 1fr auto auto;height:calc(100vh - 200px)}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 25px;background:#f5f2eb;border-bottom:1px solid var(--line)}.preview-toolbar>div:first-child{display:flex;flex-direction:column}.preview-toolbar strong{font-size:11px}.preview-toolbar span{font-size:8px;color:var(--muted)}.view-actions{display:flex;background:white;border:1px solid var(--line);border-radius:7px;padding:3px}.view-actions button{border:0;background:none;padding:6px 10px;border-radius:5px;font-size:8px;text-transform:uppercase;font-weight:800;color:var(--muted)}.view-actions button.active{background:var(--forest);color:white}
.configurator,.document-preview-shell{--preview-workspace-color:#e5e9e6;--preview-grid-color:#fff;--preview-card-color:#fff;--preview-board-color:#d0b48c;--preview-board-border-color:#29483a;--preview-piece-border-color:#173628;--preview-piece-label-color:#fff;--preview-piece-text-color:#17382a;--preview-edge-color:#ffd400;--preview-selection-color:#1687ff;--preview-kerf-color:#f6f0e5}.preview-workspace{min-height:0;overflow:hidden;position:relative;cursor:default;user-select:none;overscroll-behavior:contain;background-color:var(--preview-workspace-color);background-image:linear-gradient(color-mix(in srgb,var(--preview-grid-color) 48%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--preview-grid-color) 48%,transparent) 1px,transparent 1px);background-size:22px 22px}.preview-workspace.is-panning{cursor:grabbing}.preview-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-board-icon{width:76px;height:76px;border-radius:50%;background:#f4f2ed;display:grid;place-items:center;color:var(--sage);position:relative}.empty-board-icon svg{width:35px;height:35px}.empty-board-icon i{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--terracotta);right:2px;top:6px;border:3px solid var(--preview-workspace-color)}.preview-empty h2{font-size:28px;margin:16px 0 8px}.preview-empty p{font-size:11px;color:var(--muted)}.preview-empty>div{display:flex;gap:8px}.preview-empty>div span{font-size:7px;text-transform:uppercase;letter-spacing:.08em;background:#ffffffb3;border-radius:99px;padding:6px 8px}
.boards-stage{min-height:100%;padding:35px;display:flex;align-items:center;justify-content:center;transform-origin:0 0;will-change:transform}.boards-stage.all-view{display:grid;grid-template-columns:repeat(var(--all-view-columns,1),minmax(360px,560px));gap:18px;align-items:start;width:max-content;min-width:max-content;min-height:max-content}.cut-board-card{width:min(850px,95%);background:var(--preview-card-color);border:1px solid color-mix(in srgb,var(--preview-board-border-color) 12%,transparent);border-radius:8px;padding:15px;box-shadow:0 14px 36px rgba(27,43,37,.1);animation:boardIn .45s ease}.boards-stage.all-view .cut-board-card{width:100%}.cut-board-head{display:flex;justify-content:space-between;margin-bottom:10px}.cut-board-head strong{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.cut-board-head span{font-size:8px;color:var(--muted)}.cut-board{position:relative;width:100%;aspect-ratio:2/1;border:1px solid var(--preview-board-border-color);border-radius:2px;background:var(--preview-board-color);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 2px 5px rgba(26,44,36,.14)}.cut-board:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(2deg,transparent 0 9px,#5e45261a 10px 11px)}
.rotated-finish-texture{background-image:none!important}.cut-board.finish-texture-image.rotated-finish-texture:before,.document-board-canvas.finish-texture-image.rotated-finish-texture:before,.mini-board.finish-texture-image.rotated-finish-texture:before{content:"";display:block;position:absolute;z-index:0;left:calc(0% - var(--texture-overscan-x,0%));right:calc(0% - var(--texture-overscan-x,0%));top:calc(0% - var(--texture-overscan-y,50%));bottom:calc(0% - var(--texture-overscan-y,50%));width:auto;height:auto;transform:rotate(90deg);transform-origin:center;background-image:var(--finish-texture);background-repeat:no-repeat;background-position:center;background-size:cover;opacity:1;pointer-events:none}
.cut-piece{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--piece-color,#6f9784) 65%,var(--preview-piece-border-color));background:color-mix(in srgb,var(--piece-color,#6f9784) 38%,transparent);color:var(--preview-piece-text-color);text-align:center;cursor:pointer;outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 1px 3px rgba(28,53,42,.12);transition:background .18s,border-color .18s,box-shadow .18s,filter .18s}.cut-piece:hover,.cut-piece:focus-visible{background:color-mix(in srgb,var(--piece-color,#6f9784) 48%,transparent);filter:saturate(1.08)}.cut-piece.selected{z-index:3;border-color:var(--preview-selection-color);background:color-mix(in srgb,var(--piece-color,#6f9784) 58%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--preview-selection-color) 76%,transparent),0 8px 20px rgba(25,54,41,.24),inset 0 0 0 1px rgba(255,255,255,.8)}.cut-piece>div{display:flex;max-width:calc(100% - 8px);flex-direction:column;padding:3px 5px;border-radius:4px;background:color-mix(in srgb,var(--preview-piece-label-color) 72%,transparent);line-height:1.15;box-shadow:0 1px 4px rgba(21,45,34,.1)}.cut-piece strong,.cut-piece small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cut-piece strong{font-size:clamp(7px,1.1vw,12px)}.cut-piece small{font-size:clamp(5px,.8vw,9px)}.cut-piece em{font-size:6px;font-style:normal;opacity:.72}.cut-piece.too-small strong,.cut-piece.too-small small{display:none}.cut-piece.too-small>div{padding:2px}.cut-board-footer{display:flex;justify-content:space-between;margin-top:10px;font-size:8px;color:var(--muted)}.cut-board-footer b{color:var(--forest)}
.piece-edge-marker{position:absolute;z-index:2;display:block;background:var(--preview-edge-color,#ffd400);pointer-events:none;box-shadow:0 0 0 .35px rgba(17,34,28,.3)}.piece-edge-marker.edge-top,.piece-edge-marker.edge-bottom{right:0;left:0;height:1px}.piece-edge-marker.edge-top{top:0}.piece-edge-marker.edge-bottom{bottom:0}.piece-edge-marker.edge-left,.piece-edge-marker.edge-right{top:0;bottom:0;width:1px}.piece-edge-marker.edge-left{left:0}.piece-edge-marker.edge-right{right:0}.piece-row-main small{overflow:hidden;margin-top:2px;color:#8c6b00;font-size:7px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
@keyframes boardIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.board-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:7px;background:#f5f2eb;border-top:1px solid var(--line)}.board-pagination>button{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:white}.board-pagination>div{display:flex;gap:4px}.board-pagination>div button{border:0;background:none;font-size:8px;padding:6px 9px;border-radius:5px}.board-pagination>div button.active{background:var(--forest);color:white}
.preview-legend{height:35px;background:#f5f2eb;display:flex;align-items:center;gap:15px;padding:0 20px;font-size:7px;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line)}.preview-legend span{display:flex;align-items:center;gap:5px}.preview-legend i{width:10px;height:10px;display:inline-block}.legend-piece{background:#6f9784}.legend-kerf{background:var(--preview-kerf-color);border:1px solid #aaa}.legend-waste{background:var(--preview-board-color)}.preview-legend em{margin-left:auto;font-style:normal;text-transform:none}

.cut-board-card.focused-board{outline:3px solid rgba(60,119,90,.34);box-shadow:0 20px 54px rgba(60,119,90,.22);animation:boardFocus .78s ease both}
@keyframes boardFocus{0%{transform:translateY(8px) scale(.985);filter:saturate(.75)}55%{transform:translateY(-2px) scale(1.008)}100%{transform:none;filter:none}}

/* Document preview */
.document-preview-page{background:radial-gradient(circle at 8% 4%,rgba(189,149,94,.14),transparent 32rem),#e9e6df}
.document-preview-page .site-footer{display:none}
.document-preview-shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:28px 0 72px}
.document-preview-toolbar{position:sticky;z-index:20;top:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:16px 18px;border:1px solid rgba(57,48,38,.1);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 14px 38px rgba(57,48,38,.12);backdrop-filter:blur(16px)}
.document-preview-toolbar h1{margin:0 0 3px;font-size:clamp(1.12rem,2vw,1.42rem)}.document-preview-toolbar p{margin:0;color:var(--muted)}
.document-preview-actions{display:flex;align-items:center;flex:0 0 auto;gap:10px}.document-preview-actions form{margin:0}.document-preview-actions .btn{white-space:nowrap}
.document-sheet{position:relative;margin-bottom:26px;padding:clamp(24px,4vw,54px);border:1px solid rgba(57,48,38,.1);border-radius:8px;background:#fff;box-shadow:0 18px 52px rgba(57,48,38,.12)}
.document-sheet:after{position:absolute;right:22px;bottom:16px;color:rgba(57,48,38,.38);font-size:.72rem;letter-spacing:.04em;content:"JayCrafted Maderas"}
.document-brandbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:calc(clamp(24px,4vw,54px) * -1) calc(clamp(24px,4vw,54px) * -1) 32px;padding:18px clamp(24px,4vw,54px);border-radius:8px 8px 0 0;background:var(--forest-3);color:#fff}.document-brandbar>div:last-child{display:flex;align-items:flex-end;flex-direction:column}.document-brandbar small{display:block;color:rgba(255,255,255,.65);font-size:.68rem}.document-brandbar .brand-light{color:#fff}
.document-title-row,.document-board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.document-kicker{margin:0 0 8px;color:var(--success);font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.document-title-row h2,.document-board-heading h2{margin:0 0 7px;font-size:clamp(1.65rem,3vw,2.4rem)}.document-title-row p,.document-board-heading p{margin:0;color:var(--muted)}
.document-title-row>div:first-child{flex:1}.document-title-row>.document-kpis{min-width:430px;margin:0}
.document-reference{min-width:190px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#f7f3eb}.document-reference span,.document-reference strong{display:block}.document-reference span{margin-bottom:3px;color:var(--muted);font-size:.75rem;text-transform:uppercase}.document-reference strong{overflow-wrap:anywhere}
.document-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.document-kpis>span{display:flex;flex-direction:column;padding:17px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(150deg,#fff,#f7f3eb);color:var(--muted);font-size:.74rem}.document-kpis b{color:var(--ink);font-size:1.25rem}
.document-material-data{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;margin:22px 0 28px;padding:0;border:1px solid var(--line);border-radius:13px;background:var(--line)}.document-material-data div{padding:14px 16px;background:#fff}.document-material-data dt,.document-material-data dd{display:block;margin:0}.document-material-data dt{margin-bottom:4px;color:var(--muted);font-size:.74rem}.document-material-data dd{font-weight:700}
.document-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:30px 0 12px}.document-section-title h3{margin:0;font-size:1.08rem}.document-section-title span{color:var(--muted);font-size:.74rem}.document-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px}.document-table{width:100%;border-collapse:collapse;font-size:.84rem}.document-table th,.document-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.document-table th{background:#f7f3eb;color:var(--muted);font-size:.72rem;letter-spacing:.035em;text-transform:uppercase}.document-table tr:last-child td{border-bottom:0}
.document-notes{margin-top:26px;padding:17px 18px;border-left:4px solid var(--gold);border-radius:4px 12px 12px 4px;background:#f7f3eb}.document-notes strong{display:block;margin-bottom:5px}.document-notes p{margin:0;white-space:pre-wrap}
.document-board-badge{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:9px 12px;border-radius:999px;background:var(--forest);color:#fff;font-size:.78rem;font-weight:800}
.document-sheet-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding-bottom:20px;border-bottom:1px solid var(--line)}.document-sheet-heading h2{margin:3px 0 0;font-size:clamp(1.65rem,3vw,2.35rem)}.document-sheet-heading>div:last-child{display:flex;align-items:flex-end;flex-direction:column;text-align:right}.document-sheet-heading small{color:var(--muted)}
.document-board-canvas{position:relative;width:100%;aspect-ratio:2/1;overflow:hidden;margin:26px 0 20px;border:1px solid var(--preview-board-border-color);border-radius:3px;background:var(--preview-board-color);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 2px 5px rgba(26,44,36,.12)}
.document-board-piece{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;padding:2px;border:1px solid color-mix(in srgb,var(--piece-color,#4e7e69) 68%,var(--preview-piece-border-color));background:color-mix(in srgb,var(--piece-color,#4e7e69) 42%,transparent);color:var(--preview-piece-text-color);text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.document-board-piece strong,.document-board-piece small{display:block;max-width:calc(100% - 4px);overflow:hidden;padding:1px 3px;background:color-mix(in srgb,var(--preview-piece-label-color) 68%,transparent);line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.document-board-piece strong{font-size:clamp(.42rem,.82vw,.72rem)}.document-board-piece small{font-size:clamp(.34rem,.65vw,.6rem)}
.preview-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.preview-color-grid label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#f8faf8;text-transform:none;letter-spacing:0}.preview-color-grid label span{font-size:9px;font-weight:700;color:#46534d}.preview-color-grid input[type=color]{width:44px;height:34px;flex:0 0 auto;padding:3px;border:1px solid #ccd5d0;border-radius:7px;background:#fff;cursor:pointer}
.users-toolbar>div{align-items:center}.users-toolbar .active-pill{background:#e9eeeb;color:#51625a}.users-toolbar .active-pill.on{background:#e4f0e8;color:var(--success)}.user-editor-card{border-top:3px solid var(--forest)}.admin-user-form{margin-top:18px}.admin-user-active{margin-top:23px}.admin-password-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid #dce3df;border-radius:9px;background:#f4f7f5}.admin-password-panel>div{display:flex;align-items:center;gap:10px}.admin-password-panel>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#e4ece7;color:var(--forest)}.admin-password-panel svg{width:17px}.admin-password-panel strong,.admin-password-panel small{display:block}.admin-password-panel strong{font-size:10px}.admin-password-panel small{margin-top:3px;color:var(--muted);font-size:8px}.generated-credentials{border-color:#bcd9c7;background:#eff8f2}.generated-credentials>div:first-child{display:flex;align-items:center;gap:12px}.generated-credentials>div:first-child>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#d2ebda;color:var(--success)}.generated-credentials h2{margin:0;font-size:18px}.generated-credentials p{margin:3px 0 0;color:#5b6e64;font-size:9px}.credential-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.credential-fields input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#fff}.role-pill{display:inline-flex;padding:5px 7px;border-radius:99px;background:#edf1ef;color:#596861;font-size:7px;font-weight:800;text-transform:uppercase}.role-pill.admin{background:#e8e4f2;color:#594b7a}.users-list-card .customer-actions{min-width:96px}
.document-board-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}.document-board-metrics>span{display:flex;flex-direction:column;padding:12px 14px;border-radius:11px;background:#f7f3eb;color:var(--muted);font-size:.72rem}.document-board-metrics b{color:var(--ink);font-size:1rem}
.document-preview-final{max-width:760px;margin:38px auto 0;padding:32px;border-radius:20px;background:var(--forest-3);color:#fff;text-align:center;box-shadow:0 22px 48px rgba(25,47,38,.2)}.document-preview-final strong{display:block;margin-bottom:8px;color:#fff;font-family:var(--serif);font-size:1.75rem}.document-preview-final p{margin:0 auto 20px;color:rgba(255,255,255,.75)}.document-preview-final form{margin:0}

/* Cart + checkout */
.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}.cart-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cart-heading h2{font-size:27px;margin:0}.cart-item{display:grid;grid-template-columns:200px 1fr;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:15px}.cart-preview{background:#e9e5dc;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.cart-preview>span{font-size:8px;text-transform:uppercase;color:var(--muted)}.mini-board{width:100%;aspect-ratio:2/1;position:relative;overflow:hidden;border:4px solid #9c7e5b}.mini-board>i{position:absolute;z-index:1;border:1px solid white;background:#4c7664cf;box-shadow:2px 2px #e8dfd0;overflow:hidden}.mini-board>i span{font-style:normal;font-size:5px;color:white;display:block;overflow:hidden}
.cart-item-main{padding:19px 21px}.cart-item-title{display:flex;justify-content:space-between}.cart-item-title span{font-size:8px;text-transform:uppercase;color:var(--terracotta);font-weight:800}.cart-item-title h3{font-family:var(--serif);font-weight:500;font-size:22px;margin:3px 0}.cart-item-title>strong{font-family:var(--serif);font-size:22px}.cart-specs{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.cart-specs span{background:#f5f3ee;border-radius:5px;padding:6px 8px;font-size:7px;color:var(--muted)}.cart-specs b{color:var(--ink)}.cart-pieces{font-size:9px;border-top:1px solid var(--line);padding-top:9px}.cart-pieces summary{cursor:pointer;font-weight:700}.cart-pieces>div{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;color:var(--muted)}.cart-pieces span{font-size:8px}.cart-item-actions{display:flex;gap:12px;margin-top:13px}.cart-item-actions a,.cart-item-actions button{border:0;background:none;display:flex;align-items:center;gap:5px;font-size:8px;color:var(--forest);font-weight:700;padding:0}.cart-item-actions svg{width:13px}.add-other{display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #aeb8b2;border-radius:10px;padding:15px;font-size:10px;font-weight:700;color:var(--forest)}
.order-summary{background:white;border:1px solid var(--line);border-radius:12px;padding:25px}.sticky-summary{position:sticky;top:100px}.order-summary h2{font-size:27px;margin:6px 0 20px}.summary-lines{border-block:1px solid var(--line);padding:14px 0}.summary-lines div{display:flex;justify-content:space-between;padding:5px 0;font-size:10px}.summary-total{display:flex;flex-direction:column;padding:17px 0}.summary-total span{font-size:10px;font-weight:700}.summary-total strong{font-family:var(--serif);font-size:32px}.summary-total small{font-size:8px;color:var(--muted)}.secure-demo{display:flex;align-items:center;gap:9px;background:#edf3ef;padding:10px;border-radius:7px;margin-top:12px}.secure-demo>svg{width:20px;height:20px;padding:3px;border-radius:50%;background:var(--success);color:white}.secure-demo>span{display:flex;flex-direction:column}.secure-demo strong{font-size:9px}.secure-demo small{font-size:7px;color:var(--muted)}.order-summary>p{font-size:8px;color:var(--muted);text-align:center;margin:12px 0 0}
.cart-empty{margin-top:20px}.empty-state{background:white;border:1px solid var(--line);border-radius:14px;text-align:center;padding:70px 30px;display:flex;flex-direction:column;align-items:center}.empty-state h1,.empty-state h2{font-size:35px;margin:18px 0 9px}.empty-state p{color:var(--muted);max-width:500px}.empty-state .btn{margin-top:14px}
.checkout-form{display:flex;flex-direction:column;gap:16px}.form-card{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.form-card-head{display:flex;gap:13px;margin-bottom:20px}.form-card-head>span{width:30px;height:30px;border-radius:50%;background:var(--forest);color:white;display:grid;place-items:center;font-size:10px;font-weight:800}.form-card-head h2{font-size:24px;margin:0}.form-card-head p{font-size:9px;color:var(--muted);margin:3px 0}.radio-card{display:flex!important;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:15px;margin-top:10px;text-transform:none;letter-spacing:0}.radio-card>input{position:absolute;opacity:0}.radio-dot{width:17px;height:17px;border:1px solid var(--line);border-radius:50%;position:relative}.radio-card input:checked+.radio-dot{border:5px solid var(--forest)}.radio-card>div{display:flex;flex-direction:column;flex:1}.radio-card strong{font-size:11px}.radio-card small{font-size:8px;color:var(--muted)}.radio-card>b{font-size:9px}.radio-card.selected{border-color:#769283;background:#f6faf7}.radio-card.disabled{opacity:.55}.demo-tag{background:#e9d4c2;color:#8a4b2c;font-size:8px;font-weight:800;padding:5px 8px;border-radius:4px}.accept-demo{display:flex;gap:11px;align-items:flex-start;text-transform:none;letter-spacing:0;background:#fff7eb;border:1px solid #ead7bb;border-radius:9px;padding:15px;cursor:pointer}.accept-demo input{position:absolute;opacity:0}.accept-demo>span{width:20px;height:20px;border:1px solid #ceb99d;border-radius:4px;color:transparent;display:grid;place-items:center;flex:0 0 auto}.accept-demo input:checked+span{background:var(--terracotta);color:white;border-color:var(--terracotta)}.accept-demo p{font-size:9px;margin:0}.checkout-items{display:flex;flex-direction:column;gap:11px;margin-bottom:13px}.checkout-items>div{display:flex;gap:9px;align-items:center}.tiny-swatch{width:37px;height:37px;border-radius:5px;flex:0 0 auto}.checkout-items p{display:flex;flex:1;flex-direction:column;margin:0}.checkout-items strong{font-size:9px}.checkout-items small{font-size:7px;color:var(--muted)}.checkout-items b{font-size:9px}.back-link{font-size:9px;color:var(--muted)}
.confirmation-shell{max-width:1050px}.confirmation-hero{text-align:center;padding:60px 0 35px}.success-ring{width:62px;height:62px;border-radius:50%;background:var(--forest);color:white;display:grid;place-items:center;margin:0 auto 17px;box-shadow:0 0 0 10px #e1eae5}.success-ring svg{width:28px}.confirmation-hero h1{font-size:49px;margin:10px 0}.confirmation-hero p{color:var(--muted)}.order-number{font-family:monospace;font-size:12px;border:1px solid var(--line);padding:8px 12px;border-radius:5px;background:white;display:inline-block;margin-top:8px}.demo-warning-large{display:flex;align-items:center;gap:15px;background:#f5e9da;border:1px solid #e7d0b4;padding:14px 18px;border-radius:9px;margin-bottom:20px}.demo-warning-large>span{font-size:9px;font-weight:900;letter-spacing:.12em;background:var(--terracotta);color:white;border-radius:4px;padding:6px 8px}.demo-warning-large p{margin:0;font-size:10px}.demo-warning-large.compact{padding:10px 14px}.confirmation-grid{display:grid;grid-template-columns:1fr 280px;gap:20px}.confirmation-details,.confirmation-total{background:white;border:1px solid var(--line);border-radius:12px;padding:25px}.confirmation-details>h2{font-size:26px}.confirmation-item{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:16px 0}.confirmation-item>div{flex:1}.confirmation-item h3{font-family:var(--serif);font-size:20px;margin:0}.confirmation-item p,.confirmation-item small{font-size:8px;color:var(--muted);margin:0}.confirmation-item>strong{font-family:var(--serif);font-size:19px}.confirmation-data{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f6f4ef;padding:15px;border-radius:8px}.confirmation-data div{display:flex;flex-direction:column}.confirmation-data dt{font-size:7px;text-transform:uppercase;color:var(--muted)}.confirmation-data dd{font-size:9px;margin:3px 0}.confirmation-total{display:flex;flex-direction:column;height:max-content}.confirmation-total>span{font-size:9px;text-transform:uppercase}.confirmation-total>strong{font-family:var(--serif);font-size:38px}.confirmation-total>small{font-size:8px;color:var(--muted);margin-bottom:18px}.confirmation-total .btn{margin-top:7px}

/* Authentication and account */
.auth-shell{min-height:calc(100vh - 112px);display:grid;grid-template-columns:1fr 1fr;background:white}.auth-visual{background:var(--forest-3);position:relative;display:grid;place-items:center;overflow:hidden;padding:60px}.auth-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#46685766,transparent 45%)}.auth-board{width:min(520px,90%);aspect-ratio:1.5/1;position:relative;transform:rotate(-5deg);box-shadow:0 30px 80px #0006;border:8px solid #8e6a44}.auth-cut{position:absolute;background:#e9dfcf;width:4px;box-shadow:4px 0 #644b31}.auth-cut.c1{left:35%;top:0;bottom:0}.auth-cut.c2{left:70%;top:0;bottom:45%}.auth-cut.c3{left:35%;right:0;top:55%;height:4px;width:auto}.auth-quote{position:absolute;bottom:55px;left:70px;right:70px;color:white}.auth-quote>span{color:#d7b28b}.auth-quote blockquote{font-family:var(--serif);font-size:24px;max-width:500px;margin:10px 0}.auth-quote p{font-size:9px;text-transform:uppercase;color:#9bb0a5;letter-spacing:.13em}.auth-form-wrap{display:grid;place-items:center;padding:50px}.auth-form{width:min(420px,100%)}.auth-back{font-size:9px;color:var(--muted);display:block;margin-bottom:45px}.auth-form h1{font-size:45px;margin:9px 0}.auth-subtitle{color:var(--muted);margin-bottom:28px}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:50px}.show-password{position:absolute;right:8px;top:13px;border:0;background:none;font-size:9px;color:var(--forest);font-weight:800}.form-between{display:flex;justify-content:space-between;align-items:center;font-size:9px}.form-between>a{color:var(--forest);font-weight:700}.auth-divider{border-top:1px solid var(--line);margin:28px 0 21px;text-align:center}.auth-divider span{background:white;color:var(--muted);padding:0 8px;position:relative;top:-11px;font-size:9px}.auth-switch{text-align:center;font-size:10px}.auth-switch a{font-weight:800;color:var(--forest)}.auth-demo-note{display:flex;gap:10px;background:#f4eee5;padding:12px;border-radius:7px;margin-top:20px}.auth-demo-note b{font-size:8px;background:var(--terracotta);color:white;height:max-content;padding:4px 6px;border-radius:3px}.auth-demo-note p{font-size:8px;margin:0;color:var(--muted)}.auth-demo-note a{text-decoration:underline;color:var(--forest);font-weight:800}.success-note{background:#eaf2ed}.form-error-box{background:#fff0ed;border:1px solid #efd1cd;padding:10px;border-radius:7px;margin-bottom:15px}.form-error-box p{font-size:9px;color:var(--danger);margin:2px}
.account-shell{display:grid;grid-template-columns:240px 1fr;gap:40px;padding-top:50px}.account-nav{position:sticky;top:110px;height:max-content}.account-person{display:flex;gap:11px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.account-person>span,.table-customer>span{width:39px;height:39px;border-radius:50%;background:var(--forest);color:white;display:grid;place-items:center;font-family:var(--serif);font-size:18px}.account-person>div{display:flex;flex-direction:column}.account-person strong{font-size:10px}.account-person small{font-size:7px;color:var(--muted)}.account-nav nav{display:flex;flex-direction:column;padding:15px 0}.account-nav nav a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:7px;font-size:10px;color:var(--muted)}.account-nav nav a svg{font-size:16px}.account-nav nav a:hover,.account-nav nav a.active{background:#e7ece8;color:var(--forest);font-weight:800}.account-demo{background:#eee7dd;padding:15px;border-radius:8px}.account-demo b{font-size:8px;text-transform:uppercase;color:var(--terracotta)}.account-demo p{font-size:8px;color:var(--muted);margin:3px 0}
.account-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.account-heading h1{font-size:45px;margin:8px 0 4px}.account-heading p{color:var(--muted);margin:0}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.account-stats>a,.account-stats>div{background:white;border:1px solid var(--line);border-radius:10px;padding:19px;display:grid;grid-template-columns:auto 1fr;column-gap:10px}.account-stats span{width:35px;height:35px;border-radius:50%;background:#edf2ee;display:grid;place-items:center;grid-row:span 2}.account-stats strong{font-family:var(--serif);font-size:27px}.account-stats small{font-size:8px;color:var(--muted)}.account-stats em{grid-column:2;font-size:8px;font-style:normal;color:var(--forest);margin-top:10px}.account-card{background:white;border:1px solid var(--line);border-radius:11px;padding:22px;margin-bottom:17px}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-heading h2{font-size:25px;margin:0}.card-heading p{font-size:9px;color:var(--muted);margin:3px 0}.card-heading>a{font-size:9px;color:var(--forest);font-weight:800}.account-order-list,.admin-order-list{display:flex;flex-direction:column}.account-order-list>a,.admin-order-list>a,.admin-order-list>div{display:grid;grid-template-columns:1fr auto 110px 15px;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 4px}.account-order-list>a>span:first-child,.admin-order-list>a>span:first-child,.admin-order-list>div>span:first-child{display:flex;flex-direction:column}.account-order-list strong,.admin-order-list strong{font-size:9px}.account-order-list small,.admin-order-list small{font-size:7px;color:var(--muted)}.account-order-list b,.admin-order-list b{text-align:right;font-family:var(--serif);font-size:16px}.account-order-list em,.admin-order-list em{font-style:normal;color:var(--muted)}.mini-empty{text-align:center;padding:30px;color:var(--muted);font-size:10px}.mini-empty p{margin:0}.mini-empty a{color:var(--forest);font-weight:700}
.status-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;background:color-mix(in srgb,var(--status) 13%,white);color:var(--status);border-radius:99px;padding:5px 8px;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--status)}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.project-preview{height:175px;background:#e7e2d9;display:flex;align-items:center;justify-content:center;padding:25px;position:relative}.project-preview .mini-board{width:80%}.project-preview>span{position:absolute;right:9px;bottom:8px;font-size:7px;background:white;padding:4px 6px;border-radius:3px}.project-card>div:last-child{padding:18px}.project-card h3{font-family:var(--serif);font-size:23px;margin:5px 0}.project-card p{font-size:8px;color:var(--muted)}.project-price{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.project-price strong{font-family:var(--serif);font-size:19px}.project-price small{font-size:7px;color:var(--muted)}.project-actions{display:flex;gap:8px;margin-top:12px}.project-actions a,.project-actions button{border:0;background:#f2f0ea;min-height:31px;border-radius:5px;padding:0 9px;display:flex;align-items:center;gap:5px;font-size:8px}.project-actions a{flex:1}.project-actions svg{width:12px}
.orders-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:7px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);background:#f5f3ee;padding:10px}.data-table td{padding:12px 10px;border-bottom:1px solid var(--line);font-size:9px}.data-table td>small,.data-table td>strong+small{display:block;color:var(--muted);font-size:7px}.table-arrow{font-weight:800;color:var(--forest);white-space:nowrap}.order-detail-card .card-heading>strong{font-family:var(--serif);font-size:25px}.order-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.order-metrics span{background:#f4f2ed;padding:9px;text-align:center;font-size:8px;color:var(--muted)}.order-metrics b{color:var(--ink)}details summary{cursor:pointer}.piece-table{display:flex;flex-direction:column;margin-top:10px}.piece-table span{display:grid;grid-template-columns:1fr 1fr auto;border-top:1px solid var(--line);padding:8px;font-size:8px}.piece-table em{font-style:normal;color:var(--muted)}.order-grand-total{background:var(--forest);color:white;border-radius:9px;padding:18px;display:flex;align-items:center;gap:15px}.order-grand-total span{font-size:10px}.order-grand-total strong{font-family:var(--serif);font-size:26px}.order-grand-total small{margin-left:auto;color:#b8c9c0;font-size:8px}

/* Content pages */
.content-shell{max-width:1160px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contact-grid article{background:white;border:1px solid var(--line);border-radius:11px;padding:28px}.contact-grid article>span{width:37px;height:37px;border-radius:50%;background:#edf2ee;color:var(--forest);display:grid;place-items:center}.contact-grid h2{font-size:24px;margin:18px 0 5px}.contact-grid p{font-weight:700;font-size:11px}.contact-grid small{color:var(--muted);font-size:8px}.contact-note{margin-top:22px;background:var(--forest);color:white;padding:45px;display:flex;align-items:center;justify-content:space-between;border-radius:5px}.contact-note>div{max-width:600px}.contact-note h2{font-size:34px;margin:8px 0}.contact-note p{color:#bdcec5}
.faq-layout{display:grid;grid-template-columns:190px 1fr;gap:50px}.faq-layout aside{position:sticky;top:120px;height:max-content;display:flex;flex-direction:column;border-left:1px solid var(--line)}.faq-layout aside strong,.faq-layout aside a{padding:7px 15px;font-size:9px}.faq-layout aside a{color:var(--muted)}.faq-list details{background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:9px;padding:0 20px}.faq-list summary{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-family:var(--serif);font-size:18px}.faq-list summary span{font-family:var(--sans);font-size:18px;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:11px;color:var(--muted);padding:0 30px 17px 0;line-height:1.75}
.demo-page-hero{background:var(--forest);color:white;padding:70px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;margin-top:45px}.demo-page-hero>div:first-child{max-width:680px}.demo-page-hero h1{font-size:52px;margin:12px 0}.demo-page-hero p{color:#bdcec5;font-size:16px}.demo-seal{width:155px;height:155px;border-radius:50%;border:1px solid #ffffff45;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 12px #ffffff0a;text-align:center}.demo-seal span{font-family:var(--serif);font-size:32px}.demo-seal strong{font-size:13px;letter-spacing:.18em;color:#e0b792}.demo-seal small{font-size:8px;color:#adc2b7}.demo-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0 80px}.demo-capabilities>div{background:white;border:1px solid var(--line);padding:28px}.demo-capabilities>div>span{color:var(--forest)}.demo-capabilities h2{font-size:23px;margin:17px 0 7px}.demo-capabilities p{font-size:10px;color:var(--muted)}.demo-boundaries{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;margin-bottom:75px}.demo-boundaries h2{font-size:40px}.boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.boundary-grid article{background:#e4ece6;padding:25px;border-radius:5px}.boundary-grid article.future-card{background:#eee8de}.boundary-grid h3{font-family:var(--serif);font-size:21px}.boundary-grid ul{list-style:none;padding:0}.boundary-grid li{font-size:9px;padding:7px 0;border-top:1px solid #00000012}.legal-shell{max-width:950px}.legal-document{background:white;border:1px solid var(--line);padding:55px 70px;margin-top:35px}.legal-document h1{font-size:50px;margin:10px 0 25px}.legal-document h2{font-size:25px;margin-top:35px}.legal-document>p{font-size:12px;color:var(--muted);line-height:1.9}.legal-provisional{background:#f5e9da;border-left:3px solid var(--terracotta);padding:15px;display:flex;gap:15px}.legal-provisional b{font-size:8px;background:var(--terracotta);color:white;height:max-content;padding:5px}.legal-provisional p{font-size:10px;margin:0}

/* Admin */
.admin-site-header{background:var(--forest-3);border:0;color:white}.admin-site-header .brand-mark{border-color:white}.admin-site-header .brand-mark i{background:white}.admin-site-header .brand small{color:#a8bcb2}.admin-nav>a{color:#b6c6be}.admin-nav>a:hover,.admin-nav>a.active{color:white}.admin-site-header .header-account,.admin-site-header .icon-btn{color:white}.admin-site-header .icon-btn{border-color:#ffffff2b}
.admin-shell{max-width:1440px;margin:auto;padding:40px 42px 80px}.admin-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.admin-heading h1{font-size:44px;margin:7px 0 3px}.admin-heading p{color:var(--muted);margin:0}.admin-date{text-align:right;font-size:11px;font-weight:800}.admin-date small{display:block;font-size:7px;text-transform:uppercase;color:var(--terracotta);letter-spacing:.1em}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.admin-stats article{background:white;border:1px solid var(--line);padding:18px;border-radius:10px;display:flex;gap:13px}.admin-stats article>span{width:40px;height:40px;border-radius:9px;background:#edf2ee;display:grid;place-items:center;color:var(--forest)}.admin-stats article>div{display:flex;flex-direction:column}.admin-stats small{font-size:8px;color:var(--muted)}.admin-stats strong{font-family:var(--serif);font-size:25px}.admin-stats a{font-size:7px;color:var(--forest);font-weight:700;margin-top:4px}
.admin-card{background:white;border:1px solid var(--line);border-radius:10px;padding:21px;margin-bottom:18px}.admin-dashboard-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:18px}.quick-actions>a{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:12px 0}.quick-actions>a>span{width:33px;height:33px;border-radius:7px;background:#edf2ee;display:grid;place-items:center}.quick-actions>a>div{display:flex;flex:1;flex-direction:column}.quick-actions strong{font-size:9px}.quick-actions small{font-size:7px;color:var(--muted)}.quick-actions em{font-style:normal}.admin-products-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.admin-products-row>a{border:1px solid var(--line);border-radius:7px;overflow:hidden}.admin-products-row .product-visual{height:80px}.admin-products-row>a>span{display:flex;flex-direction:column;padding:10px}.admin-products-row strong{font-size:9px}.admin-products-row small{font-size:7px;color:var(--muted)}.admin-products-row b{font-family:var(--serif);font-size:15px;margin-top:5px}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-toolbar>div{display:flex;gap:8px}.product-editor{border-top:3px solid var(--terracotta)}.admin-product-form h3{font-family:var(--serif);font-size:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.editor-checks{display:flex;gap:25px;margin:20px 0}.editor-actions{display:flex;justify-content:flex-end;gap:8px}
.table-product{display:flex;align-items:center;gap:9px}.table-product span:last-child{display:flex;flex-direction:column}.active-pill{font-size:7px;font-weight:800;text-transform:uppercase;border-radius:99px;padding:5px 7px}.active-pill.on{background:#e4f0e8;color:var(--success)}.active-pill.off{background:#f2e7e5;color:var(--danger)}.row-actions{display:flex;align-items:center}.row-actions a,.row-actions button{border:0;background:none;padding:5px;color:var(--muted)}.row-actions svg{width:14px}.modal{position:fixed;inset:0;z-index:300;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:#0c1f18a8}.modal-dialog{position:relative;background:white;width:min(440px,calc(100% - 30px));margin:8vh auto;padding:30px;border-radius:12px;box-shadow:var(--shadow)}.modal-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:24px}.modal-dialog h2{font-size:30px}.existing-categories{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;display:flex;flex-wrap:wrap;gap:6px}.existing-categories>strong{width:100%;font-size:9px}.existing-categories span{font-size:8px;background:#f1eee8;padding:5px 7px;border-radius:4px}.filter-toolbar{justify-content:flex-start}.filter-toolbar select{margin:0;width:190px;height:42px}.filter-toolbar .btn{height:42px}
.drawer{position:fixed;inset:0;z-index:250}.drawer-backdrop{position:absolute;inset:0;background:#0f271e99}.drawer>aside{position:absolute;right:0;top:0;bottom:0;width:min(520px,100%);background:#f7f4ed;box-shadow:-20px 0 60px #0003;overflow-y:auto}.drawer-head{position:sticky;top:0;background:white;border-bottom:1px solid var(--line);z-index:2;padding:20px 24px;display:flex;justify-content:space-between}.drawer-head h2{font-size:27px;margin:3px 0}.drawer-head>a{font-size:24px}.drawer-body{padding:24px}.drawer-customer{background:white;border:1px solid var(--line);padding:14px;display:flex;gap:11px;border-radius:9px}.drawer-customer>span{width:38px;height:38px;border-radius:50%;background:var(--forest);color:white;display:grid;place-items:center}.drawer-customer>div{display:flex;flex-direction:column}.drawer-customer strong{font-size:10px}.drawer-customer small{font-size:8px;color:var(--muted)}.drawer-data{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.drawer-data div{background:white;padding:10px;border-radius:7px}.drawer-data dt{font-size:7px;text-transform:uppercase;color:var(--muted)}.drawer-data dd{font-size:9px;margin:3px 0}.drawer-item{background:white;border:1px solid var(--line);padding:13px;margin:8px 0;border-radius:8px}.drawer-item h3{font-family:var(--serif);font-size:18px;margin:0}.drawer-item p{font-size:8px;color:var(--muted)}.drawer-item>div{display:flex;gap:5px}.drawer-item span{font-size:7px;background:#f1eee8;padding:4px 6px}.drawer-form{margin:17px 0}.table-customer{display:flex;gap:9px;align-items:center}.table-customer>span{width:34px;height:34px;font-size:15px}.table-customer>div{display:flex;flex-direction:column}
.settings-form{max-width:1100px}.settings-card{display:grid;grid-template-columns:250px 1fr;gap:35px;padding:28px}.settings-title{display:flex;gap:12px}.settings-title>span{width:39px;height:39px;border-radius:9px;background:#edf2ee;display:grid;place-items:center;color:var(--forest);flex:0 0 auto}.settings-title h2{font-size:22px;margin:0}.settings-title p{font-size:8px;color:var(--muted)}.compact-toggle{margin-top:23px}.setting-explainer{grid-column:2;display:flex;align-items:center;gap:9px;background:#f3eee5;padding:10px;border-radius:6px;margin-top:-10px}.setting-explainer span{width:20px;height:20px;border-radius:50%;background:#d9c6aa;display:grid;place-items:center;font-size:9px}.setting-explainer p{font-size:8px;margin:0}.future-integrations{background:var(--forest);color:white;padding:30px;display:grid;grid-template-columns:250px 1fr;gap:35px;border-radius:9px;margin-bottom:18px}.future-integrations h2{font-size:25px}.future-integrations p{font-size:8px;color:#b4c6bd}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.integration-grid span{border:1px solid #ffffff26;padding:10px;border-radius:6px;display:grid;grid-template-columns:1fr auto}.integration-grid b{font-size:9px}.integration-grid small{font-size:7px;color:#9db2a7;grid-row:2}.integration-grid em{grid-row:span 2;font-size:6px;font-style:normal;text-transform:uppercase;color:#d9b58f}.settings-save{position:sticky;bottom:15px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);padding:14px 18px;border-radius:9px;display:flex;justify-content:space-between;align-items:center;z-index:5}.settings-save p{font-size:9px;color:var(--muted);margin:0}

/* Production */
.production-page .site-header,.production-page .demo-bar,.production-page .site-footer{display:none}.production-sheet{max-width:1180px;margin:30px auto;background:white;padding:35px 45px;box-shadow:var(--shadow)}.production-header{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border-bottom:2px solid var(--forest);padding-bottom:18px}.production-header>div:nth-child(2){text-align:center}.production-header>div:nth-child(2)>span{font-size:7px;letter-spacing:.15em;color:var(--muted)}.production-header h1{font-family:monospace;font-size:22px;margin:4px}.production-actions{display:flex;gap:6px}.production-warning{background:#f0dfc8;color:#7b4b2e;text-align:center;font-size:8px;font-weight:900;letter-spacing:.2em;padding:8px;margin:15px 0}.production-order-data{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.production-order-data>div{border:1px solid var(--line);padding:10px;display:flex;flex-direction:column}.production-order-data span{font-size:7px;text-transform:uppercase;color:var(--muted)}.production-order-data strong{font-size:9px}.production-order-data small{font-size:7px;color:var(--muted)}.production-item{margin-top:30px;border-top:3px solid var(--forest)}.production-item>header{display:grid;grid-template-columns:1fr auto;background:#f0eee9;padding:13px}.production-item>header span{font-size:7px;color:var(--muted)}.production-item>header h2{font-size:25px;margin:3px 0}.production-item>header p,.production-item>header small{font-size:8px;margin:0}.production-item>header>div:last-child{text-align:right}.production-item>header>div:last-child strong{display:block}.production-pieces h3,.production-plans>h3{font-family:var(--serif);font-size:19px}.production-pieces{padding:14px 0}.production-pieces table{width:100%;border-collapse:collapse}.production-pieces th,.production-pieces td{font-size:8px;border:1px solid var(--line);padding:7px;text-align:left}.production-pieces th{background:#f6f4ef;text-transform:uppercase}.production-plans>article{break-inside:avoid;margin-bottom:25px}.production-board-title{display:flex;align-items:center;gap:12px}.production-board-title>div{display:flex;align-items:baseline;gap:5px}.production-board-title span{font-size:7px}.production-board-title strong{font-family:var(--serif);font-size:23px}.production-board-title p{font-size:8px;color:var(--muted);margin:0}.production-board-wrap{border:1px solid var(--line);padding:14px}.production-board{width:100%;padding-top:var(--ratio);position:relative;background:#d1b48b;border:4px solid #795d3e}.production-piece{position:absolute;border:1px solid #24483a;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center;background:#5e8675}.production-piece.type-1{background:#826f9a}.production-piece.type-2{background:#b36c59}.production-piece.type-3{background:#5b799b}.production-piece.type-4{background:#9b8a4f}.production-piece.type-5{background:#7d5c50}.production-piece.type-6{background:#4f8c90}.production-piece.type-7{background:#8b5e7d}.production-piece strong{font-size:7px}.production-piece small{font-size:6px}.production-piece em{font-size:5px;font-style:normal;opacity:.8}.production-board-meta{display:flex;justify-content:space-between;font-size:7px;margin-top:6px}.production-item>footer{display:flex;gap:25px;background:#f3f1ec;padding:9px;font-size:8px}.production-footer{border-top:1px solid var(--line);margin-top:25px;padding-top:12px;display:flex;justify-content:space-between;color:var(--muted);font-size:7px}.production-footer p{max-width:700px;margin:0}

.site-footer{background:#122d23;color:#e7eee9;padding:60px 42px 25px}.footer-grid{max-width:1236px;margin:auto;display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:55px}.brand-light .brand-mark{border-color:white}.brand-light .brand-mark i{background:white}.brand-light small{color:#9cb1a6}.footer-brand p{color:#91a69b;font-size:11px;max-width:300px;margin:20px 0}.status-pill{display:inline-flex;gap:7px;align-items:center;border:1px solid #ffffff20;border-radius:99px;padding:6px 9px;font-size:7px;text-transform:uppercase;color:#9eb3a8}.status-pill i{width:6px;height:6px;border-radius:50%;background:#d18b5f}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column}.footer-grid h3{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#9eb3a8;margin-bottom:18px}.footer-grid>div>a{font-size:10px;margin:5px 0;color:#d6e0db}.footer-grid>div>a:hover{color:#e7bd98}.footer-bottom{max-width:1236px;margin:45px auto 0;border-top:1px solid #ffffff17;padding-top:18px;display:flex;justify-content:space-between;color:#799186;font-size:8px}

@media(max-width:1100px){
  .header-inner{padding:0 24px}.main-nav{gap:17px}.hero-content{padding:75px 42px;gap:35px}.hero-copy h1{font-size:63px}.product-grid,.catalog-grid{grid-template-columns:repeat(3,1fr)}.process-step{padding:0 7px}.value-section{gap:40px}.config-layout{grid-template-columns:390px 1fr}.config-panel{height:auto;max-height:calc(100vh - 200px)}.cart-layout,.checkout-layout{grid-template-columns:1fr 300px}.account-shell{grid-template-columns:210px 1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}.form-grid.four{grid-template-columns:repeat(2,1fr)}.settings-card{grid-template-columns:210px 1fr}
}
@media(max-width:820px){
  .demo-bar{height:auto;min-height:34px;text-align:center;padding:6px 15px}.demo-bar a{display:none}.site-header{height:66px}.header-inner{padding:0 18px}.menu-toggle{display:block;order:2;margin-left:auto}.main-nav{display:none;position:fixed;top:100px;left:0;right:0;bottom:0;background:var(--paper);color:var(--ink);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:25px;gap:0}.main-nav.open{display:flex}.main-nav>a{height:auto;padding:15px;border-bottom:1px solid var(--line);font-size:15px}.admin-site-header .main-nav{background:var(--forest-3);color:white}.header-actions{order:3}.header-account span,.logout-btn{display:none}.brand strong{font-size:17px}.brand-mark{width:32px;height:32px}
  .page-shell,.section{padding-left:20px;padding-right:20px}.page-hero{padding:45px 0 30px}.page-hero h1{font-size:39px}.hero{min-height:auto}.hero-content{grid-template-columns:1fr;padding:65px 25px 100px}.hero-copy{text-align:center}.hero-copy h1{font-size:58px}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-plan-wrap{max-width:650px;margin:auto;width:100%}.proof-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px}.proof-sep{display:none}.section{padding-top:75px;padding-bottom:75px}.section-heading h2{font-size:38px}.process-line{grid-template-columns:repeat(2,1fr);gap:35px}.process-line:before{display:none}.process-step:last-child{grid-column:span 2}.product-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.split-heading{align-items:start}.value-section{grid-template-columns:1fr}.cta-section{margin-left:20px;margin-right:20px;padding:45px;flex-direction:column;align-items:start;gap:25px}.cta-section h2{font-size:35px}
  .product-detail{grid-template-columns:1fr;gap:25px}.detail-visual{height:450px}.product-info h1{font-size:48px}.product-description-grid{grid-template-columns:1fr}
  .config-topbar{grid-template-columns:1fr auto;height:80px}.config-progress{display:none}.config-layout{grid-template-columns:1fr}.config-panel{max-height:none;height:auto;overflow:visible}.preview-panel{height:670px}.preview-panel{grid-row:1}.config-panel{grid-row:2}.config-topbar .help-link{grid-column:2;grid-row:1}.boards-stage{padding:20px}.boards-stage.all-view{grid-template-columns:1fr}.configurator .site-footer{display:none}
  .cart-layout,.checkout-layout{grid-template-columns:1fr}.sticky-summary{position:static}.cart-item{grid-template-columns:160px 1fr}.confirmation-grid{grid-template-columns:1fr}
  .auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-wrap{padding:45px 25px}.account-shell{grid-template-columns:1fr;padding-top:25px}.account-nav{position:static;display:flex;overflow:auto;gap:10px}.account-person,.account-demo{display:none}.account-nav nav{flex-direction:row;padding:0;white-space:nowrap}.account-nav nav a{background:white;border:1px solid var(--line)}.account-heading h1{font-size:38px}.project-grid{grid-template-columns:1fr}
  .faq-layout{grid-template-columns:1fr}.faq-layout aside{display:none}.demo-page-hero{padding:45px;gap:25px}.demo-capabilities{grid-template-columns:1fr}.demo-boundaries{grid-template-columns:1fr}.legal-document{padding:35px}
  .admin-shell{padding:30px 20px 70px}.admin-dashboard-grid{grid-template-columns:1fr}.admin-products-row{grid-template-columns:repeat(3,1fr)}.settings-card{grid-template-columns:1fr}.setting-explainer{grid-column:1}.future-integrations{grid-template-columns:1fr}.production-sheet{margin:0;padding:20px}.production-header{grid-template-columns:1fr 1fr}.production-actions{grid-column:span 2;margin-top:10px}.production-order-data{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{display:none}
}
@media(max-width:560px){
  body{font-size:14px}.hero-content{padding-top:50px}.hero-copy h1{font-size:49px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;gap:18px}.hero-trust{gap:10px}.hero-plan-wrap{padding:22px 0}.floating-note{transform:scale(.85)}.note-top{right:-12px}.note-bottom{left:-12px}.proof-strip{padding:24px 15px}.section-heading h2{font-size:34px}.split-heading{flex-direction:column;gap:10px}.product-grid,.catalog-grid{grid-template-columns:1fr}.product-card-visual{height:250px}.process-line{grid-template-columns:1fr}.process-step:last-child{grid-column:auto}.value-visual{padding:30px 15px 55px}.value-copy h2{font-size:37px}.cta-section{padding:35px 25px}.cta-section h2{font-size:32px}.site-footer{padding:45px 20px 20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column;gap:5px}
  .catalog-toolbar{flex-direction:column;align-items:stretch}.search-control{min-width:0}.catalog-result-meta span:last-child{display:none}.detail-visual{height:330px}.product-info h1{font-size:42px}.product-description-grid>article,.spec-card{padding:26px}
  .config-topbar{padding:0 18px}.config-topbar h1{font-size:23px}.preview-panel{height:490px}.preview-toolbar{padding:0 12px}.view-actions button{padding:5px 7px}.view-actions button:nth-child(2){display:none}.preview-empty>div{display:none}.preview-legend em{display:none}.boards-stage{padding:12px}.cut-board-card{padding:8px;width:100%}.config-layout{display:flex;flex-direction:column}.preview-panel{order:1}.config-panel{order:2}.config-panel .config-section{border-radius:0}.measure-row{grid-template-columns:1fr 10px 1fr}.qty-field{grid-column:1 / -1}.qty-field input{max-width:70px}.config-topbar{position:sticky;top:66px;z-index:20}
  .row-hero{display:block}.step-label{display:inline-block;margin-top:18px}.cart-item{grid-template-columns:1fr}.cart-preview{padding:15px}.cart-preview .mini-board{width:70%}.cart-pieces>div{grid-template-columns:1fr}.confirmation-hero h1{font-size:38px}.confirmation-data{grid-template-columns:1fr}.form-grid.two,.form-grid.four{grid-template-columns:1fr}.span-two{grid-column:span 1}
  .account-heading{align-items:start;flex-direction:column;gap:15px}.account-stats{grid-template-columns:1fr}.orders-table-wrap{margin-left:-10px;margin-right:-10px}.data-table{min-width:720px}.order-metrics{grid-template-columns:1fr 1fr}.project-preview{height:145px}.order-grand-total{flex-wrap:wrap}.order-grand-total small{margin:0;width:100%}
  .contact-grid{grid-template-columns:1fr}.contact-note{padding:30px;align-items:start;flex-direction:column;gap:15px}.demo-page-hero{flex-direction:column;align-items:start}.demo-page-hero h1{font-size:39px}.boundary-grid{grid-template-columns:1fr}.legal-document{padding:28px 20px}.legal-document h1{font-size:39px}.legal-provisional{flex-direction:column}
  .admin-heading{align-items:start}.admin-date{display:none}.admin-stats{grid-template-columns:1fr}.admin-toolbar{align-items:stretch;flex-direction:column;gap:8px}.admin-toolbar>div{flex-wrap:wrap}.admin-toolbar .search-control{width:100%}.admin-products-row{grid-template-columns:repeat(2,1fr)}.editor-actions{position:sticky;bottom:5px;background:white;padding:8px;box-shadow:var(--shadow)}.settings-card{padding:20px}.integration-grid{grid-template-columns:1fr 1fr}.settings-save{bottom:5px}.settings-save p{display:none}.production-header{grid-template-columns:1fr}.production-header>div:nth-child(2){text-align:left;margin-top:12px}.production-actions{grid-column:1}.production-order-data{grid-template-columns:1fr 1fr}.production-board-meta{flex-direction:column}.production-item>footer{flex-direction:column;gap:3px}
}
@media(max-width:820px){
  .document-preview-shell{width:min(100% - 20px,1280px);padding-top:14px}.document-preview-toolbar{position:static;align-items:stretch;flex-direction:column;gap:14px}.document-preview-actions{width:100%}.document-preview-actions form,.document-preview-actions .btn{flex:1}.document-preview-actions .btn{width:100%}.document-sheet{padding:24px 20px 34px}.document-brandbar{margin:-24px -20px 26px;padding:16px 20px}.document-title-row,.document-board-heading,.document-sheet-heading{align-items:flex-start;flex-direction:column;gap:14px}.document-title-row>.document-kpis{width:100%;min-width:0}.document-sheet-heading>div:last-child{align-items:flex-start;text-align:left}.document-reference{width:100%}.document-kpis,.document-material-data,.document-board-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.document-board-canvas{margin-top:20px}
}
@media(max-width:560px){
  .document-preview-actions{align-items:stretch;flex-direction:column-reverse}.document-kpis,.document-material-data{grid-template-columns:1fr}.document-board-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.document-board-piece strong{font-size:.38rem}.document-preview-final{padding:26px 18px}
}
@media print{
  @page{size:A4 landscape;margin:10mm}body{background:white}.no-print,.site-header,.demo-bar,.site-footer{display:none!important}.production-sheet{max-width:none;margin:0;padding:0;box-shadow:none}.production-item{break-before:page}.production-item:first-of-type{break-before:auto}.production-board{print-color-adjust:exact;-webkit-print-color-adjust:exact}.production-warning,.production-piece,.production-item>header{print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .document-preview-page,.document-preview-shell{width:auto;padding:0;background:#fff}.document-preview-toolbar,.document-preview-final{display:none!important}.document-sheet{margin:0;padding:12mm;border:0;box-shadow:none;break-after:page}.document-board-canvas,.document-board-piece{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}

@media (max-width:760px){
  .preview-color-grid{grid-template-columns:1fr}
  .piece-color-control>div{grid-template-columns:52px 1fr}
  .piece-color-control small{grid-column:1 / -1}
  .credential-fields{grid-template-columns:1fr}
  .admin-password-panel{align-items:stretch;flex-direction:column}
  .admin-password-panel .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ==========================================================================
   Software workspace · v3
   ========================================================================== */
.app-ui{background:#f3f5f3;color:#17221d}
.app-ui .btn{border-radius:8px;box-shadow:none;text-transform:none;letter-spacing:0;font-size:12px;font-weight:750}
.app-ui .btn-primary{background:#235642}
.app-ui .btn-primary:hover{background:#193f31}
.app-ui .btn-accent{background:#d77949;color:#fff}
.app-ui .btn-ghost{background:#fff;border-color:#dce2de}
.app-ui .workspace-overline{display:block;margin-bottom:5px;color:#75817b;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}

@media(min-width:961px){
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page){padding-left:248px}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header{position:fixed;inset:0 auto 0 0;width:248px;height:100vh;border:0;background:#10271f;color:#dce8e2;box-shadow:8px 0 28px rgba(13,37,29,.08);backdrop-filter:none}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .header-inner{width:100%;height:100%;padding:22px 14px 16px;display:flex;align-items:stretch;flex-direction:column;gap:0}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .brand{height:auto;display:flex;align-items:center;gap:11px;padding:0 9px 22px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .brand-mark{width:38px;height:38px;border-color:rgba(255,255,255,.35)}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .brand-mark i{background:#dba070}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .brand strong{font-size:16px}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .brand small{color:#8fa69a;font-size:7px;letter-spacing:.15em;text-transform:uppercase}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .menu-toggle{display:none}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .main-nav{width:100%;margin:18px 0 0;display:flex;align-items:stretch;justify-content:flex-start;flex:1;flex-direction:column;gap:3px}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .main-nav a{position:relative;height:42px;padding:0 11px;display:flex;align-items:center;gap:11px;border-radius:8px;color:#a9beb3;font-size:11px;font-weight:650}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .main-nav a svg{width:17px;height:17px;flex:0 0 auto}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .main-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .main-nav a.active{background:#28523f;color:#fff;box-shadow:inset 3px 0 #dc9668}
  .nav-section-label{margin:13px 11px 5px;color:#647e71;font-size:7px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
  .nav-section-label:first-child{margin-top:0}
  .nav-divider{height:1px;margin:12px 10px 2px;background:rgba(255,255,255,.1)}
  .sidebar-engine-status{display:flex;align-items:center;gap:9px;margin:10px 4px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035)}
  .sidebar-engine-status>i{width:8px;height:8px;border-radius:50%;background:#66bd8f;box-shadow:0 0 0 4px rgba(102,189,143,.12)}
  .sidebar-engine-status>span{display:flex;min-width:0;flex-direction:column}.sidebar-engine-status strong{font-size:8px;color:#dbe8e1}.sidebar-engine-status small{overflow:hidden;color:#728b7f;font-size:6px;text-overflow:ellipsis;white-space:nowrap}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .header-actions{width:100%;margin:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:5px}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .header-account{min-width:0;display:flex;align-items:center;flex:1;gap:9px;padding:7px;color:#fff}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .header-account>b{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#d69a6d;color:#183429;font-size:11px}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .header-account>b svg{width:15px}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .header-account>span{display:flex;overflow:hidden;flex-direction:column}.site-header .header-account span strong{overflow:hidden;font-size:9px;text-overflow:ellipsis}.site-header .header-account span small{color:#789286;font-size:7px}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .logout-btn{display:grid;width:30px;height:30px;color:#739084}
}

.software-footer{min-height:54px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dde3df;background:#fff;color:#7a867f;font-size:8px}
.workspace-heading-actions{display:flex;align-items:center;gap:8px}.workspace-heading-actions .btn{white-space:nowrap}.workspace-heading-actions svg{width:14px}
.software-footer>div,.software-footer nav{display:flex;align-items:center;gap:11px}.software-footer a:hover{color:#235642}.footer-separator{color:#c7cfca}

.software-workspace{width:min(1500px,100%);margin:0 auto;padding:30px 34px 60px}
.workspace-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:25px}.workspace-heading h1{margin:0 0 7px;font-family:var(--sans);font-size:30px;font-weight:750;letter-spacing:-.035em}.workspace-heading p{margin:0;color:#6f7b75;font-size:12px}
.workspace-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.workspace-metrics article{min-height:108px;padding:18px;display:flex;align-items:flex-start;gap:13px;border:1px solid #dde3df;border-radius:11px;background:#fff}.metric-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#eef3ef;color:#285b46}.metric-icon svg{width:17px}.workspace-metrics article>div{display:flex;min-width:0;flex-direction:column}.workspace-metrics small{color:#7e8983;font-size:8px}.workspace-metrics strong{margin:1px 0;font-size:23px;line-height:1.2}.workspace-metrics a,.workspace-metrics article>div>span{color:#6e7b74;font-size:7px}.workspace-metrics a{color:#2c674e;font-weight:750}
.dashboard-primary-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.65fr);gap:16px;margin-bottom:16px}.quick-plan-card,.workflow-card,.workspace-panel{border:1px solid #dce2de;border-radius:12px;background:#fff}
.quick-plan-card{min-height:390px;padding:28px;display:grid;grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);gap:30px;align-items:center;overflow:hidden}.quick-plan-copy h2{margin:6px 0 11px;font-family:var(--sans);font-size:28px;font-weight:750}.quick-plan-copy>p{max-width:430px;color:#66736d;font-size:12px;line-height:1.7}.quick-plan-actions{display:flex;align-items:center;gap:17px;margin:22px 0}.quick-plan-actions>a:last-child{color:#4c6258;font-size:9px;font-weight:750}.quick-plan-features{display:flex;flex-wrap:wrap;gap:8px}.quick-plan-features span{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:6px;background:#f1f4f2;color:#65736c;font-size:7px}.quick-plan-features svg{width:11px;color:#36805c}
.software-board-preview{padding:14px;border:1px solid #cfdbd4;border-radius:10px;background:#edf1ee;box-shadow:0 18px 45px rgba(31,70,53,.1)}.software-board-preview>header,.software-board-preview>footer{display:flex;align-items:center;justify-content:space-between;color:#68776f;font-size:7px}.software-board-preview>header{padding:0 1px 10px}.software-board-preview>header span{font-weight:800;color:#26362f;text-transform:uppercase}.software-board-preview>div{position:relative;width:100%;aspect-ratio:2/1;overflow:hidden;border:4px solid #826545;background:#cdb18a}.software-board-preview i{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(255,255,255,.85);background:#547e6c;color:#fff;font-style:normal;text-align:center;box-shadow:2px 2px #efe6d6}.software-board-preview i b{font-size:8px}.software-board-preview i small{font-size:6px;opacity:.78}.software-board-preview .s1{left:0;top:0;width:28%;height:55%}.software-board-preview .s2{left:28.5%;top:0;width:28%;height:55%;background:#6f648d}.software-board-preview .s3{left:57%;top:0;width:42.5%;height:46%;background:#a36551}.software-board-preview .s4{left:57%;top:47%;width:35%;height:30%;background:#54748d}.software-board-preview>footer{padding-top:10px}.software-board-preview>footer b{color:#1e3f32}
.workflow-card{padding:22px}.workflow-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:17px;border-bottom:1px solid #e3e7e4}.workflow-card h2{margin:3px 0 0;font-family:var(--sans);font-size:16px;font-weight:750}.live-badge{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:99px;background:#e9f4ed;color:#397357;font-size:6px;font-weight:800;text-transform:uppercase}.live-badge i{width:5px;height:5px;border-radius:50%;background:#4e9a70}.workflow-card ol{margin:18px 0 0;padding:0;list-style:none}.workflow-card li{position:relative;display:flex;align-items:center;gap:11px;padding:8px 0}.workflow-card li:not(:last-child):after{position:absolute;left:13px;top:36px;width:1px;height:17px;background:#dce3df;content:""}.workflow-card li>span{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #d9e0dc;border-radius:50%;background:#fff;color:#87928c;font-size:8px;font-weight:800}.workflow-card li.done>span{border-color:#2d684e;background:#2d684e;color:#fff}.workflow-card li.active>span{border-color:#d57848;background:#f9eee8;color:#b45d34}.workflow-card li>div{display:flex;flex-direction:column}.workflow-card li strong{font-size:9px}.workflow-card li small{color:#849089;font-size:7px}
.workspace-panel{margin-bottom:16px;padding:22px}.workspace-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.workspace-panel-heading h2{margin:2px 0 3px;font-family:var(--sans);font-size:18px;font-weight:750}.workspace-panel-heading p{margin:0;color:#77837c;font-size:9px}.workspace-panel-heading>a:not(.btn){color:#2d664f;font-size:8px;font-weight:750}
.dashboard-material-list{border:1px solid #e0e5e2;border-radius:9px;overflow:hidden}.dashboard-material-list>a{display:grid;grid-template-columns:34px minmax(160px,1fr) 180px 150px 18px;align-items:center;gap:12px;min-height:59px;padding:9px 14px;border-bottom:1px solid #e6eae7;background:#fff}.dashboard-material-list>a:last-child{border-bottom:0}.dashboard-material-list>a:hover{background:#f8faf8}.dashboard-material-swatch{width:32px;height:32px;border-radius:6px}.dashboard-material-list>a>span{display:flex;min-width:0;flex-direction:column}.dashboard-material-list strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.dashboard-material-list small{color:#87918c;font-size:7px}.dashboard-material-list b{font-size:8px}.material-row-status{align-items:center!important;flex-direction:row!important;gap:6px;color:#47725e;font-size:7px}.material-row-status i{width:6px;height:6px;border-radius:50%;background:#62a67e}.dashboard-material-list em{font-style:normal;color:#849089}.recent-project-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.recent-project-strip>a{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #e0e5e2;border-radius:8px}.recent-project-strip>a>span{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:#edf2ef;color:#2d654d}.recent-project-strip>a>div{display:flex;min-width:0;flex:1;flex-direction:column}.recent-project-strip strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.recent-project-strip small{color:#7d8982;font-size:6px}.recent-project-strip b{font-size:8px;color:#2d654d}

/* Library and resource screens */
.page-shell{max-width:1460px;padding:28px 34px 60px}.software-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 0 22px;border-bottom:1px solid #dce2de}.software-page-heading h1{margin:2px 0 5px;font-family:var(--sans);font-size:30px;font-weight:750}.software-page-heading p{margin:0;color:#6f7d76}
.catalog-toolbar{position:sticky;z-index:15;top:0;margin:0;padding:16px 0 12px;border:0;background:rgba(243,245,243,.94);backdrop-filter:blur(12px)}.search-control{border-radius:8px;background:#fff}.filter-chips{gap:5px}.filter-chips button{border-radius:7px;background:#fff;font-size:8px}.filter-chips button.active{background:#235642}.catalog-result-meta{margin:3px 0 13px;padding:0;border:0}.product-grid,.catalog-grid{gap:12px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{overflow:hidden;border:1px solid #dce2de;border-radius:10px;background:#fff;box-shadow:none}.product-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(29,55,44,.08)}.product-card-visual{height:145px}.product-card .product-visual{height:100%}.product-card-body{padding:15px}.product-card-body h3{margin:7px 0 5px;font-family:var(--sans);font-size:14px;font-weight:750}.product-card-body>p{min-height:36px;font-size:8px;line-height:1.55}.product-card-footer{margin-top:11px;padding-top:10px}.circle-link{width:30px;height:30px}.card-badge{border-radius:5px;font-size:6px}
.product-page .breadcrumbs,.content-page .breadcrumbs{margin:0 0 18px}.product-detail{gap:22px}.product-gallery,.product-info,.product-description-grid>article,.spec-card{border:1px solid #dce2de;border-radius:11px;background:#fff}.product-gallery{padding:14px}.detail-visual{height:370px;border-radius:8px}.product-info{padding:28px}.product-info h1{font-family:var(--sans);font-size:35px;font-weight:750}.product-price{border-radius:8px}.product-description-grid{gap:12px}.product-description-grid>article,.spec-card{padding:24px}

/* Planner as a software canvas */
.configurator{min-height:100vh;background:#eef1ef}.config-topbar{height:72px;padding:0 22px;grid-template-columns:1fr auto 1fr;border-bottom:1px solid #d8dfdb}.config-topbar h1{font-family:var(--sans);font-size:20px;font-weight:750}.config-progress span{font-size:7px}.config-progress i{width:22px;height:22px}.config-layout{grid-template-columns:410px minmax(0,1fr);min-height:calc(100vh - 72px)}.config-panel{height:calc(100vh - 72px);border-right:1px solid #d5dcd8}.preview-panel{height:calc(100vh - 72px)}.preview-toolbar{background:#f8faf8}.config-section{border-color:#e1e6e3}.section-toggle{padding:16px 20px}.section-content{padding:0 20px 20px}.piece-form{border-radius:8px;background:#f7f9f7}.piece-row{border-radius:7px;background:#f3f6f4}.summary-metrics div{background:#eef3f0}.cut-board-card{border-color:color-mix(in srgb,var(--preview-board-border-color) 16%,transparent);border-radius:9px;box-shadow:0 18px 45px rgba(25,53,42,.1)}.preview-workspace{background-color:var(--preview-workspace-color);background-image:linear-gradient(color-mix(in srgb,var(--preview-grid-color) 55%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--preview-grid-color) 55%,transparent) 1px,transparent 1px);background-size:24px 24px}
.config-topbar{height:84px;grid-template-columns:minmax(430px,1fr) auto 42px}.config-layout{min-height:calc(100vh - 84px)}.config-panel,.preview-panel{height:calc(100vh - 84px)}.project-inline-heading{min-width:0;display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(130px,.9fr) minmax(110px,.7fr);gap:8px}.project-inline-heading label{min-width:0;display:flex;flex-direction:column;gap:3px}.project-inline-heading label>span{color:#7d8982;font-size:6px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.project-inline-heading input{width:100%;min-width:0;height:31px;padding:0 9px;border:1px solid transparent;border-radius:6px;background:#f1f4f2;color:#183429;font-size:10px;font-weight:700;transition:.2s}.project-inline-heading input:hover{border-color:#d5ded9}.project-inline-heading input:focus{outline:0;border-color:#5f826f;background:#fff;box-shadow:0 0 0 3px rgba(72,112,91,.11)}.board-collection-section{padding:17px 18px;background:#f8faf8}.board-collection-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.board-collection-head>span{display:flex;align-items:center;gap:8px}.board-collection-head i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#e7eeea;color:#315b47}.board-collection-head i svg{width:15px}.board-collection-head b{font-size:11px}.board-collection-head small{color:#7e8b84;font-size:7px}.project-board-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.project-board-item{width:100%;min-height:58px;padding:7px 8px;border:1px solid #dce4df;border-radius:8px;background:#fff;display:grid;grid-template-columns:30px minmax(0,1fr) auto 25px;align-items:center;gap:8px;text-align:left;transition:.2s}.project-board-item:hover{border-color:#9db3a7;transform:translateY(-1px)}.project-board-item.active{border-color:#47715d;background:#edf4f0;box-shadow:inset 3px 0 #d89464}.project-board-index{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#eef2ef;color:#496756;font-size:8px;font-weight:800}.project-board-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.project-board-copy strong{font-size:9px}.project-board-copy small{overflow:hidden;color:#77847d;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.project-board-result{padding:3px 5px;border-radius:4px;background:#eff3f0;color:#587064;font-size:6px;font-weight:800;text-transform:uppercase}.project-board-remove{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;color:#9c5c53}.project-board-remove:hover{background:#f8e9e6}.project-board-remove svg{width:13px}.project-board-empty{margin-bottom:10px;padding:17px 12px;border:1px dashed #cad6cf;border-radius:8px;display:flex;align-items:center;flex-direction:column;text-align:center;color:#76867d}.project-board-empty>span{width:28px;height:28px;margin-bottom:6px;display:grid;place-items:center;border-radius:50%;background:#edf2ef}.project-board-empty svg{width:14px}.project-board-empty strong{font-size:9px;color:#3d5548}.project-board-empty small{max-width:270px;margin-top:3px;font-size:7px;line-height:1.5}

/* Admin workspace */
.admin-shell{max-width:1500px;margin:0 auto;padding:30px 34px 60px}.admin-heading{margin-bottom:22px}.admin-heading h1{margin:2px 0 5px;font-family:var(--sans);font-size:30px;font-weight:750}.admin-heading p{color:#718078}.admin-date{padding:9px 12px;border:1px solid #dce2de;border-radius:8px;background:#fff}.admin-stats{gap:12px}.admin-stats article,.admin-card{border:1px solid #dce2de;border-radius:10px;box-shadow:none}.admin-stats article{min-height:105px}.admin-card{padding:20px}.admin-toolbar{position:sticky;z-index:12;top:0;margin:0 -4px 16px;padding:8px 4px;background:rgba(243,245,243,.94);backdrop-filter:blur(12px)}.product-editor{border-top:1px solid #dce2de}.product-editor>.card-heading{padding-bottom:16px;border-bottom:1px solid #e3e7e5}.admin-product-form h3{font-family:var(--sans);font-size:13px}.data-table th{background:#f1f4f2}.data-table th,.data-table td{padding:11px 10px}.row-actions{gap:3px}.row-actions a,.row-actions button{width:28px;height:28px;display:grid;place-items:center;border-radius:6px}.row-actions a:hover,.row-actions button:hover{background:#edf2ef}.products-table-card .table-product{min-width:230px}
.finish-texture-editor{margin-top:16px;padding:16px;border:1px solid #dce2de;border-radius:10px;background:#f7f9f8}.finish-texture-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.finish-texture-heading>div{display:flex;flex-direction:column;gap:3px}.finish-texture-heading strong{font-size:10px}.finish-texture-heading small,.finish-texture-help{color:#74817a;font-size:7px}.finish-texture-heading>span{padding:5px 7px;border-radius:5px;background:#e8efeb;color:#365d49;font-size:7px;font-weight:800}.finish-texture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.finish-texture-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid #dce2de;border-radius:8px;background:#fff;cursor:pointer;transition:.2s}.finish-texture-card:hover{border-color:#9cb4a7;box-shadow:0 8px 22px rgba(28,58,46,.08);transform:translateY(-1px)}.finish-texture-preview{min-height:94px;position:relative;background-position:center;background-size:cover}.finish-texture-preview b{position:absolute;right:6px;bottom:6px;left:6px;overflow:hidden;padding:4px 5px;border-radius:4px;background:rgba(20,44,34,.78);color:#fff;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.finish-texture-upload{display:flex;min-width:0;justify-content:center;flex-direction:column;gap:4px;padding:10px}.finish-texture-upload strong{font-size:8px}.finish-texture-upload small{min-height:24px;color:#74817a;font-size:6px;line-height:1.45}.finish-texture-upload input[type=file]{width:100%;padding:0;border:0;background:transparent;color:#647169;font-size:6px}.finish-texture-upload input[type=file]::file-selector-button{margin-right:6px;padding:5px 7px;border:0;border-radius:4px;background:#e9efec;color:#244b3a;font-size:6px;font-weight:800;cursor:pointer}.finish-texture-help{margin:10px 0 0}
.compact-project-stats article>div>span{color:#7b8881;font-size:7px}.admin-project-table td:first-child{min-width:180px}.admin-project-table td:nth-child(2){min-width:170px}.admin-project-table td>small{display:block;color:#849089;font-size:7px}.admin-project-preview{margin:18px 0;padding:14px;border:1px solid #dce2de;border-radius:9px;background:#eef2ef}.admin-project-preview .mini-board{width:100%;border-width:5px}.card-heading.compact{margin:20px 0 9px}.card-heading.compact h3{margin:0;font-family:var(--sans);font-size:13px}.project-piece-list{overflow:hidden;border:1px solid #dce2de;border-radius:8px}.project-piece-list>span{display:grid;grid-template-columns:1fr 125px 100px;gap:8px;padding:9px 10px;border-bottom:1px solid #e3e8e5}.project-piece-list>span:last-child{border-bottom:0}.project-piece-list strong{font-size:8px}.project-piece-list em,.project-piece-list small{font-size:7px;font-style:normal;color:#77847d}
.profile-security-heading{margin-top:8px;padding:13px 14px;border:1px solid #dce2de;border-radius:8px;background:#f4f7f5;display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-security-heading strong{font-size:11px;color:#24483a}.profile-security-heading small{color:#718078;font-size:8px;text-align:right}
.customer-actions{min-width:112px;justify-content:flex-end}.customer-actions .btn{width:auto;padding:0 9px}

/* Compact content pages */
.page-hero{padding:15px 0 24px}.page-hero h1,.account-heading h1,.legal-document h1{font-family:var(--sans);font-size:32px;font-weight:750}.legal-document,.form-card,.account-main,.faq-list details{border:1px solid #dce2de;box-shadow:none}.legal-document{border-radius:11px}.contact-grid>article,.demo-capabilities article{border:1px solid #dce2de;border-radius:10px;background:#fff}

@media(max-width:1250px){
  .workspace-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-primary-grid{grid-template-columns:1fr}.quick-plan-card{grid-template-columns:.8fr 1.2fr}.catalog-grid{grid-template-columns:repeat(3,1fr)}.recent-project-strip{grid-template-columns:repeat(2,1fr)}.finish-texture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:960px){
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page){padding:64px 0 0}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header{position:fixed;inset:0 0 auto;width:100%;height:64px;border:0;background:#10271f;color:#fff}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .header-inner{height:64px;padding:0 14px;display:flex;align-items:center;gap:10px}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .brand{color:#fff}.site-header .brand-mark{border-color:#ffffff66}.site-header .brand-mark i{background:#dba070}.site-header .brand small{color:#8fa69a}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .menu-toggle{display:block;order:2;margin-left:auto;color:#fff}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .main-nav{position:fixed;z-index:110;inset:64px auto auto 0;width:min(310px,88vw);height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);padding:18px 14px;display:none;overflow-y:auto;overscroll-behavior:contain;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:4px;background:#10271f;color:#fff;box-shadow:20px 0 50px rgba(0,0,0,.2)}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .main-nav.open{display:flex}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .main-nav a{height:43px;padding:0 12px;display:flex;align-items:center;gap:11px;border-radius:8px;color:#aac0b5;font-size:11px}
  body.app-ui:not(.production-page):not(.document-preview-page):not(.auth-page):not(.error-page)>.site-header .main-nav a.active{background:#28523f;color:#fff}.site-header .main-nav svg{width:17px}.nav-section-label{margin:13px 12px 4px;color:#668074;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.nav-divider{height:1px;margin:12px 10px 2px;background:rgba(255,255,255,.1)}
  .sidebar-engine-status{display:none}.site-header .header-actions{order:3;margin:0}.site-header .header-account{color:#fff}.site-header .header-account>b{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:#d69a6d;color:#183429}.site-header .header-account>span,.site-header .logout-btn{display:none}
  .software-workspace,.page-shell,.admin-shell{padding:23px 20px 50px}.software-footer{padding:0 20px}.quick-plan-card{grid-template-columns:1fr}.software-board-preview{max-width:700px;width:100%}.catalog-grid{grid-template-columns:repeat(2,1fr)}
  .configurator{min-height:calc(100vh - 64px)}.config-topbar{height:auto;min-height:96px;padding:12px 16px;grid-template-columns:1fr 34px}.project-inline-heading{grid-column:1;grid-template-columns:1.3fr .9fr .75fr}.config-progress{display:none}.config-layout{min-height:auto}.config-panel{height:auto;max-height:none}.preview-panel{height:620px}.config-topbar{position:sticky;top:64px}.configurator-page .site-footer{display:none}
}

@media(max-width:680px){
  .finish-texture-grid{grid-template-columns:1fr}.finish-texture-card{grid-template-columns:100px minmax(0,1fr)}
}

@media(max-width:620px){
  .software-workspace,.page-shell,.admin-shell{padding:18px 14px 42px}.workspace-heading,.software-page-heading,.workspace-panel-heading{align-items:flex-start;flex-direction:column}.workspace-heading .btn,.software-page-heading .btn{width:100%}.workspace-heading h1,.software-page-heading h1,.admin-heading h1{font-size:25px}.workspace-metrics{grid-template-columns:1fr 1fr;gap:8px}.workspace-metrics article{min-height:98px;padding:13px;gap:9px}.metric-icon{width:31px;height:31px}.workspace-metrics strong{font-size:19px}.quick-plan-card{min-height:0;padding:19px;gap:20px}.quick-plan-copy h2{font-size:23px}.quick-plan-actions{align-items:flex-start;flex-direction:column}.quick-plan-features{display:grid;grid-template-columns:1fr}.software-board-preview{padding:9px}.workflow-card,.workspace-panel{padding:16px}.dashboard-material-list>a{grid-template-columns:32px 1fr 16px;gap:9px}.dashboard-material-list>a>span:nth-child(3),.material-row-status{display:none}.recent-project-strip{grid-template-columns:1fr}.catalog-toolbar{position:static;padding:12px 0}.catalog-grid{grid-template-columns:1fr}.software-footer{min-height:70px;align-items:flex-start;flex-direction:column;justify-content:center;gap:5px}.software-footer nav{flex-wrap:wrap}.footer-separator,.software-footer>div span:nth-child(3){display:none}
  .profile-security-heading{align-items:flex-start;flex-direction:column}.profile-security-heading small{text-align:left}.profile-password-spacer{display:none}
  .config-topbar{height:auto;min-height:136px;padding:10px 14px;grid-template-columns:1fr 34px}.project-inline-heading{grid-template-columns:1fr 1fr;gap:6px}.project-inline-heading label:first-child{grid-column:1 / -1}.project-inline-heading input{height:32px}.config-topbar h1{font-size:18px}.config-topbar .help-link{width:30px;height:30px;display:grid;place-items:center;border:1px solid #dce2de;border-radius:7px;font-size:0}.config-topbar .help-link:before{font-size:12px;content:"?"}.config-topbar .help-link span{display:none}.config-layout{display:flex;flex-direction:column}.preview-panel{order:1;height:480px}.config-panel{order:2}.boards-stage{padding:11px}.preview-toolbar{padding:0 10px}.project-piece-list>span{grid-template-columns:1fr 105px}.project-piece-list small{display:none}
  .piece-modal{align-items:end;padding:0}.piece-modal-dialog{width:100%;max-height:92dvh;border-radius:16px 16px 0 0}.piece-modal-dialog>header{padding:20px 18px 16px}.piece-modal .piece-form{padding:18px}.piece-orientation-options{grid-template-columns:1fr}.piece-orientation-options label>span{min-height:0}.edge-banding-selector{grid-template-columns:68px minmax(120px,1fr) 68px}.piece-modal-actions{position:sticky;bottom:-18px;margin:18px -18px -18px;padding:12px 18px;background:#fff;border-top:1px solid var(--line)}.piece-modal-actions .btn{min-width:0;flex:1}.piece-list{max-height:none}
}

.admin-project-group{margin-top:18px;padding-top:18px;border-top:1px solid #dce2de}
.admin-project-group:first-of-type{margin-top:8px}
.admin-project-group .admin-project-preview{margin-bottom:12px}

/* Project planner workspace: global header and split board navigation/editor views */
.config-topbar{height:104px;padding:0 25px;grid-template-columns:minmax(250px,1fr) auto minmax(300px,1fr);gap:clamp(18px,2vw,38px)}
.config-layout{min-height:calc(100vh - 104px)}
.config-panel,.preview-panel{height:calc(100vh - 104px)}
.project-identity{min-width:0;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:3px}
.project-title-input{width:min(100%,520px);height:36px;padding:0 4px;border:1px solid transparent;border-radius:6px;background:transparent;color:#15382a;font-family:var(--sans);font-size:20px;font-weight:760;line-height:1.1;text-overflow:ellipsis;transition:.18s}
.project-title-input:hover{background:#f5f7f5}.project-title-input:focus{outline:0;border-color:#cbd8d1;background:#fff;box-shadow:0 0 0 3px rgba(61,105,82,.09)}
.project-author-line{min-width:0;display:flex;align-items:center;gap:5px;padding-left:5px;color:#7a8780;font-size:8px;font-style:italic}
.project-author-line span{white-space:nowrap}.project-author-line input{width:min(230px,22vw);height:24px;padding:0 3px;border:0;border-bottom:1px solid transparent;background:transparent;color:#4e6258;font-size:8px;font-style:italic}
.project-author-line input:hover,.project-author-line input:focus{outline:0;border-bottom-color:#aebfb6}
.project-overview{display:flex;align-items:center;justify-content:center;justify-self:center}
.project-overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(66px,1fr));gap:8px}
.project-overview-metrics>span{min-width:66px;height:52px;padding:7px 9px;border:1px solid #dde4e0;border-radius:8px;background:#f6f8f7;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.project-overview-metrics small{color:#7b8881;font-size:5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.project-overview-metrics strong{margin-top:3px;color:#16382b;font-family:var(--sans);font-size:12px;font-variant-numeric:tabular-nums}
.project-topbar-side{min-width:0;display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:18px}
.project-reference-control{min-width:0;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #e0e5e2;border-radius:8px;background:#f7f9f8;color:#7e8983}
.project-reference-control>span{font-size:6px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.project-reference-control input{width:110px;height:24px;padding:0;border:0;background:transparent;color:#334c40;font-size:8px;font-weight:700;text-align:right}
.project-reference-control input:focus{outline:0}.project-reference-control:focus-within{border-color:#aebfb6;background:#fff;box-shadow:0 0 0 3px rgba(61,105,82,.08)}
.project-header-actions{display:flex;align-items:center;gap:7px}
.project-header-actions form{margin:0}
.project-header-actions button{width:38px;height:38px;padding:0;border:1px solid #d5ded9;border-radius:7px;background:#fff;color:#244c3a;display:grid;place-items:center;cursor:pointer;transition:.2s}
.project-header-actions button:hover:not(:disabled){border-color:#416e58;background:#eef5f1;transform:translateY(-1px)}
.project-header-actions button:disabled{opacity:.38;cursor:not-allowed}
.project-header-actions button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.project-header-actions #save-project{border-color:#24533e;background:#24533e;color:#fff}
.side-panel-view{min-height:100%}
.board-list-view{background:#f8faf8}
.board-collection-section{min-height:100%;border-bottom:0}
.board-collection-copy{margin:-3px 0 13px;color:#78867f;font-size:7px;line-height:1.5}
.board-editor-view{background:#fff}
.board-editor-head{min-height:58px;padding:9px 17px;border-bottom:1px solid #dfe5e1;background:#f8faf8;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px}
.board-editor-head>button{width:30px;height:30px;border:1px solid #d7e0da;border-radius:7px;background:#fff;color:#264e3b;font-size:15px;cursor:pointer}
.board-editor-head>button:hover{border-color:#6f9381;background:#edf4f0}
.board-editor-head>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.board-editor-head small{color:#849089;font-size:6px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}
.board-editor-head strong{font-size:11px}
.board-editor-head>span{padding:4px 6px;border-radius:5px;background:#eaf0ed;color:#587064;font-size:6px;font-weight:800;text-transform:uppercase}
.board-notes-field{margin-top:14px;padding-top:13px;border-top:1px solid #e1e6e3}
.board-notes-field textarea{width:100%;margin-top:6px}
.project-general-notes{margin-top:16px;padding-top:14px;border-top:1px solid #e1e6e3}
.project-general-notes textarea{width:100%;margin-top:6px;background:#fff;resize:vertical}
.board-size-control{margin-top:12px;padding:12px;border:1px solid #e0e6e2;border-radius:9px;background:#f8faf8}
.board-size-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.board-size-heading>span{color:#46564e;font-size:8px;font-weight:800;letter-spacing:.04em}.board-size-heading button{padding:0;border:0;background:transparent;color:#3d7059;font-size:7px;font-weight:750;cursor:pointer}.board-size-heading button:hover{text-decoration:underline}
.board-size-fields{display:grid;grid-template-columns:1fr 12px 1fr;align-items:end;gap:7px}.board-size-fields>i{padding-bottom:10px;color:#8b9690;font-size:9px;font-style:normal;text-align:center}.board-size-fields label{display:flex;min-width:0;flex-direction:column;gap:5px;color:#77847d;font-size:7px}.board-size-input{position:relative;display:block}.board-size-input input{width:100%;height:35px;padding:0 28px 0 9px;border:1px solid #d9e1dc;border-radius:7px;background:#fff;color:#203f31;font-size:10px;font-weight:750;font-variant-numeric:tabular-nums}.board-size-input input:focus{outline:0;border-color:#648976;box-shadow:0 0 0 3px rgba(64,111,87,.09)}.board-size-input input[aria-invalid="true"]{border-color:#bd6559;background:#fff8f6}.board-size-input em{position:absolute;right:8px;top:50%;color:#89958f;font-size:6px;font-style:normal;transform:translateY(-50%)}.board-size-control>small{display:block;margin-top:7px;color:#89948e;font-size:6px}.board-size-errors{margin:8px 0 0}
.config-topbar .project-help-button{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid #dfe4e1;border-radius:9px;background:#fff;color:#31453b;box-shadow:0 2px 8px rgba(39,55,47,.04)}
.config-topbar .project-help-button:hover{border-color:#afbeb6;background:#f4f7f5;color:#294b3b;transform:translateY(-1px)}
.config-topbar .project-help-button:before{display:none!important}
.config-topbar .project-help-button svg{width:16px;height:16px}
.project-icon-actions{justify-content:flex-end}
.project-icon-actions form{margin:0}
.project-icon-actions a,.project-icon-actions button{width:36px;height:36px;min-height:36px;flex:0 0 36px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:8px}
.project-icon-actions a:hover,.project-icon-actions button:hover{border-color:#d5ddd8;background:#e9efeb;color:#315b47;transform:translateY(-1px)}
.project-icon-actions button.danger:hover{border-color:#efd2cc;background:#fff2ef;color:#a74837}
.project-icon-actions svg{width:15px;height:15px}
.view-actions{align-items:center}.view-actions .zoom-level{min-width:41px;padding:0 7px;color:#5f6d66;font-size:7px;font-variant-numeric:tabular-nums;text-align:center}.view-actions #fit-preview{width:29px;height:27px;padding:5px;display:grid;place-items:center}.view-actions #fit-preview svg{width:13px;height:13px}.boards-stage.all-view{grid-template-columns:repeat(var(--all-view-columns,1),minmax(360px,560px));gap:18px;padding:24px;justify-content:start}

@media(max-width:1250px){
  .config-topbar{grid-template-columns:minmax(220px,1fr) auto minmax(240px,1fr);gap:14px;padding-inline:18px}
  .project-overview-metrics{grid-template-columns:repeat(4,minmax(56px,1fr));gap:5px}
  .project-overview-metrics>span{min-width:56px;padding-inline:6px}
  .project-overview-metrics small{font-size:4.5px}
  .project-overview-metrics strong{font-size:10px}
  .project-topbar-side{gap:8px}.project-reference-control input{width:84px}
}

@media(max-width:960px){
  .config-topbar{height:154px;min-height:154px;padding:12px 18px;grid-template-columns:minmax(250px,1fr) auto;grid-template-rows:auto auto;align-content:center;gap:10px 18px}
  .config-layout{min-height:calc(100vh - 154px)}.config-panel,.preview-panel{height:calc(100vh - 154px)}
  .project-overview{grid-column:1 / -1;grid-row:2;justify-self:center}
  .project-topbar-side{grid-column:2;grid-row:1}
  .config-panel,.preview-panel{height:auto}
  .preview-panel{height:620px}
}

@media(max-width:620px){
  .config-topbar{height:auto;min-height:220px;padding:12px 14px;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:9px}
  .project-identity{grid-column:1;grid-row:1}.project-title-input{height:32px;font-size:18px}.project-author-line input{width:min(220px,55vw)}
  .project-overview{grid-column:1;grid-row:2;width:100%}
  .project-overview-metrics{gap:3px}
  .project-overview-metrics>span{min-width:0;height:45px;padding:5px}
  .project-overview-metrics small{overflow:hidden;font-size:4.2px;text-overflow:ellipsis}
  .project-overview-metrics strong{font-size:9px}
  .project-topbar-side{grid-column:1;grid-row:3;width:100%;justify-content:space-between}.project-reference-control{flex:1;max-width:190px}.project-reference-control input{width:100%}
  .project-header-actions{gap:3px}
  .project-header-actions button{width:34px;height:34px}
  .config-topbar .project-help-button{width:34px;height:34px}
  .view-actions button:nth-child(2){display:inline-flex!important}
  .view-actions .zoom-level{display:none}.boards-stage.all-view{grid-template-columns:minmax(300px,calc(100vw - 42px));min-width:max-content;gap:14px;padding:11px}
  .cut-board-head{align-items:flex-start;flex-direction:column;gap:3px}
}

/* Adjustable planner sidebar and compact piece workspace */
.config-layout{grid-template-columns:var(--config-panel-width,410px) minmax(0,1fr)}
.config-panel{position:relative;overflow:hidden}
.panel-resizer{position:absolute;z-index:30;top:0;right:0;bottom:0;width:9px;display:flex;align-items:center;justify-content:center;cursor:col-resize;touch-action:none;outline:none}
.panel-resizer:before{content:"";width:1px;height:100%;background:#d5dcd8;transition:width .16s,background .16s,box-shadow .16s}
.panel-resizer span{position:absolute;width:4px;height:46px;border-radius:99px;background:#9eafa6;opacity:0;transform:scaleY(.75);transition:.16s}
.panel-resizer:hover:before,.panel-resizer:focus-visible:before,.panel-is-resizing .panel-resizer:before{width:2px;background:#4c7862;box-shadow:0 0 0 3px rgba(76,120,98,.09)}
.panel-resizer:hover span,.panel-resizer:focus-visible span,.panel-is-resizing .panel-resizer span{opacity:1;transform:none}
.configurator.panel-is-resizing,.configurator.panel-is-resizing *{cursor:col-resize!important;user-select:none!important}
.piece-section-heading{display:flex;align-items:center;border-bottom:0;background:#fff}
.piece-section-heading .section-toggle{width:auto;min-width:0;flex:1}
.piece-section-actions{display:flex;align-items:center;gap:4px;padding-right:15px}
.piece-section-actions button{width:31px;height:31px;padding:7px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#586c62;cursor:pointer;transition:.16s}
.piece-section-actions button:hover,.piece-section-actions button:focus-visible{outline:0;border-color:#cbd8d1;background:#edf3ef;color:#214b38}
.piece-section-actions #clear-pieces:hover,.piece-section-actions #clear-pieces:focus-visible{border-color:#ecd3ce;background:#fff3f0;color:#a54c3d}
.piece-section-actions svg{width:15px;height:15px}
.pieces-section .piece-head{min-height:23px}
.pieces-section .piece-head p{margin:0;font-size:7px}
.pieces-section .piece-list{min-height:0;max-height:none;flex:1;margin-top:7px;padding:1px 4px 1px 1px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a6b0ab transparent}
.pieces-section .piece-list::-webkit-scrollbar{width:6px}.pieces-section .piece-list::-webkit-scrollbar-thumb{border-radius:99px;background:#a6b0ab}.pieces-section .piece-list::-webkit-scrollbar-track{background:transparent}
.piece-row{min-height:39px;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:5px 7px;border-color:#e2e8e4;border-radius:7px;background:#f7f9f8;animation:none}
.piece-row:not(.selected)>.piece-color,.piece-row:not(.selected) .piece-row-main>span,.piece-row:not(.selected) .piece-row-main>small{display:none}
.piece-row.selected{min-height:59px;grid-template-columns:25px minmax(0,1fr) auto;padding:8px;background:#edf4f0}
.piece-row-main strong{font-size:8px}.piece-row-main span{font-size:7px}.piece-row-main small{font-size:6px}
.piece-row-actions{gap:1px}.piece-row-actions button{width:24px;height:24px;padding:5px;border-radius:5px}.piece-row-actions button:hover{background:#e7eeea}.piece-row-actions svg{width:14px;height:14px}
.piece-list-empty{min-height:0;flex:1;justify-content:center}
.pieces-section .technical-notice{flex:0 0 auto;margin-top:7px}

@media(min-width:961px){
  .board-list-view{height:100%;min-height:0;overflow-y:auto}
  .board-editor-view{height:100%;min-height:0;display:flex;overflow:hidden;flex-direction:column}
  .board-editor-view[hidden]{display:none!important}
  .board-editor-head{flex:0 0 auto}
  .board-editor-view>.config-section{flex:0 0 auto}
  .material-editor-section:not(.collapsed){max-height:min(52%,470px);overflow-y:auto}
  .material-editor-section.collapsed{max-height:none;overflow:hidden}
  .pieces-section{min-height:150px;display:flex;overflow:hidden;flex:1 1 0;flex-direction:column;border-bottom:0}
  .pieces-section.collapsed{min-height:0;flex:0 0 auto}
  .pieces-section .section-content{min-height:0;display:flex;flex:1;flex-direction:column}
  .pieces-section.collapsed .section-content{display:none}
}

@media(max-width:960px){
  .config-layout{grid-template-columns:1fr}
  .config-panel{overflow:visible}
  .panel-resizer{display:none}
  .board-list-view,.board-editor-view{height:auto;min-height:0;overflow:visible}
  .material-editor-section:not(.collapsed){max-height:none;overflow:visible}
  .pieces-section .piece-list{max-height:none}
}

/* Refined material editor, piece typography and selectable product variants */
.project-author-line{font-size:10px}
.project-author-line input{height:27px;font-size:10px;font-weight:650}
.piece-row-main strong{font-size:9.5px;line-height:1.3}
.piece-row-main span{font-size:8px;line-height:1.35}
.piece-row-main small{font-size:7px;line-height:1.35}
.material-editor-section .section-toggle{padding:12px 16px}
.material-editor-section .section-toggle i{width:21px;height:21px;font-size:8px}
.material-editor-section .section-toggle b{font-size:10px}
.material-editor-section .section-content{padding:0 16px 13px}
.material-editor-section .section-content>label,.material-editor-section .two-fields label{font-size:6px;letter-spacing:.09em}
.material-editor-section select{height:34px;margin-top:4px;padding:6px 9px;border-radius:7px;font-size:9px}
.material-editor-section .two-fields{gap:8px;margin-top:8px}
.material-editor-section .board-size-control{margin-top:8px;padding:8px 9px;border-radius:7px;background:#f7f9f8}
.material-editor-section .board-size-heading{margin-bottom:6px}
.material-editor-section .board-size-heading>span{font-size:7px}.material-editor-section .board-size-heading button{font-size:6px}
.material-editor-section .board-size-fields{gap:5px}
.material-editor-section .board-size-input input{height:31px;margin-top:0;padding-left:8px;font-size:9px}
.material-editor-section .board-size-control>small{margin-top:5px;font-size:5.5px}
.material-editor-section .material-summary{gap:8px;margin-top:8px;padding:7px 8px;border:1px solid #e0e6e2;background:#fbfcfb}
.material-editor-section .material-swatch{width:28px;height:28px}
.material-editor-section .material-summary strong{font-size:8px}.material-editor-section .material-summary small{font-size:6px}
.material-editor-section .material-summary a{padding:4px 6px;border-radius:5px;background:#eef3f0;color:#315b47;font-size:6px}

.product-variant-form{margin-top:18px}
.product-variant-form .spec-selector{min-width:0;margin:17px 0;padding:0;border:0}
.product-variant-form .spec-selector legend{margin-bottom:9px;color:#46534d;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.product-variant-form input[type=radio]{position:absolute;width:1px!important;height:1px!important;margin:0!important;opacity:0;pointer-events:none}
.product-variant-form .option-pills label{position:relative;cursor:pointer}
.product-variant-form .option-pills label>span{display:block;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#4e5f57;font-size:10px;font-weight:750;transition:.16s}
.product-variant-form .option-pills input:checked+span{border-color:#315f49;background:#edf4f0;color:#173d2d;box-shadow:inset 0 0 0 1px #315f49}
.product-variant-form .option-pills input:focus-visible+span{outline:3px solid rgba(49,95,73,.14)}
.finish-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.finish-choice-list label{position:relative;min-width:0;cursor:pointer}
.finish-choice-list label>span{min-height:53px;padding:7px 9px;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:9px;border:1px solid var(--line);border-radius:7px;background:#fff;transition:.16s}
.finish-choice-list .finish-swatch{width:30px;height:30px;grid-row:1 / 3;border-radius:6px}
.finish-choice-list b{overflow:hidden;color:#34483e;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.finish-choice-list small{color:#86928c;font-size:6px}
.finish-choice-list input:checked+span{border-color:#315f49;background:#edf4f0;box-shadow:inset 3px 0 #315f49}
.finish-choice-list input:focus-visible+span{outline:3px solid rgba(49,95,73,.14)}

@media(min-width:961px){
  .material-editor-section:not(.collapsed){max-height:min(46%,410px)}
}

@media(max-width:620px){
  .finish-choice-list{grid-template-columns:1fr}
  .workspace-heading-actions{width:100%;align-items:stretch;flex-direction:column}
}

/* Furniture 3D workspace */
.furniture-creator-page .site-footer{display:none}
.furniture-creator{height:100vh;min-height:720px;overflow:hidden;background:#e9eeeb;color:#172c23}
.furniture-topbar{height:92px;padding:0 20px;display:grid;grid-template-columns:minmax(210px,1fr) auto auto minmax(330px,1fr);align-items:center;gap:18px;border-bottom:1px solid #d5ded9;background:#fff}
.furniture-project-identity{min-width:0;display:flex;flex-direction:column;gap:3px}
.furniture-project-identity>input{width:100%;height:34px;padding:0 4px;border:1px solid transparent;border-radius:6px;background:transparent;color:#173b2c;font-size:18px;font-weight:780;text-overflow:ellipsis}
.furniture-project-identity>input:hover{background:#f4f7f5}.furniture-project-identity>input:focus{outline:0;border-color:#b9ccc2;background:#fff;box-shadow:0 0 0 3px rgba(43,91,69,.08)}
.furniture-project-identity>div{padding-left:5px;display:flex;align-items:center;gap:5px;color:#7a8780;font-size:9px;font-style:italic}
.furniture-project-identity>div input{width:min(180px,16vw);height:22px;padding:0 2px;border:0;border-bottom:1px solid transparent;background:transparent;color:#4f6459;font-size:9px;font-weight:650;font-style:italic}
.furniture-project-identity>div input:hover,.furniture-project-identity>div input:focus{outline:0;border-bottom-color:#9fb5aa}
.workspace-mode-tabs{height:38px;padding:3px;display:flex;align-items:center;gap:2px;border:1px solid #dce4df;border-radius:9px;background:#f3f6f4}
.workspace-mode-tabs a{height:30px;padding:0 10px;display:flex;align-items:center;gap:6px;border-radius:6px;color:#66766e;font-size:7px;font-weight:800;white-space:nowrap}
.workspace-mode-tabs a.active{background:#fff;color:#214e3a;box-shadow:0 2px 8px rgba(26,56,43,.08)}
.workspace-mode-tabs svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}
.furniture-project-summary{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:5px}
.furniture-project-summary>span{height:48px;padding:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #e0e6e2;border-radius:7px;background:#f7f9f8;text-align:center}
.furniture-project-summary small{color:#7e8b84;font-size:4.8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.furniture-project-summary strong{max-width:105px;margin-top:2px;overflow:hidden;color:#193e2f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.furniture-project-summary .has-warning,.collision-stat.has-warning{border-color:#e8b6ac;background:#fff2ef}.furniture-project-summary .has-warning strong,.collision-stat.has-warning strong{color:#b64e3e}
.furniture-top-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:7px}
.furniture-reference{height:38px;padding:0 9px;display:flex;align-items:center;gap:6px;border:1px solid #e0e5e2;border-radius:8px;background:#f7f9f8}
.furniture-reference>span{color:#7e8983;font-size:6px;font-weight:850;text-transform:uppercase}.furniture-reference input{width:82px;border:0;background:transparent;color:#344e41;font-size:8px;font-weight:700;text-align:right}.furniture-reference input:focus{outline:0}
.furniture-save-state{display:flex;align-items:center;gap:5px;color:#7e8b84;font-size:6px;white-space:nowrap}.furniture-save-state i{width:6px;height:6px;border-radius:50%;background:#b0bbb5}.furniture-save-state.is-saving i{background:#d79562;animation:pulse 1s infinite}.furniture-save-state.is-saved i{background:#4fa174}
.furniture-icon-button{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid #dce3df;border-radius:8px;background:#fff;color:#315b48;cursor:pointer}.furniture-icon-button:hover{border-color:#91aa9e;background:#eff5f1}.furniture-icon-button svg{width:15px}
.furniture-top-actions form{margin:0}.furniture-generate-button{height:38px;padding:0 13px!important;display:flex!important;align-items:center;gap:7px;font-size:8px!important;white-space:nowrap}.furniture-generate-button svg{width:14px}.furniture-generate-button.is-loading svg{animation:spin 1s linear infinite}
.furniture-workspace{height:calc(100vh - 92px);display:grid;grid-template-columns:250px minmax(360px,1fr) 285px;overflow:hidden}
.furniture-components-panel,.furniture-inspector{min-height:0;overflow:hidden;background:#fff}
.furniture-components-panel{padding:18px 14px 14px;display:flex;flex-direction:column;border-right:1px solid #d7e0db}
.furniture-components-panel>header,.furniture-inspector>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.furniture-components-panel>header>div,.furniture-inspector>header{display:flex;flex-direction:column}
.furniture-components-panel>header span,.furniture-inspector>header>span{color:#8a9690;font-size:5px;font-weight:850;letter-spacing:.14em}
.furniture-components-panel h2,.furniture-inspector h2{margin:2px 0 0;font-size:14px;font-weight:780}
.furniture-components-panel>header button{width:31px;height:31px;padding:0;display:grid;place-items:center;border:1px solid #d7e1db;border-radius:7px;background:#edf4f0;color:#28563f;cursor:pointer}.furniture-components-panel>header button:hover{border-color:#6e9581;background:#dfece5}.furniture-components-panel>header svg{width:14px}
.furniture-panel-copy{margin:9px 0 11px;color:#7d8983;font-size:7px;line-height:1.5}
.furniture-component-list{min-height:0;display:flex;overflow-y:auto;flex:1;flex-direction:column;gap:5px;padding-right:3px;scrollbar-width:thin;scrollbar-color:#aab5af transparent}
.furniture-component-row{min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #e0e6e2;border-radius:8px;background:#f8faf8;transition:.16s}
.furniture-component-row:hover{border-color:#adc0b6;background:#fff}.furniture-component-row.selected{border-color:#47745e;background:#edf5f0;box-shadow:inset 3px 0 #d99061}.furniture-component-row.has-collision{border-color:#e3a59a;background:#fff5f3}
.furniture-component-select{min-width:0;padding:6px 4px 6px 7px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;border:0;background:transparent;text-align:left;cursor:pointer}
.furniture-component-select>span{width:22px;height:31px;border:1px solid color-mix(in srgb,var(--component-color) 70%,#000);border-radius:5px;background:var(--component-color);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.furniture-component-select>div{min-width:0;display:flex;flex-direction:column;gap:1px}.furniture-component-select strong,.furniture-component-select small,.furniture-component-select em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.furniture-component-select strong{font-size:8px}.furniture-component-select small{color:#68766f;font-size:6.5px}.furniture-component-select em{color:#8a958f;font-size:5.5px;font-style:normal}
.furniture-component-actions{padding:4px 4px 4px 0;display:flex;align-items:center;gap:0}.furniture-component-actions button{width:23px;height:26px;padding:5px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#63736b;cursor:pointer}.furniture-component-actions button:hover{background:#e3ebe7;color:#244d3a}.furniture-component-actions button:last-child:hover{background:#f8e9e6;color:#a44738}.furniture-component-actions svg{width:13px;fill:none;stroke:currentColor;stroke-width:1.7}
.furniture-component-empty{min-height:0;flex:1;padding:25px 12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.furniture-component-empty>span{width:45px;height:45px;margin-bottom:10px;display:grid;place-items:center;border-radius:12px;background:#edf3f0;color:#39705a}.furniture-component-empty svg{width:22px}.furniture-component-empty strong{font-size:10px}.furniture-component-empty small{max-width:190px;margin:5px 0 12px;color:#7b8881;font-size:7px;line-height:1.55}.furniture-component-empty button,.furniture-viewport-empty button{padding:7px 10px;border:1px solid #b9cbc1;border-radius:6px;background:#fff;color:#295a43;font-size:7px;font-weight:800;cursor:pointer}
.furniture-project-notes{margin-top:11px;padding-top:10px;border-top:1px solid #e3e8e5;display:flex;flex:0 0 auto;flex-direction:column;gap:5px}.furniture-project-notes>span{color:#596a61;font-size:6px;font-weight:800}.furniture-project-notes textarea{width:100%;min-height:58px;padding:8px;border:1px solid #dce4df;border-radius:7px;background:#fafbfa;font-size:7px;line-height:1.5;resize:vertical}.furniture-project-notes textarea:focus{outline:0;border-color:#759584;background:#fff;box-shadow:0 0 0 3px rgba(56,108,82,.07)}
.furniture-viewport-panel{min-width:0;min-height:0;display:flex;overflow:hidden;flex-direction:column;background:#e9eeeb}
.furniture-toolbar{height:47px;padding:0 10px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #d5ded9;background:#f9fbfa}
.furniture-tool-group,.furniture-view-presets{height:31px;padding:2px;display:flex;align-items:center;gap:2px;border:1px solid #dce3df;border-radius:7px;background:#fff}
.furniture-tool-group button,.furniture-view-presets button{height:25px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:#68766f;font-size:6.5px;font-weight:800;cursor:pointer}.furniture-tool-group button:hover,.furniture-view-presets button:hover{background:#eef3f0;color:#214a37}.furniture-tool-group button.active{background:#285b45;color:#fff}
.furniture-snap-control{padding:2px 4px 2px 8px}.furniture-snap-control label{color:#7b8781;font-size:6px}.furniture-snap-control select{height:24px;padding:0 20px 0 6px;border:0;background:#f1f5f2;color:#294638;font-size:7px;font-weight:750}.furniture-snap-control select:focus{outline:0}
.furniture-history-controls button{width:26px;padding:0;font-size:14px}.furniture-history-controls button:disabled{opacity:.3;cursor:not-allowed}
.furniture-view-presets{margin-left:auto}.furniture-view-presets button:last-child{width:28px;display:grid;place-items:center}.furniture-view-presets svg{width:12px}
.furniture-canvas-wrap{position:relative;min-height:0;overflow:hidden;flex:1;cursor:default;touch-action:none}.furniture-canvas-wrap.is-transforming{cursor:grabbing}.furniture-canvas-wrap canvas{width:100%;height:100%;display:block;outline:0}
.furniture-viewport-empty{position:absolute;z-index:3;inset:50% auto auto 50%;width:min(310px,80%);padding:24px;display:flex;align-items:center;flex-direction:column;border:1px solid rgba(191,205,198,.75);border-radius:12px;background:rgba(247,250,248,.9);text-align:center;box-shadow:0 18px 50px rgba(24,52,40,.1);backdrop-filter:blur(8px);transform:translate(-50%,-50%)}
.furniture-viewport-empty>span{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#e4eee8;color:#2c644c}.furniture-viewport-empty svg{width:27px}.furniture-viewport-empty h2{margin:12px 0 5px;font-size:16px}.furniture-viewport-empty p{margin:0 0 13px;color:#718078;font-size:8px;line-height:1.6}
.furniture-axis-guide{position:absolute;z-index:2;left:12px;bottom:39px;display:flex;align-items:center;gap:5px}.furniture-axis-guide span{padding:4px 6px;border-radius:5px;background:rgba(255,255,255,.84);font-size:5.5px;font-weight:850;box-shadow:0 2px 7px rgba(20,44,34,.07)}.axis-x,.coord-x{color:#cb5148}.axis-y,.coord-y{color:#2e8758}.axis-z,.coord-z{color:#347bc0}
.furniture-help-strip{position:absolute;z-index:2;right:0;bottom:0;left:0;min-height:29px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:17px;border-top:1px solid rgba(207,218,212,.9);background:rgba(249,251,250,.88);color:#718078;font-size:5.5px;backdrop-filter:blur(7px)}.furniture-help-strip b{color:#344b3f}
.furniture-inspector{padding:18px 15px;border-left:1px solid #d7e0db;overflow-y:auto}
.furniture-inspector>header{align-items:flex-start;justify-content:flex-start;margin-bottom:14px}
.furniture-inspector-empty{min-height:300px;padding:30px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.furniture-inspector-empty>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eef3f0;color:#718c7f}.furniture-inspector-empty svg{width:21px}.furniture-inspector-empty p{max-width:200px;margin-top:10px;color:#7b8881;font-size:7px;line-height:1.6}
.furniture-selected-heading{padding:9px;display:flex;align-items:center;gap:8px;border:1px solid #dce4df;border-radius:8px;background:#f7f9f8}.furniture-selected-color{width:29px;height:29px;flex:0 0 auto;border-radius:6px;background:var(--selected-color,#5f8b78)}.furniture-selected-heading>div{min-width:0;display:flex;flex-direction:column}.furniture-selected-heading strong,.furniture-selected-heading small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.furniture-selected-heading strong{font-size:9px}.furniture-selected-heading small{margin-top:2px;color:#7e8a84;font-size:6px}
.furniture-spec-summary{margin-top:7px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.furniture-spec-summary>span{padding:7px;border:1px solid #e1e6e3;border-radius:7px;display:flex;flex-direction:column;background:#fff}.furniture-spec-summary small{color:#87938d;font-size:5.5px}.furniture-spec-summary strong{margin-top:2px;font-size:7px}
.furniture-spec-summary .wide{grid-column:1 / -1}
.furniture-coordinate-grid{margin:13px 0 0;padding:0;border:0}.furniture-coordinate-grid legend{width:100%;margin-bottom:6px;color:#41554a;font-size:7px;font-weight:800}.furniture-coordinate-grid legend small{float:right;color:#8b9690;font-size:5px;font-weight:650}.furniture-coordinate-grid label{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;margin-bottom:4px}.furniture-coordinate-grid label>span{height:29px;display:grid;place-items:center;border:1px solid #dbe3de;border-right:0;border-radius:6px 0 0 6px;background:#f4f7f5;font-size:7px;font-weight:900}.furniture-coordinate-grid input{width:100%;height:29px;padding:0 8px;border:1px solid #dbe3de;border-radius:0 6px 6px 0;background:#fff;color:#203e30;font-size:8px;font-weight:700;font-variant-numeric:tabular-nums}.furniture-coordinate-grid input:focus{outline:0;border-color:#749483;box-shadow:0 0 0 2px rgba(57,107,82,.06)}
.furniture-rotation-grid{margin-top:10px}
.furniture-nudge,.furniture-quick-rotate{margin-top:11px;padding-top:10px;border-top:1px solid #e1e6e3}.furniture-nudge>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#53655b;font-size:7px;font-weight:800}.furniture-nudge>div:first-child small{color:#87928c;font-size:5.5px}.furniture-nudge-buttons{margin-top:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.furniture-nudge-buttons button,.furniture-quick-rotate button{height:26px;border:1px solid #dce4df;border-radius:5px;background:#fff;color:#496057;font-size:6px;font-weight:800;cursor:pointer}.furniture-nudge-buttons button:hover,.furniture-quick-rotate button:hover{border-color:#779684;background:#edf4f0;color:#234e3a}
.furniture-quick-rotate>span{display:block;margin-bottom:6px;color:#53655b;font-size:7px;font-weight:800}.furniture-quick-rotate>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.furniture-inspector-actions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.furniture-inspector-actions button{min-height:31px;padding:0 6px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #d9e2dd;border-radius:6px;background:#fff;color:#315443;font-size:6.5px;font-weight:800;cursor:pointer}.furniture-inspector-actions button:first-child{grid-column:1 / -1;background:#edf4f0}.furniture-inspector-actions button:hover{border-color:#799887}.furniture-inspector-actions button.danger{color:#a24d40}.furniture-inspector-actions button.danger:hover{border-color:#e3b9b1;background:#fff1ee}.furniture-inspector-actions svg{width:12px;fill:none;stroke:currentColor;stroke-width:1.7}
.furniture-warning{margin-top:10px;padding:9px;border:1px solid #e6b8ae;border-radius:7px;background:#fff2ef;color:#953c30}.furniture-warning strong{font-size:7px}.furniture-warning p{margin:3px 0 0;font-size:6px;line-height:1.5}
.furniture-piece-modal .piece-modal-dialog{width:min(650px,calc(100vw - 30px))}.furniture-piece-form{padding:20px}.furniture-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.furniture-modal-grid .span-two{grid-column:1 / -1}.furniture-modal-grid>label{display:flex;min-width:0;flex-direction:column;gap:5px;color:#56675e;font-size:7px;font-weight:750}.furniture-modal-grid input,.furniture-modal-grid select{width:100%;height:38px;padding:0 10px;border:1px solid #d8e1dc;border-radius:7px;background:#fff;color:#1e3e30;font-size:9px}.furniture-modal-grid input:focus,.furniture-modal-grid select:focus{outline:0;border-color:#668b78;box-shadow:0 0 0 3px rgba(50,102,76,.08)}
.furniture-modal-grid .measure-input{position:relative}.furniture-modal-grid .measure-input input{padding-right:35px}.furniture-modal-grid .measure-input em{position:absolute;right:10px;top:50%;color:#8a958f;font-size:7px;font-style:normal;transform:translateY(-50%)}
.furniture-color-input{height:38px;padding:4px 8px;display:flex;align-items:center;gap:8px;border:1px solid #d8e1dc;border-radius:7px}.furniture-color-input input{width:31px;height:28px;padding:0;border:0;background:transparent}.furniture-color-input code{color:#50645a;font-size:8px}
.furniture-edge-selector{margin:14px 0 0;padding:12px;border:1px solid #dce4df;border-radius:8px;background:#f8faf8}.furniture-edge-selector legend{padding:0 5px;color:#465b50;font-size:7px;font-weight:800}.furniture-edge-selector legend small{color:#89958e;font-weight:600}.furniture-edge-selector>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.furniture-edge-selector input{position:absolute;opacity:0}.furniture-edge-selector label>span{height:31px;display:grid;place-items:center;border:1px solid #d9e2dd;border-radius:6px;background:#fff;color:#6c7b73;font-size:6.5px;font-weight:750;cursor:pointer}.furniture-edge-selector input:checked+span{border-color:#e5af2e;background:#fff7d9;color:#7e5e0c;box-shadow:inset 0 0 0 1px #e5af2e}

/* Furniture 3D · accessible interface scale and guided assembly */
.furniture-creator{
  --fui-2xs:7.5px;--fui-xs:9px;--fui-sm:10.5px;--fui-md:12px;--fui-lg:16px;
  --fui-input:40px;--fui-button:34px;--fui-topbar:100px;--fui-toolbar:52px;
  --fui-left-panel:285px;--fui-right-panel:320px
}
.furniture-creator[data-ui-scale="90"]{--fui-2xs:6.8px;--fui-xs:8.2px;--fui-sm:9.5px;--fui-md:11px;--fui-lg:15px;--fui-input:36px;--fui-button:32px;--fui-topbar:94px;--fui-toolbar:48px;--fui-left-panel:260px;--fui-right-panel:290px}
.furniture-creator[data-ui-scale="115"]{--fui-2xs:8.5px;--fui-xs:10px;--fui-sm:12px;--fui-md:13px;--fui-lg:17px;--fui-input:44px;--fui-button:38px;--fui-topbar:110px;--fui-toolbar:58px;--fui-left-panel:310px;--fui-right-panel:350px}
.furniture-creator[data-ui-scale="130"]{--fui-2xs:9.5px;--fui-xs:11px;--fui-sm:13px;--fui-md:14.5px;--fui-lg:19px;--fui-input:48px;--fui-button:42px;--fui-topbar:120px;--fui-toolbar:64px;--fui-left-panel:340px;--fui-right-panel:385px}
.furniture-topbar{height:var(--fui-topbar)}
.furniture-workspace{height:calc(100vh - var(--fui-topbar));grid-template-columns:var(--fui-left-panel) minmax(360px,1fr) var(--fui-right-panel)}
.furniture-toolbar{height:var(--fui-toolbar)}
.furniture-project-identity>input{font-size:20px}
.furniture-project-identity>div,.furniture-project-identity>div input{font-size:var(--fui-sm)}
.workspace-mode-tabs{height:var(--fui-input)}.workspace-mode-tabs a{height:calc(var(--fui-input) - 6px)}.workspace-mode-tabs a,.furniture-generate-button{font-size:var(--fui-xs)!important}
.furniture-project-summary small,.furniture-reference>span,.furniture-save-state{font-size:var(--fui-2xs)}
.furniture-project-summary strong,.furniture-reference input{font-size:var(--fui-xs)}
.furniture-components-panel>header span,.furniture-inspector>header>span{font-size:var(--fui-2xs)}
.furniture-components-panel h2,.furniture-inspector h2{font-size:var(--fui-lg)}
.furniture-components-panel>header button{width:var(--fui-button);height:var(--fui-button)}
.furniture-panel-copy,.furniture-project-notes textarea{font-size:var(--fui-xs)}
.furniture-project-notes>span{font-size:var(--fui-2xs)}
.furniture-component-select strong{font-size:var(--fui-sm)}.furniture-component-select small{font-size:var(--fui-xs)}.furniture-component-select em{font-size:var(--fui-2xs)}
.furniture-component-row{min-height:58px}.furniture-component-select{grid-template-columns:28px minmax(0,1fr);gap:8px;padding-block:8px}.furniture-component-select>span{width:26px;height:36px}.furniture-component-actions button{width:28px;height:32px}
.furniture-component-empty strong{font-size:var(--fui-sm)}.furniture-component-empty small,.furniture-component-empty button,.furniture-viewport-empty button{font-size:var(--fui-xs)}
.furniture-tool-group,.furniture-view-presets{height:38px}.furniture-tool-group button,.furniture-view-presets button{height:32px}.furniture-tool-group button,.furniture-view-presets button,.furniture-snap-control select{font-size:var(--fui-xs)}
.furniture-snap-control label,.furniture-axis-guide span,.furniture-help-strip{font-size:var(--fui-2xs)}
.furniture-viewport-empty p,.furniture-inspector-empty p{font-size:var(--fui-xs)}
.furniture-selected-heading strong{font-size:var(--fui-sm)}.furniture-selected-heading small,.furniture-spec-summary strong{font-size:var(--fui-xs)}.furniture-spec-summary small{font-size:var(--fui-2xs)}
.furniture-coordinate-grid legend,.furniture-nudge>div:first-child,.furniture-quick-rotate>span{font-size:var(--fui-xs)}
.furniture-coordinate-grid legend small,.furniture-nudge>div:first-child small{font-size:var(--fui-2xs)}
.furniture-coordinate-grid label>span,.furniture-coordinate-grid input,.furniture-nudge-buttons button,.furniture-quick-rotate button,.furniture-inspector-actions button{font-size:var(--fui-xs)}
.furniture-warning strong{font-size:var(--fui-xs)}.furniture-warning p{font-size:var(--fui-2xs)}
.furniture-reference,.furniture-icon-button,.furniture-generate-button{height:var(--fui-input)}.furniture-icon-button{width:var(--fui-input)}
.furniture-modal-grid>label,.furniture-edge-selector legend{font-size:var(--fui-xs)}
.furniture-modal-grid input,.furniture-modal-grid select{height:var(--fui-input);font-size:var(--fui-sm)}
.furniture-color-input{height:var(--fui-input)}.furniture-color-input code{font-size:var(--fui-xs)}

.furniture-ui-scale{gap:1px}.furniture-ui-scale button{min-width:30px;padding:0 6px;font-size:var(--fui-xs);font-weight:850}.furniture-ui-scale span{min-width:37px;color:#63736b;font-size:var(--fui-2xs);font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.furniture-ui-scale button:disabled{opacity:.35;cursor:not-allowed}

.furniture-active-material{margin:13px 0 10px;padding:11px;border:1px solid #d9e3dd;border-radius:10px;background:linear-gradient(145deg,#f8faf8,#eef4f0)}
.furniture-active-material>header{margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.furniture-active-material>header>div{min-width:0;display:flex;flex-direction:column}.furniture-active-material>header span{color:#84918a;font-size:var(--fui-2xs);font-weight:850;letter-spacing:.1em}.furniture-active-material>header strong{margin-top:2px;overflow:hidden;font-size:var(--fui-sm);text-overflow:ellipsis;white-space:nowrap}.furniture-active-material>header i{width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(26,55,43,.14);border-radius:8px;background-color:#c7ab81;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.furniture-active-material>label,.furniture-active-material>div>label{display:flex;min-width:0;flex-direction:column;gap:4px;color:#65736c;font-size:var(--fui-2xs);font-weight:750}.furniture-active-material>div{margin-top:7px;display:grid;grid-template-columns:78px minmax(0,1fr);gap:7px}.furniture-active-material select{width:100%;height:var(--fui-button);padding:0 24px 0 8px;border:1px solid #d5dfd9;border-radius:7px;background:#fff;color:#244538;font-size:var(--fui-xs);font-weight:700}.furniture-active-material select:focus{outline:0;border-color:#6f9582;box-shadow:0 0 0 3px rgba(53,107,80,.08)}.furniture-active-material>small{margin-top:7px;display:block;color:#829088;font-size:var(--fui-2xs);line-height:1.4}.furniture-active-material>button{width:100%;min-height:var(--fui-button);margin-top:8px;border:1px solid #6f9582;border-radius:7px;background:#fff;color:#24543d;font-size:var(--fui-xs);font-weight:800;cursor:pointer}.furniture-active-material>button:hover{background:#e8f2ec}.furniture-active-material>button[hidden]{display:none}

.furniture-modal-material{margin:20px 20px 0;padding:11px 13px;display:flex;align-items:center;gap:11px;border:1px solid #d9e2dd;border-radius:9px;background:#f3f7f4}.furniture-modal-material>i{width:43px;height:43px;flex:0 0 auto;border:1px solid #cad6cf;border-radius:8px;background-color:#c7ab81;background-position:center;background-size:cover}.furniture-modal-material>div{min-width:0;display:flex;flex-direction:column}.furniture-modal-material span{color:#819088;font-size:var(--fui-2xs);font-weight:850;letter-spacing:.1em}.furniture-modal-material strong{margin:2px 0;overflow:hidden;font-size:var(--fui-md);text-overflow:ellipsis;white-space:nowrap}.furniture-modal-material small{color:#708078;font-size:var(--fui-xs)}
.furniture-edge-selector{padding:16px}.furniture-edge-selector>p{font-size:var(--fui-xs)}.furniture-edge-selector>.edge-banding-selector{display:grid;grid-template-columns:90px minmax(150px,1fr) 90px;grid-template-rows:38px 90px 38px;gap:8px}.furniture-edge-selector .edge-band-option span{height:100%;font-size:var(--fui-xs)}.furniture-edge-selector .edge-band-preview{font-size:var(--fui-xs)}.furniture-edge-selector .edge-band-preview i{background:#17a875}

.furniture-guided-position{margin-top:12px;padding:11px;border:1px solid #cfded6;border-radius:10px;background:linear-gradient(150deg,#f5faf7,#edf5f0)}.furniture-guided-position>header{margin-bottom:9px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.furniture-guided-position>header>div{display:flex;flex-direction:column}.furniture-guided-position>header strong{font-size:var(--fui-sm)}.furniture-guided-position>header small{margin-top:2px;color:#77877e;font-size:var(--fui-2xs);line-height:1.4}.furniture-guided-position>header>span{padding:3px 5px;border-radius:4px;background:#dcece3;color:#2a684b;font-size:var(--fui-2xs);font-weight:900;letter-spacing:.08em}.furniture-guided-position>label,.furniture-placement-options>label{display:flex;flex-direction:column;gap:4px;color:#5b6e63;font-size:var(--fui-2xs);font-weight:800}.furniture-guided-position select{width:100%;height:var(--fui-button);padding:0 27px 0 8px;border:1px solid #cfdbd4;border-radius:7px;background:#fff;color:#234536;font-size:var(--fui-xs);font-weight:700}.furniture-placement-options{margin:7px 0;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:end;gap:7px}.furniture-placement-options label>span{position:relative}.furniture-placement-options input[type=number]{width:100%;height:var(--fui-button);padding:0 28px 0 8px;border:1px solid #cfdbd4;border-radius:7px;background:#fff;color:#24483a;font-size:var(--fui-xs);font-weight:750}.furniture-placement-options label>span em{position:absolute;right:7px;top:50%;color:#829087;font-size:var(--fui-2xs);font-style:normal;transform:translateY(-50%)}.furniture-center-toggle{min-height:var(--fui-button);padding:0 7px;display:flex!important;align-items:center;flex-direction:row!important;gap:6px!important;border:1px solid #d5dfd9;border-radius:7px;background:#fff;cursor:pointer}.furniture-center-toggle input{position:absolute;opacity:0}.furniture-center-toggle>span{width:15px;height:15px;flex:0 0 auto;border:1px solid #bdcbc3;border-radius:4px;background:#fff}.furniture-center-toggle input:checked+span{border-color:#397359;background:#397359}.furniture-center-toggle input:checked+span:after{content:"✓";display:grid;place-items:center;color:#fff;font-size:10px}.furniture-center-toggle b{font-size:var(--fui-2xs);font-weight:750;line-height:1.25}.furniture-floor-button{width:100%;min-height:var(--fui-button);border:1px solid #6f9582;border-radius:7px;background:#fff;color:#24543d;font-size:var(--fui-xs);font-weight:850;cursor:pointer}.furniture-placement-grid{margin-top:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.furniture-placement-grid button{min-height:var(--fui-button);padding:4px;border:1px solid #d2ddd7;border-radius:6px;background:#fff;color:#3d5c4d;font-size:var(--fui-2xs);font-weight:800;cursor:pointer}.furniture-placement-grid button:hover:not(:disabled),.furniture-floor-button:hover:not(:disabled){border-color:#4f8268;background:#e6f1eb}.furniture-placement-grid button:disabled,.furniture-floor-button:disabled{opacity:.4;cursor:not-allowed}.furniture-relative-readout{margin-top:8px;padding:8px;border-left:3px solid #d18a5b;border-radius:0 6px 6px 0;background:#fff}.furniture-relative-readout strong{display:block;color:#304f40;font-size:var(--fui-xs);font-weight:700;line-height:1.45}.furniture-relative-readout small{margin-top:3px;display:block;color:#7b8981;font-size:var(--fui-2xs)}
.furniture-advanced-position{margin-top:10px;border:1px solid #dde5e0;border-radius:8px;background:#fafbfa}.furniture-advanced-position>summary{padding:9px 10px;color:#52665b;font-size:var(--fui-xs);font-weight:800;cursor:pointer;list-style:none}.furniture-advanced-position>summary:after{content:"+";float:right;color:#809087}.furniture-advanced-position[open]>summary{border-bottom:1px solid #e1e7e3}.furniture-advanced-position[open]>summary:after{content:"−"}.furniture-advanced-position>.furniture-coordinate-grid,.furniture-advanced-position>.furniture-nudge{margin:10px}.furniture-advanced-position>.furniture-rotation-grid{margin-top:0}

/* Furniture 3D · multi-selection and visual assembly tools */
.furniture-toolbar{position:relative;overflow:visible}
.furniture-selection-actions{height:38px;padding:2px;display:flex;align-items:center;gap:2px;border:1px solid #dce3df;border-radius:7px;background:#fff}.furniture-selection-actions>span{min-width:72px;padding:0 7px;color:#617168;font-size:var(--fui-2xs);font-weight:800;white-space:nowrap}.furniture-selection-actions>button{height:32px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:#52665b;font-size:var(--fui-2xs);font-weight:850;cursor:pointer}.furniture-selection-actions>button:hover:not(:disabled),.furniture-selection-actions>button.active{background:#e6f1eb;color:#1f6041}.furniture-selection-actions>button:disabled{opacity:.28;cursor:not-allowed}
.furniture-tool-popover{position:absolute;z-index:40;top:calc(100% + 8px);width:310px;padding:13px;border:1px solid #cddbd3;border-radius:11px;background:#fff;box-shadow:0 20px 55px rgba(20,49,36,.2)}.furniture-tool-popover[hidden]{display:none!important}.furniture-mirror-popover{left:235px}.furniture-align-popover{left:300px;width:355px}.furniture-tool-popover>header{margin-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.furniture-tool-popover>header>div{display:flex;flex-direction:column}.furniture-tool-popover>header strong{font-size:var(--fui-md)}.furniture-tool-popover>header small{margin-top:2px;color:#7a8981;font-size:var(--fui-2xs)}.furniture-tool-popover>header>button{width:25px;height:25px;border:0;border-radius:6px;background:#f0f4f2;color:#718078;font-size:17px;cursor:pointer}.furniture-tool-popover>p{margin:9px 0 0;color:#76857d;font-size:var(--fui-2xs);line-height:1.45}.furniture-mirror-popover>div{display:grid;grid-template-columns:1fr;gap:5px}.furniture-mirror-popover>div>button{min-height:44px;padding:6px 8px;display:flex;align-items:center;gap:9px;border:1px solid #d9e3dd;border-radius:7px;background:#f8faf9;color:#365546;text-align:left;cursor:pointer}.furniture-mirror-popover>div>button:hover{border-color:#28a775;background:#e9f7f0;box-shadow:inset 3px 0 #28a775}.furniture-mirror-popover i{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#e7efeb;color:#236746;font-size:16px;font-style:normal}.furniture-mirror-popover span{display:flex;flex-direction:column}.furniture-mirror-popover b{font-size:var(--fui-xs)}.furniture-mirror-popover small{color:#829087;font-size:var(--fui-2xs)}
.furniture-align-popover>label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#5c6f64;font-size:var(--fui-xs);font-weight:800}.furniture-align-popover select{width:190px;height:32px;padding:0 25px 0 8px;border:1px solid #d5dfd9;border-radius:6px;background:#fff;color:#284b3b;font-size:var(--fui-xs)}.furniture-align-popover>section{margin-top:9px}.furniture-align-popover>section>span{display:block;margin-bottom:4px;color:#7d8b83;font-size:var(--fui-2xs);font-weight:850;text-transform:uppercase;letter-spacing:.07em}.furniture-align-popover>section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.furniture-align-popover>section button{min-height:32px;padding:4px;border:1px solid #d9e2dd;border-radius:6px;background:#f8faf9;color:#486054;font-size:var(--fui-2xs);font-weight:800;cursor:pointer}.furniture-align-popover>section button:hover{border-color:#27a773;background:#e7f6ee;color:#1f6948}
.furniture-component-row.primary{box-shadow:inset 3px 0 #d99061,0 0 0 1px rgba(217,144,97,.35)}.furniture-component-select strong{display:flex;align-items:center;gap:5px}.furniture-component-select mark{padding:2px 4px;border-radius:4px;background:#dfece5;color:#37634d;font-size:var(--fui-2xs);font-weight:800;white-space:nowrap}
.furniture-marquee{position:absolute;z-index:7;border:1px solid #1687ff;border-radius:3px;background:rgba(22,135,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);pointer-events:none}.furniture-canvas-wrap.is-measuring{cursor:crosshair}.furniture-selection-hud{position:absolute;z-index:5;top:12px;left:12px;max-width:290px;padding:9px 11px;display:flex;flex-direction:column;border:1px solid rgba(193,209,200,.86);border-radius:8px;background:rgba(255,255,255,.9);box-shadow:0 6px 20px rgba(24,54,41,.1);backdrop-filter:blur(8px);pointer-events:none}.furniture-selection-hud strong{font-size:var(--fui-sm)}.furniture-selection-hud span{margin-top:3px;color:#456153;font-size:var(--fui-xs);font-variant-numeric:tabular-nums}.furniture-selection-hud small{margin-top:2px;color:#79877f;font-size:var(--fui-2xs)}
.furniture-movement-hud,.furniture-measure-hud{position:absolute;z-index:8;min-width:165px;padding:8px 10px;border:1px solid rgba(38,133,93,.35);border-radius:8px;background:rgba(24,62,45,.92);color:#fff;box-shadow:0 9px 26px rgba(17,45,32,.22);text-align:center;pointer-events:none;transform:translate(-50%,-100%)}.furniture-movement-hud strong,.furniture-measure-hud strong{display:block;font-size:var(--fui-xs)}.furniture-movement-hud span,.furniture-measure-hud span{margin-top:2px;display:block;color:#c7ddd2;font-size:var(--fui-2xs);font-variant-numeric:tabular-nums}.furniture-measure-hud{min-width:190px;border-color:#61a8ed;background:rgba(24,55,80,.94);pointer-events:auto}.furniture-measure-hud>button{margin-top:6px;padding:3px 8px;border:1px solid rgba(255,255,255,.3);border-radius:5px;background:rgba(255,255,255,.1);color:#fff;font-size:var(--fui-2xs);cursor:pointer}
.furniture-inspector-multi{display:flex;flex-direction:column;gap:10px}.furniture-inspector-multi[hidden]{display:none!important}.furniture-multi-heading{padding:10px;display:flex;align-items:center;gap:9px;border:1px solid #d6e2db;border-radius:9px;background:#eef6f1}.furniture-multi-heading>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#2e6d50;color:#fff;font-size:var(--fui-md);font-weight:900}.furniture-multi-heading>div{display:flex;flex-direction:column}.furniture-multi-heading strong{font-size:var(--fui-sm)}.furniture-multi-heading small{margin-top:2px;color:#75867c;font-size:var(--fui-2xs)}.furniture-inspector-multi>label{display:flex;flex-direction:column;gap:5px;color:#586c61;font-size:var(--fui-xs);font-weight:800}.furniture-inspector-multi>label select{height:var(--fui-input);padding:0 28px 0 9px;border:1px solid #d4dfd9;border-radius:7px;background:#fff;color:#244638;font-size:var(--fui-xs)}.furniture-inspector-multi>label small{color:#829087;font-size:var(--fui-2xs);font-weight:500}.furniture-multi-size{display:grid;grid-template-columns:1fr 1fr;gap:6px}.furniture-multi-size>span{padding:8px;display:flex;flex-direction:column;border:1px solid #dce4df;border-radius:7px;background:#fafbfa}.furniture-multi-size small{color:#839089;font-size:var(--fui-2xs)}.furniture-multi-size strong{margin-top:3px;font-size:var(--fui-xs)}.furniture-multi-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.furniture-multi-actions button{min-height:var(--fui-button);border:1px solid #d3ded8;border-radius:7px;background:#fff;color:#315744;font-size:var(--fui-xs);font-weight:800;cursor:pointer}.furniture-multi-actions button:hover{border-color:#5f8e76;background:#eaf4ee}.furniture-inspector-multi>p{margin:0;padding:9px;border-left:3px solid #d68d60;border-radius:0 6px 6px 0;background:#faf6f1;color:#74685e;font-size:var(--fui-2xs);line-height:1.5}
.project-header-actions .project-3d-button{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid #d5ded9;border-radius:7px;background:#fff;color:#244c3a;transition:.2s}.project-header-actions .project-3d-button:hover{border-color:#416e58;background:#eef5f1;transform:translateY(-1px)}.project-header-actions .project-3d-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.document-furniture-sheet{min-height:720px}.document-furniture-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(210px,.55fr);gap:14px;margin:18px 0}.document-furniture-view{min-height:360px;padding:10px;border:1px solid #d8e1dc;border-radius:8px;background:#eef3f0}.document-furniture-svg{width:100%;height:100%;display:block}.document-furniture-legend{max-height:382px;padding:13px;overflow:auto;border:1px solid #dce3df;border-radius:8px;background:#fafbfa}.document-furniture-legend h3{margin:0 0 9px;font-size:12px}.document-furniture-legend>span{min-height:36px;padding:5px 0;display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;border-bottom:1px solid #e5e9e6}.document-furniture-legend>span:last-child{border-bottom:0}.document-furniture-legend b{width:18px;height:18px;grid-row:1 / 3;display:grid;place-items:center;border-radius:5px;background:#193f31;color:#fff;font-size:6px}.document-furniture-legend strong{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.document-furniture-legend small{color:#7c8982;font-size:6px}.document-notes.compact{margin-top:12px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{50%{opacity:.35}}

@media(max-width:1650px) and (min-width:1451px){
  .furniture-workspace{grid-template-columns:260px minmax(340px,1fr) 290px}
  .furniture-selection-actions>span{display:none}.furniture-selection-actions>button{padding-inline:5px}
}

@media(max-width:1450px){
  .furniture-topbar{grid-template-columns:minmax(190px,1fr) auto auto minmax(285px,.9fr);gap:10px;padding-inline:14px}
  .furniture-project-summary>span:nth-child(3){display:none}.furniture-project-summary{grid-template-columns:repeat(3,58px)}
  .furniture-save-state{display:none}.furniture-workspace{grid-template-columns:230px minmax(340px,1fr) 265px}
  .furniture-selection-actions>span{display:none}.furniture-selection-actions>button{padding-inline:5px}
}

@media(max-width:1180px) and (min-width:961px){
  .workspace-mode-tabs a{padding:0 7px}.workspace-mode-tabs a span{display:none}
  .furniture-project-summary{display:none}.furniture-topbar{grid-template-columns:minmax(190px,1fr) auto minmax(300px,1fr)}
  .furniture-workspace{grid-template-columns:215px minmax(320px,1fr) 245px}
  .furniture-help-strip{gap:9px}.furniture-help-strip span:nth-child(4),.furniture-help-strip span:nth-child(5){display:none}
  .furniture-ui-scale{display:none}.furniture-selection-actions>button{padding-inline:4px}.furniture-view-presets button:not(:first-child):not(:last-child){display:none}.furniture-align-popover{left:180px}
}

@media(max-width:960px){
  .furniture-creator{height:auto;min-height:calc(100dvh - 64px);overflow:visible}
  .furniture-topbar{height:auto;min-height:126px;padding:10px 14px;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px}
  .furniture-project-identity{grid-column:1}.workspace-mode-tabs{grid-column:2;grid-row:1}
  .furniture-project-summary{display:grid;grid-column:1;grid-row:2;justify-self:start}.furniture-project-summary>span:nth-child(3){display:none}
  .furniture-top-actions{grid-column:2;grid-row:2}.furniture-reference,.furniture-icon-button{display:none}
  .furniture-workspace{height:auto;display:grid;grid-template-columns:1fr 280px;grid-template-rows:620px auto;overflow:visible}
  .furniture-viewport-panel{grid-column:1 / -1;grid-row:1}.furniture-components-panel{grid-column:1;grid-row:2;min-height:480px;border-top:1px solid #d7e0db}.furniture-inspector{grid-column:2;grid-row:2;min-height:480px;border-top:1px solid #d7e0db}
  .furniture-ui-scale{display:none}.furniture-toolbar{overflow:visible}.furniture-selection-actions{flex:0 0 auto}.furniture-view-presets{flex:0 0 auto}
}

@media(max-width:680px){
  .furniture-topbar{min-height:170px;grid-template-columns:1fr;grid-template-rows:auto auto auto}
  .furniture-project-identity{grid-column:1;grid-row:1}.workspace-mode-tabs{grid-column:1;grid-row:2;justify-self:start}.furniture-project-summary{display:none}
  .furniture-top-actions{grid-column:1;grid-row:3;width:100%;justify-content:flex-start}.furniture-generate-button{flex:1;justify-content:center}
  .furniture-workspace{display:flex;flex-direction:column}.furniture-viewport-panel{height:520px;order:1}.furniture-components-panel{min-height:420px;order:2;border-right:0}.furniture-inspector{min-height:420px;order:3;border-left:0}
  .furniture-toolbar{overflow-x:auto}.furniture-view-presets button:not(:first-child):not(:last-child){display:none}.furniture-help-strip{justify-content:flex-start;gap:10px;overflow:hidden}.furniture-help-strip span:nth-child(n+3){display:none}
  .furniture-axis-guide{bottom:37px}.furniture-modal-grid{grid-template-columns:1fr}.furniture-modal-grid .span-two{grid-column:1}.furniture-edge-selector>div{grid-template-columns:1fr 1fr}.furniture-edge-selector>.edge-banding-selector{grid-template-columns:70px minmax(110px,1fr) 70px;grid-template-rows:38px 82px 38px}.furniture-modal-material{margin:14px 14px 0}.furniture-piece-form{padding:14px}.furniture-tool-popover{position:fixed;z-index:600;top:50%;left:50%;width:min(355px,calc(100vw - 24px));max-height:calc(100dvh - 30px);overflow:auto;transform:translate(-50%,-50%)}.furniture-selection-hud{max-width:230px}.furniture-movement-hud,.furniture-measure-hud{max-width:230px}
}

/* Diseñador 3D · flujo visual inspirado en herramientas de modelado directo */
.furniture-creator{
  --fui-2xs:11px;--fui-xs:12px;--fui-sm:13px;--fui-md:14px;--fui-lg:18px;
  --fui-input:40px;--fui-button:36px;--fui-topbar:96px;--fui-toolbar:58px;
  --fui-left-panel:318px;--fui-right-panel:326px;background:#eef2f4
}
.furniture-creator[data-ui-scale="90"]{--fui-2xs:10px;--fui-xs:11px;--fui-sm:12px;--fui-md:13px;--fui-lg:17px;--fui-input:36px;--fui-button:33px;--fui-topbar:90px;--fui-toolbar:54px;--fui-left-panel:292px;--fui-right-panel:300px}
.furniture-creator[data-ui-scale="115"]{--fui-2xs:12px;--fui-xs:13px;--fui-sm:14px;--fui-md:15px;--fui-lg:20px;--fui-input:44px;--fui-button:40px;--fui-topbar:104px;--fui-toolbar:62px;--fui-left-panel:346px;--fui-right-panel:356px}
.furniture-creator[data-ui-scale="130"]{--fui-2xs:13px;--fui-xs:14px;--fui-sm:15px;--fui-md:17px;--fui-lg:22px;--fui-input:48px;--fui-button:44px;--fui-topbar:112px;--fui-toolbar:68px;--fui-left-panel:378px;--fui-right-panel:390px}
.furniture-topbar{padding:0 22px;border-bottom-color:#d7dee2;box-shadow:0 1px 8px rgba(22,43,34,.05)}
.furniture-workspace{grid-template-columns:var(--fui-left-panel) minmax(430px,1fr) var(--fui-right-panel)}
.furniture-components-panel{padding:16px 14px 12px;border-right-color:#d8e0e4}
.furniture-inspector{padding:16px 15px;border-left-color:#d8e0e4}
.furniture-components-panel>header span,.furniture-inspector>header>span{font-size:var(--fui-2xs);letter-spacing:.11em}
.furniture-components-panel h2,.furniture-inspector h2{font-size:var(--fui-lg)}
.furniture-active-material{margin:12px 0 9px;padding:10px;border-color:#d8e0dc;border-radius:9px;background:#f5f8f6}
.furniture-active-material>header{margin-bottom:7px}.furniture-active-material>header i{width:34px;height:34px;border-radius:7px}
.furniture-active-material>div{grid-template-columns:82px minmax(0,1fr);gap:6px;margin-top:6px}.furniture-active-material>small{margin-top:6px}
.furniture-active-material select{font-size:var(--fui-xs);font-weight:700}
.furniture-piece-library{margin-bottom:10px;padding:10px;border:1px solid #d9e1e5;border-radius:10px;background:#fff}
.furniture-piece-library>header{margin-bottom:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.furniture-piece-library>header>div{display:flex;min-width:0;flex-direction:column}.furniture-piece-library>header span,.furniture-list-heading>span{color:#81908a;font-size:var(--fui-2xs);font-weight:850;letter-spacing:.1em}.furniture-piece-library>header strong{margin-top:2px;font-size:var(--fui-sm)}.furniture-piece-library>header>small{color:#8a9691;font-size:var(--fui-2xs);white-space:nowrap}
.furniture-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.furniture-preset-grid>button{min-width:0;height:64px;padding:6px 4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid #dce3e6;border-radius:7px;background:#f9fbfc;color:#2e4d40;cursor:grab;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.furniture-preset-grid>button:hover{border-color:#3d9cd2;background:#edf8ff;box-shadow:0 5px 14px rgba(32,112,156,.1);transform:translateY(-1px)}.furniture-preset-grid>button:active{cursor:grabbing}.furniture-preset-grid>button>span{min-width:0;display:flex;flex-direction:column;text-align:center}.furniture-preset-grid b{overflow:hidden;font-size:var(--fui-xs);text-overflow:ellipsis;white-space:nowrap}.furniture-preset-grid small{margin-top:1px;color:#829089;font-size:var(--fui-2xs)}
.preset-shape{position:relative;width:30px;height:19px;display:block;border:1px solid #58736a;border-radius:2px;background:linear-gradient(145deg,#88a89a,#4f7865);box-shadow:3px 3px 0 rgba(44,71,60,.14);transform:skewY(-7deg)}.preset-lateral{width:13px;height:25px}.preset-base,.preset-shelf{width:32px;height:11px}.preset-shelf{background:linear-gradient(145deg,#7da9bf,#4f778e)}.preset-back,.preset-front{width:27px;height:23px}.preset-back{background:linear-gradient(145deg,#a58ca2,#7f617a)}.preset-front{background:linear-gradient(145deg,#d0a66d,#ab7841)}.preset-custom{border-style:dashed;background:#fff;color:#3b6f57;font-size:20px;font-style:normal;line-height:17px;box-shadow:none;transform:none}
.furniture-list-heading{margin:0 2px 7px;display:flex;align-items:center;justify-content:space-between;gap:8px}.furniture-list-heading small{color:#8a9691;font-size:var(--fui-2xs)}
.furniture-component-list{gap:5px}.furniture-component-row{min-height:56px;border-radius:7px}.furniture-component-select{grid-template-columns:26px minmax(0,1fr);gap:8px;padding:7px}.furniture-component-select>span{width:24px;height:34px}.furniture-component-select strong{font-size:var(--fui-sm)}.furniture-component-select small{font-size:var(--fui-xs)}.furniture-component-select em{font-size:var(--fui-2xs)}
.furniture-project-notes{margin-top:9px;padding-top:9px}.furniture-project-notes textarea{min-height:52px;max-height:100px;font-size:var(--fui-xs)}
.furniture-toolbar{height:var(--fui-toolbar);padding:0 11px;gap:7px;border-bottom-color:#d6dee2;background:#fff;box-shadow:0 2px 8px rgba(25,48,38,.04)}
.furniture-tool-group{height:40px;border-color:#d8e0e4;border-radius:7px}.furniture-tool-group button{height:34px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--fui-xs)}.furniture-tool-group button svg,.furniture-selection-actions button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.furniture-tool-group button.active{background:#245a43}.furniture-measure-control button.active{background:#e6f5ff;color:#167bb4}
.furniture-history-controls button{width:31px;font-size:19px}.furniture-snap-control{margin-left:auto}.furniture-snap-control label{font-size:var(--fui-2xs)}.furniture-snap-control select{font-size:var(--fui-xs)}
.furniture-selection-actions{height:40px;border-color:#9ec5db;background:#f5fbff}.furniture-selection-actions[hidden]{display:none!important}.furniture-selection-actions>span{min-width:auto;color:#47718a;font-size:var(--fui-2xs)}.furniture-selection-actions>button{height:34px;padding:0 7px;display:flex;align-items:center;gap:5px;font-size:var(--fui-2xs)}.furniture-selection-actions>button:hover:not(:disabled),.furniture-selection-actions>button.active{background:#dff2fc;color:#116d9e}.furniture-selection-actions>button[hidden]{display:none!important}
.furniture-canvas-wrap{background:#eef3f5}.furniture-canvas-wrap.is-docking{cursor:crosshair;box-shadow:inset 0 0 0 3px rgba(20,151,205,.28)}.furniture-canvas-wrap.accepts-piece-drop:after{content:"Suelta la pieza sobre el plano";position:absolute;z-index:12;inset:18px;display:grid;place-items:center;border:2px dashed rgba(27,132,185,.45);border-radius:12px;background:rgba(225,245,253,.36);color:#176f9d;font-size:var(--fui-md);font-weight:850;pointer-events:none;opacity:0;transition:opacity .15s}.furniture-canvas-wrap.is-piece-drop-target:after{opacity:1}
.furniture-view-compass{position:absolute;z-index:6;top:14px;left:14px;display:flex;align-items:center;flex-direction:column;gap:6px}.furniture-view-compass>button{width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid #d3dde1;border-radius:50%;background:rgba(255,255,255,.93);color:#31584a;box-shadow:0 4px 12px rgba(25,54,42,.09);cursor:pointer}.furniture-view-compass>button:hover{border-color:#2388bf;background:#edf8fe;color:#1676a9}.furniture-view-compass>button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.furniture-view-compass>button:nth-of-type(2),.furniture-view-compass>button:nth-of-type(3){font-size:22px;font-weight:500}
.furniture-view-cube{position:relative;width:64px;height:58px;margin-bottom:3px}.furniture-view-cube button{position:absolute;padding:0;border:1px solid #92b1c1;background:#f8fcfe;color:#365c6e;font-size:9px;font-weight:900;cursor:pointer;transition:.15s}.furniture-view-cube button:hover{background:#dff3fd;color:#126e9f}.furniture-view-cube button:nth-child(1){top:0;left:13px;width:38px;height:23px;clip-path:polygon(50% 0,100% 45%,50% 100%,0 45%)}.furniture-view-cube button:nth-child(2){top:20px;left:4px;width:31px;height:31px;clip-path:polygon(0 0,100% 25%,100% 100%,0 73%)}.furniture-view-cube button:nth-child(3){top:20px;right:4px;width:31px;height:31px;clip-path:polygon(0 25%,100% 0,100% 73%,0 100%)}
.furniture-selection-hud{top:14px;left:92px;max-width:330px;padding:10px 12px;border-color:rgba(132,171,190,.62);background:rgba(255,255,255,.94)}.furniture-selection-hud strong{font-size:var(--fui-sm)}.furniture-selection-hud span{font-size:var(--fui-xs)}.furniture-selection-hud small{font-size:var(--fui-2xs)}
.furniture-inline-dimensions{position:absolute;z-index:9;top:14px;right:14px;width:294px;padding:11px;border:1px solid #bdced6;border-radius:9px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(22,49,38,.13);backdrop-filter:blur(8px)}.furniture-inline-dimensions[hidden]{display:none!important}.furniture-inline-dimensions>header{display:flex;min-width:0;flex-direction:column}.furniture-inline-dimensions>header span{color:#6b8996;font-size:var(--fui-2xs);font-weight:900;letter-spacing:.09em}.furniture-inline-dimensions>header strong{margin-top:1px;overflow:hidden;font-size:var(--fui-sm);text-overflow:ellipsis;white-space:nowrap}.furniture-inline-dimensions>div{margin-top:8px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.furniture-inline-dimensions label{display:flex;min-width:0;flex-direction:column;gap:3px;color:#65766e;font-size:var(--fui-2xs);font-weight:800}.furniture-inline-dimensions label>span{position:relative}.furniture-inline-dimensions input{width:100%;height:32px;padding:0 24px 0 7px;border:1px solid #d5e0e4;border-radius:5px;background:#fff;color:#173f30;font-size:var(--fui-xs);font-weight:800;font-variant-numeric:tabular-nums}.furniture-inline-dimensions input:focus{outline:0;border-color:#2089c1;box-shadow:0 0 0 3px rgba(32,137,193,.11)}.furniture-inline-dimensions em{position:absolute;top:50%;right:6px;color:#86938d;font-size:9px;font-style:normal;transform:translateY(-50%)}.furniture-inline-dimensions>small{margin-top:6px;display:block;color:#84918b;font-size:var(--fui-2xs)}
.furniture-dock-hud{position:absolute;z-index:11;top:15px;left:50%;min-width:370px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #63aed2;border-radius:9px;background:rgba(244,251,255,.97);color:#1a516d;box-shadow:0 10px 30px rgba(20,88,121,.15);transform:translateX(-50%)}.furniture-dock-hud[hidden],.furniture-dock-options[hidden]{display:none!important}.furniture-dock-hud strong{font-size:var(--fui-xs)}.furniture-dock-hud span{font-size:var(--fui-2xs)}.furniture-dock-hud button{height:28px;padding:0 9px;border:1px solid #9bc8dd;border-radius:5px;background:#fff;color:#236684;font-size:var(--fui-2xs);font-weight:800;cursor:pointer}.furniture-dock-options{position:absolute;z-index:10;bottom:43px;left:50%;padding:8px 10px;border:1px solid #c1d5df;border-radius:9px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(22,63,80,.13);text-align:center;transform:translateX(-50%)}.furniture-dock-options>span{display:block;margin-bottom:5px;color:#6e8792;font-size:var(--fui-2xs);font-weight:900;letter-spacing:.08em}.furniture-dock-options>div{display:flex;gap:4px}.furniture-dock-options button{height:31px;padding:0 10px;border:1px solid #d4e0e5;border-radius:5px;background:#fff;color:#4b6773;font-size:var(--fui-2xs);font-weight:800;cursor:pointer}.furniture-dock-options button.active{border-color:#248dc2;background:#e5f5fd;color:#146d9b}
.furniture-movement-hud,.furniture-measure-hud{font-size:var(--fui-xs)}.furniture-axis-guide{left:88px}.furniture-help-strip{font-size:var(--fui-2xs)}

@media(max-width:1650px){
  .furniture-creator{--fui-left-panel:286px;--fui-right-panel:300px}.furniture-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.furniture-preset-grid>button{height:58px;flex-direction:row}.furniture-toolbar{gap:5px}.furniture-selection-actions>button span{display:none}.furniture-selection-actions>button{width:34px;padding:0;justify-content:center}.furniture-selection-actions>span{display:none}.furniture-ui-scale{display:none}
}
@media(max-width:1220px) and (min-width:961px){
  .furniture-creator{--fui-left-panel:250px;--fui-right-panel:270px}.furniture-piece-library>header>small,.furniture-tool-group button span,.furniture-measure-control button span{display:none}.furniture-tool-group button{width:34px;padding:0}.furniture-snap-control button{width:auto}.furniture-inline-dimensions{width:265px}
}
@media(max-width:960px){
  .furniture-topbar{min-height:134px}.furniture-workspace{height:auto;display:grid;grid-template-columns:1fr 280px;grid-template-rows:650px auto}.furniture-toolbar{overflow-x:auto;overflow-y:hidden}.furniture-snap-control{margin-left:0}.furniture-view-compass{top:12px;left:10px}.furniture-selection-hud{left:82px}.furniture-inline-dimensions{top:auto;right:10px;bottom:42px;width:270px}.furniture-piece-library{max-width:520px}.furniture-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
  .furniture-workspace{display:flex;flex-direction:column}.furniture-viewport-panel{height:560px}.furniture-toolbar{padding-inline:7px}.furniture-tool-group button span,.furniture-measure-control button span{display:none}.furniture-tool-group button{width:34px;padding:0}.furniture-selection-actions>button{width:34px;padding:0}.furniture-snap-control label{display:none}.furniture-view-cube{display:none}.furniture-view-compass{top:9px}.furniture-view-compass>button{width:36px;height:36px}.furniture-selection-hud{top:9px;left:55px;max-width:220px}.furniture-inline-dimensions{right:8px;bottom:39px;width:calc(100% - 16px)}.furniture-dock-hud{top:8px;min-width:0;width:calc(100% - 90px);grid-template-columns:1fr auto}.furniture-dock-hud strong{grid-column:1}.furniture-dock-hud span{grid-column:1}.furniture-dock-hud button{grid-column:2;grid-row:1 / 3}.furniture-dock-options{bottom:39px;width:calc(100% - 16px)}.furniture-dock-options>div{justify-content:center}.furniture-axis-guide{left:8px}.furniture-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Furniture 3D · cabecera y biblioteca compactas en portátiles */
.furniture-project-summary{grid-template-columns:repeat(4,minmax(78px,1fr))}
.furniture-project-summary small{font-size:9px}
.furniture-reference input{width:140px}
@media(max-width:1650px) and (min-width:681px){
  .furniture-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .furniture-preset-grid>button{height:56px;flex-direction:column}
  .furniture-active-material>small{display:none}
}
@media(max-width:1400px) and (min-width:961px){
  .furniture-topbar{height:132px;min-height:132px;grid-template-columns:minmax(210px,1fr) auto minmax(330px,1fr);grid-template-rows:68px 52px;gap:0 12px;padding-block:6px}
  .furniture-project-identity{grid-column:1;grid-row:1}
  .workspace-mode-tabs{grid-column:2;grid-row:1}
  .furniture-top-actions{grid-column:3;grid-row:1}
  .furniture-project-summary{display:grid;grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(4,90px);justify-self:center}
  .furniture-project-summary>span:nth-child(3){display:flex}
  .furniture-project-summary>span{height:44px}
  .furniture-workspace{height:calc(100vh - 132px)}
}
.furniture-components-panel{overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#aebbb5 transparent}
.furniture-component-list{min-height:0;max-height:min(270px,36vh);flex:0 0 auto}