:root{background:#f5f7f4;color:#17202a;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel:#fff;--panel-muted:#f0f5f2;--ink:#17202a;--muted:#65737e;--border:#d7dfd9;--primary:#156f67;--primary-strong:#0f584f;--primary-soft:#e1f2ec;--accent:#c47617;--danger:#bf3a30;--blue:#2563a9;--shadow:0 14px 34px rgba(33,44,39,.1)}*{box-sizing:border-box}body{background:linear-gradient(180deg,#ffffffc7,#f5f7f4f2),#f5f7f4;margin:0;min-height:100vh;min-width:320px}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{border:0}a[aria-disabled=true],button:disabled{cursor:not-allowed;opacity:.55}#app{min-height:100vh}.app-shell{margin:0 auto;padding:28px 0 40px;width:min(1480px,calc(100% - 40px))}.page-heading{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:18px}.page-heading h1{font-size:34px;letter-spacing:0;line-height:1.16;margin:4px 0 0}.eyebrow{color:var(--primary);font-size:13px;font-weight:700;margin:0}.heading-actions,.panel-tools,.task-actions{align-items:center;display:flex;gap:10px}.icon-button,.primary-button,.secondary-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:40px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.primary-button{background:var(--primary);color:#fff;font-weight:700;padding:0 16px;text-decoration:none}.primary-button:hover:not(:disabled){background:var(--primary-strong);transform:translateY(-1px)}.secondary-button{background:#fff;border:1px solid var(--border);color:var(--ink);font-weight:650;min-width:112px;padding:0 14px}.secondary-button.active,.secondary-button:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.secondary-button.compact{min-height:36px;min-width:auto;padding:0 10px}.icon-button{background:#f4f7f4;border:1px solid var(--border);color:var(--muted);min-width:40px;width:40px}.icon-button:hover:not(:disabled){background:#fff1ef;border-color:#e0a39e;color:var(--danger)}.icon-button.small{border-radius:6px;min-height:30px;min-width:30px;width:30px}.full-width{width:100%}.tool-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.source-panel{margin-bottom:18px;padding:18px}.panel-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.panel-header h2{font-size:18px;line-height:1.25;margin:0}.panel-header p{color:var(--muted);font-size:13px;margin:4px 0 0}.source-grid{display:grid;gap:14px;grid-template-columns:minmax(280px,1fr)}.field{display:grid;gap:8px}.field span{align-items:center;color:#31404a;display:flex;font-size:13px;font-weight:700;gap:7px;min-height:20px}.field input,.result-box textarea{background:#fbfcfb;border:1px solid var(--border);border-radius:8px;color:var(--ink);outline:none;width:100%}.field input{min-height:42px;padding:0 12px}.field input:focus,.result-box textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #156f6724}.field-wide{grid-column:span 1}.file-box{align-items:end;display:grid;gap:12px;grid-column:1/-1;grid-template-columns:minmax(220px,1fr);padding-top:2px}.file-drop{align-items:center;background:#f8fbf9;border:1px dashed #9fb1aa;border-radius:8px;color:var(--primary);cursor:pointer;display:flex;gap:10px;min-height:44px;padding:0 12px}.file-drop span{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-drop input{display:none}.compact-field{min-width:0}.segmented-control{background:#edf2ee;border:1px solid var(--border);border-radius:8px;display:inline-grid;grid-template-columns:1fr 1fr;min-width:160px;padding:3px}.segmented-control button{background:transparent;border-radius:6px;color:var(--muted);cursor:pointer;font-weight:700;min-height:32px}.segmented-control button.active{background:#fff;box-shadow:0 1px 4px #17202a1f;color:var(--primary)}.form-error,.success-line,.task-error{border-radius:8px;font-size:14px;line-height:1.55;margin:12px 0 0}.success-line{color:#17623b}.form-error,.task-error{background:#fff1ef;border:1px solid #f0c1bc;color:var(--danger);padding:10px 12px}.workspace-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr)}.region-panel,.task-panel{min-width:0;padding:18px}.video-stage{background:#101419;border:1px solid #20262d;border-radius:8px;display:grid;min-height:420px;overflow:hidden;place-items:center}.video-frame{align-items:center;display:flex;justify-content:center;max-height:72vh;min-height:0;width:100%}.video-canvas{max-height:72vh;min-width:0;overflow:hidden;position:relative}.preview-video,.video-canvas{background:#11161c;width:100%}.preview-video{display:block;height:100%;-o-object-fit:contain;object-fit:contain}.selection-overlay{cursor:crosshair;inset:0;overflow:hidden;position:absolute;touch-action:none}.selection-overlay.disabled{cursor:default;pointer-events:none}.selection-box{background:#f59e0b2e;border:2px solid #f59e0b;min-height:10px;min-width:10px;position:absolute}.selection-box span{align-items:center;background:#fbbf24;color:#11161c;display:inline-flex;font-size:12px;font-weight:800;height:22px;justify-content:center;left:0;min-width:22px;padding:0 5px;position:absolute;top:0}.selection-box.draft{background:#2563a933;border-color:#60a5fa;border-style:dashed}.empty-stage{color:#cbd5df;font-size:15px}.region-list{display:grid;gap:8px;margin-top:14px}.region-row{align-items:center;background:#f8faf8;border:1px solid var(--border);border-radius:8px;display:grid;gap:8px;grid-template-columns:42px minmax(0,1fr) auto;min-height:38px;padding:4px 6px 4px 10px}.region-row>span{color:var(--accent);font-weight:800}.region-row code{color:#3d4c56;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-panel{position:sticky;top:18px}.spin-icon{animation:spin 1s linear infinite;color:var(--blue)}.success-icon{color:#16824f}.error-icon{color:var(--danger)}.task-meta{display:grid;gap:10px;margin:0}.task-meta div{border-bottom:1px solid #e6ece8;min-width:0;padding:10px 0}.task-meta dt{color:var(--muted);font-size:12px;font-weight:800;margin-bottom:5px}.task-meta dd{color:var(--ink);font-size:14px;margin:0;min-width:0;overflow-wrap:anywhere}.result-box{display:grid;gap:10px;margin-top:16px}.result-box label{color:#31404a;font-size:13px;font-weight:800}.result-box textarea{line-height:1.45;min-height:92px;padding:10px 12px;resize:vertical}.task-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:16px}.task-actions .secondary-button{min-width:0;width:100%}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:1080px){.source-grid,.workspace-grid{grid-template-columns:1fr}.task-panel{position:static}}@media(max-width:720px){.app-shell{padding-top:18px;width:min(100% - 24px,1480px)}.page-heading{align-items:stretch;flex-direction:column}.file-box,.heading-actions{grid-template-columns:1fr}.file-box,.heading-actions,.panel-header{align-items:stretch;flex-direction:column}.page-heading h1{font-size:28px}.primary-button,.secondary-button{width:100%}.panel-tools{justify-content:space-between}.video-stage{min-height:260px}.task-actions{grid-template-columns:1fr}}