:root{--se-bg:#111827;--se-panel:#172033;--se-panel2:#1f2a44;--se-border:#31415f;--se-text:#e5edf7;--se-muted:#9db0c9;--se-accent:#ffd166;--se-danger:#ff6b6b;--se-ok:#7bd88f;--se-blue:#8ecae6}
body.scenario-editor-shell{margin:0;background:linear-gradient(135deg,#0c1220,#151d30);color:var(--se-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}.scenario-editor-topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:18px 22px;border-bottom:1px solid var(--se-border);background:rgba(15,23,42,.95);position:sticky;top:0;z-index:20}.scenario-editor-topbar h1{margin:0;font-size:28px}.scenario-editor-topbar h1 span{font-size:14px;color:var(--se-accent)}.scenario-editor-topbar p{margin:6px 0 0;color:var(--se-muted)}.scenario-editor-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.scenario-editor-nav a,.scenario-editor-nav button,.editor-toolbar button,.file-button,.section-actions button,.library-card button{border:1px solid var(--se-border);background:#23314f;color:var(--se-text);border-radius:10px;padding:9px 12px;text-decoration:none;cursor:pointer;font-weight:700}.scenario-editor-nav a:hover,.scenario-editor-nav button:hover,.editor-toolbar button:hover,.file-button:hover,.section-actions button:hover,.library-card button:hover{background:#2e4168}.editor-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--se-border);background:#121b2d;position:sticky;top:86px;z-index:15}.toolbar-group{display:flex;gap:8px;flex-wrap:wrap}.toolbar-status{color:var(--se-muted);font-size:13px;min-width:220px;text-align:right}.file-button input{display:none}.primary{background:#5a3e00!important;border-color:#a36f00!important;color:#fff!important}.danger{background:#4a1f2a!important;border-color:#7e2f42!important;color:#ffe4e6!important}.scenario-editor-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 150px)}.scenario-sidebar{border-right:1px solid var(--se-border);padding:14px;background:#111827;position:sticky;top:144px;height:calc(100vh - 144px);overflow:auto}.tab-button{display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--se-muted);padding:11px 12px;margin-bottom:6px;border-radius:10px;cursor:pointer;font-weight:700}.tab-button.active,.tab-button:hover{background:#22304c;color:var(--se-text);border-color:var(--se-border)}.scenario-content{padding:18px;min-width:0}.tab-panel{display:none}.tab-panel.active{display:block}.panel-header{background:var(--se-panel);border:1px solid var(--se-border);border-radius:14px;padding:14px 16px;margin-bottom:14px}.panel-header h2{margin:0 0 4px}.panel-header p{margin:0;color:var(--se-muted)}label{display:block;font-weight:700;color:var(--se-muted);font-size:13px;margin-bottom:10px}input,select,textarea{width:100%;box-sizing:border-box;background:#0f172a;color:var(--se-text);border:1px solid var(--se-border);border-radius:8px;padding:9px;font:inherit;margin-top:4px}textarea{resize:vertical}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.hint-box{border:1px solid #5f4a16;background:#241c08;border-radius:12px;padding:12px;color:#ffe8a3;margin-top:10px}.section-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.split-view{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px}.split-view.wide-left{grid-template-columns:360px minmax(0,1fr)}.split-view.triple{grid-template-columns:280px 280px minmax(0,1fr)}.item-list{border:1px solid var(--se-border);background:#0f172a;border-radius:12px;padding:8px;max-height:65vh;overflow:auto}.item-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border:1px solid transparent;border-radius:10px;padding:9px;margin-bottom:6px;cursor:pointer;background:#151f33}.item-row:hover,.item-row.active{border-color:var(--se-accent);background:#24324f}.item-row strong{display:block;color:var(--se-text)}.item-row small{display:block;color:var(--se-muted);word-break:break-word}.item-badge{font-size:11px;border:1px solid var(--se-border);border-radius:999px;padding:2px 7px;color:var(--se-accent);white-space:nowrap}.editor-card{border:1px solid var(--se-border);background:var(--se-panel);border-radius:14px;padding:14px;min-height:240px}.editor-card h3{margin-top:0}.array-editor{border:1px dashed var(--se-border);border-radius:12px;padding:10px;margin:10px 0;background:#101a2d}.array-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px}.array-row.four{grid-template-columns:1fr 1fr 1fr auto}.array-row button,.small-btn{padding:7px 9px;border-radius:8px;border:1px solid var(--se-border);background:#253555;color:var(--se-text);cursor:pointer}.json-area{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-height:110px}.search{margin:0 0 8px}.mechanics-switch{display:flex;gap:8px;margin:0 0 10px}.mini-tab{border:1px solid var(--se-border);border-radius:999px;background:#1a263d;color:var(--se-muted);padding:8px 14px;cursor:pointer}.mini-tab.active{background:#5a3e00;color:#fff;border-color:#a36f00}.validation-summary{padding:12px;border-radius:12px;margin-bottom:10px;border:1px solid var(--se-border);background:#101a2d}.validation-list{display:grid;gap:8px}.validation-item{border:1px solid var(--se-border);background:#151f33;color:var(--se-text);border-radius:12px;padding:10px;text-align:left;cursor:pointer}.validation-item.error{border-color:#7e2f42}.validation-item.warning{border-color:#7b5c16}.validation-item.info{border-color:#2d5f7e}.validation-item strong{display:block}.validation-item span{color:var(--se-muted);font-size:13px}.dependency-map{border:1px solid var(--se-border);background:#0f172a;border-radius:12px;padding:12px;max-height:420px;overflow:auto}.dep-line{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.06);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#dbeafe}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.library-card{border:1px solid var(--se-border);background:var(--se-panel);border-radius:14px;padding:14px}.library-card code{color:var(--se-accent)}.library-card button{display:block;margin:8px 0;width:100%;text-align:left}.muted{color:var(--se-muted)}.inline-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.checkbox-line{display:flex;gap:8px;align-items:center}.checkbox-line input{width:auto}.raw-details{margin-top:10px}.raw-details summary{cursor:pointer;color:var(--se-accent);font-weight:700}@media(max-width:1050px){.scenario-editor-layout{grid-template-columns:1fr}.scenario-sidebar{position:static;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.editor-toolbar{position:static;display:block}.toolbar-group{margin-bottom:8px}.split-view,.split-view.wide-left,.split-view.triple,.library-grid,.form-grid.two,.form-grid.four{grid-template-columns:1fr}}
.backend-toolbar { background: rgba(255, 212, 90, 0.08); border: 1px solid rgba(255, 212, 90, 0.22); border-radius: 14px; padding: 8px; }
.backend-toolbar select { min-width: 260px; max-width: 360px; background: #0f172a; color: #eef2ff; border: 1px solid #334155; border-radius: 10px; padding: 8px; }
.button-link { display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border-radius:10px; border:1px solid #334155; background:#111827; color:#e5e7eb; text-decoration:none; font-weight:700; }
.button-link:hover { border-color:#ffd45a; color:#ffd45a; }