.customer-preview.customer-table-preview{--table-stage-height:clamp(330px,30vw,390px);flex:none;height:auto;min-height:0;overflow:visible;display:grid;grid-template-rows:auto auto;background:#122923;border-color:#385248}.customer-preview.customer-table-preview[data-base]{--table-stage-height:clamp(420px,38vw,500px)}.table-preview-stage{position:relative;align-self:start;min-width:0;height:var(--table-stage-height);min-height:var(--table-stage-height);overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#28443a66,transparent 70%),#122923}.table-preview-eyebrow{position:absolute;z-index:1;top:14px;left:18px;color:#b5c8bd;font:500 .6875rem/1.4 var(--brand-sans,sans-serif);text-transform:uppercase;letter-spacing:.14em;pointer-events:none}.table-preview-drawing{display:block;overflow:visible}.table-preview-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;scroll-margin-top:calc(var(--brand-header-height, 128px) + 12px)}.table-preview-stage[data-dragging=true]{cursor:grabbing}.table-preview-stage:focus-visible{outline:2px solid #c8b17c;outline-offset:-3px}.table-preview-view-actions{position:absolute;top:10px;right:12px;z-index:1;display:flex;gap:5px}.customer-portal .table-preview-view-actions button{padding:5px 8px;min-height:30px;border:1px solid #536c5f;background:#142c23;color:#d7e5db;font:400 .75rem var(--brand-sans,sans-serif);cursor:pointer}.customer-portal .table-preview-view-actions button:hover{background:#2a4738;border-color:#b6a374}.table-preview-zoom{position:absolute;z-index:1;top:10px;left:16px;display:flex;align-items:center;border:1px solid #536c5f;background:#142c23}.table-preview-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px 12px}.table-preview-header .table-preview-eyebrow,.table-preview-header .table-preview-view-actions{position:static}.table-preview-wood{padding:0 14px 10px}:is(.customer-table-preview,.customer-table-controls) .customer-wood-picker>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.table-preview-gold-control{min-width:0;padding:0 14px 10px}.customer-portal :is(.customer-table-preview,.customer-table-controls) .customer-wood-trigger{width:100%;height:64px;padding:10px 12px}:is(.customer-table-preview,.customer-table-controls) .customer-wood-samples{height:38px}.customer-portal :is(.customer-table-preview,.customer-table-controls) .customer-wood-trigger>span:first-of-type{font-size:1.125rem}.customer-portal .table-preview-zoom button{width:32px;min-height:30px;padding:0;border:0;color:#dfebdf;background:transparent;font-size:1.125rem;cursor:pointer}.customer-portal .table-preview-zoom button:disabled{opacity:.35;cursor:default}.table-preview-zoom output{min-width:52px;padding:0 4px;text-align:center;color:#e0d1aa;font-size:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.customer-portal .table-preview-color-confirm{display:block;width:100%;min-height:36px;margin-top:10px;padding:6px 12px;border:1px solid #b8a16b;background:#304538;color:#f3e6be;font-size:.875rem;cursor:pointer}.customer-portal .table-preview-color-confirm:hover{background:#425c49}.customer-dimension-entry{display:grid;grid-template-columns:minmax(0,1fr) 40px;min-width:0;border:1px solid #686e63;background:#202322}.customer-stepper>.customer-dimension-entry{border:0}.customer-portal .customer-request .customer-dimension-entry input{border:0;min-width:0;background:transparent}.customer-portal .customer-request .customer-dimension-entry select{min-width:0;width:40px;padding:0;appearance:none;border:0;border-left:1px solid #686e63;background:#29332b;color:#d7ddce;text-align:center;font-size:1.25rem;cursor:pointer}.customer-portal .customer-request .customer-dimension-entry option{color:#e5ebdf;background:#202c23;font-size:1rem}.customer-dimension-entry:focus-within{outline:1px solid #b5cdb9;outline-offset:-1px}.table-preview-view-footer{position:absolute;inset:auto 16px 12px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 16px;pointer-events:none}.table-preview-view-footer>span{color:#a9bfb1;font-size:.75rem}.table-preview-grab-icon{display:inline-block;width:16px;height:16px;margin-left:3px;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.table-preview-view-footer>strong{color:#e0d1aa;font-size:.8125rem;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.customer-portal .customer-request .table-preview-edges{margin:0;padding:10px 0 0;min-width:0;border:0;border-top:1px solid #385248}.customer-portal .customer-request .table-preview-edges legend{padding:0 10px 0 0;margin-bottom:0;font-size:.875rem;color:#e3e8df}.table-preview-edge-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}@media (max-width:360px){.table-preview-edge-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.customer-portal .customer-request .table-preview-edge-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0;min-height:80px;padding:7px 3px;border:1px solid #506357;background:#142a21;color:#c8d7cc;cursor:pointer;font-size:.75rem;text-align:center}.customer-portal .table-preview-edge-option:has(input:checked){border-color:#bda66d;color:#f1dfaf;background:#304035;box-shadow:inset 0 0 0 1px #bda66d}.customer-portal .table-preview-edge-option:has(input:focus-visible){outline:2px solid #eed9a3;outline-offset:3px}.customer-portal .table-preview-edge-option>input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0}.table-preview-edge-option svg{width:46px;height:34px;fill:#9b764543;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.customer-portal .customer-request .table-preview-edge-option>span{color:inherit}.table-preview-shadow{fill:#000;opacity:.35;transform:translateY(5px);filter:blur(8px)}.table-preview-morph{transition:d .18s ease-out}.table-preview-measures path{fill:none;stroke:#a7bfb1;stroke-width:.8;opacity:.65}.table-preview-measures text{fill:#d6e4db;font:400 12px var(--brand-sans,sans-serif);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.customer-table-preview figcaption{margin-inline:18px;padding:12px 0 14px;gap:7px;border-color:#385248}.table-preview-caption{display:flex;align-items:baseline;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}.table-preview-caption>span{color:#e3e8df;font-size:1.3125rem}.table-preview-caption>strong{font-size:1.40625rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table-preview-materials{display:flex;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:8px 0 10px;color:#d5e1d8;font-size:1.21875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table-preview-materials>span{display:flex;align-items:center;gap:10px;white-space:nowrap}.table-preview-materials i{display:inline-block;flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:1px solid #c2cdbd88}.table-preview-wood-dot{background-image:url(/textures/table-wood-grain.webp);background-size:72px 48px;background-position:50%}.table-preview-resin-dot{background:conic-gradient(#e86666,#e9da6a,#7ac27b,#5fc5da,#8180d6,#dc7abd,#e86666)}.table-preview-note{color:#aec1b6;font-size:.75rem;line-height:1.5}.table-preview-empty{display:grid;place-content:center;height:100%;margin:0;padding:36px 24px;color:#c6d9ce;text-align:center}.customer-preview.customer-table-preview--mobile{display:none}.customer-preview.customer-table-preview--demo{display:grid;height:auto;margin:0}.table-preview-appearance{padding-top:9px;border-top:1px solid #385248;margin-top:3px}:is(.table-preview-appearance,.table-preview-gold-control) :is(button,input,summary){scroll-margin-top:calc(var(--brand-header-height, 128px) + 20px)}.table-preview-color-picker{margin-bottom:10px}.customer-thickness.table-preview-mode{padding:6px 10px;margin-bottom:10px}.customer-portal .table-preview-mode-heading>label{margin:0;font-size:.8125rem;line-height:1.25}.table-preview-mode-heading>output{font-size:.875rem;line-height:1.25}.table-preview-mode .customer-thickness-control{margin-top:2px;align-items:start}.table-preview-mode .customer-thickness-control button{height:30px;font-size:1.375rem}.table-preview-mode-ticks{display:flex;justify-content:space-between;padding-inline:4px;color:#a9bfb0;font-size:.6875rem;line-height:1}.table-preview-mode-ticks>span{min-width:16px;text-align:center}.table-preview-mode-ticks>span:before{content:"";display:block;margin:0 auto 3px;width:1px;height:4px;background:currentColor}.table-preview-mode-ticks>span[data-active=true]{color:#e6f3eb}.table-preview-appearance .table-preview-mode input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#b7dfcb var(--range-progress),#738f7e var(--range-progress))}.table-preview-appearance .table-preview-mode input[type=range]::-moz-range-track{background:#738f7e}.table-preview-appearance .table-preview-mode input[type=range]::-webkit-slider-thumb{border-color:#e3f3eb;background:#3f725b}.table-preview-appearance .table-preview-mode input[type=range]::-moz-range-thumb{border-color:#e3f3eb;background:#3f725b}.table-preview-color-heading,.table-preview-gold-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.8125rem;color:#e3e8df}.table-preview-color-heading>span:last-child{color:#b9cbbf;font-size:.75rem}.table-preview-colors{display:flex;align-items:center;gap:7px;margin:5px 0 8px}.customer-portal .table-preview-swatch{flex:1 1;min-width:0;height:32px;padding:0;border:1px solid #8a9b90;border-radius:4px;color:#fff;background:linear-gradient(135deg,#ffffff24,#00000020),var(--swatch);cursor:pointer}.customer-portal .table-preview-swatch[data-transparent=true],.table-preview-resin-dot--clear{background:repeating-conic-gradient(#afc1b8 0 25%,#466154 0 50%) 0 0 /10px 10px}.table-preview-resin-dot--clear{box-shadow:0 0 0 1px #afc1b8;background-size:6px 6px}.table-preview-swatch[aria-pressed=true]{outline:2px solid #dfc47b;outline-offset:2px}.table-preview-swatch>span{text-shadow:0 1px 3px #000,0 0 3px #000}.table-preview-custom{position:relative;flex-shrink:0}.table-preview-color-actions{display:flex;align-items:center;gap:8px}.table-preview-color-heading{flex-wrap:wrap;font-size:.875rem}.table-preview-color-picker[data-color-visible=false] .table-preview-colors{opacity:.55}.customer-portal .table-preview-add-color,.customer-portal .table-preview-eye{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:6px 10px;border:1px solid #637d6d;border-radius:4px;background:#203c30;color:#e3e8df;font-size:.875rem;cursor:pointer}.table-preview-eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.customer-portal .table-preview-eye[aria-pressed=false]{background:#122923;color:#a9bfb1}.table-preview-add-color>span{font-size:1.25rem}.table-preview-transparency>summary{border:1px solid #637d6d;border-radius:4px;padding:6px 8px;font-size:.875rem!important;background:#203c30}.table-preview-transparency .table-preview-color-editor{bottom:auto;top:calc(100% + 8px)}.table-preview-transparency label{display:flex;justify-content:space-between;gap:12px}.table-preview-transparency input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#84bac6,#e1eae6)}.table-preview-transparency input[type=range]::-moz-range-track{background:linear-gradient(90deg,#84bac6,#e1eae6)}.table-preview-transparency input[type=range]::-moz-range-progress{background:transparent}.table-preview-custom>summary{display:flex;align-items:center;gap:5px;cursor:pointer;color:#dce7df;font-size:.75rem;min-height:36px;list-style:none}.table-preview-custom>summary::-webkit-details-marker{display:none}.table-preview-custom>summary>span{width:24px;height:24px;border-radius:50%;border:1px solid #c2cdbd;background:conic-gradient(#e86666,#e9da6a,#7ac27b,#5fc5da,#8180d6,#dc7abd,#e86666)}.table-preview-color-editor{position:absolute;z-index:5;bottom:calc(100% + 10px);right:0;width:250px;max-width:70vw;padding:12px;border:1px solid #b8a16b;border-radius:5px;background:#10251d;box-shadow:0 8px 28px #0009}.table-preview-color-pad{position:relative;height:120px;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,transparent);cursor:crosshair;touch-action:none}.table-preview-color-pad:focus-visible{outline:2px solid #efda97;outline-offset:3px}.table-preview-color-pad>i{position:absolute;width:14px;height:14px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009;pointer-events:none}.customer-portal .table-preview-hue-label{display:flex;justify-content:space-between;margin-top:8px;font-size:.75rem}.table-preview-hue-label output{color:#b9cbbf}.customer-portal :is(.table-preview-appearance,.table-preview-gold-control) input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;height:24px;min-height:0;padding:0;margin:2px 0 0;border:0;background:transparent;cursor:pointer;touch-action:pan-y}:is(.table-preview-appearance,.table-preview-gold-control) input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:6px;background:linear-gradient(90deg,#634415,#99752e 42%,#c3a95a 76%,#d9cc96)}:is(.table-preview-appearance,.table-preview-gold-control) input[type=range]::-moz-range-track{height:10px;border-radius:6px;background:linear-gradient(90deg,#634415,#99752e 42%,#c3a95a 76%,#d9cc96)}.table-preview-appearance input.table-preview-hue[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.table-preview-appearance input.table-preview-hue[type=range]::-moz-range-track{background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}:is(.table-preview-appearance,.table-preview-gold-control) input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:21px;height:21px;margin-top:-5.5px;border:3px solid #ffe9ab;border-radius:50%;background:#866329;box-shadow:0 1px 5px #0006}:is(.table-preview-appearance,.table-preview-gold-control) input[type=range]::-moz-range-thumb{width:15px;height:15px;border:3px solid #ffe9ab;border-radius:50%;background:#866329}.table-preview-gold-heading output{color:#edd48e;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.customer-portal .customer-order-form .customer-appearance-summary{margin:8px 0 0}.customer-portal .table-preview-gold-heading label{font-size:.8125rem}.customer-portal .customer-request-intro:has(.customer-table-preview) h1{font-size:clamp(2rem,3vw,3rem);margin:8px 0 12px}.customer-portal .customer-request-intro:has(.customer-table-preview){position:static;height:auto;display:block}.customer-request-intro:has(.customer-table-preview) .customer-table-preview{min-height:0;height:auto;margin:16px 0 0}@media (min-width:761px) and (max-height:820px){.customer-portal .customer-request-intro:has(.customer-table-preview){padding:16px}.customer-portal .customer-request-intro:has(.customer-table-preview) h1{font-size:2rem;margin:8px 0}.customer-request-intro .customer-wood-trigger{height:54px;padding-block:7px}.customer-request-intro .customer-wood-samples{height:36px}.customer-request-intro .customer-wood-picker>label{margin-bottom:4px}}@media (max-width:760px){.customer-preview.customer-table-preview--desktop{display:none}.customer-preview.customer-table-preview{--table-stage-height:300px}.customer-preview.customer-table-preview[data-base]{--table-stage-height:380px}.customer-preview.customer-table-preview--mobile{display:grid;flex:initial;height:auto;margin:0}}@media (max-width:400px){.table-preview-caption>strong{font-size:1.3125rem}.table-preview-eyebrow{font-size:.6875rem}.customer-request-intro .customer-wood-trigger{padding-inline:12px}.customer-request-intro .customer-wood-trigger>span:first-of-type{font-size:1.125rem}}@media (prefers-reduced-motion:reduce){.table-preview-morph{transition:none}}.customer-portal .customer-request-intro:has(.customer-table-controls){position:static;height:auto;display:block}.customer-portal .customer-request-intro:has(.customer-table-controls) h1{font-size:clamp(2rem,3vw,3rem);margin:8px 0 20px}.customer-table-controls{min-width:0;padding:14px 0 0;border:1px solid #385248;background:#122923}.customer-table-controls>.table-preview-appearance{margin:0 14px;padding-block:12px}.shared-drive-panel{margin:0 0 24px;border:1px solid #c79c46;border-radius:20px;background:linear-gradient(110deg,#173c37,#122b29);color:#fff;overflow:hidden}.shared-drive-main{display:flex;gap:22px;align-items:center;padding:26px 28px;color:inherit;text-decoration:none}.shared-drive-main svg{flex-shrink:0}.shared-drive-main small{color:#e7c986;letter-spacing:.12em;font-size:12px}.shared-drive-main h2{font-size:27px;margin:4px 0 6px}.shared-drive-main p{font-size:16px;color:#d5e3de;margin:0}.shared-drive-main b{font-size:32px;margin-left:auto}.shared-drive-links{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;padding:0 28px 16px}.shared-drive-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:52px;border:2px solid #d6ab57;border-radius:12px;padding:12px 20px;color:#fff7e5;text-decoration:none;font-size:16px;font-weight:650;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.shared-drive-links a.shared-drive-gallery{grid-row:span 2;justify-content:flex-start;min-height:116px;padding:24px 28px;border-color:#efc873;background:linear-gradient(120deg,#344b34,#203c30);box-shadow:inset 0 0 24px #e9bd5d12,0 5px 20px #0002;font-size:clamp(24px,2.4vw,34px);font-weight:750;letter-spacing:-.02em}.shared-drive-gallery svg{flex-shrink:0;color:#f0ca79}.shared-drive-gallery>span:last-child{margin-left:auto;color:#f0ca79;font-size:32px}.shared-drive-links a:focus-visible,.shared-drive-links a:hover{border-color:#ffe2a0;background-color:#476044;box-shadow:0 0 0 3px #edc67535,0 8px 22px #0003;transform:translateY(-2px)}.shared-drive-links a.shared-drive-gallery:focus-visible,.shared-drive-links a.shared-drive-gallery:hover{background:linear-gradient(120deg,#53643c,#344e34);box-shadow:0 0 0 3px #edc67555,0 10px 26px #0004}.shared-drive-main{transition:background-color .18s ease,box-shadow .18s ease}.shared-drive-main:focus-visible,.shared-drive-main:hover{background:#e9bd5d1c;box-shadow:inset 0 0 0 2px #efc873}.shared-drive-hint{padding:0 28px 17px;margin:0;color:#cfddd6;font-size:13px}.request-actions{display:flex;flex-wrap:wrap;gap:12px;padding:0 22px 22px;align-items:center}.request-actions select{padding:10px;border:1px solid #496050;border-radius:8px;background:#fff;color:#173c37;font-size:14px}.request-preview{padding:10px 22px 20px}.request-preview .customer-table-preview{display:block!important;width:100%;max-width:720px;position:static;margin:0 auto;aspect-ratio:auto}.request-preview .table-preview-stage{height:340px}.request-details dd{white-space:pre-wrap;overflow-wrap:anywhere}.request-catalog-photo{width:100%;max-height:400px;object-fit:contain}.workshop-empty{padding:22px;color:var(--muted,#65736b)}.workshop-feedback{padding:12px 20px;color:#8b2f18;background:#fff0de;border-radius:8px}.workshop-refresh{display:flex;gap:10px;align-items:center}.workshop-inbox{margin-bottom:22px}@media(max-width:650px){.shared-drive-main{gap:14px;padding:20px}.shared-drive-main h2{font-size:22px}.shared-drive-main svg{width:38px}.shared-drive-links{grid-template-columns:minmax(0,1fr);padding:0 20px 16px}.shared-drive-links a.shared-drive-gallery{grid-row:auto;min-height:116px;padding:22px 20px}.shared-drive-hint{padding:0 20px 16px}.request-preview{padding:8px}.request-preview .table-preview-stage{height:270px}.workshop-refresh{flex-wrap:wrap}}.workshop-edit-fields{border:0;padding:0;margin:0;min-width:0;display:contents}.workshop-edit-fields:disabled{opacity:.7}.app-shell :is(button,[role=button],summary.project-card,a.secondary-button,.nav-item,.text-button,.button-link,.profile-button,.wide-link,.drive-folder-link,.upload-button,.project-photo-actions label,.wood-reference-actions label,.mobile-nav a){border:1px solid #c99a48;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.app-shell .text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 11px;border-radius:9px;text-decoration:none}.app-shell :is(button,[role=button],summary.project-card,a.secondary-button,.nav-item,.text-button,.button-link,.profile-button,.wide-link,.drive-folder-link,.upload-button,.project-photo-actions label,.wood-reference-actions label,.mobile-nav a):is(:hover,:focus-visible):not(:disabled):not([aria-disabled=true]){border-color:#e4b553;box-shadow:inset 0 0 0 999px #dbaa4426,0 0 0 2px #dbaa4440;transform:translateY(-1px)}.app-shell :is(button,a,summary.project-card,[role=button]):focus-visible{outline:3px solid #e5b859;outline-offset:3px}.app-shell :is(button,[role=button],a):active:not(:disabled){transform:translateY(0)}@media(prefers-reduced-motion:reduce){.app-shell :is(button,a,summary.project-card,[role=button]){transition:none!important;transform:none!important}}.app-shell :is(.project-photo-actions label,.wood-reference-actions label):focus-within{outline:3px solid #e5b859;outline-offset:3px}