/* Seller studio · Material You expressive, shared across every palette. */
.shop-chip{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:5px 13px 5px 5px;border:1px solid var(--line);border-radius:100px;background:var(--paper);color:var(--ink);text-decoration:none;font-size:13px;font-weight:650;transition:background 180ms,transform 300ms var(--motion-spring)}
.shop-chip:hover{background:var(--brand-soft);transform:translateY(-2px)}.shop-chip-name{max-width:145px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shop-chip>.icon{width:17px;height:17px;color:var(--brand)}
.seller-overview{margin:26px 0 18px;background:var(--paper);border-radius:32px;overflow:hidden}.seller-cover{height:150px;position:relative;overflow:hidden;background:linear-gradient(115deg,var(--brand),var(--brand-soft))}.seller-cover>img{width:100%;height:100%;object-fit:cover}.seller-cover-orbit{position:absolute;width:360px;height:360px;right:7%;top:-240px;border:50px solid color-mix(in srgb,var(--bg) 22%,transparent);border-radius:50%;transform:rotate(-30deg)}.seller-cover-label{position:absolute;top:20px;left:24px;color:var(--ink);background:var(--bg);padding:9px 13px;border-radius:50px;font-size:10px;letter-spacing:.09em;font-weight:700}
.seller-identity{display:flex;align-items:center;gap:22px;padding:0 28px 26px;position:relative}.seller-avatar{width:92px;height:92px;flex:none;border:5px solid var(--paper);margin-top:-30px;align-self:flex-start;font-size:28px}.seller-heading{min-width:0;flex:1;padding-top:18px}.seller-heading h1{font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-1px;margin:0 0 7px;display:flex;align-items:center;gap:8px}.seller-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 12px;max-width:700px}.seller-status{display:inline-flex;align-items:center;gap:5px;color:var(--brand);font-size:12px;line-height:1.5}.seller-status>.icon{width:16px;height:16px}.seller-status.rejected{color:var(--md-sys-color-error)}.seller-public{flex:none;display:flex;align-items:center;gap:10px;font-size:12px}
.studio-settings{margin:0 0 32px;background:var(--paper);border:1px solid var(--line);border-radius:26px}.studio-settings>summary{display:flex;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;list-style:none;min-height:88px}.studio-settings>summary::-webkit-details-marker{display:none}.settings-symbol{display:grid;place-items:center;width:46px;height:46px;background:var(--brand-soft);color:var(--brand);border-radius:16px;flex:none}.settings-heading{display:grid;gap:6px;flex:1}.settings-heading strong{font-size:15px}.settings-heading small{color:var(--muted);font-size:12px}.settings-action{font-size:12px;font-weight:600;color:var(--brand)}.settings-chevron{transition:transform 320ms var(--motion-spring);color:var(--brand)}.studio-settings[open] .settings-chevron{transform:rotate(180deg)}.studio-settings-body{padding:8px 22px 0}.studio-settings .studio-layout{margin-bottom:18px;grid-template-columns:minmax(0,1fr) 210px}.studio-settings .shop-editor-card{background:var(--bg)}.studio-settings .studio-guide{background:var(--bg);top:100px}.studio-settings .store-cover{height:210px}
.seller-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 20px}.seller-section-heading h2{font-size:28px;display:flex;align-items:center;gap:12px;margin:6px 0 0}.seller-section-heading .eyebrow{margin:0}.seller-section-heading .primary{display:flex;align-items:center;gap:9px}.count-chip{display:grid;place-items:center;font-size:12px;min-width:28px;height:28px;padding:0 8px;background:var(--brand-soft);color:var(--brand);border-radius:10px}.seller-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.seller-product-card{color:var(--ink);text-decoration:none;background:var(--paper);border-radius:24px;overflow:hidden;transition:transform 350ms var(--motion-spring),box-shadow 200ms}.seller-product-card:hover{transform:translateY(-5px);box-shadow:0 10px 22px #1f332010}.seller-product-photo{position:relative;aspect-ratio:4/3;background:var(--line);display:grid;place-items:center;overflow:hidden}.seller-product-photo>img{width:100%;height:100%;object-fit:cover;transition:transform 500ms var(--motion-spring)}.seller-product-card:hover .seller-product-photo>img{transform:scale(1.04)}.seller-product-photo>svg{width:70px;height:70px;fill:none;stroke:var(--brand);stroke-width:1.7}.product-edit-icon{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;background:var(--bg);border-radius:50%;color:var(--brand)}.seller-product-info{padding:17px}.seller-product-info h3{font-size:15px;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seller-product-info strong{font-size:18px}.seller-product-info p{font-size:11px;color:var(--muted);margin:9px 0 0}.seller-empty{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--paper);border:1px dashed var(--line);border-radius:28px;padding:44px 20px;gap:12px}.seller-empty p{margin:0;color:var(--muted)}
.product-editor-intro{margin:26px auto;max-width:1080px}.product-editor-intro h1{font-size:clamp(30px,4vw,42px);margin:10px 0;letter-spacing:-1.5px}.product-editor-intro>p:last-of-type{color:var(--muted);line-height:1.6;font-size:14px}.back-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:12px}.back-link>.icon{transform:rotate(180deg);width:16px;height:16px}.product-editor-intro .eyebrow{margin-top:26px}.product-editor,.product-archive{max-width:1080px;margin:0 auto}.product-editor{display:grid;gap:22px}.product-editor .shop-editor-card{margin:0;padding:28px}.product-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-fields label,.product-variant label,.color-field label{display:grid;gap:8px;font-size:12px;font-weight:550;color:var(--muted);min-width:0}.product-fields .wide{grid-column:1/-1}.product-fields input,.product-fields textarea,.product-variant input,.product-variant select{width:100%;min-width:0;box-sizing:border-box}.price-input{position:relative;display:block}.price-input>input{padding-right:64px}.price-input>span{position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:650;color:var(--brand)}
.photo-dropzone{border:2px dashed var(--line);border-radius:24px;padding:28px 20px;background:var(--bg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;transition:background 220ms,border-color 220ms,transform 320ms var(--motion-spring)}.photo-dropzone.is-dragover{border-color:var(--brand);background:var(--brand-soft);transform:scale(1.01)}.photo-upload-symbol{display:grid;place-items:center;width:56px;height:56px;border-radius:20px;background:var(--brand-soft);color:var(--brand)}.photo-upload-symbol>.icon{width:28px;height:28px}.photo-dropzone>strong{font-size:14px;font-weight:550;color:var(--muted)}.photo-choose{display:inline-flex!important;align-items:center;gap:9px;cursor:pointer;font-size:12px}.photo-dropzone:focus-within{outline:3px solid var(--brand);outline-offset:3px}.photo-count{font-size:12px;color:var(--muted);text-align:right;margin:16px 0 12px}.product-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-photo-tile{position:relative;min-width:0;margin:0;border-radius:18px;overflow:hidden;background:var(--bg);border:1px solid var(--line)}.product-photo-tile>img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.product-photo-tile figcaption{position:absolute;top:10px;left:10px;max-width:calc(100% - 20px);background:var(--bg);color:var(--brand);border-radius:100px;padding:6px 10px;font-size:10px;font-weight:650}.photo-actions{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;gap:4px}.photo-actions button{min-height:32px;width:32px;padding:0;border:0;background:transparent;color:var(--brand);border-radius:12px}.photo-actions button:hover{background:var(--brand-soft)}.photo-actions button:disabled{opacity:.25}.photo-actions .photo-remove{margin-left:auto;color:var(--md-sys-color-error)}
.product-variants fieldset{border:0;margin:0;padding:0;overflow:visible}.product-variant{display:grid;grid-template-columns:22px minmax(90px,.8fr) minmax(100px,1fr) minmax(160px,1fr) minmax(120px,.7fr);align-items:end;gap:14px;padding:18px 0;border-top:1px solid var(--line);margin:0}.variant-number{align-self:center;font-size:11px;color:var(--brand);font-weight:650}.quantity-control{display:flex;align-items:center;border:1px solid var(--line);border-radius:16px;background:var(--bg);min-height:52px;overflow:hidden}.quantity-control>input{padding:10px 0;border:0;text-align:center;border-radius:0;background:transparent;min-height:48px}.quantity-control>button{min-width:32px;min-height:48px;padding:0;border:0;border-radius:0;background:transparent;color:var(--brand);font-size:20px}.quantity-control>button:hover{background:var(--brand-soft)}.color-field{display:flex;align-items:end;gap:8px;min-width:0;position:relative}.color-field>label{flex:1}.color-trigger{min-width:48px;width:48px;height:52px;padding:0;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--brand)}.color-trigger-swatch{position:absolute;inset:8px;border-radius:10px;pointer-events:none}.color-trigger.has-color .icon{visibility:hidden}.color-popover{position:absolute;bottom:calc(100% + 12px);right:0;width:250px;z-index:20;background:var(--md-sys-color-surface-container-high);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 12px 32px #162f2324}.color-popover>strong{display:block;font-size:14px;margin-bottom:16px}.color-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.color-swatches>button{padding:0;min-height:32px;height:32px;border-radius:50%;border:2px solid var(--line);background:var(--swatch)}.color-swatches>button[aria-pressed=true]{outline:2px solid var(--brand);outline-offset:3px}.color-native{width:100%;height:40px;padding:3px;border-radius:12px;border:1px solid var(--line);background:var(--bg);cursor:pointer}.color-clear{margin-top:12px}.product-save-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--paper);padding:16px 24px;border:1px solid var(--line);border-radius:24px;position:sticky;bottom:16px;z-index:10;box-shadow:0 8px 25px #14281a10}.product-save-bar .primary{display:flex;gap:9px;align-items:center;min-width:180px;justify-content:center}.product-archive{padding:24px 0}.color-popover[hidden]{display:none}.product-editor .md-select-menu{max-height:240px}
@media(max-width:1150px){.shop-chip-name{max-width:100px}.studio-settings .studio-layout{grid-template-columns:1fr}.seller-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.seller-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-identity{gap:14px;padding:0 20px 22px;flex-wrap:wrap}.seller-heading{padding-top:14px;flex-basis:calc(100% - 120px)}.seller-public{margin-left:106px}.settings-action{font-size:0}.settings-action:after{content:'+';font-size:24px}.studio-settings[open] .settings-action:after{content:'−'}.studio-settings>summary{padding:16px}.studio-settings-body{padding:4px 12px 0}.product-variant{grid-template-columns:18px 1fr 1fr}.variant-number{grid-row:span 2}.product-variant>.color-field{grid-column:2}.product-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.shop-chip-name{display:none}.shop-chip{padding:4px;gap:0}.shop-chip>.icon{display:none}.seller-cover{height:120px}.seller-avatar{width:76px;height:76px}.seller-heading{flex-basis:calc(100% - 95px)}.seller-heading h1{font-size:24px}.seller-public{margin-left:90px}.seller-section-heading{align-items:flex-start}.seller-section-heading h2{font-size:24px}.seller-section-heading .primary{font-size:11px;padding:12px}.seller-product-grid{gap:12px}.seller-product-info{padding:13px}.settings-heading small{font-size:11px}.product-editor .shop-editor-card{padding:20px 16px;border-radius:24px}.product-fields{grid-template-columns:1fr;gap:18px}.product-fields .wide{grid-column:auto}.product-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-variant{gap:10px}.color-popover{right:-30px;width:230px}.photo-dropzone{padding:24px 12px}.product-save-bar{bottom:8px;padding:12px 16px}.product-save-bar .primary{min-width:140px}.seller-product-info p span{display:block}.seller-product-info h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){.shop-chip,.seller-product-card,.seller-product-photo>img,.settings-chevron,.photo-dropzone{transition:none}.shop-chip:hover,.seller-product-card:hover,.seller-product-card:hover .seller-product-photo>img{transform:none}}
/* Compact unified photo workspace and opt-in size/color rows. */
.photo-dropzone[hidden],.photo-more[hidden],.product-photo-grid[hidden],.photo-count[hidden],.variant-remove[hidden],.variant-add[hidden]{display:none!important}
.photo-more{display:inline-flex;align-items:center;gap:8px;justify-self:start;width:fit-content;font-size:12px;cursor:pointer;margin-bottom:2px}
.product-photo-section:has(.photo-more:not([hidden]))>.post-import{margin-top:12px}
.variant-add{display:inline-flex;align-items:center;gap:8px;font-size:12px;margin-top:18px}
.variant-footnote{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 0 0;max-width:720px}
.variant-remove{grid-column:2/-1;justify-self:end;display:inline-flex;gap:6px;align-items:center;font-size:11px;padding:6px 8px;min-height:32px;color:var(--muted)}
.variant-remove .icon{width:14px;height:14px}.variant-remove:hover{color:var(--md-sys-color-error)}
.product-variant .color-field{align-self:end}.product-variant .quantity-control{align-self:end}
.post-import-body{animation:none!important}
/* Details card: brand dialog, category glyphs and a tactile 1–10 condition scale. */
.product-fields small{font-size:11px;font-weight:400;line-height:1.6;color:var(--muted)}
.brand-field{position:relative;display:block}.brand-field input{padding-right:58px}.brand-field input[readonly]{cursor:pointer}.brand-open{position:absolute;right:5px;top:5px;bottom:5px;min-width:42px;padding:8px;border:0;background:var(--brand-soft);color:var(--brand);border-radius:12px}.brand-open[hidden]{display:none}
.brand-picker-dialog{width:640px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 40px);padding:28px;border:1px solid var(--line);border-radius:32px;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #0006}
.brand-picker-dialog::backdrop{background:#0008;backdrop-filter:blur(6px)}.brand-picker-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.brand-picker-header h2{font-size:28px;letter-spacing:-.8px;margin:6px 0}.brand-picker-header .eyebrow{font-size:10px;margin:0;color:var(--muted)}.brand-picker-header button{border:1px solid var(--line);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;padding:0;background:var(--bg);color:var(--ink);flex:none}
.brand-search{display:flex;gap:12px;align-items:center;padding:0 16px;background:var(--bg);border:1px solid var(--line);border-radius:18px}.brand-search input{border:0;background:transparent;width:100%;min-width:0;outline-offset:-3px}.brand-search>.icon{flex:none;color:var(--muted)}
.brand-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0;max-height:320px;overflow:auto;padding:4px;overscroll-behavior:contain}.brand-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:110px;padding:14px 8px;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--ink);font-size:11px;transition:transform .3s var(--motion-spring),border-color .2s,background .2s}.brand-option[hidden]{display:none}.brand-option img{object-fit:contain;width:64px;height:32px}.brand-option[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.brand-option:hover{transform:translateY(-3px);border-color:var(--brand)}.brand-wordmark{font-size:15px;font-weight:750;letter-spacing:-.5px;text-align:center;min-height:32px;display:flex;align-items:center}.brand-custom{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.brand-custom label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.brand-custom input{width:100%;min-width:0}.brand-custom button{font-size:11px}.brand-custom .text-button{grid-column:1/-1;justify-self:start}.brand-empty{font-size:12px;color:var(--muted)}
.condition-picker{padding:20px!important;border:1px solid var(--line);border-radius:22px;margin:2px 0;background:var(--bg)}.condition-picker legend{font-size:13px;font-weight:650;padding:0 8px;color:var(--ink)}.condition-picker output{display:inline-block;padding:5px 9px;border-radius:10px;background:var(--brand-soft);color:var(--brand);margin-left:8px;min-width:40px;text-align:center}.condition-picker>p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 16px}.condition-scale{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.condition-choice{position:relative;display:block!important;min-width:0;cursor:pointer}.condition-choice input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0;margin:0;pointer-events:none}.condition-choice>span{display:grid;place-items:center;min-height:48px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--muted);font-size:14px;transition:background .2s,color .2s,transform .3s var(--motion-spring),border-radius .3s var(--motion-spring)}.condition-choice input:checked+span{background:var(--brand);color:var(--md-sys-color-on-primary);border-color:var(--brand);transform:translateY(-3px);border-radius:18px 18px 10px 10px}.condition-choice input:focus-visible+span{outline:3px solid var(--brand);outline-offset:3px}.condition-choice:hover>span{border-color:var(--brand)}.condition-scale-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin-top:12px}.product-condition-badge{display:inline-flex;align-items:center;gap:8px;background:var(--brand-soft);color:var(--brand);border-radius:14px;padding:10px 14px;font-size:13px}
.select-option-icon{width:20px;height:20px;flex:none}.md-select-option:has(.select-option-icon){justify-content:flex-start}.md-select-option:has(.select-option-icon):after{margin-left:auto}.md-select-value:has(.select-option-icon){display:flex;align-items:center;gap:10px}
@media(max-width:560px){.brand-picker-dialog{padding:20px 16px;border-radius:26px;max-height:calc(100dvh - 24px)}.brand-picker-header h2{font-size:24px}.brand-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:300px;gap:8px}.brand-option{min-height:96px}.brand-custom{grid-template-columns:1fr}.brand-custom .primary{justify-self:start}.condition-picker{padding:16px 12px!important}.condition-scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.condition-scale-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brand-option,.condition-choice>span{transition:none}.brand-option:hover,.condition-choice input:checked+span{transform:none}}
/* Keep the colour chooser within narrow/short viewports, not its half-width field. */
@media (max-width:560px), (max-height:600px) {
 .color-popover { position:fixed; inset:auto 12px 12px; width:auto; max-width:320px; margin-inline:auto; max-height:calc(100dvh - 140px); overflow-y:auto; overscroll-behavior:contain; z-index:80; }
}

