.custom-studio{padding:30px 5% 75px;background:#faf9f6}.studio-intro{text-align:center;margin:15px 0 45px}.studio-intro h2{font:52px Georgia;margin:14px 0}.studio-intro>p:last-child{color:#746c63}.studio-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:6%;max-width:1400px;margin:auto;align-items:start}.studio-preview{position:sticky;top:100px;background:#eeeae4;padding:22px}.preview-top,.preview-bottom{display:flex;justify-content:space-between;font:10px Arial;letter-spacing:1px;gap:10px}.studio-preview svg{display:block;width:100%;max-height:510px}.preview-bottom{border-top:1px solid #d5cec4;padding-top:20px}.studio-note{font-size:11px;line-height:1.8;color:#7b746c}.studio-summary{font-size:12px;line-height:1.8;border-top:1px solid #d5cec4;padding-top:15px}.studio-step{border-top:1px solid #d7d1c8;padding:24px 0 30px}.step-heading{font:11px Arial;letter-spacing:1.5px;display:flex;align-items:center;gap:14px;margin:0 0 23px}.step-heading>span{font:26px Georgia;color:#918373}.studio-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}#design-form label{font-size:11px;display:block;line-height:1.8}#design-form input:not([type=range]),#design-form select,#design-form textarea{width:100%;display:block;font:13px Arial;background:#fff;border:1px solid #d2cdc6;border-radius:0;padding:12px;margin:7px 0 18px;color:#242424}#design-form textarea{resize:vertical}#design-form input[type=color]{padding:5px;height:44px}#design-form input[type=range]{display:block;width:100%;margin-top:20px}.studio-swatches{display:flex;gap:12px;margin-bottom:22px}.studio-swatches button{height:32px;width:32px;border:3px solid white;outline:1px solid #ccc;background:var(--swatch);border-radius:50%}.studio-swatches button[aria-pressed=true]{outline:2px solid #222;outline-offset:3px}.logo-drop{border:1px dashed #aaa195;padding:20px;background:#f2efe9}.logo-drop small{font-size:10px;color:#777}#design-form .logo-drop input{background:transparent;border:0;padding:0;margin:10px 0}.studio-text{border:0;background:none;padding:0;text-decoration:underline;font-size:10px;margin-bottom:25px}#logo-status,#design-status{font-size:12px;line-height:1.6}.studio-actions{display:flex;gap:12px;flex-wrap:wrap}.studio-actions .partner-button{margin:0;justify-content:center;flex:1}.studio-secondary{background:transparent;border:1px solid #aaa;padding:16px;font-size:10px;cursor:pointer}.studio-topics{display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:11px;letter-spacing:1px;padding:20px 0}.studio-invitation{align-items:center}@media(max-width:800px){.studio-layout{grid-template-columns:1fr;gap:30px}.studio-preview{position:static;padding:18px}.studio-preview svg{max-height:390px}.studio-intro h2{font-size:38px}.custom-studio{padding:20px 20px 50px}.studio-fields{gap:0 12px}.studio-actions{flex-direction:column}.studio-actions button{min-height:48px}.studio-step{padding-top:24px}.inner-page:has(.custom-studio) .page-heading{padding-bottom:20px}}
.customer-upload{background:#f0ece6;padding:20px;margin-bottom:25px}.customer-upload h3{font:23px Georgia;margin:0 0 12px}.customer-upload>p{font-size:12px;line-height:1.7}.photo-tools{display:flex;gap:8px;flex-wrap:wrap}.photo-tools button{font-size:9px;padding:11px;background:white;border:1px solid #bbb}.photo-tools button[aria-pressed=true]{background:#26221f;color:#fff}.photo-tools button:disabled{opacity:.4;cursor:default}#reference-thumbnails{display:flex;gap:10px;margin:15px 0}.reference-thumb{padding:4px;border:1px solid #ccc;background:white;max-width:100px;font-size:10px}.reference-thumb[aria-pressed=true]{border:2px solid #222}.reference-thumb img{width:70px;height:85px;object-fit:cover;display:block}.reference-thumb span{display:block;margin:5px}.template-library{margin:0 0 24px;border-bottom:1px solid #d6d0c8;padding-bottom:16px}.template-library summary{font-size:12px;cursor:pointer}.style-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px}.style-gallery button{border:1px solid #d4cec5;background:#f5f2ed;padding:8px;color:#333;font-size:10px;line-height:1.4}.style-gallery svg{display:block;width:100%;height:70px}.style-gallery button[aria-pressed=true]{border:2px solid #222;background:#e9e2d8}.colour-family h3{font:11px Arial;color:#666;margin:18px 0 12px}.colour-family .studio-swatches{gap:12px;flex-wrap:wrap;margin-bottom:20px}.studio-preview .preview-top span:last-child{max-width:45%;text-align:right}@media(max-width:500px){.customer-upload{padding:15px}.style-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.colour-family .studio-swatches{gap:10px}.colour-family .studio-swatches button{width:29px;height:29px}}