.community-studio{max-width:1150px;margin:0 auto;padding:40px 24px 80px;color:#eef7ff}.community-studio h1{font-size:clamp(30px,5vw,48px)}.community-studio>p{line-height:1.7}.cs-tabs,.cs-actions,.cs-paging{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.cs-tabs button[aria-pressed=true]{outline:3px solid var(--line, #60656c);outline-offset:3px}.cs-filters{display:grid;grid-template-columns:1fr 200px auto;gap:16px;align-items:end;background:var(--surface, #303030);color:var(--ink, #f1f1f1);padding:20px;border-radius:8px}.cs-filters label{display:grid;gap:8px}.cs-filters input,.cs-filters select{min-width:0;width:100%;padding:12px;border:1px solid #829eaf;border-radius:4px;font:inherit;box-sizing:border-box}.cs-card{color:var(--ink, #f1f1f1);background:var(--surface, #303030);border:1px solid var(--line, #60656c);border-radius:8px;padding:24px;margin:18px 0;overflow-wrap:anywhere}.cs-card p,.cs-card dd{white-space:pre-wrap;line-height:1.65}.cs-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cs-state{padding:4px 9px;border-radius:4px;font-weight:700}.cs-state-visible,.cs-state-resolved,.cs-state-reviewed{background:var(--surface, #303030);color:var(--ink, #f1f1f1)}.cs-state-hidden{background:var(--surface, #303030);color:#774015}.cs-state-open,.cs-state-unreviewed{background:var(--surface, #303030);color:#665008}.cs-bulk{padding:12px 16px;background:var(--surface, #303030);color:var(--ink, #f1f1f1);border-radius:6px}.cs-bulk:has(button:not([disabled])){position:sticky;top:8px;z-index:3;box-shadow:0 3px 12px #0002}.cs-actions button{min-height:42px}.cs-danger{color:#a12620!important}.cs-card details{margin:16px 0}.cs-card summary{cursor:pointer;font-weight:700}.cs-paging button:disabled,.cs-actions button:disabled{opacity:.5;cursor:not-allowed}.cs-status{min-height:24px}.cs-card textarea{width:100%;box-sizing:border-box}.cs-card .source-anchor{overflow-wrap:anywhere}.cs-card input[type=checkbox],.cs-bulk input{width:18px;height:18px}.cs-card label{line-height:1.6}@media(max-width:650px){.community-studio{padding:25px 16px}.cs-filters{grid-template-columns:1fr}.cs-card{padding:18px}.cs-actions{gap:10px}.cs-bulk{position:static!important}}

.community-studio [hidden]{display:none!important}

/* The same bounded queues work as a review desk or a touch-friendly card list. */
.cs-tabs{gap:8px;margin-block:24px 16px;overflow-x:auto;flex-wrap:nowrap;padding:4px 4px 8px;scrollbar-width:thin}
.cs-tabs button{flex:none;min-height:44px;white-space:nowrap}
.cs-tabs button[aria-pressed=true]{background:#2563eb;color:#fff;outline:0}
.cs-state-hidden,.cs-state-open,.cs-state-unreviewed{color:#ffd086;background:#453515}
.cs-state-visible,.cs-state-resolved,.cs-state-reviewed{color:#c5f1d1;background:#22372b}
.cs-card h2{font-size:1.2rem;line-height:1.4;margin-block:16px 10px}
.cs-card h3{font-size:1rem;line-height:1.4}
.cs-card blockquote{margin:12px 0;padding:12px 16px;border-left:3px solid #7e8793;background:#181b20;white-space:pre-wrap;line-height:1.65}
.cs-card .cs-actions{margin-bottom:8px}
.cs-actions button,.cs-product-result{min-height:44px}
.cs-danger{color:#ffb3ad!important}
.cs-reported-message{padding:4px 0}
.cs-account-actions,.cs-more-review{border-top:1px solid var(--line,#60656c);padding-top:16px;margin-top:20px}
.cs-account-actions form{max-width:680px;display:grid;gap:14px;padding-top:16px}
.cs-account-actions textarea{min-height:94px}
.cs-account-actions select,.cs-account-actions textarea,.cs-product-search input{font:inherit;background:#12151a;color:#f1f1f1;border:1px solid #7e8793;border-radius:8px;padding:12px;width:100%;box-sizing:border-box;min-width:0}
.cs-account-actions button{justify-self:start}
.cs-account-actions summary,.cs-more-review summary{cursor:pointer;min-height:32px;line-height:1.6}
.cs-more-review>button{margin-top:12px}
.cs-product-search{display:flex;align-items:end;gap:12px;margin-top:18px}
.cs-product-search label{display:grid;gap:8px;flex:1;min-width:0}
.cs-product-result{display:grid;gap:6px;text-align:left;width:100%;padding:14px;margin-top:10px;border:1px solid #60656c;border-radius:8px;color:#f1f1f1;background:#20242b;font:inherit;cursor:pointer}
.cs-product-result:hover,.cs-product-result:focus-visible{border-color:#66aaff;background:#24344b}
.cs-product-result span{font-size:.875rem;color:#bdc5ce}
.cs-product-result:has(img){grid-template-columns:56px 1fr;column-gap:12px}
.cs-product-result img{grid-row:span 2;object-fit:contain;border-radius:6px;background:#12151a}
.cs-request-highlight{border-color:#66aaff;box-shadow:0 0 0 1px #66aaff}
.cs-card [data-request-status]:not(:empty){padding:12px;border-radius:8px;background:#202b3c;color:#dceaff}
.cs-status{overflow-wrap:anywhere}
/* Orange identifies owner editing, while report and safety states keep their meaning. */
html body.te-studio .community-studio .cs-tabs button[aria-pressed=true]{background:var(--te-elevated,#1b2029);border-color:var(--te-action-studio,#ff9b42);color:var(--te-action-studio,#ff9b42);box-shadow:inset 0 -2px var(--te-action-studio,#ff9b42)}
html body.te-studio .community-studio :is(.cs-account-actions button[type=submit],[data-request-add],[data-request-existing]){background:var(--te-elevated,#1b2029);border-color:var(--te-action-studio,#ff9b42);color:var(--te-action-studio,#ff9b42)}
@media(forced-colors:active){html body.te-studio .community-studio :is(.cs-tabs button[aria-pressed=true],.cs-account-actions button[type=submit],[data-request-add],[data-request-existing]){background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}}
@media(max-width:650px){
 .cs-tabs{margin-inline:-4px}
 .cs-card .cs-actions{align-items:stretch}
 .cs-card .cs-actions>*{flex:1 1 150px;text-align:center}
 .cs-product-search{display:grid;grid-template-columns:1fr}
 .cs-card blockquote{padding:10px 12px}
 .cs-paging{display:grid;grid-template-columns:auto 1fr auto;gap:8px}
 .cs-paging span{text-align:center;font-size:.875rem}
}
