:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--cv-bg,#0d1117);color:var(--cv-fg,#e6edf3);font-family:var(--cv-font,system-ui,sans-serif)}a{color:var(--cv-accent,#58a6ff)}button,input,textarea,select{font:inherit}.topbar{height:52px;border-bottom:1px solid #263241;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#111821;position:sticky;top:0;z-index:5}.brand{font-weight:700;letter-spacing:.02em}.account{display:flex;gap:12px;align-items:center;font-size:13px}.layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 52px)}.sidebar{border-right:1px solid #263241;padding:20px 14px;background:#10161e}.nav{display:grid;gap:6px}.nav a{padding:10px 12px;border-radius:8px;text-decoration:none;color:#aab7c4}.nav a.active,.nav a:hover{background:#1c2b3a;color:#fff}.main{padding:28px;max-width:1280px;width:100%;margin:auto}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.page-head h1{margin:0;font-size:25px}.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.cols{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--cv-bg-2,#151d26);border:1px solid #263241;border-radius:10px;padding:18px}.metric .label{font-size:13px;color:#9aa8b6}.metric .value{font-size:25px;font-weight:700;margin-top:8px}.muted{color:#9aa8b6}.notice{padding:12px;border-radius:8px;background:#182532;border-left:3px solid #58a6ff}.error{color:#ff938f;background:#321e24;border-left-color:#ff6b6b}.success{color:#92e6ae;background:#173025;border-left-color:#3fb950}.warn{color:#ffd580;background:#312914;border-left-color:#d29922}.form{max-width:460px;margin:7vh auto}.form h1{margin-top:0}.field{display:grid;gap:6px;margin:14px 0}.field label{font-size:13px;color:#c5d0da}.cv-input,.cv-textarea,input,textarea,select{width:100%;background:#0d141c;border:1px solid #3a4857;color:#eef4f8;border-radius:7px;padding:10px}.cv-textarea,textarea{min-height:110px;resize:vertical}.btn{border:1px solid #3a4857;background:#1c2b3a;color:#eef4f8;padding:9px 14px;border-radius:7px;cursor:pointer}.btn.primary{background:#238636;border-color:#2ea043}.btn.danger{background:#8e2b2b;border-color:#b33a3a}.btn:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;padding:11px;border-bottom:1px solid #283442;font-size:13px;vertical-align:top}.status{display:inline-block;padding:3px 7px;border-radius:99px;background:#273445;font-size:12px}.status.ok{background:#173d2b;color:#98e7af}.status.bad{background:#48242a;color:#ffaaa3}.status.warn{background:#433619;color:#ffd580}.split{display:grid;grid-template-columns:360px 1fr;gap:18px}.preview{min-height:440px;background:#091018;border:1px solid #263241;border-radius:10px;display:grid;place-items:center;color:#8797a8}.code{font-family:var(--cv-font-mono,monospace);white-space:pre-wrap;background:#0b1117;border-radius:7px;padding:12px;font-size:12px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 460px;gap:7vw;align-items:center;padding:8vw}.hero h1{font-size:44px}.hero p{max-width:600px;color:#adbac7;font-size:17px;line-height:1.7}dialog{background:#151d26;color:#eef4f8;border:1px solid #3a4857;border-radius:10px;padding:22px;max-width:520px;width:calc(100% - 30px)}dialog::backdrop{background:#0009}.loading{color:#9aa8b6}.empty{padding:28px;text-align:center;color:#9aa8b6}.toast{position:fixed;right:20px;bottom:20px;max-width:360px;z-index:10}.small{font-size:12px}@media(max-width:960px){.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #263241;padding:8px 12px}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.main{padding:18px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.cols{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr;padding:28px 20px}.hero h1{font-size:32px}.hero p{font-size:15px}.topbar{padding:0 12px}}
.viewer-wrap{position:relative;width:100%;height:100%;min-height:440px;display:flex;flex-direction:column}.viewer-canvas{display:block;width:100%;height:100%;min-height:380px}.viewer-tools{display:flex;align-items:center;gap:12px;padding:8px 10px;background:#cbd1d8;color:#17202a;font-size:12px}.viewer-tools .btn{padding:4px 8px;background:#eef1f4;color:#17202a;border-color:#9da7b1}.viewer-meta{margin-left:auto;color:#4c5965}@media(max-width:960px){.viewer-wrap{min-height:360px}.viewer-canvas{min-height:300px}}