:root{--bg: #0f1115;--bg2: #161a22;--bg3: #1d222c;--border: #2a3140;--text: #e6e9ef;--text2: #9aa3b2;--text3: #6b7280;--primary: #4f7cff;--primary-h: #3d66e0;--green: #34c77b;--red: #ef5350;--orange: #f59e0b;--purple: #a78bfa;--cyan: #22d3ee;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:14px;line-height:1.55}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2c3342;border-radius:6px}::-webkit-scrollbar-track{background:transparent}a{color:var(--primary);text-decoration:none}.shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;min-width:220px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 10px}.logo{display:flex;align-items:center;gap:10px;padding:8px 10px 18px;font-weight:700;font-size:16px}.logo .mark{width:30px;height:30px;border-radius:8px;flex:none;background:linear-gradient(135deg,#4f7cff,#22d3ee);display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:2px 0;border-radius:8px;color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:#4f7cff24;color:var(--primary);font-weight:600}.nav-section{padding:14px 12px 6px;font-size:12px;color:var(--text3)}.sidebar .spacer{flex:1}.main{flex:1;overflow-y:auto;padding:22px 26px 60px}.page-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.page-head h1{font-size:20px;margin:0}.page-head .sub{color:var(--text2);font-size:13px}.crumbs{color:var(--text3);font-size:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,1fr)}}.proj-card{cursor:pointer;transition:border-color .15s,transform .15s}.proj-card:hover{border-color:var(--primary);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;gap:6px;justify-content:center;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 14px;cursor:pointer;font-size:13px;transition:all .12s;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{border-color:var(--primary);color:var(--primary)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.btn.primary:hover{background:var(--primary-h);color:#fff}.btn.danger{color:var(--red)}.btn.danger:hover{border-color:var(--red)}.btn.ghost{background:transparent}.btn.sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input,.textarea,.select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;outline:none;font-family:inherit}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary)}.textarea{min-height:90px;resize:vertical;line-height:1.6}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text2);margin-bottom:6px}.field .hint{font-size:12px;color:var(--text3);margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--text3);font-weight:500;font-size:12px;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:9px 10px;border-bottom:1px solid rgba(42,49,64,.55);vertical-align:middle}.table tr:hover td{background:#4f7cff0d}.table .thumb{width:64px;height:40px;object-fit:cover;border-radius:6px;background:var(--bg3);display:block}.tag{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:12px;background:var(--bg3);color:var(--text2);white-space:nowrap}.tag.gray{background:#9aa3b21f;color:var(--text2)}.tag.blue{background:#4f7cff24;color:var(--primary)}.tag.green{background:#34c77b24;color:var(--green)}.tag.red{background:#ef535024;color:var(--red)}.tag.orange{background:#f59e0b24;color:var(--orange)}.tag.purple{background:#a78bfa29;color:var(--purple)}.tag.cyan{background:#22d3ee24;color:var(--cyan)}.progress{height:7px;background:var(--bg3);border-radius:6px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--primary),var(--cyan));border-radius:6px;transition:width .3s}.pline{display:flex;align-items:center;gap:0;overflow-x:auto;padding:4px 0 6px}.pline .step{display:flex;align-items:center;flex:none}.pline .dot{width:26px;height:26px;border-radius:50%;flex:none;background:var(--bg3);color:var(--text3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px}.pline .dot.done{background:#34c77b26;color:var(--green);border-color:#34c77b66}.pline .dot.cur{background:#4f7cff2e;color:var(--primary);border-color:var(--primary)}.pline .lbl{font-size:12px;color:var(--text2);padding:0 4px;white-space:nowrap}.pline .link{width:22px;height:1px;background:var(--border);flex:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080e9e;z-index:100;display:flex;align-items:center;justify-content:center;padding:30px}.dialog{background:var(--bg2);border:1px solid var(--border);border-radius:14px;width:640px;max-width:96vw;max-height:88vh;overflow-y:auto;padding:20px 22px}.dialog.wide{width:960px}.dialog h3{margin:0 0 16px;font-size:16px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080e9e;z-index:100}.drawer{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:94vw;z-index:101;background:var(--bg2);border-left:1px solid var(--border);padding:20px 22px;overflow-y:auto}.toasts{position:fixed;top:18px;right:18px;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{background:var(--bg3);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:8px;padding:10px 16px;min-width:220px;max-width:420px;font-size:13px;box-shadow:0 8px 24px #0006;animation:slidein .18s ease}.toast.err{border-left-color:var(--red)}.toast.ok{border-left-color:var(--green)}@keyframes slidein{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.tab{padding:9px 16px;cursor:pointer;color:var(--text2);font-size:13px;border-bottom:2px solid transparent;-webkit-user-select:none;user-select:none}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.empty{text-align:center;color:var(--text3);padding:46px 0}.empty .big{font-size:34px;margin-bottom:10px}.spin{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:rot .8s linear infinite;display:inline-block;vertical-align:-3px}@keyframes rot{to{transform:rotate(360deg)}}.muted{color:var(--text2);font-size:13px}.tiny{color:var(--text3);font-size:12px}.mono{font-family:Consolas,monospace;font-size:12px}.divider{height:1px;background:var(--border);margin:16px 0}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.grow{flex:1}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.imgbox{background:var(--bg3);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:12px;min-height:90px;position:relative}.imgbox img{width:100%;height:100%;object-fit:cover;display:block}.imgbox.ratio169{aspect-ratio:16/9}.imgbox.ratio34{aspect-ratio:3/4}.check{accent-color:var(--primary);width:15px;height:15px}kbd.k{background:var(--bg3);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:12px}video.preview{width:100%;border-radius:8px;background:#000;max-height:320px}.mode-card{border:1px solid var(--border);border-radius:10px;padding:10px 14px;cursor:pointer;background:var(--bg2);transition:all .12s}.mode-card:hover{border-color:var(--primary)}.mode-card.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--bg2));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.tpl-card{border:1px solid var(--border);border-radius:12px;padding:14px 16px;cursor:pointer;background:var(--bg2);transition:all .12s}.tpl-card:hover{border-color:var(--primary)}.tpl-card.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--bg2));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}.tpl-card.dashed{border-style:dashed}.stepper{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:8px;overflow:hidden;width:fit-content}.stepper button{background:var(--bg3);border:none;color:var(--text);width:34px;cursor:pointer;font-size:16px}.stepper button:hover{background:var(--primary);color:#fff}.stepper input{width:64px;text-align:center;border:none;background:var(--bg);color:var(--text);font-size:13px;outline:none}.chip{display:inline-block;padding:2px 10px;border:1px dashed var(--border);border-radius:14px;font-size:12px;cursor:pointer;color:var(--text2)}.chip:hover{border-color:var(--primary);color:var(--primary)}html[data-theme=neon]{--bg: #150d26;--bg2: #1e1338;--bg3: #2a1b4d;--border: #453075;--text: #ffffff;--text2: #cdbcf5;--text3: #9b86cf;--primary: #a866ff;--primary-h: #8f3dff;--green: #4dffb1;--red: #ff5c7a;--orange: #ffb84d;--purple: #d38cff;--cyan: #4de3ff}html[data-theme=neon] body{background:radial-gradient(1200px 600px at 80% -10%,rgba(168,102,255,.25),transparent),var(--bg)}html[data-theme=sunset]{--bg: #1d0f0a;--bg2: #2b160d;--bg3: #3d1f10;--border: #6b3a1c;--text: #fff7ef;--text2: #ffd9b8;--text3: #d9a26f;--primary: #ff6d3a;--primary-h: #ff5217;--green: #7dff9e;--red: #ff4d4d;--orange: #ffc53d;--purple: #e08cff;--cyan: #5fe0d0}html[data-theme=sunset] body{background:radial-gradient(1100px 560px at 15% -10%,rgba(255,109,58,.28),transparent),var(--bg)}html[data-theme=emerald]{--bg: #071a12;--bg2: #0c271b;--bg3: #123626;--border: #1f5c40;--text: #f2fff8;--text2: #b8e6cc;--text3: #7cbfa0;--primary: #2ee6a8;--primary-h: #12d697;--green: #6dffb0;--red: #ff6b6b;--orange: #ffc53d;--purple: #c58cff;--cyan: #4dffe3}html[data-theme=emerald] body{background:radial-gradient(1100px 560px at 85% -10%,rgba(46,230,168,.22),transparent),var(--bg)}html[data-theme=candy]{--bg: #fff0f6;--bg2: #ffffff;--bg3: #ffe3ee;--border: #f7aec9;--text: #40142a;--text2: #7a3b58;--text3: #a86f8a;--primary: #ff2f8e;--primary-h: #e61479;--green: #0fa968;--red: #e0234d;--orange: #f57c00;--purple: #9c27b0;--cyan: #0097a7}html[data-theme=candy] body{background:radial-gradient(1000px 500px at 80% -10%,rgba(255,79,154,.18),transparent),var(--bg)}html[data-theme=skyblue]{--bg: #eef5ff;--bg2: #ffffff;--bg3: #dceaff;--border: #a8c8f0;--text: #0d2547;--text2: #33598c;--text3: #6d8ab5;--primary: #0a6cff;--primary-h: #0057d6;--green: #0c9a5f;--red: #e0304d;--orange: #f57c00;--purple: #7b3ff2;--cyan: #0097c7}html[data-theme=skyblue] body{background:radial-gradient(1000px 500px at 20% -10%,rgba(10,108,255,.16),transparent),var(--bg)}html[data-theme=candy] .toast,html[data-theme=skyblue] .toast{box-shadow:0 8px 24px #40142a2e}html[data-theme=candy] .overlay,html[data-theme=candy] .drawer-overlay,html[data-theme=skyblue] .overlay,html[data-theme=skyblue] .drawer-overlay{background:#40142a61}html[data-theme=peach]{--bg: #fff4ec;--bg2: #ffffff;--bg3: #ffe4d1;--border: #ffc4a3;--text: #4a1c0a;--text2: #8a4526;--text3: #b57b57;--primary: #ff6a3d;--primary-h: #f4531f;--green: #0c9a5f;--red: #e0304d;--orange: #f57c00;--purple: #9c27b0;--cyan: #0097c7}html[data-theme=peach] body{background:radial-gradient(1100px 540px at 80% -10%,rgba(255,106,61,.22),transparent),var(--bg)}html[data-theme=lemon]{--bg: #fdfbe8;--bg2: #ffffff;--bg3: #fff6c9;--border: #ecd98a;--text: #3d3205;--text2: #7a6512;--text3: #a89340;--primary: #f5a300;--primary-h: #d98e00;--green: #3f9e14;--red: #d93838;--orange: #f57c00;--purple: #8e24aa;--cyan: #00838f}html[data-theme=lemon] body{background:radial-gradient(1100px 540px at 20% -10%,rgba(245,163,0,.2),transparent),var(--bg)}html[data-theme=mint]{--bg: #eafff5;--bg2: #ffffff;--bg3: #ccf7e6;--border: #93e6c8;--text: #05342a;--text2: #17604c;--text3: #4f8f7c;--primary: #00b37a;--primary-h: #009a68;--green: #0fa968;--red: #e0304d;--orange: #f57c00;--purple: #7b3ff2;--cyan: #0097c7}html[data-theme=mint] body{background:radial-gradient(1100px 540px at 85% -10%,rgba(0,179,122,.18),transparent),var(--bg)}html[data-theme=grape]{--bg: #f5efff;--bg2: #ffffff;--bg3: #e9dcff;--border: #c9b0f5;--text: #2a1454;--text2: #55309b;--text3: #8a6cc0;--primary: #7c3aed;--primary-h: #6a28e0;--green: #0fa968;--red: #e0304d;--orange: #f57c00;--purple: #9c27b0;--cyan: #0097c7}html[data-theme=grape] body{background:radial-gradient(1100px 540px at 15% -10%,rgba(124,58,237,.18),transparent),var(--bg)}html[data-theme=tropic]{--bg: #e8fbff;--bg2: #ffffff;--bg3: #ccf5ff;--border: #90dfee;--text: #083344;--text2: #0f6478;--text3: #4d94a8;--primary: #00b8d9;--primary-h: #009fb8;--green: #0fa968;--red: #e0304d;--orange: #f57c00;--purple: #d5006d;--cyan: #00838f}html[data-theme=tropic] body{background:radial-gradient(1000px 520px at 80% -10%,rgba(0,184,217,.2),transparent),radial-gradient(800px 400px at 10% 110%,rgba(255,79,163,.14),transparent),var(--bg)}html[data-theme=tomato]{--bg: #fff1ee;--bg2: #ffffff;--bg3: #ffddd6;--border: #f7b3a5;--text: #450a03;--text2: #8a2a1a;--text3: #b5634f;--primary: #f43f2e;--primary-h: #d92b1b;--green: #0c9a5f;--red: #c62828;--orange: #f57c00;--purple: #7b3ff2;--cyan: #0097c7}html[data-theme=tomato] body{background:radial-gradient(1100px 540px at 75% -10%,rgba(244,63,46,.16),transparent),var(--bg)}html[data-theme=peach] .toast,html[data-theme=lemon] .toast,html[data-theme=mint] .toast,html[data-theme=grape] .toast,html[data-theme=tropic] .toast,html[data-theme=tomato] .toast{box-shadow:0 8px 24px #140a052e}html[data-theme=peach] .overlay,html[data-theme=peach] .drawer-overlay,html[data-theme=lemon] .overlay,html[data-theme=lemon] .drawer-overlay,html[data-theme=mint] .overlay,html[data-theme=mint] .drawer-overlay,html[data-theme=grape] .overlay,html[data-theme=grape] .drawer-overlay,html[data-theme=tropic] .overlay,html[data-theme=tropic] .drawer-overlay,html[data-theme=tomato] .overlay,html[data-theme=tomato] .drawer-overlay{background:#140a0566}