:root{font:14px/1.6 Inter,"Microsoft YaHei",system-ui,sans-serif;color:#e9eee8;background:#111411;--panel:#1a1e1a;--line:#303930;--muted:#8e9b8c;--accent:#c8f477}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#222922;color:inherit;padding:10px 16px}button:hover{border-color:#819574}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);border-color:var(--accent);color:#1b2515;font-weight:700}.danger{color:#ffb2a4}.quiet{background:transparent}a{color:var(--accent);text-decoration:none}small,.muted{color:var(--muted)}label{display:block;color:#b3c0b0;font-weight:500;margin:18px 0 6px}input:not([type=checkbox]),textarea{width:100%;border:1px solid var(--line);background:#121612;color:#eff5eb;border-radius:8px;padding:11px 13px}textarea{resize:vertical;min-height:85px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;vertical-align:middle;margin:0 8px 0 0}.check{display:inline-flex;align-items:center;margin:12px 20px 8px 0;font-weight:400}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-.5px}h2{font-size:20px}h3{font-size:15px}.layout{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:30px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#141914}.wordmark{display:flex;align-items:center;gap:10px;margin:0 6px 38px}.wordmark img{width:34px;height:34px;border-radius:50%}.wordmark b{letter-spacing:2px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--muted);text-transform:uppercase}.nav{display:grid;gap:8px}.nav button{text-align:left;border-color:transparent;background:transparent;padding:13px 15px;color:#a6b4a0}.nav button.active{color:var(--accent);background:#293820}.nav button span{display:inline-block;width:28px;opacity:.7}.sidebar footer{margin-top:auto;padding:20px 10px;color:var(--muted);font-size:12px}.online{color:var(--accent)}.main{min-width:0}.topbar{position:sticky;top:0;z-index:5;padding:22px 34px;border-bottom:1px solid var(--line);background:#111411f5;display:flex;align-items:center;justify-content:space-between;gap:15px}.actions{display:flex;align-items:center;gap:9px}.badge{padding:4px 10px;background:#263322;color:#c8f477;border-radius:20px;font-size:12px;white-space:nowrap}.badge.warn{color:#e8c081;background:#3b3020}.content{padding:30px 34px 60px}.intro{margin-bottom:25px}.intro p{color:var(--muted);margin-top:8px}.editor{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:20px}.panel p{color:var(--muted);margin-top:5px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.wide{grid-column:1/-1}.preview{position:sticky;top:110px}.preview h3{color:var(--muted);font-size:12px;letter-spacing:1px;margin-bottom:17px}.preview-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.preview-brand img{width:38px;height:38px;object-fit:contain;border-radius:8px}.preview-brand strong{display:block;font-size:17px}.preview-brand small{display:block;font-size:10px}.media{aspect-ratio:16/9;background:#0d100d;border:1px solid var(--line);border-radius:9px;overflow:hidden;display:grid;place-items:center;color:var(--muted);margin:14px 0}.media img,.media video{width:100%;height:100%;object-fit:contain}.notice{font-size:12px;line-height:1.8;padding:12px;background:#263322;border-radius:8px;color:#d8e7ca;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:14px}.stat strong{display:block;font-size:36px;font-weight:500;line-height:1.4;margin-top:10px}.stat span{font-size:12px;color:var(--muted)}.row-head{display:flex;align-items:center;gap:8px;margin-bottom:18px}.row-head h3{margin-right:auto}.row-head button{padding:5px 10px}.thumb{width:100%;height:150px;object-fit:contain;border-radius:9px;background:#111611}.upload-line{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}.upload-line label{margin:0;cursor:pointer;padding:7px 12px;border:1px solid var(--line);border-radius:7px;font-size:12px}.file{position:absolute;width:1px;height:1px;opacity:0}.help{padding:16px 18px;border-left:2px solid var(--accent);background:#1d2919;margin:18px 0;color:#bacab1}.endpoint{display:block;background:#111611;padding:14px;border-radius:8px;word-break:break-all;font-size:13px;color:var(--accent);margin:12px 0}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 15%,#283b20 0,transparent 50%)}.login-card{width:min(450px,90vw);background:#1a2119;border:1px solid #3c4c36;padding:38px;border-radius:20px;box-shadow:0 30px 120px #0005}.login-card .wordmark{margin:0 0 40px}.login-card h1{margin-bottom:8px}.login-card p{color:var(--muted);margin-bottom:25px}.login-card button{margin-top:24px;width:100%}.login-card small{display:block;margin-top:20px;font-size:12px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#c8f477;color:#14200e;border-radius:10px;box-shadow:0 8px 40px #0006;z-index:99;max-width:90vw;display:none}#toast.error{background:#ffd0c5;color:#4e1d16}.loading{padding:40px}.steps{display:grid;gap:16px;margin-top:20px}.steps article{padding:18px 20px;background:#131913;border-radius:9px}.steps b{color:var(--accent);margin-right:10px}progress{accent-color:var(--accent);width:130px}.empty{padding:45px 20px;text-align:center;color:var(--muted)}@media(max-width:1100px){.editor{grid-template-columns:1fr}.preview{position:static}.layout{grid-template-columns:190px 1fr}.topbar,.content{padding-left:22px;padding-right:22px}}@media(max-width:720px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:18px;border-right:0}.wordmark{margin-bottom:15px}.nav{display:flex;overflow-x:auto;gap:4px}.nav button{white-space:nowrap;padding:9px}.nav button span,.sidebar footer{display:none}.topbar{position:static;flex-wrap:wrap}.actions{flex-wrap:wrap}.content{padding:22px 16px}.fields{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:16px}.stat strong{font-size:28px}.panel{padding:20px}}