:root{--bg:#F2F2F7;--ink:#1C1C1E;--muted:rgba(60,60,67,0.72);--faint:rgba(60,60,67,0.45);--line:rgba(60,60,67,0.14);--blue:#0071E3;--blue-press:#0062C3;--red:#D70015;--glass:rgba(255,255,255,0.66);--glass-strong:rgba(255,255,255,0.82);--glass-border:rgba(255,255,255,0.75);--fill:rgba(120,120,128,0.14);--shadow:0 10px 30px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.04);--radius-card:20px;--radius-ctrl:12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Malgun Gothic,sans-serif;font-size:16px;line-height:1.5;letter-spacing:-.012em;min-height:100dvh}.glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(42% 34% at 12% 6%,rgba(0,122,255,.14),transparent 70%),radial-gradient(38% 30% at 92% 12%,rgba(255,149,0,.12),transparent 70%),radial-gradient(50% 42% at 55% 105%,rgba(88,86,214,.1),transparent 70%)}h1,h2,h3{margin:0 0 12px;letter-spacing:-.022em}h1{font-size:30px;font-weight:800}h2{font-size:17px;font-weight:700}.shell{max-width:520px;margin:0 auto;padding:24px 18px 110px}.tabbar{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);gap:4px;padding:5px;background:var(--glass);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow);z-index:100}.tabbar,.tabbar a{display:flex;border-radius:999px}.tabbar a{align-items:center;gap:7px;min-height:44px;padding:10px 20px;color:var(--muted);text-decoration:none;font-size:15px;font-weight:600;transition:background .2s ease-out,color .2s ease-out}.tabbar a svg{width:19px;height:19px}.tabbar a.on{background:var(--ink);color:#fff}.btn,.tabbar a:not(.on):active{background:var(--fill)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;border:none;border-radius:var(--radius-ctrl);color:var(--ink);font-size:15px;font-weight:600;font-family:inherit;letter-spacing:-.012em;text-decoration:none;cursor:pointer;transition:transform .15s ease-out,opacity .15s ease-out,background .15s ease-out}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn-primary{width:100%;min-height:50px;border-radius:14px;background:var(--blue);color:#fff;font-size:17px;font-weight:700;box-shadow:0 6px 18px rgba(0,113,227,.3)}.btn-primary:active{background:var(--blue-press)}.btn-danger{color:var(--red);background:rgba(255,59,48,.1)}.card{background:var(--glass);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.field{margin-bottom:16px}.field label{display:block;font-weight:700;margin-bottom:7px;font-size:14px}.field input[type=password],.field input[type=text],.field textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:var(--radius-ctrl);padding:12px 14px;font-size:16px;font-family:inherit;letter-spacing:-.012em;background:var(--glass-strong);color:var(--ink);transition:border-color .15s ease-out,box-shadow .15s ease-out}.field input:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3.5px rgba(0,113,227,.18)}.field .hint,.hint{font-size:13px;color:var(--muted);margin-top:6px}.badge{display:inline-block;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--fill);color:var(--muted)}.badge.b-progress{background:rgba(0,113,227,.13);color:var(--blue)}.badge.b-done{background:rgba(52,199,89,.16);color:#1B7A3D}.badge.b-review{background:rgba(255,149,0,.16);color:#9A5B00}.badge.b-failed{background:rgba(255,59,48,.12);color:var(--red)}.error{color:var(--red);font-size:14px;margin:8px 0;font-weight:500}.muted{color:var(--muted);font-size:13px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:40px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--glass-strong);color:var(--ink);font-size:14px;font-weight:600;font-family:inherit;letter-spacing:-.012em;cursor:pointer;transition:transform .15s ease-out,background .15s ease-out,color .15s ease-out}.chip:active{transform:scale(.96)}.chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}.chip:disabled{opacity:.38;cursor:default;transform:none}.tabs{display:flex;gap:8px;margin:18px 0 14px}.tabs .chip{flex:1 1;text-align:center;justify-content:center;display:inline-flex;align-items:center}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-top:12px}.thumbs .thumb{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--fill);border:1px solid var(--line)}.thumbs img,.thumbs video{width:100%;height:100%;object-fit:cover}.progressbar{height:6px;border-radius:3px;background:var(--fill);overflow:hidden;margin:12px 0 8px}.progressbar>div{height:100%;border-radius:3px;background:var(--blue);transition:width .3s ease-out}video.preview{width:100%;max-height:70vh;border-radius:var(--radius-card);background:#000;box-shadow:var(--shadow)}pre.copybox{white-space:pre-wrap;word-break:break-word;background:var(--glass-strong);border:1px solid var(--line);border-radius:var(--radius-ctrl);padding:13px 14px;margin:10px 0;font-family:inherit;font-size:14px;line-height:1.6;max-height:300px;overflow-y:auto}details.card>summary{list-style:none}details.card>summary::-webkit-details-marker{display:none}.editor{background:#141416;color:#E8E8EA;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:16px;box-shadow:0 16px 40px rgba(0,0,0,.35);--eaccent:#4DA3FF;--esurface:rgba(255,255,255,0.08);--eline:rgba(255,255,255,0.12)}.editor .egrid{display:grid;grid-gap:16px;gap:16px}.editor .ehint{font-size:12px;color:rgba(235,235,245,.55);margin:6px 0 0}.editor .ebtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;min-width:40px;padding:8px 14px;border:none;border-radius:10px;background:var(--esurface);color:#E8E8EA;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease-out,transform .15s ease-out}.editor .ebtn:active{transform:scale(.96)}.editor .ebtn.on{background:var(--eaccent);color:#0B0B0D}.editor .ebtn svg{width:16px;height:16px}.editor .eseg{display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.06)}.editor .eseg button{flex:1 1;min-height:38px;border:none;border-radius:9px;background:transparent;color:rgba(235,235,245,.65);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease-out,color .15s ease-out}.editor .eseg button.on{background:#3A3A40;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}.editor .efield{margin-bottom:12px}.editor .efield label{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600;color:rgba(235,235,245,.75);margin-bottom:6px}.editor .efield input[type=text]{width:100%;min-height:44px;border:1px solid var(--eline);border-radius:10px;padding:10px 12px;font-size:16px;font-family:inherit;background:rgba(255,255,255,.06);color:#fff}.editor .efield input[type=text]:focus{outline:none;border-color:var(--eaccent)}.editor input[type=range]{width:100%;min-height:40px;accent-color:var(--eaccent)}.editor .etimeline{position:relative;display:flex;gap:3px;height:52px;padding:4px;border-radius:12px;background:rgba(255,255,255,.05);cursor:pointer;touch-action:none}.editor .etimeline .seg{flex-basis:0;border-radius:8px;background:#26262B;border:1.5px solid transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:11.5px;font-weight:700;color:rgba(235,235,245,.55)}.editor .etimeline .seg.now{background:#2E3A4A;color:#BBDBFF}.editor .etimeline .seg.sel{border-color:var(--eaccent)}.editor .etimeline .head{position:absolute;top:0;bottom:0;width:2.5px;border-radius:2px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.7);pointer-events:none}.editor .etimeline .head:after{content:"";position:absolute;top:-5px;left:-4.2px;width:11px;height:11px;border-radius:999px;background:#fff}.editor .etime{font-size:12.5px;color:rgba(235,235,245,.6);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.editor .fxcard{min-width:84px;min-height:66px;border-radius:12px;cursor:pointer;background:#26262B;border:2px solid transparent;color:#E8E8EA;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:border-color .15s ease-out,transform .15s ease-out}.editor .fxcard:active{transform:scale(.96)}.editor .fxcard.on{border-color:var(--eaccent)}.editor .fxcard .fxname{font-size:11px;color:rgba(235,235,245,.65)}.editor .eapply{width:100%;min-height:48px;margin-top:14px;border:none;border-radius:12px;background:var(--eaccent);color:#0B0B0D;font-size:15.5px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 6px 18px rgba(77,163,255,.3)}.editor .eapply:disabled{opacity:.45}.grid2{display:grid;grid-gap:14px;gap:14px;margin-top:14px}@media (min-width:768px){.shell{max-width:960px;padding:100px 28px 48px}h1{font-size:34px}.tabbar{top:16px;bottom:auto}.narrow{max-width:680px;margin:0 auto}.thumbs{grid-template-columns:repeat(8,1fr)}.split{display:grid;grid-template-columns:350px 1fr;grid-gap:22px;gap:22px;align-items:start}.editor .egrid{grid-template-columns:minmax(270px,330px) 1fr;align-items:start}.grid2{grid-template-columns:1fr 1fr;align-items:start}video.preview{max-height:620px}pre.copybox{max-height:420px}.tabs{max-width:560px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}