.studio-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.5rem 0}.studio-tabs [aria-current=page]{background:#137cc0;color:#fff;border-color:#64baff}.studio-toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.studio-toolbar>div{flex:1;min-width:220px}.studio-section-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #7095ad;padding:1rem 0}.studio-section-row small{display:block;margin-top:.3rem}.studio-section-row button{padding:.55rem .75rem;margin:.15rem;border:1px solid #729bb4;background:var(--surface, #303030);color:var(--ink, #f1f1f1);border-radius:4px;cursor:pointer}.studio-section-row button:disabled{opacity:.4;cursor:default}.studio-thumb{width:64px;height:64px;object-fit:contain;float:left;margin:0 .75rem .5rem 0}.studio-fields{border:1px solid #62869d;border-radius:6px;padding:1rem;margin:1rem 0}.studio-fields summary{font-weight:700;cursor:pointer}.studio-fields[open] summary{margin-bottom:1rem}.studio-image>img{width:180px;height:160px;object-fit:contain}.studio-editor-heading h2{font-size:1.25rem}.studio-editor-heading+h2{display:none}.studio-members{max-height:360px;overflow:auto}.studio-members>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem;border-bottom:1px solid #7894a6}.studio-members select{max-width:150px}.studio-suggestions{border:2px solid #60afff;padding:1rem;border-radius:6px;margin:1rem 0}.studio-photo-options{display:flex;flex-wrap:wrap;gap:1rem}.studio-photo-options img{width:120px;height:120px;object-fit:contain}.studio-photo-options label{display:flex;align-items:center}.studio-stat{font-size:2.5rem;font-weight:800}.studio-stat span{font-size:1rem;font-weight:400}.studio-table-wrap{overflow:auto}.studio-table-wrap table{width:100%;border-collapse:collapse}.studio-table-wrap th,.studio-table-wrap td{text-align:left;border-bottom:1px solid #7292a9;padding:.8rem}.studio-legacy{margin:2rem 0}.gear-studio [hidden]{display:none!important}.gear-studio input[type=checkbox],.gear-studio input[type=radio]{width:1.1rem;height:1.1rem;min-width:1.1rem;flex:0 0 1.1rem;padding:0}.gear-studio .gear-check{align-items:flex-start}.gear-studio button:focus-visible,.gear-studio summary:focus-visible{outline:3px solid var(--line, #60656c);outline-offset:3px}.gear-studio-list li{align-items:center}#section-editor{max-width:900px;margin-top:2rem}#studio-clicks>label{max-width:240px}@media(max-width:700px){.studio-section-row{align-items:flex-start;flex-direction:column}.studio-tabs button{flex:1 1 42%}.studio-members>div{flex-direction:column;align-items:flex-start}}
#gear-editor{scroll-margin-top:100px}.studio-editor-heading h2{overflow-wrap:anywhere}.studio-tabs{position:relative}.gear-studio #studio-notice:not(:empty){padding:12px;border-left:3px solid #1685d5;background:var(--surface, #303030)}
.gear-bulk-delete{border:1px solid #b74037;border-radius:6px;padding:14px;margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.gear-bulk-delete .gear-fine{flex-basis:100%;margin:0}.gear-studio .gear-button.danger{background:#a52621;color:#fff;border-color:#a52621}.gear-studio .gear-button:disabled{opacity:.5;cursor:not-allowed}


/* Status text accompanies color so state does not depend on color perception. */
.studio-status{display:inline-block;font-size:.8rem;font-weight:750;padding:.2rem .55rem;border-radius:4px;border:1px solid;margin:.35rem 0}.studio-status-listed{background:var(--surface, #303030);color:var(--ink, #f1f1f1);border-color:#3f9360}.studio-status-draft{background:var(--surface, #303030);color:#604b00;border-color:#b99a25}.studio-status-archived{background:var(--surface, #303030);color:#763600;border-color:#c77631}.gear-studio-list li[data-status=listed]{border-left:4px solid #3f9360}.gear-studio-list li[data-status=draft]{border-left:4px solid #d3b032}.gear-studio-list li[data-status=archived]{border-left:4px solid #dc8b43}.gear-bulk-delete{border-color:#729bb4;display:block}.gear-bulk-delete>strong{display:block;margin-bottom:.8rem}.gear-bulk-delete>label{display:block;margin:.8rem 0}.gear-bulk-delete .gear-bulk{display:flex;flex-wrap:wrap;gap:.65rem;margin:.8rem 0}@media(max-width:700px){.gear-bulk-delete .gear-button{width:100%}}

.studio-image-tile{width:min(100%,320px);margin:1rem 0}
.studio-preview-caption{padding:1rem;display:grid;gap:.5rem}
.studio-preview-caption small{opacity:.8}
.studio-image-controls{max-width:480px;padding:1rem;border:1px solid #7898ad;border-radius:8px}
.studio-image-controls legend{font-weight:700;padding:0 .5rem}
.studio-image-controls label{display:block;margin:.8rem 0}
.studio-image-controls input[type=range]{display:block;width:100%;accent-color:#168bdd;margin:.5rem 0}
.studio-image-controls output{float:right;font-variant-numeric:tabular-nums}

/* Inventory and advanced maintenance complement the visual Studio. */
.studio-primary-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}
.studio-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;max-width:100%;padding:4px 0 12px;scrollbar-width:none}
.studio-tabs::-webkit-scrollbar{display:none}.studio-tabs button{white-space:nowrap;min-height:44px;flex:none}
.studio-tabs [aria-current=page]{background:#2563eb;border-color:#7ba9ff;color:#fff}
.gear-studio-grid{grid-template-columns:minmax(0,1fr);align-items:start}
.gear-studio-grid:has(#gear-edit){grid-template-columns:minmax(280px,.8fr) minmax(0,1.6fr)}
#gear-editor:not(:has(#gear-edit)){display:none}
.studio-inventory-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin:16px 0}
.studio-inventory-filters label{display:grid;gap:6px;margin:0;min-width:0}
.studio-inventory-filters label:has(#owner-query){grid-column:1/-1}
.studio-inventory-filters input,.studio-inventory-filters select{width:100%;min-width:0;min-height:44px}
.has-inventory-search .studio-inventory-filters label:has(#owner-query){display:none}
.studio-inventory-selection{display:flex;gap:10px;align-items:center;margin-top:16px}
.gear-bulk-delete[hidden]{display:none!important}
.gear-studio-list{max-height:75dvh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.studio-batch-import>summary,#studio-maintenance summary{cursor:pointer;padding:14px 0;font-weight:600;min-height:44px}
#studio-add,#studio-maintenance{max-width:1000px}
.gear-studio :is(.danger,[data-delete],#owner-delete){border:1px solid #ef6660}
.gear-studio .gear-bulk-delete{border-color:#7c4847;background:#171a21}
.studio-connected-videos{padding:12px 0;border-block:1px solid #3e4652;margin:12px 0}
@media(max-width:1000px){.gear-studio-grid:has(#gear-edit){grid-template-columns:minmax(0,1fr)}.gear-studio-grid:has(#gear-edit) #gear-editor{grid-row:1}.studio-inventory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.studio-primary-actions>*{flex:1 1 100%;text-align:center}.studio-inventory-filters{gap:10px}.studio-inventory-filters button{min-height:44px}}
@media(forced-colors:active){.studio-tabs [aria-current=page]{background:Highlight;color:HighlightText}.gear-studio :is(.danger,[data-delete],#owner-delete){border-color:ButtonText}}

/* Studio uses the same category → collection → product type hierarchy as browsing. */
.studio-intro{max-width:680px;margin-top:.5rem}
.studio-classification{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem 1rem;border:1px solid #799ab1;border-radius:10px;padding:1rem;margin:1.2rem 0;background:var(--surface, #303030);color:var(--ink, #f1f1f1)}
.studio-classification legend{font-weight:750;padding:0 .45rem}
.studio-classification>label:first-of-type,.studio-classification>.gear-fine{grid-column:1/-1}
.gear-studio .studio-classification>label{margin:0;min-width:0}
.studio-classification select{width:100%;min-width:0}
.studio-classification .gear-fine{margin:.2rem 0 0}
.studio-placement-preview{display:grid;gap:.45rem;padding:1rem;border-top:1px solid #7898ad;background:var(--surface, #303030);color:var(--ink, #f1f1f1)}
.studio-placement-preview p{margin:0;font-size:.9rem;overflow-wrap:anywhere}
.studio-placement-preview small{line-height:1.5}
.studio-placement-notice{border-left:3px solid #c78a1b;padding:.5rem .65rem;background:var(--surface, #303030)}
.gear-studio #studio-product-category:disabled{opacity:.65}
@media(max-width:600px){.studio-classification{grid-template-columns:1fr}.studio-image-tile{width:100%;max-width:320px}}

/* Catalog columns and nested form controls must shrink on narrow screens. */
.gear-studio-grid{grid-template-columns:minmax(0,1fr)}
.gear-studio-grid>section,.gear-studio form,.gear-studio fieldset,.gear-studio label{min-width:0}
.gear-studio input,.gear-studio select,.gear-studio textarea{max-width:100%;min-width:0}
.gear-studio h1,.gear-studio h2,.gear-studio summary,.gear-studio legend,.gear-studio-list button{overflow-wrap:anywhere}
.gear-studio legend{max-width:100%}
.studio-toolbar>div{min-width:min(220px,100%)}
.studio-fields,.studio-image-controls,.gear-offer-row{margin-inline:0}
@media(max-width:750px){.gear-studio-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.gear-studio section,.gear-studio .studio-fields,.gear-studio .studio-classification{padding:12px}.gear-studio .gear-bulk select{flex-basis:100%;min-width:0}.gear-studio .gear-button{max-width:100%;white-space:normal}}

/* Photo drops share the upload workflow and remain usable by keyboard. */
.studio-photo-drop{display:grid;justify-items:start;gap:.7rem;padding:1.2rem;margin:1rem 0;border:2px dashed #779ab0;border-radius:10px;background:transparent}
.studio-photo-drop span,.studio-photo-drop small{line-height:1.5;overflow-wrap:anywhere}
.studio-photo-drop small{opacity:.8}
.studio-photo-drop .gear-button{margin:0}
.studio-photo-target{position:relative;cursor:pointer;outline-offset:3px}
.studio-photo-target:focus-visible{outline:3px solid var(--line, #60656c)}

.studio-photo-over{outline:3px solid #64baff;outline-offset:3px;background:rgba(100,186,255,.14)}

.gear-studio .studio-field-needs{outline:2px solid #e66969;outline-offset:3px;border-radius:6px;padding:.7rem;background:rgba(220,75,75,.10);scroll-margin-top:110px}
.gear-studio .gear-check.studio-field-needs{flex-wrap:wrap}
.studio-field-error{display:block;flex-basis:100%;margin-top:.4rem;color:inherit;font-weight:650;font-size:.9rem;line-height:1.5}
#studio-field-summary{border:2px solid #e66969;border-radius:8px;padding:1rem;margin:1rem 0;overflow-wrap:anywhere}
.studio-error-jump{border:0;background:transparent;color:inherit;text-align:left;text-decoration:underline;cursor:pointer;padding:.25rem 0;line-height:1.5}
.studio-brand-picker{position:relative;margin:1rem 0}.studio-brand-picker>label{margin-bottom:.45rem}.studio-brand-picker>small{display:block;line-height:1.5;opacity:.8}
.studio-brand-options{position:absolute;z-index:20;top:100%;left:0;right:0;max-height:320px;overflow:auto;border:1px solid #779ab0;border-radius:8px;background:#173449;box-shadow:0 8px 24px #0005;padding:.4rem}
.studio-brand-options button{display:block;width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:.75rem;cursor:pointer;border-radius:4px}.studio-brand-options button:hover,.studio-brand-options button:focus-visible,.studio-brand-options [aria-selected=true]{background:#2671a1}
.studio-collection-result{display:block;font-weight:650;line-height:1.5;margin:.5rem 0}.studio-collection-result[data-included=true]{border-left:3px solid #51b87c;padding-left:.6rem}

.studio-tile-drop-hint{margin:0;padding:.65rem 1rem;text-align:center;font-size:.8rem}

.studio-additional-placements{border:1px solid #62869d;border-radius:8px;padding:12px;margin:1rem 0}.studio-additional-placements legend{font-weight:700;padding:0 6px}.studio-placement-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px;max-height:320px;overflow:auto;overscroll-behavior:contain}.gear-studio .studio-placement-choices label{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px;margin:0;overflow-wrap:anywhere;border-radius:6px}.studio-placement-choices label:focus-within{outline:2px solid var(--line, #60656c);outline-offset:-2px}.gear-studio .studio-placement-choices input{margin:0}@media(max-width:600px){.studio-placement-choices{grid-template-columns:1fr}}

/* Compact inventory and explicit placement/recovery actions. */
.studio-primary-actions{gap:10px;margin-block:12px}.studio-primary-actions .gear-button{padding:10px 14px}.gear-studio-grid>section[hidden]{display:none}.studio-inventory-filters{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.studio-inventory-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.studio-inventory-badges>span{font-size:.76rem;line-height:1.4;padding:3px 7px;border:1px solid #586476;border-radius:5px;font-weight:500}.studio-featured-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-block:8px 18px}.studio-featured-actions small{flex-basis:100%;line-height:1.5}.studio-recovery{border:1px solid #69aaff;border-radius:8px;padding:14px;margin-block:16px}.studio-retained-draft textarea{display:block;width:100%;box-sizing:border-box}.studio-retained-draft summary{cursor:pointer}@media(max-width:1000px){.studio-inventory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.studio-inventory-filters{grid-template-columns:1fr}}

/* Keep the inventory visible before opening secondary maintenance controls. */
html body.te-studio main.gear-studio .studio-toolbar-row{display:flex;align-items:center;gap:12px;margin:8px 0 12px;min-width:0}
html body.te-studio main.gear-studio .studio-toolbar-row>.studio-tabs{flex:1;min-width:0;margin:0;padding:2px 0}
html body.te-studio main.gear-studio .studio-toolbar-row>.studio-primary-actions{flex:none;flex-wrap:nowrap;margin:0}
html body.te-studio main.gear-studio .studio-toolbar-row :is(button,a){white-space:nowrap}
html body.te-studio main.gear-studio :is(#studio-notice,#owner-bulk-status):empty{display:none}
html body.te-studio main.gear-studio .gear-studio-grid>.studio-inventory{margin-top:0;padding:18px}
html body.te-studio main.gear-studio .studio-inventory>h2{margin:0 0 10px}
html body.te-studio main.gear-studio .studio-inventory-filters{margin:10px 0;gap:10px}
html body.te-studio main.gear-studio .studio-inventory-advanced{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:10px 0}
html body.te-studio main.gear-studio .studio-inventory-advanced>.studio-fields{flex:0 1 auto;min-width:0;padding:0 12px;margin:0}
html body.te-studio main.gear-studio .studio-inventory-advanced>.studio-fields>summary{min-height:44px;padding-block:10px;line-height:24px;font-size:14px}
html body.te-studio main.gear-studio .studio-inventory-advanced>.studio-fields[open]{flex-basis:100%;padding-bottom:12px}
html body.te-studio main.gear-studio .studio-inventory-advanced>.studio-fields[open]>summary{margin-bottom:0}
html body.te-studio main.gear-studio .studio-inventory-selection{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:8px 0}
html body.te-studio main.gear-studio .studio-inventory-selection>#owner-count{margin:0;font-size:14px}
@media(max-width:900px){html body.te-studio main.gear-studio .studio-toolbar-row{flex-wrap:wrap}html body.te-studio main.gear-studio .studio-toolbar-row>.studio-tabs{flex-basis:100%}html body.te-studio main.gear-studio .studio-toolbar-row>.studio-primary-actions{flex-wrap:wrap}}

/* A thumbnail shares the text rows rather than pushing every label below it. */
html body.te-studio main.gear-studio .studio-inventory .gear-studio-list li>button{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:start;align-content:start;padding:10px 8px;line-height:1.35;overflow-wrap:anywhere}
html body.te-studio main.gear-studio .studio-inventory .gear-studio-list .studio-thumb{grid-column:1;grid-row:1/5;float:none;width:64px;height:64px;margin:0;align-self:center}
html body.te-studio main.gear-studio .studio-inventory .gear-studio-list li>button>small{grid-column:2;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px;margin:0;font-size:12px;line-height:1.35}
html body.te-studio main.gear-studio .studio-inventory .gear-studio-list li>button>small br{display:none}
html body.te-studio main.gear-studio .studio-inventory .gear-studio-list .studio-status{margin:0;padding:1px 5px;font-size:11px;line-height:1.3}
html body.te-studio main.gear-studio .studio-inventory .gear-studio-list .studio-inventory-badges{grid-column:2;grid-row:3;gap:4px;margin:0}
html body.te-studio main.gear-studio .studio-inventory .gear-studio-list .studio-inventory-badges>span{font-size:11px;line-height:1.3;padding:1px 5px}
html body.te-studio main.gear-studio .studio-inventory .gear-studio-list .gear-review-flags{grid-column:2;grid-row:4;font-size:12px;line-height:1.3}
html body.te-studio main.gear-studio .studio-inventory .gear-studio-list .gear-review-flags:empty{display:none}
html body.te-studio main.gear-studio .studio-inventory .gear-studio-list li>button:not(:has(.studio-thumb)){grid-template-columns:minmax(0,1fr)}
html body.te-studio main.gear-studio .studio-inventory .gear-studio-list li>button:not(:has(.studio-thumb))>:is(small,.studio-inventory-badges,.gear-review-flags){grid-column:1}
@media(max-width:600px){html body.te-studio main.gear-studio .studio-inventory .gear-studio-list li>button:has(.studio-thumb){grid-template-columns:48px minmax(0,1fr);column-gap:8px}html body.te-studio main.gear-studio .studio-inventory .gear-studio-list .studio-thumb{width:48px;height:48px}}