.studio-page{background:#f5f7fa}.back-link{margin-left:auto;color:var(--navy);font-weight:750;text-decoration:none}.studio-shell{width:min(1320px,calc(100% - 40px));margin:0 auto;padding:38px 0 70px}.studio-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.studio-title h1{margin:0;color:var(--navy);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em}.studio-progress{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem}.studio-progress b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff}.studio-progress b:nth-of-type(2){background:#cbd5e1}.studio-progress i{width:45px;height:1px;background:#cbd5e1}.studio-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);gap:24px}.preview-panel,.control-panel{background:#fff;border:1px solid var(--border);border-radius:10px}.preview-panel{padding:28px;display:grid;align-content:start}.canvas-wrap{max-width:720px;width:100%;margin:auto;background:linear-gradient(135deg,#f4f6f8,#e9edf2);border-radius:8px;overflow:hidden}canvas{display:block;width:100%;height:auto;cursor:move}.preview-panel>p{text-align:center;color:var(--muted);font-size:.82rem;margin:16px 0 0}.control-panel{overflow:hidden}.control-section{padding:24px;border-bottom:1px solid var(--border)}.control-section:last-child{border:0}.control-section h2{font-size:1.05rem;color:var(--navy);margin:0 0 18px}.control-section label,.control-section legend{font-size:.82rem;font-weight:750;color:var(--navy)}.control-section label{display:grid;gap:6px;margin-bottom:14px}.control-section input,.control-section select{border:1px solid #b9c7d5;border-radius:5px;padding:10px;font:inherit}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.control-section fieldset{border:0;padding:0;margin:0}.swatches{display:flex;gap:9px;flex-wrap:wrap;margin-top:9px}.swatch{width:32px;height:32px;border-radius:50%;background:var(--swatch);border:2px solid #d1d5db;cursor:pointer}.swatch.selected{outline:3px solid var(--blue);outline-offset:2px}.upload-button{border:1px dashed #93a4b8;border-radius:6px;padding:16px!important;text-align:center;display:block!important;cursor:pointer;background:#f8fafc}.upload-button input{display:none}.slider-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.slider-row button{border:0;background:none;color:#b42318;font-weight:700;cursor:pointer}.small-note{font-size:.75rem;color:var(--muted);margin:8px 0 0}.full-button{width:100%;margin-top:10px}.studio-page .toast{min-width:260px;text-align:center}@media(max-width:900px){.studio-layout{grid-template-columns:1fr}.control-panel{display:grid;grid-template-columns:1fr 1fr}.control-section:last-child{grid-column:1/-1}}@media(max-width:620px){.studio-shell{width:min(100% - 20px,1320px);padding-top:25px}.studio-title{display:block}.studio-progress{margin-top:18px}.preview-panel{padding:10px}.control-panel{display:block}.two-col{grid-template-columns:1fr}.control-section:last-child{grid-column:auto}}

/* Compact, named palette for the expanded adult catalog. */
.control-section .color-select-label{margin-top:10px;font-size:14px}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:8px;max-height:228px;overflow-y:auto;padding:6px;margin:6px -6px 0;scrollbar-gutter:stable}.swatch{width:30px;height:30px;padding:0}.swatch:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.control-section .small-note{font-size:14px;line-height:1.5}.control-section label,.control-section legend{font-size:14px}
#design-library{width:min(1100px,calc(100% - 24px));max-height:90vh;max-height:90dvh;border:0;border-radius:14px;padding:28px;color:var(--navy);box-shadow:0 24px 100px #0b1c3d55}#design-library::backdrop{background:#101d35b8}.library-header{display:flex;justify-content:space-between;align-items:start;gap:20px}.library-header h2{font-size:28px;margin:0 0 8px}.library-header p{font-size:16px;margin:0 0 20px}.library-header button{background:#eef1f5;border:0;border-radius:50%;width:42px;height:42px;flex-shrink:0;font-size:20px;cursor:pointer}.library-filters{display:grid;grid-template-columns:2fr 1fr;gap:16px}.library-filters label{display:grid;gap:7px;font-size:14px;font-weight:700}.library-filters input,.library-filters select{width:100%;min-width:0;border:1px solid #b9c7d5;border-radius:6px;padding:12px;font:inherit;font-size:16px}#design-count,#design-page,#library-error{font-size:14px}.design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.design-card{padding:0 0 14px;overflow:hidden;border:1px solid #dce2eb;border-radius:8px;background:#fff;text-align:left;color:var(--navy);cursor:pointer;display:flex;flex-direction:column}.design-card:hover{border-color:var(--blue);box-shadow:0 5px 18px #16294b12}.design-card:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.design-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:18px;background:#e2e5e9}.design-card strong{font-size:14px;line-height:1.4;padding:12px 12px 5px;overflow-wrap:anywhere}.design-card span{font-size:13px;padding:0 12px;color:#526079}.library-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:24px}.library-pagination button:disabled{opacity:.4;cursor:default}.design-empty{grid-column:1/-1;padding:30px 0}body:has(#design-library[open]){overflow:hidden}@media(max-width:700px){#design-library{padding:18px}.library-filters{grid-template-columns:1fr}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-header h2{font-size:24px}.design-card img{padding:10px}.library-pagination{gap:10px}}

.control-panel .product-description{font-size:.9375rem;line-height:1.6;margin:12px 0 18px;color:var(--muted)}

.side-switch{display:flex;justify-content:center;gap:12px}.side-switch button[aria-pressed="true"]{background:var(--navy);color:#fff}.side-switch button:disabled{opacity:.5;cursor:wait}