:root{--canvas: #f7f8fb;--surface: #ffffff;--surface-soft: #fbfbfd;--ink: #182230;--ink-muted: #7d8797;--ink-faint: #a6afbc;--line: #e9edf2;--line-strong: #dfe5ec;--navy: #14253d;--coral: #ed725d;--coral-soft: #fff0ec;--coral-hover: #df604e;--purple: #7768db;--purple-soft: #f0efff;--green: #4ca87f;--green-soft: #eaf8f1;--blue: #4d8edc;--blue-soft: #edf5ff;--gold: #c8903b;--gold-soft: #fff6e5;--danger: #c44b4b;--focus-border: #c2bbed;--focus-ring: #f0eeff;--selected-bg: #fff7f5;--shadow-sm: 0 1px 2px rgba(22, 35, 53, .035), 0 5px 18px rgba(22, 35, 53, .025);--shadow-md: 0 10px 30px rgba(22, 35, 53, .08), 0 2px 8px rgba(22, 35, 53, .04)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:var(--ink);background:var(--canvas)}button,input,textarea,select{font:inherit}img{display:block}.app-frame{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.app-shell{display:flex;flex:1;min-height:0}.sidebar{width:250px;flex-shrink:0;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:24px 14px 16px}.brand{display:flex;align-items:center;padding:0 8px 24px;overflow:visible}.sidebar-brand-mark{width:100%;max-width:100%;height:auto;object-fit:contain}.brand-name{font-weight:750;letter-spacing:-.05em;font-size:17px;color:#fff}.brand-name small{display:block;font-size:9px;font-weight:800;letter-spacing:.12em;color:#ffffff80}.nav-label{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffffff57;padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;border-radius:10px;color:#aab5c5;font-size:12px;font-weight:600;text-decoration:none;border:0;background:transparent;width:100%;cursor:pointer;position:relative}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:#ffffff1f;color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--coral)}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.sidebar-user{font-size:11px;color:#fff9;padding:0 12px}.main-shell{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:82px;flex-shrink:0;display:flex;align-items:center;gap:16px;padding:0 34px;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar h1{font-size:21px;font-weight:750;letter-spacing:-.04em;margin:0}.topbar p{font-size:12px;color:var(--ink-muted);margin:2px 0 0}.topbar-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.content-scroll{flex:1;overflow-y:auto;padding:30px 34px 50px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);margin:0 0 6px}.h2{font-size:25px;font-weight:760;letter-spacing:-.055em;margin:0}.section-desc{font-size:12px;color:var(--ink-muted);margin:6px 0 0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 14px;border-radius:9px;font-size:12px;font-weight:750;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:.18s ease}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 5px 12px #ed725d2b}.btn-primary:hover{background:var(--coral-hover);transform:translateY(-1px)}.btn-secondary{background:#fff;border-color:var(--line);color:#5c6878}.btn-secondary:hover{color:var(--ink);border-color:var(--line-strong);background:#fafbfc}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b03f3f}.btn-text{background:none;border:0;color:var(--coral);font-size:11px;font-weight:800;cursor:pointer;padding:4px 2px;display:inline-flex;gap:5px;align-items:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--focus-border);outline-offset:2px}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:#8d98a7;cursor:pointer}.icon-btn:hover{color:var(--ink);background:#f8f9fb}.icon-btn.sm{width:30px;height:30px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm)}.panel-pad{padding:19px 20px}.panel h3{font-size:13px;font-weight:750;margin:0}.panel .desc{font-size:10px;color:var(--ink-muted);margin:4px 0 0}.field label{display:block;font-size:10px;font-weight:800;color:#707c8c;margin:0 0 7px}.field input,.field textarea,.field select{width:100%;padding:10px 11px;border:1px solid var(--line-strong);border-radius:8px;background:#fbfcfd;font-size:11px;color:var(--ink)}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--focus-border);box-shadow:0 0 0 3px var(--focus-ring);background:#fff}.field .hint{font-size:10px;color:var(--ink-faint);margin-top:6px}.field .error{font-size:10px;font-weight:600;color:#b94e40;margin-top:6px}.form-error{border:1px solid #ffd3cc;background:#fff4f1;color:#b94e40;border-radius:9px;font-size:11px;padding:10px 12px;margin-bottom:12px}.ai-hint{background:var(--purple-soft);border-radius:10px;font-size:11px;color:#5b548f;padding:10px 12px;display:flex;gap:8px;align-items:flex-start}.table-panel{overflow:hidden}table.grid{width:100%;border-collapse:collapse}table.grid th{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#a0a9b5;text-align:left;padding:13px 18px;border-bottom:1px solid var(--line)}table.grid td{font-size:10px;color:#778392;padding:14px 18px;border-bottom:1px solid #f0f2f5}table.grid tr:last-child td{border-bottom:0}table.grid tbody tr:hover{background:#fcfcfd}.row-actions{display:flex;gap:6px;justify-content:flex-end}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.guide-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:.18s ease}.guide-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.guide-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0f1b2d}.guide-thumb.empty{display:flex;align-items:center;justify-content:center;color:#5b6b82;background:linear-gradient(115deg,#1e314c,#283f5e)}.guide-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.guide-body h3{font-size:13px;font-weight:750;margin:0;letter-spacing:-.01em}.guide-meta{font-size:10px;color:var(--ink-faint)}.guide-badges{display:flex;gap:6px;flex-wrap:wrap}.guide-foot{display:flex;gap:8px;margin-top:auto;padding-top:6px}.empty{border:1px dashed var(--line-strong);border-radius:12px;background:#fbfcfd;padding:40px;text-align:center;color:var(--ink-muted);font-size:11px}.badge{display:inline-flex;align-items:center;font-size:9px;font-weight:750;border-radius:5px;padding:3px 8px;letter-spacing:.02em}.badge.neutral{color:#8793a1;background:#eff2f5}.badge.green{color:#3a916b;background:var(--green-soft)}.badge.orange{color:#bb7030;background:#fff2e2}.badge.purple{color:#6b5bc3;background:var(--purple-soft)}.badge.blue{color:#4d80be;background:var(--blue-soft)}.badge.hot{color:#c0453a;background:#ffe8e4}.editor-toolbar{height:56px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 20px}.editor-split{flex:1;display:flex;min-height:0}.steps-rail{width:300px;flex-shrink:0;border-right:1px solid var(--line);background:#fcfcfd;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.step-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px;display:flex;gap:10px;cursor:pointer;text-align:left;width:100%}.step-card:hover{border-color:var(--line-strong)}.step-card.active{border-color:var(--coral);background:var(--selected-bg);box-shadow:0 0 0 3px #ed725d14}.step-card img{width:84px;height:56px;object-fit:cover;border-radius:8px;background:#000;flex-shrink:0}.step-card .num{min-width:22px;height:22px;border-radius:6px;background:var(--navy);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.step-card p{font-size:11px;color:var(--ink);margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.step-canvas{flex:1;background:#f4f6f8;overflow-y:auto;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.step-canvas img.shot{max-width:100%;max-height:62vh;border-radius:11px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-md)}.inspector{width:320px;flex-shrink:0;border-left:1px solid var(--line);background:#fff;overflow-y:auto;padding:19px 20px 24px;display:flex;flex-direction:column;gap:14px}.doc-flow{max-width:720px;margin:0 auto;display:flex;flex-direction:column;position:relative;padding-left:46px}.doc-flow:before{content:"";position:absolute;left:20px;top:30px;bottom:30px;width:2px;background:var(--line-strong);border-radius:2px}.doc-step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm);padding:16px 18px;margin-bottom:16px}.step-dot{position:absolute;left:-39px;top:16px;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px var(--canvas);z-index:1}.doc-step.active-drop{border-color:var(--coral)}.step-text{font-size:13px;font-weight:600;cursor:text;border-radius:8px;padding:6px 8px;margin:0 0 0 -8px}.step-text:hover{background:var(--surface-soft)}.doc-step textarea{width:100%;padding:10px 11px;border:1px solid var(--focus-border);border-radius:8px;box-shadow:0 0 0 3px var(--focus-ring);font-size:13px;background:#fff;resize:vertical}.doc-step textarea:focus{outline:none}.doc-step img{width:100%;border-radius:8px;margin-top:12px;border:1px solid var(--line)}.step-del{position:absolute;top:10px;right:10px}.step-foot{display:flex;gap:6px;align-items:center;margin-top:10px}.video-fin{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:70;background:var(--navy);color:#fff;border:0;border-radius:10px 0 0 10px;padding:16px 9px;cursor:pointer;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:8px;align-items:center}.video-fin:hover{background:#1a2f4d}.video-fin .dot{width:7px;height:7px;border-radius:50%;background:#ffffff59}.video-fin.ready .dot{background:var(--green)}.video-fin.working .dot{background:var(--gold)}.video-drawer{position:fixed;right:0;top:0;bottom:0;width:340px;max-width:calc(100vw - 60px);z-index:60;background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-md);padding:19px 20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.voice-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;cursor:pointer;font-size:12px}.voice-row.active{border-color:var(--coral);background:var(--selected-bg)}.voice-row input{accent-color:var(--coral)}.voice-row strong{font-size:12px}.slider-row{display:grid;grid-template-columns:130px 1fr 40px;gap:10px;align-items:center;margin:10px 0}.slider-row label{font-size:11px;font-weight:700;color:var(--ink)}.slider-row output{font-size:11px;font-weight:750;color:var(--ink-muted);text-align:right;font-variant-numeric:tabular-nums}.slider-row .hint{grid-column:1 / -1;font-size:10px;color:var(--ink-faint);margin:-6px 0 0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:#eef1f5;outline-offset:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--coral);border:2px solid #fff;box-shadow:var(--shadow-sm);cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--coral);border:2px solid #fff;box-shadow:var(--shadow-sm);cursor:pointer}input[type=range]:focus-visible{outline:2px solid var(--focus-border)}.switch{position:relative;width:38px;height:22px;border-radius:999px;background:#d9dee6;border:0;cursor:pointer;transition:.18s ease;flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f1e3233;transition:.18s ease}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true]:after{left:19px}.public-wrap{max-width:760px;margin:0 auto;padding:40px 18px 80px}.public-step{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm);padding:20px;margin-bottom:16px}.public-step img{width:100%;border-radius:8px;margin-top:12px}.watch-layout{max-width:1180px;margin:0 auto;padding:28px 18px 80px;display:flex;gap:18px;align-items:flex-start}.watch-main{flex:1;min-width:0}.watch-main video{width:100%;border-radius:13px;background:#000;box-shadow:var(--shadow-md)}.watch-side{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;max-height:calc(100dvh - 160px);overflow-y:auto}.watch-step{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;opacity:.7;transition:opacity .18s ease;cursor:pointer;text-align:left;width:100%}.watch-step.current{opacity:1;border-color:var(--coral);box-shadow:0 0 0 3px #ed725d1f}.watch-step img{width:100%;border-radius:8px;margin-top:8px}.watch-step p{font-size:12px;margin:6px 0 0}@media(max-width:900px){.watch-layout{flex-direction:column}.watch-side{width:100%;max-height:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b182a7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:15px;width:460px;max-width:calc(100vw - 32px);box-shadow:0 22px 70px #0d1b2e3b}.modal.wide{width:720px}.modal header{padding:24px 24px 16px}.modal header h2{font-size:20px;font-weight:700;letter-spacing:-.04em;margin:0}.modal .body{padding:0 24px}.modal footer{padding:22px 24px 24px;display:flex;justify-content:flex-end;gap:8px}.login-frame{height:100dvh;display:flex;overflow:hidden}.login-brand-mark{width:220px;max-width:100%;height:auto;object-fit:contain;position:relative}.login-visual{flex:1.04;background:var(--navy);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(119,104,219,.24),transparent 50%),radial-gradient(circle at 20% 85%,rgba(237,114,93,.18),transparent 50%)}.login-visual h1{font-size:clamp(36px,4.6vw,58px);font-weight:700;letter-spacing:-.06em;margin:12px 0;position:relative}.login-visual h1 em{font-style:normal;color:#f5a091}.login-form{flex:.96;background:#fbfcfe;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:430px;max-width:100%;background:#fff;border-radius:22px;padding:42px;box-shadow:0 22px 60px #14253d14,0 4px 14px #14253d09}.spinner{width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px}.search{height:36px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;padding:0 12px 0 34px;font-size:11px;width:260px}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:10px;top:10px;color:#a7b2c2}video.player{width:100%;border-radius:8px;background:#000}@media(max-width:1180px){.sidebar{width:220px}.inspector{width:280px}}@media(max-width:900px){.sidebar{position:fixed;z-index:40;height:100dvh;transform:translate(-105%);transition:transform .2s ease}.sidebar.open{transform:none}.content-scroll{padding:18px}.editor-split{flex-direction:column;overflow-y:auto}.steps-rail,.inspector{width:100%;border:0}.login-frame{flex-direction:column}.login-visual{padding:28px}}.editor-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0b1524;display:flex;flex-direction:column;animation:fadeIn .12s ease}.editor-modal{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.editor-modal-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f1c30;color:#fff;flex-shrink:0}.editor-modal-header h2{margin:0;font-size:15px;font-weight:700;letter-spacing:-.02em}.editor-modal-header .icon-btn{color:#fff;border-color:#ffffff26}.editor-modal-header .icon-btn:hover{background:#ffffff14}.editor-modal-body{flex:1;min-height:0;padding:20px 24px 24px;overflow:auto;background:#111c2e}.ve-root{outline:none;display:flex;flex-direction:column;gap:16px;height:100%}.ve-player-wrap{position:relative;flex:1;min-height:200px;background:#000;border-radius:12px;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.ve-player{max-width:100%;max-height:calc(100vh - 280px);width:100%;display:block}.ve-player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.ve-play-btn{pointer-events:auto;width:64px;height:64px;border-radius:50%;border:0;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ve-play-btn:hover{background:#000000b8}.ve-transport{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-size:13px;font-variant-numeric:tabular-nums}.ve-time{font-weight:700}.ve-time-sep{opacity:.4}.ve-time.muted{opacity:.55;font-weight:500}.ve-selection-badge{margin-left:auto;font-size:11px;color:#fbbf24;background:#fbbf241f;padding:4px 10px;border-radius:999px}.ve-timeline{position:relative;height:72px;border-radius:10px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.12);-webkit-user-select:none;user-select:none;touch-action:none}.ve-timeline.dragging{cursor:col-resize}.ve-filmstrip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;background:#1a2332}.ve-filmstrip-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:12px}.ve-thumb{flex:1;height:100%;object-fit:cover;border-right:1px solid rgba(255,255,255,.06);min-width:0}.ve-cut{position:absolute;top:0;bottom:0;border:0;padding:0;background:repeating-linear-gradient(-45deg,#ef444473,#ef444473 6px,#b91c1c8c 6px,#b91c1c8c 12px);cursor:pointer;z-index:2}.ve-cut.selected{outline:2px solid #fff;outline-offset:-2px;z-index:3}.ve-select-range{position:absolute;top:0;bottom:0;background:#fbbf2459;border:2px solid #fbbf24;z-index:4;pointer-events:none}.ve-playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 8px #fffc;z-index:5;pointer-events:none;transform:translate(-1px)}.ve-playhead:before{content:"";position:absolute;top:-4px;left:-5px;width:12px;height:12px;background:#fff;border-radius:2px;transform:rotate(45deg)}.ve-ruler{display:flex;justify-content:space-between;font-size:10px;color:#64748b;font-variant-numeric:tabular-nums;padding:0 2px}.ve-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px}.ve-hints{flex:1;margin:0;font-size:11px;color:#64748b;min-width:200px}.ve-save{margin-left:auto}.ve-toolbar .btn-secondary{background:#ffffff14;color:#e2e8f0;border-color:#ffffff26}.ve-toolbar .btn-secondary:hover:not(:disabled){background:#ffffff24}