:root{--walnut:#33231c;--burgundy:#513329;--gold:#9b794d}.studio-header{height:76px;background:#261e18;color:#eee1cb;border-color:#5c4835}.studio-brand strong{letter-spacing:4px}.studio-switch{display:flex;justify-content:center;gap:38px;background:#32251c;color:#ddcbae;padding:14px 16px;font:11px Arial;letter-spacing:1.3px}.studio-switch a{padding:6px;border-bottom:1px solid transparent}.studio-switch a[aria-current]{border-color:#c5a878;color:#fff3dd}.studio-title{padding-block:22px}.photo-layout{grid-template-columns:315px minmax(0,1fr);gap:0;padding-inline:0;max-width:none;background:#241c17}.photo-layout .configuration{grid-column:1;grid-row:1;background:#32271f;color:#f1e3cc;border:0;padding:25px 22px;max-height:calc(100dvh - 180px);overflow:auto;scrollbar-width:thin;scrollbar-color:#89704b #32271f}.photo-layout .stage-shell{grid-column:2;grid-row:1;background:#211a16;padding:0;top:0}.photo-layout .scene-topbar{padding:10px 20px;color:#e3d1b3;margin:0}.photo-layout .stage{width:100%;height:auto;aspect-ratio:1328/835;min-height:0;max-height:none;background:#211a16}.photographic-stage>canvas{position:relative;width:100%;height:auto;object-fit:contain;transform-origin:center;touch-action:pan-y}.photo-layout .stage-toolbar{padding:12px 20px;color:#d9c7a9;border-color:#5c4835}.photo-layout .camera-buttons button{border-color:#705739}.photo-layout #quality{color:#e3d1b3}.photo-layout .stage-caption{color:#d0baa0;padding:10px 20px;display:flex}.photo-layout .technical-settings{padding:10px 20px;border-top:1px solid #5c4835;color:#e3d1b3;font:12px Arial}.photo-layout .inspiration-note{display:none}.photo-layout .hint{color:#c8b89f;font-size:11px}.photo-layout .config-heading h2{font-size:23px}.photo-layout .config-section{border-color:#6a5139}.photo-layout .config-section summary{font-size:18px}.photo-layout input,.photo-layout select,.photo-layout textarea{color:inherit;border-color:#947957!important;background:#44352a!important}.photo-layout option{background:#44352a;color:#fff}.photo-layout .stripe-row{background:#3e3026;border-color:#785d40}.photo-layout .stripe-validation{background:#4c3b2b;color:#f0d6ac}.photo-layout .stripe-validation.is-error{color:#ffd7c5;background:#633d31}.photo-layout .estimate-card{background:#e2d0b1;color:#2c2119;padding:20px}.photo-layout .estimate-card .hint{color:#64513c}.photo-layout .outlined-button{border-color:#a88b61}.photo-layout .outlined-button:hover{background:#715438}.photo-layout .design-reference{color:#bcaa8c}.photo-layout #studio-message{color:#edc58c}.photo-layout .studio-footnote{color:#bba98e}.custom-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0}.custom-shortcuts button{border:1px solid #93734c;padding:12px 5px;font:11px Arial;min-height:44px}.custom-shortcuts button[aria-pressed=true]{background:#a17b48;color:#fff}.photo-layout .material-options{grid-template-columns:1fr 1fr}.photo-layout .material-options label{border-color:#886b49}.photo-layout .material-options strong{font-size:12px}.photo-layout .material-options small{color:#cbb99c}.photo-layout .stripe-fields{grid-template-columns:36px 1fr 1fr;gap:5px}.photo-layout .stripe-row-actions button{min-width:30px;min-height:36px}.photo-layout .stripe-palette button{width:22px;height:22px}.photo-layout .mount-options{grid-template-columns:1fr 1fr}.photo-layout .mount-choice{border-color:#806346}.photo-layout .mount-choice strong{font-size:12px}.photo-layout input[type=radio]{accent-color:#cda968}.photo-layout input[type=color]{background:transparent!important}.photo-layout .studio-footnote{font-size:10px}.photo-layout .lighting-options button{white-space:normal}.textile-layout{display:grid;grid-template-columns:330px minmax(0,1fr);background:#eee6d8;min-height:75vh}.textile-controls{padding:26px;background:#33271e;color:#eee0c7;min-width:0}.textile-controls label{display:block;font:12px/1.6 Arial;margin-top:14px}.textile-controls input,.textile-controls select,.textile-controls textarea{width:100%;padding:12px;margin-top:6px;background:#44372b;border:1px solid #917550;color:#f4e7cf;min-height:44px;font:14px Arial}.textile-controls input[type=color]{padding:3px}.textile-controls button{min-height:44px}.textile-controls .outlined-button{color:inherit}.textile-controls .stripe-editor{border:1px solid #846747;padding:12px;margin:15px 0}.textile-controls fieldset{border:0;padding:0;margin:0}.textile-controls legend{font-size:21px;padding:18px 0}.textile-controls .error{color:#ffd3b3;font:12px/1.6 Arial;margin:15px 0}.textile-controls .hint{color:#c8b89f}.textile-scene{min-width:0;position:sticky;top:0;align-self:start}.textile-scene canvas{display:block;width:100%;height:auto}.textile-scene h1{font-size:32px;padding:25px 30px 0}.textile-scene>p{padding:12px 30px;font:12px/1.7 Arial;color:#6e5b47}.studio-actions{display:flex;gap:8px;flex-wrap:wrap;padding:18px 30px}.studio-actions>*{min-height:44px}.textile-controls [hidden]{display:none}.textile-controls .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}pre.quote-data{font:12px/1.7 Arial;white-space:pre-wrap;max-height:45vh;overflow:auto}.textile-panel{border-top:1px solid #796044}.textile-panel h2{font-size:23px;margin:15px 0}.small-controls{display:flex;gap:8px;justify-content:flex-end}.small-controls button{border:1px solid #9b794d;min-width:44px}.textile-status{padding:15px;font:12px/1.6 Arial;color:#513329}.photo-layout #personal-room-study{padding:20px}.photo-layout #personal-room-image{max-height:400px;margin:auto}.photo-layout .configuration .stripe-fields input:not([type=color]){font-size:13px}
@media(max-width:800px){.studio-switch{gap:12px;justify-content:space-around;font-size:10px;letter-spacing:0}.studio-title h1{font-size:28px}.photo-layout{display:flex;flex-direction:column;padding:0}.photo-layout .stage-shell{position:sticky;top:0;order:0;z-index:10;width:100%;border:0}.photo-layout .configuration{order:1;max-height:none;overflow:visible;width:100%;max-width:none;padding:22px}.photo-layout .stage{height:auto!important;min-height:0!important;max-height:none;aspect-ratio:1328/835}.photo-layout .stage-caption,.photo-layout .scene-topbar,.photo-layout .technical-settings{display:none}.photo-layout .stage-toolbar{padding:7px 10px}.photo-layout .camera-buttons button{min-height:38px;font-size:10px}.photo-layout .config-section{scroll-margin-top:310px}.photo-layout .configuration input:not([type=radio],[type=color],[type=range],[type=file]),.photo-layout .configuration select,.photo-layout .configuration textarea{font-size:16px}.photo-layout .configuration .stripe-fields input:not([type=color]){font-size:16px}.photo-layout .material-options{grid-template-columns:repeat(3,1fr)}.textile-layout{display:flex;flex-direction:column}.textile-scene{order:0;position:sticky;top:0;z-index:5;background:#eee6d8}.textile-scene canvas{max-height:38svh;object-fit:contain}.textile-scene h1{font-size:24px;padding:16px 20px 0}.textile-scene>p{display:none}.studio-actions{padding:8px 15px;gap:5px}.studio-actions button,.studio-actions a{padding:8px;font-size:10px}.textile-controls{order:1;padding:24px}.textile-controls input,.textile-controls select,.textile-controls textarea{font-size:16px}.textile-controls .textile-panel{scroll-margin-top:410px}.photo-layout .material-options .blend-option{grid-column:1/-1}}

#technical-study{display:block;width:min(300px,100%);height:auto;margin:20px auto}.photo-layout .technical-settings .hint{margin-bottom:10px}
@media(max-width:800px){.photo-layout .technical-settings{display:block;font-size:11px;padding:8px 14px}.photo-layout .technical-settings:not([open]){max-height:40px}}
@media(min-width:801px){.textile-controls{max-height:calc(100dvh - 130px);overflow:auto;scrollbar-width:thin;scrollbar-color:#9b794d #33271e}.textile-scene canvas{height:65dvh;object-fit:contain}.textile-scene{position:sticky;top:0}.studio-actions{padding-top:10px}.photo-layout .configuration{max-height:calc(100dvh - 180px)}}
.photo-layout .scene-topbar{font-size:9px}.photo-layout .kicker{font-size:9px}.photo-layout .design-reference{font-size:9px}.studio-header>a:last-child{justify-self:end;font:12px Arial}.photo-layout .config-section summary>span:last-child{font:16px Arial}

.preview-size{font:12px/1.5 Arial;letter-spacing:1px;text-align:center;padding:12px;color:#735739;border-top:1px solid #cbbb9d;margin-top:15px}.textile-controls .stripe-editor h3{font-size:19px}

.finished-layout{margin:0 30px 8px;font:12px Arial;color:#72563a}.finished-layout summary{cursor:pointer;padding:10px 0}.finished-layout canvas{width:260px!important;height:160px!important;object-fit:contain!important;margin:0 auto}.finished-layout:not([open]) canvas{display:none}