.shade-studio{max-width:1680px;margin:auto;padding:132px 40px 60px;font-size:16px;line-height:1.5}.shade-studio .eyebrow{font:500 .75rem 'Montserrat',sans-serif;letter-spacing:.18em;color:var(--accent);margin:0 0 10px}.shade-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.shade-heading h1{font:400 clamp(2.8rem,4vw,4.5rem)/1 'Cormorant Garamond',serif}.shade-heading>p{color:var(--soft);margin-bottom:5px}.studio-tabs{display:flex;gap:30px;border-bottom:1px solid var(--subtle);margin-bottom:28px;padding-bottom:16px}.studio-tabs a{font-size:.875rem;color:var(--light);text-decoration:none}.studio-tabs a:first-child{color:var(--accent)}.studio-workspace{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.55fr);gap:32px;align-items:start;scroll-margin-top:110px}.browser-header,.preview-toolbar,.preview-selection{display:flex;justify-content:space-between;align-items:center;gap:14px}.shade-studio h2{font:400 1.5rem 'Cormorant Garamond',serif}.browser-header{margin-bottom:20px}.browser-header span{font-size:.875rem;color:var(--soft)}.search-label{display:block;color:var(--soft);font-size:.875rem;margin-bottom:8px}.shade-studio input[type=search],.shade-studio select{width:100%;font:inherit;font-size:.875rem;border:1px solid var(--subtle);border-radius:3px;background:var(--near-black);color:var(--cream);padding:13px}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.filter-row label{font-size:.875rem;color:var(--soft)}.filter-row select{display:block;margin-top:6px}.fabric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:570px;overflow:auto;padding:4px 6px 8px 2px}.catalog-fallback{color:var(--cream);padding:25px 10px;border:1px solid var(--subtle);font-size:.875rem;grid-column:span 3}.preview-toolbar{margin-bottom:16px}.outline-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid var(--subtle);border-radius:3px;background:transparent;color:var(--cream);font:inherit;font-size:.875rem;cursor:pointer;white-space:nowrap}.outline-button:disabled{opacity:.45;cursor:default}.room-stage{position:relative;overflow:hidden;aspect-ratio:3/2;background:var(--dark)}.room-stage img{display:block;width:100%;height:100%;object-fit:contain}.room-stage canvas{position:absolute;inset:0;width:100%;height:100%}.preview-badge{position:absolute;top:15px;left:15px;background:#111b;color:#fff;padding:6px 12px;font-size:.75rem;pointer-events:none}.preview-selection{padding:23px 0;border-bottom:1px solid var(--subtle)}.preview-selection h3{font:400 1.7rem 'Cormorant Garamond',serif;margin-bottom:5px}.preview-selection p:last-child{font-size:.875rem;color:var(--soft)}.preview-controls{padding-top:22px}.preview-controls label{display:flex;justify-content:space-between;font-size:.875rem}.preview-controls output{color:var(--soft)}.shade-studio input[type=range]{width:100%;accent-color:var(--accent);margin:15px 0 4px;cursor:pointer}.position-labels{display:flex;justify-content:space-between;color:var(--soft);font-size:.75rem}.preview-note{color:var(--soft);font-size:.75rem;line-height:1.6;margin-top:20px}.studio-section{border-top:1px solid var(--subtle);padding:44px 0 10px;margin-top:50px;scroll-margin-top:100px}.studio-section>h2{font-size:2.5rem;margin-bottom:25px}.design-grid,.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.shade-studio :focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:1000px){.shade-studio{padding:110px 24px 40px}.studio-workspace{gap:22px;grid-template-columns:minmax(280px,1fr) minmax(0,1.3fr)}.fabric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shade-heading>p{max-width:190px}}@media(max-width:760px){.shade-studio{padding:100px 18px 30px}.shade-heading{display:block}.shade-heading>p{margin-top:16px;max-width:none}.studio-tabs{gap:20px}.studio-workspace{display:flex;flex-direction:column}.fabric-browser,.preview-panel{width:100%}.preview-panel{order:-1}.fabric-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:480px}.design-grid,.catalog-grid{grid-template-columns:1fr}.preview-toolbar h2{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.browser-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.875rem;margin-bottom:16px}.browser-actions input{accent-color:var(--accent);margin-right:5px}.text-button{display:inline-block;font:inherit;font-size:.875rem;color:var(--accent);text-decoration:none;background:none;border:0;cursor:pointer;padding:6px 0;text-align:left}.text-button:hover{text-decoration:underline}.fabric-card{position:relative;background:none;border:1px solid transparent;text-align:left;padding:6px;color:var(--cream);font:inherit;cursor:pointer;border-radius:4px;min-width:0}.fabric-card[aria-pressed=true]{border-color:var(--accent);background:var(--accent-dim)}.fabric-card:hover{background:var(--near-black)}.fabric-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:2px;background:#ddd}.fabric-card span,.fabric-card strong{display:block;overflow-wrap:anywhere}.fabric-brand{font-size:.75rem;color:var(--soft);margin-top:10px}.fabric-color{font-size:.875rem;font-weight:500;margin:3px 0}.fabric-family{font-size:.75rem;color:var(--light)}.fabric-code{font-size:.75rem;color:var(--soft);margin-top:5px}.saved-mark{position:absolute;right:10px;top:10px;padding:3px 6px;background:#161614e0;color:white;font-size:.75rem;border-radius:3px}.load-more{grid-column:1/-1;margin:12px 0}.room-tools{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.room-instructions{font-size:.875rem;color:var(--soft);margin-top:4px;min-height:1.5em}.marking{cursor:crosshair;touch-action:manipulation}.fabric-facts{margin-top:20px;display:grid;gap:8px;font-size:.875rem}.fabric-facts>div{display:grid;grid-template-columns:105px 1fr;gap:10px}.fact-label{color:var(--soft)}.fabric-facts .preview-note{margin:0}.fabric-facts .text-button{font-size:.875rem}.preview-panel{position:sticky;top:100px}.preview-note{max-width:80ch}.studio-tabs{flex-wrap:wrap}.studio-tabs span{display:inline-flex;justify-content:center;align-items:center;background:var(--accent-dim);border-radius:20px;min-width:24px;height:24px;margin-left:4px}.section-intro{color:var(--soft);margin:-12px 0 26px;max-width:70ch}.design-card,.catalog-card{padding:24px;border:1px solid var(--subtle);border-radius:4px}.design-card h3,.catalog-card h3{font:400 1.6rem 'Cormorant Garamond',serif;margin-bottom:12px}.design-card>p:not(.eyebrow),.catalog-card>p{color:var(--soft);font-size:.875rem;margin-bottom:16px}.design-card img{width:calc(100% + 48px);margin:-24px -24px 22px;aspect-ratio:1.6;object-fit:cover}.catalog-card a{display:block}.design-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.media-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.media-filters [aria-pressed=true]{border-color:var(--accent);background:var(--accent-dim)}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.media-card{color:var(--cream);font:inherit;background:none;border:0;text-align:left;cursor:pointer}.media-card img{width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:3px}.media-card span{display:block;font-size:.875rem;padding:10px 0}.media-card:hover img{filter:brightness(1.1)}#more-media{margin-top:22px}.sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sample-card{padding:18px;border:1px solid var(--subtle);border-radius:4px;font-size:.875rem;min-width:0;overflow-wrap:anywhere}.sample-photo{width:100%;background:none;border:0;cursor:pointer}.sample-photo img{width:100%;aspect-ratio:1.7;object-fit:cover;margin-bottom:20px}.sample-card h3{font-size:1rem;font-weight:500}.sample-card>p{color:var(--soft);margin-top:5px}.sample-card>.text-button{margin-right:18px;margin-top:12px}.board-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.solid-button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);border:1px solid var(--accent);color:var(--black);padding:12px 18px;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:3px}.empty-state{padding:25px 0;grid-column:1/-1;font-size:.875rem;color:var(--soft)}.catalog-note{font-size:.75rem;color:var(--soft);margin-top:35px;max-width:95ch}.studio-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(560px,90vw);background:var(--cream);color:var(--black);padding:15px 24px;border-radius:4px;z-index:500;box-shadow:0 5px 40px #0004;font-size:.875rem}.studio-status:empty{display:none}.image-dialog{position:fixed;inset:0;margin:auto;width:min(1100px,94vw);max-height:92vh;overflow:auto;padding:24px;background:var(--near-black);border:1px solid var(--subtle);color:var(--cream);border-radius:6px}.image-dialog::backdrop{background:#000c}.image-dialog>button{display:block;margin:0 0 14px auto}.image-dialog img{display:block;margin:auto;max-width:100%;max-height:65vh;object-fit:contain}.image-dialog h2{font:400 2rem 'Cormorant Garamond',serif;margin-top:22px}.image-dialog p{font-size:.875rem;color:var(--soft);margin:8px 0 16px}.image-dialog a{color:var(--cream);text-decoration:none}#simulator-app{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:28px;align-items:start}.simulator-scene{position:relative;aspect-ratio:1.5;background:var(--near-black);border-radius:3px;overflow:hidden}.simulator-scene>img{width:100%;height:100%;object-fit:contain}.simulator-scene.is-loading>img{opacity:.55}.simulator-status{position:absolute;bottom:20px;left:20px;right:20px;color:white;background:#171715dd;padding:12px 16px;font-size:.875rem}.simulator-status:empty{display:none}.simulator-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.simulator-form label{font-size:.875rem;color:var(--soft)}.simulator-form select{display:block;margin-top:6px}.simulator-facts{font-size:.875rem;color:var(--soft);margin-top:20px}.simulator-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.simulator-actions a{text-decoration:none}#sample-board input:not([type]){width:100%;background:var(--near-black);color:var(--cream);padding:12px;border:1px solid var(--accent);margin:15px 0}.shade-studio button:disabled{opacity:.5;cursor:default}#shade-canvas:focus{outline:2px solid var(--accent)}
@media(min-width:1500px){.fabric-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:690px}}@media(max-width:1100px){.design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sample-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#simulator-app{grid-template-columns:1fr}.simulator-form{grid-template-columns:repeat(3,minmax(0,1fr))}.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.preview-panel{position:static}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-tabs{gap:13px 20px}.preview-selection{align-items:start}.preview-selection .outline-button{white-space:normal}.fabric-facts{display:grid}.preview-note{font-size:.75rem}.design-card,.catalog-card{padding:18px}.design-card img{width:calc(100% + 36px);margin:-18px -18px 18px}}@media(max-width:480px){.design-grid{grid-template-columns:1fr 1fr;gap:12px}.design-card h3{font-size:1.35rem}.design-card{padding:14px}.design-card img{width:calc(100% + 28px);margin:-14px -14px 14px}.simulator-form{grid-template-columns:1fr 1fr}.media-grid{gap:14px}.board-actions>*{flex:1 1 45%}.board-actions .solid-button{flex-basis:100%}}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.upload-button:focus-within{outline:2px solid var(--accent);outline-offset:4px}.fabric-details{margin-top:20px}.fabric-details summary{font-size:.875rem;color:var(--accent);cursor:pointer}.fabric-details .fabric-facts{margin-top:16px}
.shade-studio [hidden],.image-dialog [hidden]{display:none!important}.image-dialog #dialog-fabric{display:inline-flex;margin:0 0 0 12px}

/* The working studio keeps the room and its controls together. */
.shade-studio{max-width:1560px;padding:106px 32px 60px}.shade-heading{margin-bottom:22px;align-items:center}.shade-heading h1{font-size:clamp(2.4rem,3.4vw,3.6rem)}.shade-heading>p{max-width:360px;font-size:.9375rem;color:var(--light)}.studio-tabs{margin-bottom:22px;padding-bottom:14px}.studio-workspace{grid-template-columns:minmax(290px,340px) minmax(0,1fr);gap:32px}.fabric-browser{border:1px solid var(--subtle);border-radius:8px;padding:20px;background:var(--near-black)}.browser-header{display:block;margin-bottom:15px}.browser-header h2{font-size:1.6rem;margin-bottom:4px}.browser-header span{font-size:.8125rem}.shade-studio input[type=search],.shade-studio select{background:var(--black);border-color:var(--subtle);min-height:44px;padding:10px}.filter-row{gap:10px;margin:14px 0}.more-filters{margin:8px 0 14px}.more-filters summary{font-size:.875rem;color:var(--light);cursor:pointer}.browser-actions{margin:12px 0}.fabric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:520px;padding:3px 3px 10px 0;scrollbar-width:thin;scrollbar-color:var(--subtle) transparent}.fabric-card{padding:4px}.fabric-card img{aspect-ratio:1;box-shadow:inset 0 0 0 1px #0001}.fabric-brand{font-size:.75rem;margin-top:8px}.fabric-color{font-size:.8125rem;line-height:1.35}.fabric-family{font-size:.75rem;line-height:1.35}.fabric-code{font-size:.75rem;line-height:1.4}.preview-panel{top:102px;min-width:0}.preview-toolbar{margin-bottom:12px}.preview-toolbar h2{font-size:1.5rem}.preview-toolbar .outline-button{background:var(--near-black);padding:9px 13px}.room-stage{width:100%;aspect-ratio:3/2;max-height:min(540px,calc(100svh - 380px));min-height:230px;background:#181917;border:1px solid var(--subtle);border-radius:7px}.room-stage img,.room-stage canvas{width:100%;height:100%;object-fit:contain;object-position:center}.room-stage canvas{touch-action:none;cursor:ns-resize}.room-stage canvas.marking{cursor:crosshair}.preview-badge{font-size:.75rem;background:#161b18ce;backdrop-filter:blur(8px);top:12px;left:12px;border-radius:4px;padding:7px 11px}.preview-controls{padding:17px 18px 13px;background:var(--near-black);border:1px solid var(--subtle);border-radius:6px;margin-top:10px}.position-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.875rem}.position-heading label{font-weight:500}.position-heading output{color:var(--accent)}.shade-studio input[type=range]{margin:10px 0 7px;min-height:20px;display:block}.position-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.position-presets{display:flex;border:1px solid var(--subtle);border-radius:4px;overflow:hidden}.position-presets button{font:inherit;font-size:.8125rem;color:var(--light);border:0;border-right:1px solid var(--subtle);background:transparent;padding:7px 13px;min-height:34px;cursor:pointer}.position-presets button:last-child{border-right:0}.position-presets button:hover,.position-presets button[aria-pressed=true]{background:var(--accent-dim);color:var(--cream)}.position-actions>.text-button{font-size:.8125rem;white-space:nowrap}.room-instructions{font-size:.8125rem;margin:10px 0;min-height:1.4em;color:var(--light)}.preview-selection{padding:14px 0 10px;justify-content:start;gap:14px;border-bottom:0;align-items:center}.preview-selection>img{width:56px;height:56px;object-fit:cover;border:1px solid var(--subtle);border-radius:3px}.selection-copy{flex:1;min-width:0}.preview-selection .eyebrow{font-size:.75rem;letter-spacing:.08em;margin-bottom:4px}.preview-selection h3{font-size:1.5rem;line-height:1.2;margin-bottom:3px;overflow-wrap:anywhere}.preview-selection p:last-child{font-size:.8125rem}.preview-selection .outline-button{font-size:.8125rem;padding:10px 12px}.selection-options{display:flex;align-items:end;flex-wrap:wrap;gap:18px;margin:8px 0 12px}.selection-options>label{font-size:.8125rem;display:flex;align-items:center;gap:10px;color:var(--soft)}.selection-options select{min-width:105px;max-width:180px}.room-tools{gap:16px;padding-top:10px;border-top:1px solid var(--subtle);margin-top:0;flex-wrap:wrap}.room-tools .text-button,.selection-options .text-button{font-size:.8125rem}.fabric-details{margin-top:12px}.room-privacy{margin-top:12px}.studio-status{bottom:20px}.studio-section{margin-top:40px}.studio-section>h2{font-size:2.35rem}.simulator-facts{padding:12px;background:var(--near-black);border-left:2px solid var(--accent);line-height:1.65}.simulator-match{font-size:.8125rem;color:var(--accent);margin:0 0 15px}.image-dialog #dialog-fabric{float:none}.shade-studio #mobile-room-link{display:none}
@media(min-width:1500px){.fabric-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:580px}}
@media(max-width:1100px){.shade-studio{padding-left:24px;padding-right:24px}.studio-workspace{grid-template-columns:290px minmax(0,1fr);gap:22px}.fabric-browser{padding:15px}.position-actions{gap:9px;flex-wrap:wrap}.position-presets button{padding:7px 10px}.preview-selection>img{width:46px;height:46px}.preview-selection .eyebrow{font-size:.75rem}.room-stage{min-height:210px}}
@media(max-width:760px){.shade-studio{padding:98px 16px 36px}.shade-heading{display:block;margin-bottom:20px}.shade-heading h1{font-size:2.65rem}.shade-heading>p{font-size:.875rem;max-width:none;margin-top:12px}.studio-tabs{gap:10px 18px;margin-bottom:20px}.studio-tabs a{font-size:.8125rem}.studio-workspace{display:flex;gap:24px}.preview-panel{order:-1;position:static;scroll-margin-top:92px}.preview-toolbar h2{font-size:1.35rem}.room-stage{aspect-ratio:3/2;max-height:45svh;min-height:0}.preview-controls{padding:12px;margin-top:9px}.position-heading{font-size:.8125rem}.position-actions{gap:10px;flex-wrap:nowrap}.position-presets button{font-size:.75rem;padding:7px 10px}.position-actions>.text-button{font-size:.75rem}.preview-selection{gap:10px}.preview-selection h3{font-size:1.35rem}.preview-selection .eyebrow{font-size:.75rem;letter-spacing:.04em}.preview-selection .outline-button{max-width:100px}.fabric-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:560px}.fabric-browser{padding:16px}.fabric-color{font-size:.875rem}.room-tools{gap:12px}.room-tools .text-button{font-size:.75rem}.shade-studio #mobile-room-link{display:flex;position:fixed;bottom:16px;left:16px;right:83px;z-index:120;font-size:.875rem;box-shadow:0 5px 25px #0006}.studio-status{bottom:80px}.section-intro{font-size:.875rem}.simulator-scene{aspect-ratio:1.5}.design-grid{grid-template-columns:1fr 1fr}}
.shade-embedded>nav,.shade-embedded>.site-links,.shade-embedded>footer,.shade-embedded .shade-heading,.shade-embedded .studio-tabs,.shade-embedded .studio-section,.shade-embedded .catalog-note,.shade-embedded #save-fabric,.shade-embedded .browser-actions,.shade-embedded #mobile-room-link{display:none!important}.shade-embedded .shade-studio{padding:16px;max-width:none}.shade-embedded .studio-workspace{gap:22px}.shade-embedded .preview-panel{top:16px}.shade-embedded .room-stage{max-height:42vh}.shade-embedded .fabric-grid{max-height:52vh}
.shade-embedded .quick-contact{display:none!important}
@media(max-width:420px){.position-actions{flex-wrap:wrap;justify-content:flex-start}.position-presets{flex-shrink:0}}