.save-state{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap;background:rgba(255,255,255,.025)}.save-state:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.save-state.dirty{color:#ffe4ab;border-color:rgba(242,199,108,.26);background:rgba(242,199,108,.06)}.save-state.dirty:before{background:var(--warn);box-shadow:0 0 15px rgba(242,199,108,.32)}
.project-studio{margin:0 0 18px;padding:20px;background:linear-gradient(145deg,rgba(18,34,56,.95),rgba(9,21,37,.95));border-color:rgba(124,136,255,.14)}.studio-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.studio-head h3{font-size:21px;margin:4px 0 5px}.studio-head p{max-width:700px}.studio-eyebrow{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.studio-summary{min-width:86px;text-align:right}.studio-summary b{display:block;font-size:26px}.studio-summary span{color:var(--muted);font-size:11px}.studio-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) 180px auto;gap:10px;align-items:center;margin-bottom:14px}.studio-toolbar input,.studio-toolbar select,#media-usage-filter{border:1px solid var(--line);border-radius:11px;background:var(--panel3);color:var(--text);padding:10px 12px;outline:none}.studio-toolbar input:focus,.studio-toolbar select:focus,#media-usage-filter:focus{border-color:rgba(102,223,201,.5)}.studio-hint{color:var(--muted);font-size:11px;text-align:right}.project-studio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.studio-project-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#081523;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;cursor:pointer}.studio-project-card:hover{transform:translateY(-2px);border-color:rgba(102,223,201,.3);box-shadow:0 14px 30px rgba(0,0,0,.17)}.studio-project-card.dragging{opacity:.45;transform:scale(.985)}.studio-card-media{height:132px;position:relative;background:linear-gradient(145deg,#101d31,#08111f);overflow:hidden}.studio-card-media>img{width:100%;height:100%;object-fit:cover;display:block}.studio-card-placeholder{height:100%;min-height:100px;display:grid;place-items:center;align-content:center;gap:7px;background:radial-gradient(circle at 30% 20%,rgba(124,136,255,.15),transparent 48%),#0a1728;color:#aeb9ca}.studio-card-placeholder span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-weight:900;font-size:20px}.studio-card-placeholder small{color:var(--muted)}.studio-card-order{position:absolute;top:9px;right:9px;min-width:28px;height:28px;border-radius:999px;padding:0 8px;display:grid;place-items:center;background:rgba(5,12,22,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.13);font-size:11px;font-weight:800}.studio-card-body{padding:14px}.studio-badges{display:flex;gap:6px;flex-wrap:wrap;min-height:22px}.studio-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:rgba(255,255,255,.06);color:#b8c3d2}.studio-badge.live{background:rgba(102,223,201,.10);color:var(--accent)}.studio-badge.draft{background:rgba(242,199,108,.08);color:var(--warn)}.studio-badge.featured{background:rgba(124,136,255,.11);color:#bfc5ff}.studio-badge.hidden{background:rgba(255,143,143,.08);color:#ffc2c2}.studio-card-body h4{font-size:15px;margin:8px 0 5px}.studio-card-body p{color:var(--muted);font-size:12px;line-height:1.5;min-height:54px;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.studio-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:11px;margin-top:12px}.studio-reorder,.studio-links{display:flex;gap:6px;align-items:center}.icon-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#102039;color:#c9d4e1;font-size:13px}.icon-btn:hover{border-color:rgba(102,223,201,.4)}.studio-links a{font-size:10px;color:#b8c7da;text-decoration:none}.studio-links a:hover{color:var(--accent)}.studio-empty{grid-column:1/-1;padding:26px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:13px}
.visual-project-preview{display:grid;grid-template-columns:minmax(180px,.85fr) 1.15fr;gap:16px;padding:14px;margin-bottom:18px;border:1px solid rgba(102,223,201,.15);border-radius:15px;background:linear-gradient(145deg,rgba(102,223,201,.045),rgba(124,136,255,.025))}.visual-preview-media{min-height:170px;border-radius:12px;overflow:hidden;background:#081421}.visual-preview-media img{width:100%;height:100%;min-height:170px;object-fit:cover;display:block}.visual-preview-copy{align-self:center}.visual-preview-copy h3{font-size:19px;margin:8px 0 6px}.visual-preview-copy p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.visual-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.visual-preview-actions a{color:var(--accent);font-size:11px;font-weight:750;text-decoration:none}
.media-usage{display:inline-flex;margin-bottom:7px;padding:4px 7px;border-radius:999px;background:rgba(102,223,201,.09);color:var(--accent);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.media-usage.unused{background:rgba(255,255,255,.05);color:#8e9cad}.media-safety-note{color:var(--muted);font-size:11px;margin:-7px 0 14px}.media-toolbar select{min-width:135px}.media-item[hidden]{display:none!important}
@media(max-width:1050px){.studio-toolbar{grid-template-columns:1fr 180px}.studio-hint{grid-column:1/-1;text-align:left}.visual-project-preview{grid-template-columns:1fr}.visual-preview-media{max-height:300px}}
@media(max-width:700px){.studio-head{flex-direction:column}.studio-summary{text-align:left}.studio-toolbar{grid-template-columns:1fr}.project-studio-grid{grid-template-columns:1fr}.visual-project-preview{padding:10px}.save-state{order:3;width:100%;justify-content:center}.studio-card-body p{min-height:0}}