.studio{padding-top:35px}.studio-heading{max-width:850px;margin:20px auto 45px;text-align:center}.studio-heading h1{font-size:clamp(43px,5.5vw,76px);letter-spacing:-2px}.studio-heading>p:last-child{max-width:620px;margin:0 auto;font-size:15px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:45px;align-items:start}.studio-preview{background:var(--accent);padding:20px;position:sticky;top:20px;border:1px solid var(--line)}.canvas-label{display:flex;justify-content:space-between;align-items:center;padding:0 5px 12px;font-size:9px;letter-spacing:1.5px}.studio canvas{display:block;width:100%;height:auto;background:#f5f1e7;touch-action:pan-y}.studio #shirt-canvas{touch-action:none}.preview-caption{font-size:11px;line-height:1.6;margin:15px 5px;color:var(--ink)}.studio-controls fieldset{border:1px solid var(--line);padding:25px;margin:0 0 25px;min-width:0}.studio-controls legend{padding:0 10px;font:23px Georgia,serif;letter-spacing:-.4px}.studio label,.studio .field-label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.studio input:not([type=range]):not([type=color]):not([type=file]),.studio select,.studio textarea{width:100%;font:14px Arial,sans-serif;line-height:1.5;padding:12px;border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:0;margin:7px 0 15px}.studio input[type=color]{width:100%;height:43px;background:var(--paper);border:1px solid var(--line);padding:4px;display:block;margin:7px 0 15px;cursor:pointer}.studio input[type=range]{width:100%;display:block;margin:12px 0 20px;accent-color:var(--ink)}.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.control-pair output{display:block;min-height:43px;margin:7px 0 15px;font-size:11px;font-family:monospace;padding:12px 0}.swatches{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 22px}.swatch{width:29px;height:29px;border:1px solid #0003;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff65}.swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.preview-tools,.graphic-picks{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.preview-tools button,.graphic-picks button,.outline-action,.minor-action{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:10px 13px;font-size:11px;line-height:1.4;display:inline-block;cursor:pointer}.preview-tools button:hover,.graphic-picks button:hover,.outline-action:hover{border-color:var(--ink)}.preview-tools button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.minor-action{margin-bottom:24px}.reference-box{padding:25px;border:1px dashed var(--line);margin-top:25px}.reference-box h3{font-size:25px;margin-bottom:12px}.reference-box>p{font-size:12px}.file-label{padding:12px 15px;border:1px solid var(--line);cursor:pointer;background:var(--accent)}.file-label input{display:block;margin-top:8px;width:100%;font-size:11px;font-weight:400}.reference-list{display:grid;gap:12px;margin:18px 0}.reference-thumb{display:grid;grid-template-columns:55px 1fr auto;gap:10px;align-items:center;font-size:11px;word-break:break-word}.reference-thumb img{width:55px;height:55px;object-fit:cover}.reference-thumb button{border:0;border-bottom:1px solid;background:none;font-size:10px;color:var(--ink);padding:3px}.save-design{width:100%;margin-top:25px;text-align:center}.design-status{font-size:12px;margin:15px 0}.studio .fine{font-size:10px;line-height:1.7}.plant-price-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:35px}.plant-price-guide>div{border:1px solid var(--line);padding:20px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px}.plant-price-guide strong{font:28px Georgia,serif}.plant-row{background:var(--accent);padding:18px;margin-bottom:16px}.plant-row-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px;font-size:12px}.plant-row-title button{padding:0;border:0;border-bottom:1px solid;background:none;font-size:10px;color:var(--ink)}.plant-row-price{display:block;text-align:right;font:24px Georgia}.bundle-summary{padding:20px 10px 5px}.bundle-summary>div{display:flex;justify-content:space-between;margin-bottom:12px;font-size:13px;gap:15px}.bundle-summary .bundle-total{border-top:1px solid var(--line);padding-top:16px;font-size:16px}.bundle-summary>p{font-size:10px;margin-top:15px}.bundle-message{padding:12px;background:var(--accent);margin:15px 0 0;font-size:12px}.control-hint{font-size:12px}.studio button:disabled{cursor:not-allowed;opacity:.45}.bag-link{font-weight:bold;white-space:nowrap}.bag-link span{display:inline-grid;place-items:center;border:1px solid;padding:1px 6px;margin-left:4px;border-radius:50%;font-size:10px}.bag-notice{padding:20px;border:1px solid var(--line);background:var(--accent);font-size:13px;margin-bottom:30px}.design-bag-card{display:grid;grid-template-columns:240px 1fr;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}.design-bag-card>img{width:100%;height:230px;object-fit:contain;background:var(--accent)}.design-bag-card h2{font:30px/1.2 Georgia,serif;letter-spacing:-.5px}.design-bag-card p{font-size:12px;overflow-wrap:anywhere}.saved-reference-strip{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.saved-reference-strip img{width:60px;height:60px;object-fit:cover}.empty-bag{text-align:center;padding:45px 10px}.empty-bag h2{font-size:35px}#design-bag-actions{max-width:750px;padding-top:35px}#design-bag-actions .btn{display:block;width:100%;text-align:center;margin-bottom:15px}#studio-notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:var(--ink);color:var(--paper);padding:15px 25px;max-width:90%;font-size:12px;box-shadow:0 5px 30px #0002}.studio-icon-link{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:20px}.studio-icon-link a{border-bottom:1px solid var(--line);font-size:12px;padding:5px}.studio-controls fieldset .fine{margin:0}.studio .btn{font-size:11px}.studio select:focus,.studio textarea:focus,.studio input:focus{outline:2px solid #8c9d91;outline-offset:2px}
@media(max-width:1000px){.studio-layout{gap:25px}.studio-controls fieldset{padding:20px}.plant-price-guide>div{padding:15px;display:block}.plant-price-guide strong{display:block;margin-top:7px}}@media(max-width:750px){.studio-layout{grid-template-columns:1fr}.studio-preview{position:static;padding:12px}.studio-heading{text-align:left;margin-bottom:25px}.studio-heading>p:last-child{font-size:13px}.studio{padding:25px 5% 50px}.plant-price-guide{grid-template-columns:repeat(2,1fr);gap:10px}.plant-price-guide>div{display:flex}.plant-price-guide strong{margin-top:0}.design-bag-card{grid-template-columns:1fr;gap:20px}.design-bag-card>img{height:240px}.reference-box{padding:18px}.studio-controls legend{font-size:21px}.studio .control-pair{gap:12px}.studio .swatch{width:28px;height:28px}.studio canvas{max-height:65vh;object-fit:contain}.studio #shirt-canvas{max-height:none}.studio .minor-action{padding:11px 8px}#studio-notice{bottom:15px;width:90%;text-align:center}.bag-link{margin-left:0}}

.bracelet-color-slots{display:grid;gap:8px;margin:16px 0}.bracelet-color-slot{display:grid;grid-template-columns:1fr 64px 90px;align-items:center;gap:12px}.bracelet-color-slot button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--ink,#29271f)}.bracelet-color-slot input[type=color]{width:64px;height:42px;padding:3px}.bracelet-color-slot span{font-size:12px}.bracelet-color-slot:has(input:disabled){opacity:.4}

.bracelet-color-slot{grid-template-columns:1fr 32px 100px}.bracelet-color-slot .color-sample{display:block;width:28px;height:28px;cursor:default}.bracelet-color-slot:has(button:disabled){opacity:.4}.selected-bracelet-color{margin:16px 0}

.shirt-templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.shirt-templates button{padding:18px 10px;display:grid;gap:9px;min-height:130px;text-align:center}.shirt-templates button>span{font-family:Georgia,serif;font-size:23px}.shirt-templates strong{font-size:14px}.shirt-templates small{font-size:11px;font-weight:400}.shirt-templates [aria-pressed=true]{box-shadow:inset 0 0 0 2px currentColor}

.clothes-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.clothes-gallery button{padding:0 0 16px;text-align:left;overflow:hidden;display:grid;align-content:start;gap:10px}.clothes-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover}.clothes-gallery strong,.clothes-gallery span,.clothes-gallery small{padding:0 12px}.clothes-gallery span{font-size:12px;font-weight:400;line-height:1.5}.clothes-gallery small{font-size:11px}.clothes-gallery [aria-pressed=true]{outline:3px solid currentColor;outline-offset:2px}.clothes-price{display:grid;gap:8px;border:1px solid currentColor;padding:22px;margin:22px 0}.clothes-price strong{font-size:23px}@media(max-width:420px){.clothes-gallery{gap:10px}.clothes-gallery strong{font-size:13px}}

.garment-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}.garment-choices button{padding:18px 6px;display:grid;gap:8px;text-align:center}.garment-choices small{font-size:10px;font-weight:400}.garment-choices [aria-pressed=true],.motif-gallery [aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px}.motif-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:20px 0}.motif-gallery button{padding:9px 5px;display:grid;justify-items:center;gap:8px}.motif-gallery img{width:100%;max-width:58px;aspect-ratio:1}.motif-gallery span{font-size:11px}.shirt-text-card{padding:16px;border:1px solid #9996;margin:12px 0}.shirt-text-card h3{font-size:18px;margin:0 0 12px}.clothes-order-mode{background:#e9e3d32b}#mystery-fields{margin-top:20px}#mystery-fields[hidden]{display:none}

.custom-only[hidden],#shirt-center-lettering-label[hidden]{display:none!important}

.motif-card{border:1px solid #9995;padding:8px;display:grid;gap:8px}.motif-card button{width:100%;border:0;padding:5px}.motif-card label{font-size:11px;margin:0}.motif-card select{width:100%;padding:8px}.finish-options{display:grid;gap:12px;margin:18px 0}.finish-options label{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #9995}.finish-options input{width:18px;height:18px;margin:0}#shirt-style-label[hidden],.custom-only[hidden],#mystery-fields[hidden]{display:none!important}.clothes-price p{margin:4px 0;font-size:12px}.studio-controls details{padding:18px;border:1px solid #9995;margin:20px 0}.studio-controls summary{cursor:pointer;font-weight:bold} .garment-choices button{min-height:95px}

.finish-options label{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important}.finish-options input[type=checkbox]{flex:0 0 18px!important;max-width:18px!important;width:18px!important}

.clothing-colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 24px}.clothing-colors button{padding:8px 2px;display:grid;justify-items:center;gap:6px;font-size:10px}.clothing-color-dot{width:24px;height:24px;border:1px solid #888;border-radius:50%;display:block}.clothing-colors [aria-pressed=true]{outline:2px solid currentColor;outline-offset:1px}.motif-card label[hidden]{display:none!important}.price-details{padding:8px 0!important;border:0!important}.studio-controls summary{font-size:14px;line-height:1.5}.more-icons{margin-top:10px!important}.shirt-text-card details{margin:10px 0!important;padding:10px!important}
