/* Uniform design: garment, overall style, then optional refinements. */
@media(min-width:1100px){body:not(.order-workspace) .studio{grid-template-columns:minmax(0,1.3fr) minmax(450px,1fr)}}
.composer-overall>h3,.accessory-overall-title{font-size:17px;margin:18px 0 12px;letter-spacing:-.02em}
#fullDesignAi .composer-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
#fullDesignAi .composer-methods button{min-height:44px;padding:10px 8px;font-size:13px;border-radius:8px}
#fullDesignAi .composer-methods [data-method=describe]{border-color:#8aab3d;background:#f4f9e8}
#fullDesignAi .composer-methods [aria-pressed=true]{background:#111c2c;color:#d4fa55;border-color:#111c2c;box-shadow:none}
#fullDesignAi .composer-pattern #designLibrary{margin:0;padding:0;border:0;background:none}
#fullDesignAi .composer-pattern #designLibrary>h3,#fullDesignAi .composer-pattern #designLibrary>.help{display:none}
#fullDesignAi .composer-pattern .library-quick{margin-top:0}
#fullDesignAi .composer-parts{margin:18px 0 0;background:white;border:1px solid #d7e0e6;border-radius:10px;padding:0}
#fullDesignAi .composer-parts>summary{padding:16px;font-size:14px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
#fullDesignAi .composer-parts>summary::after{content:'+';font-size:22px;line-height:1;font-weight:400}
#fullDesignAi .composer-parts[open]>summary::after{content:'−'}
#fullDesignAi .composer-parts>summary::-webkit-details-marker{display:none}
#fullDesignAi .composer-parts[open]{padding:0 14px 14px}
#fullDesignAi .composer-parts[open]>summary{margin:0 -14px 6px;color:#526478}
#fullDesignAi .composer-areas{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
#fullDesignAi .composer-areas button{flex:1 1 auto;min-height:40px;padding:8px 10px;font-size:12px;border-radius:7px}
#fullDesignAi .composer-current{padding:10px;margin:0 0 14px;background:#f5f8fa;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;border:1px solid #e1e7ec;border-radius:8px}
#fullDesignAi .composer-current>strong{font-size:13px}
#fullDesignAi .composer-current-grid{grid-column:2;grid-row:1 / span 2;display:flex;gap:6px}
#fullDesignAi .composer-current-grid figure{width:54px;margin:0;min-width:0}
#fullDesignAi .composer-current-grid img,#fullDesignAi .composer-current-grid canvas,#fullDesignAi .composer-current-swatch{width:54px;height:46px;min-height:0;aspect-ratio:auto;object-fit:cover;border-radius:5px}
#fullDesignAi .composer-current-grid figcaption{display:none}
#fullDesignAi .composer-current .composer-copy{grid-column:1/-1;margin:0;padding:0;border:0;background:none}
#fullDesignAi .composer-copy>summary{font-size:12px;padding:0;min-height:24px;color:#526478}
#fullDesignAi .composer-copy[open]{padding-top:8px}
#fullDesignAi .composer-copy[open]~*{margin:0}
#fullDesignAi .composer-current-base{min-height:0}
#fullDesignAi .composer-sleeve{margin-bottom:14px}
#fullDesignAi .composer-actions{margin-top:8px}
#fullDesignAi .composer-form>.help:empty{display:none}
#fullDesignAi .composer-pattern>p{font-size:12px;margin:0 0 8px}
#fullDesignAi .composer-pattern>button{font-size:12px;padding:8px 10px;min-height:36px;margin-bottom:12px}
.accessory-editor .accessory-source{margin:0}
.accessory-editor .accessory-source-note{font-size:12px;margin:6px 0 16px;line-height:1.45}
.accessory-editor .accessory-style-label{font-size:13px;margin:0 0 8px}
.accessory-editor .uniform-style-grid{margin-bottom:12px}
.accessory-detail{margin:10px 0;padding:0;border:1px solid #d7e0e6;border-radius:9px;background:white}
.accessory-detail>summary{padding:14px;font-size:14px;cursor:pointer}
.accessory-detail[open]{padding:0 14px 14px}
.accessory-detail[open]>summary{margin:0 -14px}
.accessory-detail .sock-logo-section{margin:0;padding:0;border:0}
.accessory-detail .sock-logo-section>h3{display:none}
.accessory-detail .composer-upload{margin:0}
.accessory-detail .shell-colors{margin:0}
#artworkHistory{padding:0;margin:16px 0 0;border:1px solid #d7e0e6;border-radius:9px;background:white}
#artworkHistory>summary{font-size:14px;font-weight:600;padding:14px;cursor:pointer}
#artworkHistory[open]{padding:0 14px 14px}
#artworkHistory[open]>summary{margin:0 -14px}
.preview-panel .mobile-preview-tools{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-top:1px solid #d8e1e8}
.preview-panel .mobile-preview-tools .flow-camera{display:flex;gap:5px;margin:0;padding:0;border:0}
.preview-panel .mobile-preview-tools .realistic-preview-trigger{position:static;inset:auto;z-index:auto;margin-left:auto;flex-shrink:0;min-height:36px;padding:7px 10px;font-size:12px}
.preview-panel .design-undo{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 10px;border:1px solid #cedae4;border-radius:8px;background:white;color:#111c2c;font:600 12px var(--font-ui);cursor:pointer}
.preview-panel .design-undo svg{width:18px;height:18px}
.preview-panel .design-undo:disabled{opacity:.38;cursor:default}
.design-undo-ready .local-design-undo{display:none!important}
@media(max-width:740px){
 .composer-overall>h3,.accessory-overall-title{font-size:16px;margin-top:14px}
 #fullDesignAi .composer-methods{gap:6px;margin-bottom:14px}
 #fullDesignAi .composer-methods button{font-size:12px;min-height:42px;padding:9px 6px}
 #fullDesignAi .composer-areas{gap:5px}
 #fullDesignAi .composer-areas button{padding:8px;font-size:11px}
 .preview-panel.mobile-live .mobile-preview-tools{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;height:44px;padding:2px 10px;border-top:0}
 .preview-panel.mobile-live .mobile-preview-tools .flow-camera{gap:5px}
 .preview-panel.mobile-live .mobile-preview-tools .design-undo,.preview-panel.mobile-live .mobile-preview-tools .realistic-preview-trigger{margin:0;width:38px;height:36px;min-width:38px;min-height:36px;padding:0;border-radius:7px}
 .preview-panel.mobile-live .design-undo span,.preview-panel.mobile-live .realistic-preview-trigger span{display:none}
 .preview-panel.mobile-live .realistic-preview-trigger svg{width:19px;height:19px}
}

.preview-panel .mobile-preview-tools>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.design-undo-ready #undoZoneDesign{display:none!important}

/* Status stays readable when a section is closed, without adding another row. */
.has-disclosure-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;list-style:none}
.has-disclosure-status::-webkit-details-marker{display:none}
.has-disclosure-status .disclosure-label{flex:1;min-width:120px}
.has-disclosure-status .disclosure-status{font:500 11px var(--font-ui);line-height:1.4;padding:3px 7px;border-radius:5px;color:#526478;background:#edf2f5;white-space:nowrap}
.accessory-detail>.has-disclosure-status::after,.composer-image-adjust>.has-disclosure-status::after,.collar-advanced>.has-disclosure-status::after{content:'+';font-weight:500;font-size:18px}
.accessory-detail[open]>.has-disclosure-status::after,.composer-image-adjust[open]>.has-disclosure-status::after,.collar-advanced[open]>.has-disclosure-status::after{content:'−'}