@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#392d2a;--muted:#8a827b;--paper:#faf9f6;--line:#e5e0d8;--accent:#783e42;--sage:#e8eacb}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible){outline-offset:3px;outline:3px solid #a47e65}a{color:inherit;text-decoration:none}button{background:0 0;border:0}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:92px;margin:0 4.5%;display:flex}.logo{letter-spacing:-2px;font-family:Manrope,sans-serif;font-size:34px;font-weight:800}.logo span{vertical-align:top;letter-spacing:0;margin:8px 0 0 4px;font:10px DM Sans,sans-serif;display:inline-block}.header-tag{color:#7d746e;font-size:12px}.header-actions{align-items:center;gap:25px;display:flex}.text-button{align-items:center;gap:8px;padding:10px 0;font-size:12px;display:inline-flex}.admin-link{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}main{max-width:1560px;margin:auto;padding:40px 4.5% 0}.intro{justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:2px;margin:0 0 13px;font-size:10px;font-weight:600}.intro .eyebrow{color:#8b7464;align-items:center;gap:8px;display:flex}.eyebrow>span{background:#a39379;border-radius:50%;width:5px;height:5px}h1{letter-spacing:-2.1px;margin:0;font-family:Georgia,serif;font-size:49px;font-weight:400;line-height:1.08}h1 em{color:var(--accent);font-weight:400}.intro>p{color:#81776f;margin:22px 0 0;font-size:12px;line-height:1.8}.step-nav{border-bottom:1px solid var(--line);gap:6px;margin-bottom:24px;padding-bottom:20px;display:flex}.step-nav button{text-align:left;white-space:nowrap;flex:1;align-items:center;gap:10px;min-height:42px;padding:5px 10px;display:flex;position:relative}.step-nav button>span{color:#9e9388;border:1px solid #ddd6cb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:10px;display:flex}.step-nav b{font-size:12px;font-weight:500}.step-nav .active>span{background:var(--ink);border-color:var(--ink);color:#fff}.step-nav .active b{font-weight:700}.step-nav .complete>span{background:var(--sage);border-color:var(--sage);color:#65714d}.step-nav i{background:var(--line);flex:1;height:1px;margin-left:12px}.workspace{grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);align-items:start;gap:38px;display:grid}.visual{background:#f0eee8;border-radius:16px;min-width:0;position:sticky;top:24px;overflow:hidden}.visual-top{justify-content:space-between;align-items:center;gap:15px;padding:23px 26px 0;display:flex}.small-cap{letter-spacing:1.5px;color:#9a8e82;font-size:9px}.visual-top h2{letter-spacing:-.8px;margin:6px 0 0;font-size:24px;font-weight:550}.visual-top h2 span{letter-spacing:0;color:#93877d;margin-left:10px;font-size:11px;font-weight:400}.photo-label{white-space:nowrap;background:#ffffffb8;border:1px solid #fff;border-radius:20px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;display:flex}.dot{background:#8d9b68;border-radius:50%;width:5px;height:5px}.dot.amber{background:#b98b52}.product-stage{border-radius:10px;justify-content:center;align-items:center;height:450px;margin:18px 20px 0;display:flex;position:relative;overflow:hidden}.hero-image{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:opacity .15s}.zoom-button{background:#ffffffc9;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:10px;right:10px}.photo-arrow{background:#ffffffe3;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:50%}.photo-arrow svg{width:17px}.photo-arrow.prev{left:4px}.photo-arrow.next{right:4px}.view-footer{align-items:center;gap:12px;padding:20px 26px 16px;display:flex}.thumbnails{scrollbar-width:thin;flex:1;gap:7px;padding:3px;display:flex;overflow:auto}.thumbnails button{opacity:.65;background:#fff;border:1px solid #0000;border-radius:5px;width:39px;min-width:39px;height:45px;padding:2px;overflow:hidden}.thumbnails button.selected{opacity:1;border-color:#725546}.thumbnails img{object-fit:cover;width:100%;height:100%}.angle-count{color:#9c8f81;white-space:nowrap;font-size:10px}.visual-note{color:#8e8479;border-top:1px solid #e4dfd6;align-items:start;gap:8px;padding:13px 25px 16px;font-size:9px;line-height:1.5;display:flex}.visual-note svg{flex-shrink:0}.choices{flex-direction:column;min-width:0;min-height:655px;padding:20px 0 0;display:flex}.choice-heading .eyebrow{color:#a39080;font-size:9px}.choice-heading h2{letter-spacing:-1px;margin:0 0 10px;font-family:Georgia,serif;font-size:31px;font-weight:400}.choice-heading>p:last-child{color:#998c7e;margin:0 0 25px;font-size:11px;line-height:1.7}.options-scroll{scrollbar-width:thin;flex:1;min-height:290px;max-height:440px;padding:3px 5px 8px 1px;overflow:auto}.height-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.height-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;min-height:248px;padding:0;position:relative;overflow:hidden}.height-card.selected{border-color:#8b6350;box-shadow:0 0 0 1px #8b6350}.height-card img{object-fit:contain;mix-blend-mode:multiply;background:#f4f2ec;width:100%;height:166px;padding:10px}.height-card>div{padding:14px}.height-card b{margin-bottom:6px;font-size:12px;display:block}.height-card>div>span{color:#94877b;font-size:9px;line-height:1.4}.option-check{z-index:1;background:#fff;border:1px solid #d6cfc4;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:11px;right:11px}.selected>.option-check{background:var(--ink);border-color:var(--ink);color:#fff}.tip{color:#9b8b78;align-items:center;gap:13px;padding:20px 0;display:flex}.tip svg{color:#948773;flex-shrink:0}.tip p{margin:0;font-size:10px;line-height:1.8}.tip b{color:#766756;font-weight:550}.choice-bottom{border-top:1px solid var(--line);margin-top:23px;padding:19px 0 0}.selection-preview{justify-content:space-between;align-items:center;margin-bottom:15px;font-size:11px;display:flex}.selection-preview>span{color:#9b8d7f}.selection-preview b{font-weight:500}.navigation{gap:10px;display:flex}.primary{background:var(--ink);color:#fff;border-radius:5px;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:14px 20px;font-size:12px;font-weight:500;transition:background .2s;display:flex}.primary:hover{background:var(--accent)}.navigation .primary{flex:1}.back{border:1px solid var(--line);border-radius:5px;place-items:center;width:48px;display:grid}.wide{width:100%}.model-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.model-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;padding:8px 8px 12px;position:relative}.model-card.selected,.leg-card.selected{border-color:#8b6350;box-shadow:0 0 0 1px #8b6350}.model-card img{object-fit:contain;mix-blend-mode:multiply;background:#f3f1eb;border-radius:5px;width:100%;height:105px}.model-card b{margin:10px 0 3px;font-size:12px;display:block}.model-card small{color:var(--muted);font-size:8px}.search{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;min-height:42px;margin-bottom:12px;padding:12px 13px;font-size:11px}.original-fabric{border:1px solid var(--line);text-align:left;background:#fff;border-radius:7px;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding:8px;display:flex}.original-fabric.selected{border-color:#8b6350}.original-fabric>img{object-fit:cover;border-radius:4px;width:40px;height:42px}.original-fabric>div{flex:1}.original-fabric b{font-size:11px;display:block}.original-fabric span{color:var(--muted);font-size:9px}.fabric-grid{grid-template-columns:repeat(5,1fr);gap:15px 9px;display:grid}.fabric-card{text-align:left;padding:0}.fabric-card>div{border:2px solid #0000;border-radius:8px;height:67px;padding:2px;position:relative}.fabric-card.selected>div{border-color:#795c4d}.fabric-card img{object-fit:cover;border-radius:5px;width:100%;height:100%}.fabric-card>div>span{color:var(--ink);background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:5px;right:5px}.fabric-card b{overflow-wrap:anywhere;margin:5px 3px 2px;font-size:9px;display:block}.fabric-card small{color:var(--muted);margin-left:3px;font-size:9px}.muted-note{color:var(--muted);margin-top:16px;font-size:9px;line-height:1.6}.leg-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.leg-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;padding:10px 10px 14px;position:relative}.leg-crop{background:#f1efe9;border-radius:5px;height:115px;overflow:hidden}.leg-crop img{object-fit:cover;object-position:center bottom;mix-blend-mode:multiply;width:100%;height:245px;transform:translateY(-125px)}.leg-card>b{margin:13px 0 5px;font-size:11px;display:block}.leg-card>small{color:var(--muted);font-size:9px}.metal-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.metal-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:10px;padding:10px;position:relative}.metal-card.selected{border-color:#8b6350;box-shadow:0 0 0 1px #8b6350}.metal-swatch{border:3px solid #f1eee8;border-radius:50%;width:60px;height:60px;margin:10px auto 14px;overflow:hidden}.metal-swatch img{object-fit:cover;width:100%;height:100%;transform:scale(1.8)}.metal-card b{font-size:11px;font-weight:500}.metal-card>svg{position:absolute;top:7px;right:5px}.notice{color:#786c5e;background:#eeeadf;border-radius:6px;margin-bottom:12px;padding:10px 26px 10px 10px;font-size:10px;line-height:1.6;position:relative}.notice button{position:absolute;top:6px;right:4px}.summary{margin:0}.summary>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:11px 0;font-size:11px;display:flex}.summary dt{color:#998b7d}.summary dd{text-align:right;margin:0}.price{margin:22px 0}.price>span{font:25px Georgia,serif;display:block}.price>small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.summary-buttons{gap:10px;display:flex}.summary-buttons button{border:1px solid var(--line);border-radius:5px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:45px;font-size:10px;display:flex}.config-code{color:var(--muted);letter-spacing:.5px;overflow-wrap:anywhere;margin:20px 0 0;font-size:8px;line-height:1.8}.edit-design{color:var(--muted);margin:6px auto 0;display:flex}.below{border-bottom:1px solid var(--line);justify-content:center;gap:58px;margin-top:23px;padding:27px 0;display:flex}.below>span{color:#8a8175;align-items:center;gap:8px;font-size:10px;display:flex}.below svg{color:#8e966b}footer{color:#a09689;align-items:center;gap:18px;padding:30px 4.5%;display:flex}footer .logo{color:var(--ink);font-size:23px}footer>span{font-size:10px}footer button{align-items:center;gap:6px;margin-left:auto;font-size:10px;display:flex}.loading{flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:100vh;display:flex}.loading>b{letter-spacing:-3px;font:800 45px Manrope,sans-serif}.loading>b>span{vertical-align:top;font:10px sans-serif}.loading>p{color:var(--muted);font-size:12px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#211a16a8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border-radius:15px;width:min(460px,100%);max-height:92dvh;padding:35px;position:relative;overflow:auto}.modal .close{z-index:2;min-width:34px;min-height:34px;position:absolute;top:13px;right:13px}.modal h2{letter-spacing:-1px;margin:15px 0;font:30px Georgia,serif}.modal p{color:var(--muted);font-size:12px;line-height:1.8}.modal .eyebrow{font-size:9px}.modal .qr{width:160px;height:160px;margin:24px auto;display:block}.modal input,.modal textarea{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;margin:7px 0 14px;padding:12px;font-size:12px}.modal label{font-size:11px}.modal small{color:var(--muted);margin-top:15px;font-size:9px;line-height:1.7;display:block}.modal>.primary{margin-top:8px}.quote-success{text-align:center;padding:15px 0}.quote-success>svg{color:#778457}.quote-success .primary{margin:25px auto 0}.zoom-modal{background:#eeeae2;width:min(1000px,95vw);padding:20px}.zoom-stage{place-items:center;height:75dvh;display:grid;overflow:auto}.zoom-stage img{object-fit:contain;transform-origin:50%;width:100%;height:100%;transition:transform .2s}.zoom-controls{justify-content:center;align-items:center;gap:25px;margin-top:15px;display:flex}.zoom-controls button{border:1px solid #cfc5b9;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.zoom-controls span{font-size:11px}.error-toast{color:#fff;z-index:40;background:#7f3f3f;border-radius:7px;align-items:center;gap:20px;max-width:90%;padding:15px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.kiosk .admin-link,.kiosk .header-tag{display:none}.kiosk header{height:70px}.kiosk .intro{margin-bottom:20px}.kiosk main{padding-top:25px}.kiosk button{min-height:48px}.admin-page{max-width:1300px;margin:auto;padding:35px}.admin-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.admin-page h1{font-size:36px}.admin-stats{flex-wrap:wrap;gap:14px;margin:24px 0;display:flex}.admin-stats>div{background:#eeeadf;border-radius:8px;flex:1;min-width:120px;padding:18px}.admin-stats strong{font:28px Georgia,serif;display:block}.admin-stats span{color:var(--muted);font-size:11px}.admin-tabs{gap:10px;margin:25px 0;display:flex}.admin-tabs button{border:1px solid var(--line);border-radius:6px;padding:12px}.admin-tabs .selected{background:var(--ink);color:#fff}.admin-table{border-collapse:collapse;background:#fff;width:100%;font-size:11px}.admin-table th,.admin-table td{border:1px solid var(--line);text-align:left;padding:10px}.admin-table img{object-fit:contain;width:55px;height:60px}.admin-table input:not([type=checkbox]),.admin-table select{border:1px solid var(--line);border-radius:4px;width:100px;padding:9px}.admin-table input[type=number]{width:80px}.admin-page textarea{border:1px solid var(--line);border-radius:8px;width:100%;min-height:350px;padding:15px;font:11px monospace}.admin-notes{background:#eeeadd;border-radius:8px;padding:20px;font-size:12px;line-height:1.8}.admin-status{color:#6a7652;margin:15px 0;font-size:12px}.admin-list{overflow:auto}.admin-table input[type=file]{width:200px}.quote-row{border:1px solid var(--line);background:#fff;border-radius:7px;margin-bottom:12px;padding:18px}.quote-row p{font-size:12px;line-height:1.8}.quote-row small{color:var(--muted)}@media (min-width:1450px){.product-stage{height:530px}.options-scroll{max-height:520px}.choices{min-height:735px}}@media (max-width:1050px){header .header-tag{display:none}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(340px,1fr);gap:22px}h1{font-size:41px}.intro>p{font-size:11px}.product-stage{height:420px}.visual-top{padding:20px 18px 0}.visual-top h2 span{margin:3px 0;display:block}.choice-heading h2{font-size:27px}.fabric-grid{grid-template-columns:repeat(4,1fr)}.step-nav button{padding:4px}.step-nav i{margin-left:3px}.below{gap:25px}}@media (max-width:760px){header{height:70px;margin:0 5%}.logo{font-size:29px}.header-actions{gap:15px}.text-button{font-size:10px}.header-actions .text-button span{display:none}.admin-link{font-size:10px}main{padding:28px 5% 0}.intro{margin-bottom:22px;display:block}.intro>p{display:none}.intro .eyebrow{margin-bottom:10px;font-size:8px}h1{letter-spacing:-1.5px;font-size:36px}.step-nav{gap:0;margin-bottom:16px;padding-bottom:14px}.step-nav button{flex-direction:column;justify-content:center;gap:6px;min-height:52px;padding:0}.step-nav button>span{width:25px;height:25px;font-size:9px}.step-nav b{font-size:9px}.step-nav i{display:none}.workspace{grid-template-columns:1fr;gap:10px}.visual{z-index:5;border-radius:10px;position:sticky;top:0;box-shadow:0 5px 10px #392d2a05}.visual-top{padding:12px 14px 0}.visual-top h2{margin-top:2px;font-size:19px}.visual-top h2 span{margin-left:6px;font-size:9px;display:inline}.small-cap{font-size:7px}.photo-label{padding:6px 8px;font-size:8px}.product-stage{height:245px;margin:9px 12px 0}.view-footer{padding:9px 14px 10px}.thumbnails button{width:28px;min-width:28px;height:33px}.thumbnails{gap:5px}.visual-note{display:none}.choices{min-height:0;padding:18px 0 0}.choice-heading h2{font-size:28px}.choice-heading .eyebrow{margin-bottom:9px;font-size:8px}.choice-heading>p:last-child{margin-bottom:18px}.options-scroll{min-height:0;max-height:none;overflow:visible}.height-card{min-height:210px}.height-card img{height:139px}.height-card>div{padding:12px}.tip{padding-bottom:8px}.choice-bottom{background:var(--paper);z-index:6;box-shadow:0 -8px 20px var(--paper);margin-top:16px;padding:13px 0 14px;position:sticky;bottom:0}.selection-preview{margin-bottom:10px}.model-grid{grid-template-columns:repeat(3,1fr)}.model-card img{height:105px}.fabric-grid{grid-template-columns:repeat(5,1fr)}.fabric-card>div{height:61px}.below{display:none}footer{gap:10px;padding:23px 5%}footer>span{display:none}.modal{padding:28px 23px}.zoom-modal{padding:12px}.admin-page{padding:20px}.admin-top{align-items:start;gap:12px}.admin-top h1{font-size:26px}.admin-tabs{flex-wrap:wrap}.admin-table input:not([type=checkbox]){width:85px}.kiosk .intro{display:none}.kiosk .product-stage{height:235px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (pointer:coarse),(max-width:760px){.photo-arrow,.zoom-button{width:44px;height:44px}.thumbnails button{width:44px;min-width:44px;height:44px}.notice button,.error-toast button{min-width:44px;min-height:44px}}.kiosk .photo-arrow,.kiosk .zoom-button{width:44px;height:44px}.kiosk .thumbnails button{width:44px;min-width:44px;height:44px}