:root{color-scheme:light;--bg: #f5f7fb;--panel: #ffffff;--text: #101827;--muted: #667085;--line: #d9e0ea;--primary: #2563eb;--primary-strong: #1d4ed8;--soft: #eef2f7;--danger: #dc2626;--ok: #16a34a;--sidebar: #101827;--sidebar-text: #d8e0ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dark{color-scheme:dark;--bg: #111318;--panel: #191d25;--text: #eef2f7;--muted: #9aa4b2;--line: #303744;--primary: #4f8cff;--primary-strong: #7aa7ff;--soft: #252b36;--sidebar: #090c12;--sidebar-text: #d8e0ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:var(--primary);text-decoration:none}.app-shell{display:grid;grid-template-columns:232px 1fr;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:var(--sidebar);color:var(--sidebar-text);padding:24px 18px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;justify-content:space-between;font-size:24px;font-weight:800;color:#fff;margin-bottom:28px}.sidebar nav{display:grid;gap:8px}.sidebar button{min-height:44px;border:0;border-radius:8px;padding:0 16px;background:transparent;color:var(--sidebar-text);display:flex;gap:10px;align-items:center;cursor:pointer}.sidebar button:hover,.sidebar button.active{background:#2f65e8;color:#fff}.side-foot{margin-top:auto;border-top:1px solid #344054;padding-top:18px;display:grid;gap:10px;font-size:14px}.side-foot button{padding:0;justify-content:flex-start}main{min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;gap:14px;padding:0 28px;position:sticky;top:0;z-index:20}.topbar h1{margin:0;font-size:28px;line-height:1.1;letter-spacing:0}.topbar .soft{margin-left:auto}.content{padding:32px 28px 56px;max-width:1240px;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 1px 2px #1018280a}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head h2,.panel h2{margin:0;font-size:18px}.stack{display:grid;gap:22px}.right{display:flex;justify-content:flex-end;gap:10px}button,.as-label{border:1px solid var(--line);background:var(--panel);color:var(--text);min-height:44px;border-radius:8px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}button:hover,.as-label:hover{border-color:var(--primary)}button:active,.as-label:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700}.primary:hover{background:var(--primary-strong);color:#fff}.soft{background:var(--soft);border-color:transparent}.icon{width:44px;padding:0}.icon.danger,.danger{color:var(--danger)}.segmented,.tabs,.mobile-tabs{display:inline-flex;background:var(--soft);border-radius:8px;padding:4px;gap:4px}.segmented button,.tabs button,.mobile-tabs button{min-height:36px;border:0;background:transparent;padding:0 14px}.segmented .on,.tabs .on,.mobile-tabs .on{background:var(--panel);color:var(--primary);box-shadow:0 1px 2px #10182814}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}textarea,input,select{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);min-height:46px;padding:12px 14px;outline:none}textarea:focus,input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}textarea{min-height:390px;resize:vertical;line-height:1.55}textarea.short{min-height:120px}.preview{border:1px solid var(--line);border-radius:8px;min-height:390px;padding:20px;overflow:auto;line-height:1.6;background:color-mix(in srgb,var(--panel) 96%,var(--bg))}.preview pre{white-space:pre-wrap;overflow-wrap:anywhere}.mobile-tabs{display:none}.options-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:18px}.field{display:grid;gap:8px;min-width:0}.field span{color:var(--muted);font-size:13px;font-weight:700}.field.wide{grid-column:span 6}.drop{border:1px dashed var(--line);border-radius:8px;min-height:180px;display:grid;place-items:center;gap:10px;text-align:center;background:color-mix(in srgb,var(--panel) 92%,var(--primary))}.drop input{display:none}.file-list{display:grid;gap:8px;margin-top:16px}.file-list>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.file-list small,.muted{color:var(--muted)}.filters{display:grid;grid-template-columns:1fr 180px 180px auto;gap:12px;align-items:end}.table-wrap{overflow:auto}table{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:14px;min-width:900px}th{text-align:left;color:var(--muted);font-weight:700;padding:0 12px 6px;white-space:nowrap}td{background:color-mix(in srgb,var(--panel) 94%,var(--bg));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 12px;vertical-align:middle;white-space:nowrap}td:first-child{border-left:1px solid var(--line);border-radius:8px 0 0 8px}td:last-child{border-right:1px solid var(--line);border-radius:0 8px 8px 0}table.compact td,table.compact th{padding-left:10px;padding-right:10px}.actions{display:inline-flex;gap:4px;align-items:center}.actions .icon{width:34px;min-height:34px}.empty{text-align:center;color:var(--muted);padding:22px}.badge{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#eaf2ff;color:#1d4ed8;font-size:12px;font-weight:700}.badge.danger{background:#fee2e2;color:#b91c1c}.dark .badge{background:#1f355f;color:#bcd4ff}.dark .badge.danger{background:#4b1d1d;color:#fecaca}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;display:grid;gap:10px}.stat span{color:var(--muted);font-weight:700;font-size:13px}.stat strong{font-size:28px;letter-spacing:0}.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.chart{display:grid;gap:14px}.bar{display:grid;grid-template-columns:120px 1fr 42px;gap:10px;align-items:center}.bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar div{height:18px;border-radius:999px;background:var(--soft);overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#2f80ed,#22c55e)}.bar b{text-align:right}.one-time{margin-top:16px;border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;gap:10px;background:color-mix(in srgb,var(--panel) 92%,#dcfce7)}code,.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.code{background:#0f172a;color:#e2e8f0;border-radius:8px;padding:16px;overflow:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a8c;display:grid;place-items:center;padding:20px}.dialog{width:min(680px,100%);max-height:90dvh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px;display:grid;gap:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-grid div{border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;gap:6px}.settings-grid span{color:var(--muted);font-size:13px}.toasts{position:fixed;right:20px;bottom:20px;display:grid;gap:10px;z-index:200}.toast{background:#111827;color:#fff;border-radius:8px;padding:12px 14px;box-shadow:0 12px 26px #0000003d;max-width:360px}.toast.error{background:#991b1b}.login,.public-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.login section,.narrow{width:min(520px,100%)}.login h1{font-size:44px;margin:0 0 12px}.login p{color:var(--muted);line-height:1.6}.share{width:min(860px,100%)}.share h1{margin-top:0}.download{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px;margin:10px 0;color:var(--text)}.download:hover{border-color:var(--primary)}.mobile-only{display:none}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;transform:translate(-100%);transition:transform .22s ease;width:min(300px,88vw)}.sidebar.open{transform:translate(0)}.mobile-only{display:inline-flex}.topbar{padding:0 16px}.content{padding:18px 14px 42px}.editor-grid{grid-template-columns:1fr}.mobile-tabs{display:inline-flex;margin-bottom:12px}.mobile-hide{display:none}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field.wide{grid-column:span 2}.filters{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid,.settings-grid{grid-template-columns:1fr}.panel-head{align-items:stretch;flex-direction:column}}@media (max-width: 560px){.topbar h1{font-size:22px}.options-grid,.stats{grid-template-columns:1fr}.field.wide{grid-column:span 1}.panel{padding:16px}.bar{grid-template-columns:84px 1fr 34px}.segmented,.tabs{width:100%;overflow-x:auto}.segmented button,.tabs button{white-space:nowrap}textarea,.preview{min-height:320px}}