:root{--bg:#0f1420;--panel:#171e2d;--panel2:#1e2738;--line:#2a354a;--text:#ecf2ff;--muted:#94a3b8;--accent:#7c5cff;--ok:#2fb77b;--warn:#d99c34;--bad:#e25a67}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0b1019;color:var(--text)}a{color:inherit}.studio-body{min-height:100vh}.studio-top{height:72px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#101725;position:sticky;top:0;z-index:30}.studio-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.studio-brand>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#7c5cff,#4da6ff);font-weight:900}.studio-brand div{display:grid}.studio-brand small{color:var(--muted);font-size:11px}.studio-top nav{display:flex;gap:6px}.studio-top nav a{padding:9px 12px;border-radius:9px;text-decoration:none;color:#b9c5d8}.studio-top nav a:hover,.studio-top nav a.on{background:#1d2637;color:#fff}.studio-main{width:min(1380px,calc(100% - 40px));margin:30px auto 70px}.studio-flash{padding:13px 16px;border-radius:10px;margin:0 0 18px;border:1px solid var(--line);background:#151d2b}.studio-flash.success{border-color:#2fb77b55;background:#153126}.studio-flash.error{border-color:#e25a6755;background:#351a21}.studio-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.studio-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:#8ea2c4}.studio-hero h1{font-size:34px;margin:6px 0}.studio-hero p{margin:0;color:var(--muted);max-width:720px;line-height:1.6}.studio-actions{display:flex;gap:10px;flex-wrap:wrap}.studio-btn,.studio-btn-secondary,.studio-btn-danger{border:0;border-radius:10px;padding:11px 15px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.studio-btn{background:var(--accent);color:#fff}.studio-btn-secondary{background:#202a3d;color:#dbe6f8;border:1px solid #34415a}.studio-btn-danger{background:#442029;color:#ffb9c1;border:1px solid #71313d}.studio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.studio-card{background:linear-gradient(180deg,#171f2f,#131a28);border:1px solid var(--line);border-radius:15px;padding:18px;min-width:0}.studio-card h3{margin:4px 0 8px}.studio-card p{color:var(--muted);line-height:1.5}.studio-card small{color:#7f91ad}.studio-card .studio-actions{margin-top:16px}.studio-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.studio-pill{font-size:11px;padding:5px 8px;border-radius:999px;background:#222c3e;color:#b9c6db}.studio-panel{background:#141c2a;border:1px solid var(--line);border-radius:15px;padding:20px;margin:18px 0}.studio-panel h2{margin:0 0 15px}.studio-form{display:grid;gap:14px}.studio-form label{display:grid;gap:7px;color:#cdd8ea;font-weight:700;font-size:13px}.studio-form input,.studio-form textarea,.studio-form select{width:100%;padding:11px 12px;border-radius:9px;border:1px solid #33405a;background:#0f1622;color:#fff;outline:none}.studio-form textarea{min-height:110px;resize:vertical}.studio-form input:focus,.studio-form textarea:focus{border-color:#755dff}.studio-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.studio-pages{display:grid;gap:8px}.studio-page-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#111927}.studio-page-row>span{width:36px;height:36px;border-radius:10px;background:#202a3d;display:grid;place-items:center}.studio-page-row div{min-width:0}.studio-page-row b,.studio-page-row small{display:block}.studio-page-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-table{width:100%;border-collapse:collapse}.studio-table th,.studio-table td{padding:11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.studio-table th{color:#91a2be;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.studio-report-ok{color:#7ee2b8}.studio-report-warn{color:#f0be65}.studio-split-preview{display:grid;grid-template-columns:1fr 1fr;gap:16px}.studio-preview-box{background:#fff;border-radius:13px;overflow:hidden;border:1px solid var(--line);min-height:650px}.studio-preview-box header{height:42px;background:#151d2b;color:#dce6f8;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.studio-preview-box iframe{width:100%;height:650px;border:0;background:#fff}.studio-empty{text-align:center;padding:56px 20px;border:1px dashed #34415a;border-radius:15px;color:var(--muted)}.studio-empty b{display:block;color:#dbe5f6;font-size:18px;margin-bottom:8px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#253359,#0b1019 52%)}.login-card{width:min(420px,100%);background:#141c2a;border:1px solid #2c3850;border-radius:18px;padding:28px;box-shadow:0 30px 80px #0008}.login-card h1{margin:12px 0 6px}.login-card p{color:var(--muted)}.login-logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#7c5cff,#4da6ff);display:grid;place-items:center;font-weight:900;font-size:20px}@media(max-width:850px){.studio-two,.studio-split-preview{grid-template-columns:1fr}.studio-hero{display:block}.studio-hero .studio-actions{margin-top:16px}.studio-top{padding:0 14px}.studio-brand div{display:none}.studio-main{width:min(100% - 24px,1380px);margin-top:18px}.studio-page-row{grid-template-columns:36px 1fr}.studio-page-row>.studio-actions{grid-column:1/-1}}