:root{--paper:#f1f1f1;--white:#fff;--ink:#242424;--muted:#686868;--line:#d9d9d6;--accent:#665441;--soft:#e9e5df;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{background:none;border:0}button svg,a svg{width:19px;height:19px;flex-shrink:0;vertical-align:middle}button svg{pointer-events:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,3vw,40px);line-height:1.08;font-weight:500;letter-spacing:-1.3px}h2{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.7px}h3{font-size:18px;font-weight:500}small{font-size:13px;line-height:1.5}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:90}.skip:focus{top:10px}.site-header{height:85px;border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;gap:32px;background:#fff}.brand{text-decoration:none;font-size:38px;font-weight:600;letter-spacing:-2px;line-height:1}.brand img{width:126px;height:51px;object-fit:contain;display:block}.header-note{font-size:11px;letter-spacing:2px;color:var(--muted);border-left:1px solid var(--line);padding-left:32px}.site-header>.quiet{margin-left:auto;font-size:14px}.quiet{min-height:44px;padding:8px 0;display:inline-flex;gap:8px;align-items:center;text-underline-offset:5px}.quiet:hover{text-decoration:underline}.primary,.secondary{min-height:48px;padding:13px 22px;display:inline-flex;justify-content:center;align-items:center;gap:10px;text-align:center;text-decoration:none;font-size:15px;line-height:1.4;border:1px solid var(--ink);border-radius:3px}.primary{background:var(--ink);color:#fff}.primary:hover{background:#414141}.secondary{background:transparent;color:var(--ink)}.secondary:hover{background:#e8e8e5}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:500;text-transform:uppercase;color:var(--muted);margin-bottom:13px}.page{max-width:1280px;margin:auto;padding:34px 24px 140px}.product-context{display:flex;align-items:center;gap:24px;margin:2px 0 34px}.product-context img{width:100px;height:100px;object-fit:contain;background:#fff;border-radius:4px}.product-context .eyebrow{margin-bottom:7px}.product-context .intro{margin-top:12px;line-height:1.5;color:var(--muted);font-size:15px}.product-context .product-link{margin-left:auto;align-self:center;font-size:14px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:48px;align-items:start}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:24px;min-height:50px}.tab{padding:0 0 16px;border-bottom:2px solid transparent;font-size:18px;display:flex;gap:8px;align-items:center;white-space:nowrap}.tab[aria-selected=true]{border-color:var(--ink)}.tab-count{font-size:12px;color:var(--muted)}.filters{display:flex;align-items:end;gap:18px;margin-bottom:22px}.field{display:flex;flex-direction:column;gap:9px;font-size:14px;min-width:0}.field>small{color:var(--muted)}.field input,.field select{width:100%;min-height:48px;background:#fff;border:1px solid #bfbfbc;border-radius:3px;padding:12px;font-size:16px;line-height:1.4}.field input::placeholder{color:#888}.filters .field{flex:1}.filters .field select{background:transparent;border-width:0 0 1px;border-radius:0;padding:9px 18px 9px 0;min-height:42px;font-size:14px}.filter-count{font-size:13px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;min-height:30px}.filter-count button{font-size:13px;min-height:36px;padding:0;display:flex;align-items:center;gap:7px}.filter-count button[aria-pressed=true]{color:var(--accent);font-weight:bold}.swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 17px}.swatch-grid.finishes{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px;max-width:630px}.swatch{min-width:0;position:relative}.swatch-main{display:block;text-align:left;padding:0;width:100%;border:0;background:transparent}.crop{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#e8e5e0;border-radius:3px}.crop>img{position:absolute;max-width:none;height:auto;display:block}.swatch-main .crop{outline:1px solid #0000000b;outline-offset:-1px;transition:box-shadow .15s}.swatch-main:hover .crop{box-shadow:0 0 0 2px #24242455}.swatch-main[aria-pressed=true] .crop{box-shadow:0 0 0 2px var(--ink)}.swatch .tick{position:absolute;right:7px;top:7px;width:25px;height:25px;background:#ffffffed;color:var(--ink);border-radius:50%;display:grid;place-items:center;box-shadow:0 1px 4px #0002;font-size:14px}.swatch-main[aria-pressed=true] .tick{background:var(--ink);color:white}.swatch-title{display:block;font-size:14px;font-weight:500;line-height:1.3;margin-top:11px;overflow-wrap:anywhere}.swatch-color{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.4}.zoom{display:flex;align-items:center;gap:6px;text-align:left;min-height:38px;padding:6px 0;font-size:12px;color:var(--muted)}.zoom svg{width:14px;height:14px}.zoom:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.empty{border:1px dashed var(--line);padding:30px;line-height:1.7;grid-column:1/-1}.material-note{font-size:14px;line-height:1.6;color:var(--muted);max-width:670px;margin:0 0 20px}.material-note:empty{display:none}.part-controls{padding:16px 0 20px;margin-bottom:8px;border-bottom:1px solid var(--line)}.part-controls>.field{max-width:380px}.segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);background:#e8e8e5;border-radius:4px;width:max-content;max-width:100%;margin-top:12px}.segmented button{padding:10px 20px;min-height:42px;font-size:14px;border-radius:3px}.segmented button[aria-pressed=true]{background:white;box-shadow:0 1px 3px #0001}.basket{position:sticky;top:28px;background:white;padding:24px;border:1px solid var(--line);border-radius:4px}.basket-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.number-badge{width:27px;height:27px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:13px}.basket-empty{font-size:14px;line-height:1.7;color:var(--muted);margin:4px 0 22px}.basket-items{max-height:320px;overflow:auto;margin-bottom:15px}.basket-row{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #e9e9e5;font-size:13px;line-height:1.4}.basket-row>.crop{width:42px;flex:0 0 42px}.basket-row>span{flex:1}.basket-row small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.remove{display:grid;place-items:center;min-width:36px;min-height:40px;font-size:21px;font-weight:300}.basket .primary,.basket .secondary{width:100%}.basket .micro{margin:14px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}.basket .clear-all{font-size:12px;margin:12px auto 0;display:block;min-height:35px;text-decoration:underline;text-underline-offset:4px}.muestrarios{margin-top:34px;padding-top:18px;border-top:1px solid var(--line)}.muestrarios summary{cursor:pointer;min-height:44px;font-size:14px;display:flex;justify-content:space-between;align-items:center;list-style:none}.muestrarios summary::after{content:'+';font-size:23px}.muestrarios[open] summary::after{content:'−'}.sheet-buttons{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.sheet-buttons button{font-size:13px;padding:10px 13px;border:1px solid var(--line);min-height:42px;border-radius:3px}.fine-print{font-size:12px;line-height:1.6;color:var(--muted);margin-top:20px;max-width:670px}.page-footer{display:flex;gap:24px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.page-footer a{text-decoration:none;min-height:32px}.action-bar{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid var(--line);padding:14px 24px calc(14px + env(safe-area-inset-bottom));display:none;align-items:center;justify-content:space-between;gap:18px}.action-info{min-width:0}.action-info strong{display:block;font-size:14px;font-weight:500}.action-info small{font-size:12px;color:var(--muted)}.action-bar .primary{min-height:44px;padding:11px 16px;font-size:14px}.drawer{inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(100%,530px);max-width:100%;padding:0;border:0;background:#fafaf9;color:var(--ink);box-shadow:-12px 0 80px #0002}.drawer::backdrop,.builder-dialog::backdrop{background:#0006;backdrop-filter:blur(3px)}.dialog-head{position:sticky;top:0;z-index:4;padding:23px 26px;background:#fafaf9f5;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start;gap:20px}.dialog-head h2{font-size:23px;line-height:1.25}.dialog-head small{display:block;color:var(--muted);margin-top:5px}.close{min-width:38px;min-height:38px;font-size:30px;line-height:1;font-weight:300}.dialog-body{padding:26px}.dialog-body .full-sheet{width:100%;height:auto;display:block}.dialog-body>.crop{border-radius:4px}.detail-meta{margin-top:20px;display:flex;justify-content:space-between;gap:20px}.detail-meta p{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.5}.dialog-actions{position:sticky;bottom:0;background:#fafaf9f5;padding:16px 26px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:grid;gap:8px}.dialog-actions>.primary,.dialog-actions>.secondary{width:100%}.dialog-actions>.quiet{justify-content:center;font-size:13px}.detail-nav{display:flex;gap:10px;margin-top:22px}.detail-nav button{flex:1;min-height:44px;border:1px solid var(--line);font-size:14px}.selection-rows>.basket-row{font-size:15px;gap:16px;padding:18px 0}.selection-rows .basket-row>.crop{width:65px;flex-basis:65px}.selection-rows .basket-row small{font-size:13px}.builder-page{max-width:1160px;margin:0 auto;padding:58px 24px 80px}.builder-layout{display:grid;grid-template-columns:1fr .92fr;gap:100px;align-items:start}.builder-intro{line-height:1.6;color:var(--muted);font-size:16px;margin-top:18px;max-width:400px}.builder-fields{display:grid;gap:22px;margin-top:32px}.builder-fields .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.optional{color:var(--muted);font-weight:normal;font-size:12px}.builder-result{margin-top:26px;padding-top:23px;border-top:1px solid var(--line)}.builder-result .link-field{display:flex;margin-top:10px;border:1px solid var(--line);border-radius:3px;background:white;overflow:hidden}.link-field input{min-width:0;flex:1;padding:13px 12px;border:0;background:none;font-size:13px}.link-field button{padding:12px;min-width:48px;border-left:1px solid var(--line)}.builder-result label{font-size:14px}.builder-buttons{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.builder-buttons .primary,.builder-buttons .secondary{flex:1;white-space:nowrap}.client-preview{background:#e7e5e1;border-radius:5px;overflow:hidden;position:sticky;top:30px;margin-top:0}.preview-top{padding:28px 30px 20px;display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:1.7px;color:#625d57}.preview-product{height:300px;display:grid;place-items:center;padding:8px 35px 22px}.preview-product img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.preview-product .generic-model{font-size:38px;line-height:1.2;text-align:center;color:#6b6258}.preview-bottom{background:#fff;padding:26px 30px 30px}.preview-bottom h2{font-size:26px}.preview-bottom p{font-size:14px;line-height:1.6;color:var(--muted);margin-top:10px}.preview-swatches{display:flex;gap:10px;margin-top:22px}.preview-swatches .crop{max-width:64px;flex:1}.builder-dialog{width:min(1040px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;background:var(--paper);border-radius:5px}.builder-dialog .builder-page{padding:26px 30px 35px}.builder-dialog .builder-layout{gap:48px}.builder-dialog .preview-product{height:240px}.builder-dialog .dialog-head{background:var(--paper)}.loading{padding:50px 25px;text-align:center;color:var(--muted);font-size:16px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:100;background:var(--ink);color:#fff;border-radius:3px;padding:13px 20px;font-size:14px;max-width:90%;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}[hidden]{display:none!important}@media(min-width:1450px){.swatch-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 240px;gap:28px}.swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.basket{padding:20px}.builder-layout{gap:50px}}@media(max-width:760px){.site-header{height:70px;padding:0 20px;gap:18px}.brand{font-size:32px}.brand img{width:100px;height:40px}.header-note{font-size:9px;letter-spacing:1.3px;padding-left:17px}.site-header>.quiet{font-size:12px}.page{padding:26px 20px 130px}.product-context{gap:17px;margin-bottom:28px;align-items:center}.product-context img{width:78px;height:78px}.product-context h1{font-size:29px}.product-context .intro{font-size:14px;margin-top:9px;line-height:1.45}.product-context .product-link{display:none}.product-context .eyebrow{font-size:10px;letter-spacing:1.3px}.workspace{display:block}.basket{display:none}.tabs{gap:28px;margin-bottom:17px;min-height:46px}.tab{font-size:17px;padding-bottom:13px}.tab-count{font-size:11px}.filters{gap:20px;margin-bottom:18px}.filters .field{font-size:13px}.filters .field select{font-size:16px}.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.swatch-grid.finishes{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 16px}.swatch-title{font-size:14px;margin-top:10px}.swatch-color{font-size:12px}.swatch .tick{width:23px;height:23px;top:5px;right:5px}.zoom{min-height:40px}.action-bar{display:flex}.builder-page{padding:30px 20px 55px}.builder-layout{grid-template-columns:1fr;gap:30px}.builder-intro{margin-top:14px;font-size:15px}.builder-fields{margin-top:25px;gap:18px}.builder-fields .two{grid-template-columns:1fr}.client-preview{position:static;display:grid;grid-template-columns:145px 1fr}.preview-top{grid-column:1/-1;padding:18px 20px}.preview-product{height:170px;padding:5px 5px 18px}.preview-bottom{padding:17px 18px;background:transparent}.preview-bottom h2{font-size:20px}.preview-bottom p{font-size:13px}.preview-swatches{margin-top:13px;gap:7px}.preview-swatches .crop{max-width:42px}.builder-dialog .builder-layout{gap:25px}.builder-dialog .builder-page{padding:22px 22px 30px}.builder-dialog .preview-product{height:170px}.dialog-head{padding:20px}.dialog-body{padding:20px}.dialog-actions{padding:16px 20px calc(16px + env(safe-area-inset-bottom))}.builder-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100%;margin:0;border-radius:0}.fine-print{font-size:12px}.page-footer{gap:20px;margin-top:25px}.part-controls{padding-top:2px}.part-controls .field select{font-size:15px}.material-note{font-size:13px}}@media(max-width:360px){.header-note{display:none}.site-header>.quiet{font-size:13px}.swatch-grid,.swatch-grid.finishes{gap:18px 10px}.swatch-title{font-size:13px}.product-context h1{font-size:25px}.product-context img{width:65px;height:65px}.action-bar{padding-inline:16px;gap:10px}.action-bar .primary{font-size:13px;padding-inline:11px}.client-preview{grid-template-columns:110px 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:38px 0}.admin-heading h1{font-size:34px;letter-spacing:-1px}.admin-heading .primary{width:auto;padding:16px 25px}.admin-tools{display:flex;gap:12px;margin-bottom:16px}.admin-tools input,.admin-tools select{padding:14px;border:1px solid #d8d8d8;border-radius:8px;background:white;font:inherit}.admin-tools input{flex:1;min-width:0}.admin-tools .secondary{width:auto}.request-card{display:flex;align-items:center;gap:24px;background:white;border:1px solid #e2e2e2;border-radius:12px;padding:22px;margin:14px 0}.request-photo{width:112px;flex-shrink:0}.request-photo img{width:100%;height:110px;object-fit:contain}.request-info{flex:1}.request-info h3{margin:10px 0 3px;font-size:22px}.request-info small{display:block;margin-top:9px;color:#777}.status{font-size:11px;font-weight:650;letter-spacing:.03em;padding:5px 8px;border-radius:5px;background:#f0ece4;color:#75613a}.status.received{background:#e9efea;color:#48624a}.request-actions{display:flex;flex-direction:column;gap:9px;min-width:165px}.request-actions .primary,.request-actions .secondary{padding:11px}.request-actions .quiet{font-size:12px;text-align:center}.admin-page .micro{margin:12px 0}.login-page{max-width:540px;margin:10vh auto;padding:25px}.login-page h1{font-size:38px;line-height:1.15;margin:20px 0}.login-page p{margin:24px 0}.login-page .primary{margin-top:30px}.success-mark{font-size:30px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#e9efea;color:#48624a;margin-bottom:25px}.error{color:#a2382e;margin-top:16px}.admin-sample>.crop{width:70px;height:70px;flex-shrink:0}.admin-sample a{font-size:12px;white-space:nowrap}@media(max-width:650px){.admin-heading{display:block;margin:25px 0}.admin-heading h1{font-size:28px}.admin-heading .primary{margin-top:20px;width:100%}.admin-tools{flex-wrap:wrap}.admin-tools input{flex-basis:100%}.admin-tools select{flex:1}.request-card{gap:14px;padding:15px;flex-wrap:wrap}.request-photo{width:75px}.request-photo img{height:85px}.request-actions{flex-direction:row;flex-wrap:wrap;width:100%}.request-actions>*{flex:1}.request-actions .quiet{flex-basis:100%}.request-info h3{font-size:20px}.admin-sample>.crop{width:55px;height:55px}}

.studio-heading{margin:38px 0 26px}.studio-heading h1{font-size:clamp(30px,4vw,46px);font-weight:500;letter-spacing:-1.2px;line-height:1.12;margin:10px 0 14px}.studio-categories{display:flex;gap:8px;overflow-x:auto;padding:0 0 15px;scrollbar-width:thin}.studio-categories button{flex-shrink:0;padding:12px 17px;border:1px solid #d9d9d9;border-radius:6px;background:transparent;font:inherit;font-size:14px;color:#333;cursor:pointer}.studio-categories button[aria-pressed=true]{background:#222;color:white;border-color:#222}.studio-section-heading{display:flex;justify-content:space-between;align-items:baseline;margin:22px 0 20px}.studio-section-heading h2{font-size:24px;font-weight:500}.studio-section-heading span{font-size:14px;color:#737373}.studio-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.studio-model{display:block;text-decoration:none;color:inherit;min-width:0}.studio-model-photo{aspect-ratio:1.2;background:white;overflow:hidden;border-radius:7px}.studio-model-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s}.studio-model:hover img{transform:scale(1.035)}.studio-model-text{padding:14px 0}.studio-model h3{font-size:17px;font-weight:500;margin-bottom:8px}.studio-model-text span{display:flex;gap:8px;align-items:center;font-size:14px;color:#686868}.studio-model-text svg{width:16px;height:16px}.studio-model:focus-visible{outline:2px solid #222;outline-offset:5px}@media(max-width:900px){.studio-models{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.studio-heading{margin:25px 0 22px}.studio-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.studio-model h3{font-size:16px}.studio-model-text span{font-size:13px}.studio-model-text svg{display:none}.studio-categories{margin-right:-16px;padding-right:16px}.studio-section-heading{margin-top:15px}.site-header .quiet{font-size:13px}.header-note{display:none}}

.config-step{border:1px solid #dedede;border-radius:8px;margin:0 0 22px;background:white}.config-step>summary{padding:20px;cursor:pointer;font-size:18px;font-weight:500}.config-content{padding:0 20px 20px}.config-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.config-options.two{grid-template-columns:repeat(2,minmax(0,1fr))}.config-option{display:flex;flex-direction:column;position:relative;border:1px solid #ddd;border-radius:7px;padding:12px;cursor:pointer;font-size:14px;gap:8px}.config-option:has(input:checked){border-color:#222;background:#f5f5f5;box-shadow:inset 0 0 0 1px #222}.config-option input{align-self:flex-start;accent-color:#222}.config-option img{width:100%;height:85px;object-fit:contain}.config-inline{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;margin:17px 0;cursor:pointer}.config-inline input{accent-color:#222}.config-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0}.config-content>.field{margin:18px 0}.config-individual{font-size:14px;margin:22px 0}.config-individual summary{cursor:pointer}.config-individual .config-option{max-width:180px;margin-top:14px}.config-section-title{font-size:20px;font-weight:500;margin:26px 0 16px}.config-summary{margin:18px 0;font-size:14px}.config-summary>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #eee}.config-summary dt{color:#777}.config-summary dd{text-align:right;margin:0;max-width:65%;overflow-wrap:anywhere}.puff-target{max-width:350px;margin:15px 0}.config-content .quiet{font-size:14px;margin-right:12px}.config-step[hidden], [data-layouts][hidden], [data-custom][hidden]{display:none!important}@media(max-width:600px){.config-content{padding:0 14px 18px}.config-step>summary{padding:18px 14px;font-size:17px}.config-option{padding:8px;font-size:13px}.config-option img{height:62px}.config-measures{grid-template-columns:1fr}.config-options{gap:7px}}
