#tab-scenes{max-width:1600px;margin:auto}.scene-heading,.scene-global-bar,.scene-card-head,.scene-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.scene-heading{justify-content:space-between;margin:8px 0 20px}.scene-heading h2{margin:0;font-size:24px}.scene-heading p,.scene-footnote{color:var(--muted);font-size:13px;line-height:1.6}.scene-experimental{font-size:11px;color:#98f828;border:1px solid #98f82855;border-radius:5px;padding:3px 7px;vertical-align:middle;margin-left:8px}.scene-global-bar{background:var(--panel,#151b25);padding:16px;border:1px solid var(--border);border-radius:10px}.scene-global-bar>div{flex:1;min-width:200px}.scene-global-bar span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px}.scene-card{min-width:0;background:var(--panel,#151b25);border:1px solid var(--border);border-radius:12px;overflow:hidden}.scene-card-head{padding:13px 15px;justify-content:space-between}.scene-card h3{margin:0;font-size:16px;overflow-wrap:anywhere}.scene-badge{font-size:11px;color:var(--muted);white-space:nowrap}.scene-badge.on{color:#98f828}.scene-preview{position:relative;aspect-ratio:16/9;overflow:hidden;background-color:#171b21;background-image:linear-gradient(45deg,#252a32 25%,transparent 25%),linear-gradient(-45deg,#252a32 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#252a32 75%),linear-gradient(-45deg,transparent 75%,#252a32 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.scene-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;color-scheme:light;background:transparent}.scene-card-body{padding:14px}.scene-card-body p{margin:0 0 12px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.scene-actions .btn{padding:9px 11px;font-size:12px}.scene-link{display:flex;gap:6px;margin:12px 0}.scene-link input{min-width:0;flex:1;font-size:11px}.scene-card details{margin-top:12px;font-size:12px;color:var(--muted)}.scene-card details summary{cursor:pointer}.scene-card details .scene-actions{margin-top:10px}.scene-empty{padding:50px 20px;text-align:center;border:1px dashed var(--border);border-radius:12px;color:var(--muted)}#scene-status{min-height:20px;font-size:13px;color:var(--muted)}.scene-dialog{margin:auto;width:min(1100px,94vw);max-height:92dvh;overflow:hidden;background:var(--panel,#151b25);color:var(--text,#e5e7eb);border:1px solid var(--border,#394353);border-radius:12px;padding:22px}.scene-dialog::backdrop{background:#000a}.scene-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.scene-dialog h2{margin:0;font-size:20px}.scene-edit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px}.scene-edit-layout aside{position:sticky;top:0;align-self:start}.scene-dialog label{display:flex;flex-direction:column;gap:6px;font-size:12px;margin-bottom:12px;color:var(--muted)}.scene-dialog input,.scene-dialog textarea,.scene-dialog select{box-sizing:border-box;width:100%;background:var(--input,#0e131b);color:var(--text,#e5e7eb);border:1px solid var(--border,#394353);padding:9px;border-radius:6px}.scene-dialog input[type=color]{height:38px;padding:3px}.scene-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.scene-dialog fieldset{border:1px solid var(--border,#394353);border-radius:8px;margin:10px 0 16px;padding:14px}.scene-dialog legend{font-size:13px}.scene-dialog .scene-check{flex-direction:row;align-items:center}.scene-check input{width:auto}.scene-dialog .hint{font-size:12px;color:var(--muted);line-height:1.6}.scene-dialog footer{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.scene-dialog-status{color:var(--muted);font-size:12px;min-height:20px}.scene-editor-links{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:12px}@media(max-width:760px){.scene-edit-layout{grid-template-columns:1fr}.scene-edit-layout aside{position:static;grid-row:1}.scene-dialog{padding:15px}.scene-heading{align-items:flex-start}.scene-global-bar .btn{flex:1}}

.scene-dialog form{display:flex;flex-direction:column;max-height:calc(92dvh - 44px)}.scene-dialog-header,.scene-dialog footer,.scene-dialog-status{flex-shrink:0}.scene-edit-layout{min-height:0;overflow:auto;padding-right:5px}.scene-dialog footer{border-top:1px solid var(--border);padding-top:14px}
