:root{color-scheme:light;--bg:#f4f7fc;--paper:#ffffff;--paper2:#f8faff;--text:#17243b;--muted:#718096;--line:#e1e8f2;--blue:#2563eb;--soft:#eaf1ff;--green:#15835c;--warn:#9f6514;--red:#ba4351;--shadow:0 12px 36px rgba(27,46,83,.045);--ring:rgba(37,99,235,.19)}
[data-theme="dark"]{color-scheme:dark;--bg:#111827;--paper:#1a2538;--paper2:#202d43;--text:#ecf2fe;--muted:#9aa9be;--line:#354259;--blue:#83acff;--soft:#253657;--green:#73d3af;--warn:#ffca77;--red:#ff9ea7;--shadow:0 15px 36px rgba(0,0,0,.12);--ring:rgba(131,172,255,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);font-size:14px;line-height:1.58}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ring);outline-offset:2px}button{touch-action:manipulation}svg{flex:none;vertical-align:middle}
.top{position:sticky;z-index:20;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topin{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(18px,env(safe-area-inset-left))}.brand{display:flex;gap:11px;align-items:center;min-width:0}.brand-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:#112139;box-shadow:0 5px 12px rgba(3,16,36,.08);color:#fff}.brand strong{font-size:16px;line-height:1.3;display:block;letter-spacing:.2px}.brand small{font-size:11px;color:var(--muted);display:block;margin-top:1px}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--text)}
.wrap{max-width:1100px;margin:auto;padding:26px 18px 88px}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(116deg,var(--paper) 0%,var(--paper) 68%,var(--soft) 100%);box-shadow:var(--shadow)}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-weight:800;letter-spacing:2px;font-size:10px;text-transform:uppercase}.hero h1{margin:6px 0 6px;font-size:clamp(21px,3.3vw,30px);letter-spacing:-.5px;line-height:1.35}.hero p{margin:0;color:var(--muted);font-size:13px}.hero-art{display:grid;place-items:center;width:77px;height:77px;border-radius:22px;background:color-mix(in srgb,var(--blue) 9%,var(--paper));color:var(--blue);border:1px solid var(--line)}
.bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;min-width:0}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a3aab7;flex:none}.status[data-kind=ok] i{background:#27b984}.status[data-kind=warn] i{background:#e1a344}.bar-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--text);font-weight:650;font-size:12px;white-space:nowrap;transition:transform .15s,background .15s,border-color .15s}.btn:active{transform:scale(.98)}.btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn.danger{color:var(--red)}.btn:hover{border-color:var(--blue)}.btn.primary:hover{background:#1f54ca}.btn.small{min-height:32px;padding:6px 10px}.btn.wide{width:100%}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.stat{padding:15px 16px;border:1px solid var(--line);background:var(--paper);border-radius:17px;box-shadow:var(--shadow)}.stat b{display:block;font-size:23px;line-height:1.25;font-variant-numeric:tabular-nums}.stat span{font-size:11px;color:var(--muted)}
.shell{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:start;gap:17px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.panel-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 12px}.panel-hd h2{font-size:16px;margin:0}.subtext{color:var(--muted);font-size:11px}.listtools{padding:0 18px 14px}.search{width:100%;min-height:41px;padding:10px 12px;background:var(--paper2);border:1px solid var(--line);border-radius:12px;color:var(--text);outline:0}.search:focus{border-color:var(--blue)}.filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.filter{min-height:32px;padding:5px 12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:12px}.filter[aria-pressed=true]{background:var(--soft);border-color:color-mix(in srgb,var(--blue) 24%,var(--line));color:var(--blue);font-weight:750}.project-list{display:grid;gap:9px;max-height:650px;overflow:auto;padding:0 13px 16px}.proj{display:flex;align-items:center;gap:11px;width:100%;padding:12px;text-align:left;border-radius:14px;border:1px solid var(--line);background:var(--paper);color:var(--text);transition:background .15s,border-color .15s,transform .15s}.proj:hover{border-color:var(--blue)}.proj:active{transform:scale(.995)}.proj[aria-current=true]{border-color:var(--blue);background:var(--soft)}.proj-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--accent,#3b82f6) 10%,var(--paper));color:var(--accent,#3b82f6);border:1px solid color-mix(in srgb,var(--accent,#3b82f6) 18%,var(--line))}.proj-info{min-width:0;flex:1}.proj-info b{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-info small{display:block;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini{display:inline-flex;align-items:center;padding:2px 7px;border-radius:9px;background:var(--paper2);border:1px solid var(--line);color:var(--muted);font-size:10px;white-space:nowrap}.mini.off{color:var(--warn)}
.editor-body{padding:0 18px 19px}.notice{border-radius:13px;padding:11px 12px;font-size:12px;color:var(--muted);background:var(--paper2);border:1px solid var(--line);margin-bottom:14px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{min-width:0}.field.full{grid-column:1/-1}.field label{display:block;margin:0 0 5px;font-size:12px;color:var(--text);font-weight:650}.field .hint{display:block;color:var(--muted);font-size:10px;margin-top:5px}.field input,.field textarea,.field select{width:100%;min-height:41px;border-radius:11px;border:1px solid var(--line);background:var(--paper2);color:var(--text);padding:9px 11px;outline:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue)}.field textarea{resize:vertical;min-height:72px}.switchline{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:var(--paper2)}.switchline .switchdesc{font-size:12px}.switchline .switchdesc small{display:block;color:var(--muted);font-size:10px}.switchline input{width:20px;height:20px;accent-color:#2563eb}.preview-label{font-size:11px;color:var(--muted);font-weight:750;margin:17px 0 8px}.preview-card{position:relative;padding:16px;border:1px solid var(--line);border-top:4px solid var(--accent,#3b82f6);border-radius:17px;overflow:hidden;background:var(--paper2)}.preview-card:after{content:"";position:absolute;width:124px;height:124px;right:-42px;bottom:-72px;border-radius:100%;background:color-mix(in srgb,var(--accent,#3b82f6) 7%,transparent);pointer-events:none}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.preview-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--accent,#3b82f6) 10%,var(--paper));color:var(--accent,#3b82f6)}.preview-card b{font-size:15px}.preview-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.preview-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.empty{padding:30px 16px;text-align:center;color:var(--muted);font-size:12px}.empty svg{display:block;margin:0 auto 10px}
.bottom{margin-top:17px;border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:19px;box-shadow:var(--shadow)}.bottom-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.bottom h2{margin:0;font-size:16px}.changes{display:grid;gap:7px}.change{display:flex;align-items:center;gap:9px;background:var(--paper2);padding:9px 11px;border-radius:10px;font-size:12px}.change em{font-style:normal;font-weight:800;font-size:11px;padding:2px 7px;background:var(--soft);border-radius:7px;color:var(--blue)}.change b{flex:1;font-size:12px}.change span{font-size:10px;color:var(--muted)}.exportrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.warnings{display:grid;gap:7px;margin-top:10px}.warning{padding:9px 10px;border-radius:10px;background:color-mix(in srgb,var(--warn) 8%,var(--paper));color:var(--warn);font-size:12px}.warning.bad{background:color-mix(in srgb,var(--red) 8%,var(--paper));color:var(--red)}.footer{text-align:center;font-size:11px;color:var(--muted);margin-top:21px}.footer p{margin:4px}.toast{position:fixed;bottom:max(23px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) translateY(30px);background:#17243b;color:#fff;padding:10px 16px;border-radius:14px;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:all .2s;z-index:80;max-width:90vw;text-align:center}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(max-width:740px){.wrap{padding:16px 14px 70px}.hero{padding:19px 17px;border-radius:19px}.hero-art{width:54px;height:54px;border-radius:16px}.hero h1{font-size:21px}.hero p{max-width:260px;font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:6px}.stat{padding:10px 8px;border-radius:13px}.stat b{font-size:19px}.stat span{font-size:10px}.shell{grid-template-columns:1fr;gap:13px}.panel{border-radius:19px}.project-list{max-height:none}.listtools{padding:0 14px 12px}.panel-hd{padding:16px 14px 10px}.editor-body{padding:0 14px 17px}.bottom{padding:15px;border-radius:19px}.bar{margin:14px 0}.bar-buttons{width:100%}.bar-buttons .btn{flex:1}.topin{padding:9px 14px}.hero-art svg{width:30px;height:30px}}
@media(max-width:360px){.stats{grid-template-columns:repeat(2,1fr)}.fields{grid-template-columns:1fr}.field.full{grid-column:1}.brand small{font-size:10px}.hero-art{display:none}.btn{padding:8px 9px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important;animation:none!important}}

[hidden]{display:none!important}.topin{max-width:none}.brand-icon{font-weight:800;color:white;background:#2563eb}.workspace{display:grid;grid-template-columns:190px minmax(0,1fr);max-width:1400px;margin:auto}.wrap{width:100%;min-width:0;margin:0;padding:22px 24px 50px}.studio-nav{padding:26px 14px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line);min-height:calc(100svh - 70px)}.studio-nav>b{padding:0 12px 15px;color:var(--muted);font-size:12px}.studio-nav button{text-align:left;padding:12px;border:0;border-radius:12px;color:var(--muted);background:transparent}.studio-nav button.selected{background:var(--soft);color:var(--blue);font-weight:700}.login{max-width:380px;margin:60px auto;padding:24px}.login h1{font-size:22px}.login label{display:block;font-size:12px;margin:18px 0 6px}.login input{width:100%;min-height:44px;background:var(--paper2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px}.login button{margin-top:16px}.boot{text-align:center;color:var(--muted);padding:40px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.metric{padding:18px}.metric span{display:block;color:var(--muted);font-size:12px}.metric b{display:block;margin-top:10px;font-size:18px;overflow-wrap:anywhere}.form-panel{padding:18px;margin:16px 0}.form-panel button{margin-top:14px}.manifest{padding-left:20px;max-height:300px;overflow:auto;font-size:12px;overflow-wrap:anywhere}.backup-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.backup-row span{flex:1;min-width:180px;overflow-wrap:anywhere}.menu,.shade{display:none}.shade{border:0;position:fixed;inset:0;background:#0006;z-index:88}.top-actions{margin-left:auto}.fields{margin-bottom:16px}#loginError,#updateResult{font-size:12px;overflow-wrap:anywhere}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.field select,.field input{min-width:0}h1{font-size:24px}.bar-buttons .btn{flex:none}
@media(max-width:740px){.workspace{display:block}.wrap{padding:16px 14px 50px}.menu:not([hidden]){display:inline-flex}.studio-nav{position:fixed;top:0;bottom:0;left:0;width:240px;padding-top:max(30px,env(safe-area-inset-top));background:var(--paper);z-index:89;transform:translateX(-100%);transition:transform .18s}.nav-open .studio-nav{transform:none}.nav-open .shade{display:block}.login{margin:35px 14px}.brand-icon{display:none}.top-actions{gap:5px}.topin{gap:8px}.brand strong{font-size:14px}.brand small{font-size:10px}.dashboard-grid{gap:9px}.metric{padding:14px}.metric b{font-size:16px}.form-panel{padding:14px}.bar-buttons{gap:6px}.bar-buttons .btn{flex:1}.preview-actions .btn{flex:1}.top-actions .btn{padding:6px 8px}.wrap{padding-bottom:max(40px,env(safe-area-inset-bottom))}}