.studio-page{padding:0;background:#f5f4ef}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 4%;border-bottom:1px solid #dce0d5;background:#faf9f5}.back-home{font-size:.75rem;text-decoration:none;color:#69735e}.studio-header button{font-size:.75rem;padding:.6rem;border:1px solid #ced4c4;background:transparent}.studio-heading{display:flex;justify-content:space-between;align-items:end;padding:2.6rem 4% 2rem;gap:2rem}.studio-heading h1{font-size:clamp(2rem,3.2vw,3.4rem);max-width:none}.studio-heading p:not(.eyebrow){color:#75806b;font-size:.78rem;text-align:right}.studio-heading .eyebrow{margin-top:0;margin-bottom:.6rem}.mobile-break{display:none}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem;margin:0 4%;align-items:start}.workspace{min-width:0;position:sticky;top:1rem}.workspace-top{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;color:#6f7965;font-size:.67rem}.local-badge::before{content:'●';color:#839574;margin-right:.4rem}.canvas-wrap{position:relative;background:#e4e5dc;min-height:220px;line-height:0;overflow:hidden}#preview{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;cursor:default;touch-action:pan-y}#preview.drawing{cursor:crosshair;touch-action:none}.view-label{position:absolute;top:1rem;left:1rem;padding:.55rem .8rem;background:#faf9f0e6;font-size:.65rem;line-height:1;pointer-events:none}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#f5f4efe8;color:#536048;font-size:.9rem;line-height:1.5}.compare-row{display:flex;align-items:center;gap:.8rem;padding:1rem;background:#fff;border:1px solid #e1e4da;font-size:.66rem}.compare-row button{white-space:nowrap;background:#f5f5ef;border:1px solid #d3d9c8;font-size:.68rem;padding:.55rem .7rem}.compare-row button[aria-pressed=true]{background:#44513b;color:white}.compare-row input{flex:1;min-width:40px}.compare-row>span{min-width:2.4rem;text-align:right}.workspace-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.69rem;padding:1rem 0;color:#647256}.workspace-bottom button{background:transparent;border:0;text-decoration:underline;font-size:.68rem;color:#647256;cursor:pointer}.canvas-help,.simulation-note{font-size:.7rem;color:#6d7863;max-width:none;line-height:1.7;margin:.2rem 0 1rem}.simulation-note{color:#777e70;font-size:.64rem}.studio-controls{background:#fff;border:1px solid #e0e4d8}.control-section{padding:1.25rem 1.3rem;border-bottom:1px solid #e8ebe1}.control-section:last-child{border-bottom:0}.control-title{display:flex;align-items:center;gap:.65rem;margin-bottom:.9rem}.control-title>span{font-size:.6rem;color:#8b947e}.control-title h2{font-family:'Segoe UI',Arial,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:0}.control-title output{margin-left:auto;font-size:.65rem;color:#6b775d}.upload-button{display:block;padding:.8rem;text-align:center;border:1px dashed #aebaa0;background:#f4f6ee;color:#4a5c3c;font-size:.78rem;cursor:pointer}.upload-button:hover{background:#e8eddf}#photo{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.upload-button:has(+input:focus-visible){outline:3px solid #a5793d}.micro{font-size:.63rem;line-height:1.6;color:#6f7966;margin:.65rem 0 0}.selection-tools{display:flex;gap:.45rem;margin-top:.85rem}.selection-tools button{flex:1;border:1px solid #d3d9c8;background:#fff;padding:.65rem .3rem;font-size:.67rem;cursor:pointer}.selection-tools button[aria-pressed=true]{background:#44513b;color:white;border-color:#44513b}.small-tools{display:flex;justify-content:space-between;margin-top:.6rem;gap:.4rem}.small-tools button{background:transparent;border:0;padding:.4rem 0;font-size:.62rem;color:#6d775f;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.drawing-actions{margin-top:.6rem;background:#f3f5ee;padding:.7rem}.drawing-actions p{font-size:.68rem;margin:0 0 .6rem}.drawing-actions button{border:1px solid #aebba0;background:#fff;padding:.45rem .6rem;font-size:.65rem}.drawing-actions #apply{background:#44513b;color:white}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;padding:4px}.swatch{border:1px solid #00000012;background:var(--color);aspect-ratio:1;min-width:0;min-height:30px;cursor:pointer;position:relative}.swatch[aria-pressed=true]{outline:2px solid #465b37;outline-offset:3px}.swatch[aria-pressed=true]::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:var(--check);font-size:.85rem}.custom-color{display:flex;align-items:center;gap:.7rem;margin-top:1rem;font-size:.65rem;color:#606f54}.custom-color input{width:2rem;height:2rem;padding:0;border:1px solid #d3d9c8;cursor:pointer;background:none}.custom-color output{margin-left:auto;font-size:.65rem}.select-label{display:flex;justify-content:space-between;margin:.9rem 0 .4rem;font-size:.66rem;color:#65745a}.studio-controls select{display:block;width:100%;border:1px solid #d5dccb;background:#fafbf7;padding:.7rem .6rem;font-size:.73rem;color:#3b4c2e;border-radius:0}.studio-page input[type=range]{width:100%;height:18px;accent-color:#677f50;cursor:pointer}.finish-actions .button{width:100%;font-size:.75rem;min-height:2.8rem;padding:.75rem .4rem}.consult-link{display:block;text-align:center;margin-top:.8rem;font-size:.72rem;text-underline-offset:.2rem}.studio-status{margin:1rem 4% 2rem;padding:.8rem 1rem;background:#e9eddf;color:#4a5f39;font-size:.75rem;max-width:none}.studio-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:4rem;padding:3rem 7% 5rem;background:#eeeee5;margin-top:3rem}.studio-faq h2{font-size:3rem}.studio-faq summary{font-size:.85rem}.studio-faq details p{font-size:.8rem}.studio-footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem 4%;font-size:.67rem}.studio-footer a{font-weight:400;text-decoration:none}
@media(min-width:1600px){.studio-layout{grid-template-columns:minmax(0,1fr) 370px}.control-section{padding:1.5rem}.studio-heading{padding-top:3rem}}
@media(max-width:1000px){.studio-layout{grid-template-columns:minmax(0,1fr) 290px;gap:1rem;margin:0 3%}.studio-heading{padding-inline:3%}.studio-heading h1{font-size:2.4rem}.studio-heading>p{display:none}.workspace{top:1rem}.compare-row label{display:none}.control-section{padding:1rem}.studio-faq{gap:2rem}.local-badge{font-size:.6rem}}
@media(max-width:760px){.studio-heading{padding:1.8rem 5% 1.4rem}.studio-heading h1{font-size:2.2rem}.mobile-break{display:block}.studio-layout{display:flex;flex-direction:column;margin:0 4%;gap:.7rem}.workspace{position:static;width:100%}.canvas-wrap{min-height:0}.studio-controls{width:100%;display:grid;grid-template-columns:1fr 1fr}.control-section{padding:1.2rem;border-right:1px solid #e8ebe1}.control-section h2{font-size:.82rem}.control-section.finish-actions{display:flex;flex-direction:column;justify-content:center}.workspace-top{font-size:.6rem}.studio-header{padding:1rem 5%}.back-home{font-size:.64rem}.studio-header .brand{font-size:.88rem}.studio-faq{grid-template-columns:1fr;padding:2.5rem 6%;gap:1.5rem}.studio-faq h2{font-size:2.7rem}.studio-faq h2 br{display:none}.studio-footer{flex-wrap:wrap;padding:1.5rem 5%}.studio-footer span{display:none}#preview{max-height:none}.simulation-note{margin-bottom:.5rem}.compare-row{padding:.7rem}.studio-status{margin-top:1rem}}
@media(max-width:440px){.studio-controls{display:block}.palette{gap:.7rem}.swatch{min-height:38px}.studio-heading h1{font-size:2rem}.workspace-bottom{font-size:.6rem}.workspace-bottom button{font-size:.6rem}.local-badge{font-size:.54rem}.studio-header{gap:.6rem}.studio-header #install{font-size:.55rem}.control-section{padding:1.1rem 1.2rem}.selection-tools button{padding:.85rem}.compare-row{gap:.5rem}}