/* Long heritage/designer names must stay inside narrow brand tiles. */
.brand-option{min-width:0;overflow-wrap:anywhere}.brand-option>span{max-width:100%;min-width:0}.brand-wordmark{max-width:100%;min-width:0}
/* Collapse empty tracks after searching, instead of squeezing one long name into a small tile. */
.brand-picker-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
@media(max-width:560px){.brand-picker-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}

/* A neutral plate keeps genuine brand colours legible in every Material theme. */
.brand-picker-logo{display:flex;align-items:center;justify-content:center;width:96px;max-width:100%;height:52px;padding:6px;border-radius:12px;background:#fff;flex:none;overflow:hidden}
.brand-picker-logo img{display:block;width:100%;height:40px;max-height:40px;min-width:0;min-height:0;object-fit:contain;filter:none}

/* Keep focused validation feedback below the sticky mobile header. */
#product-save-feedback{scroll-margin-top:160px}

/* Two compatible sizes describe one piece, not two independently stocked items. */
.product-variant{grid-template-columns:22px minmax(230px,1.5fr) minmax(90px,.8fr) minmax(150px,1fr) minmax(120px,.8fr)}
.variant-sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.variant-sizes>label{min-width:0}.fit-sizes-hint{display:flex;align-items:flex-start;gap:8px}.fit-sizes-hint>.icon{flex:0 0 18px;width:18px;height:18px}.seller-article{display:block;font-size:11px;color:var(--muted);margin:0 0 10px;font-variant-numeric:tabular-nums}
@media(max-width:1000px){.product-variant{grid-template-columns:18px minmax(0,1fr) minmax(0,1fr)}.variant-sizes{grid-column:2/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.product-variant>.color-field{grid-column:2}.variant-number{grid-row:span 3}}
/* The product toolbar has four actions; never squeeze them into unreadable columns. */
.seller-section-heading{flex-wrap:wrap}.seller-section-heading>div{margin-right:auto}
@media(max-width:800px){.seller-section-heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seller-section-heading>div{grid-column:1/-1}.seller-section-heading>a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;gap:8px;padding:12px;font-size:12px;white-space:normal;overflow-wrap:anywhere;text-align:center;text-decoration:none;border:1px solid var(--line);border-radius:20px}.seller-section-heading>a>.icon{flex:none}}