:root{--bg: #0b0d12;--panel: #12151c;--panel-2: #171b24;--field: #0e1117;--line: #242a36;--text: #e8ecf4;--dim: #98a2b3;--accent: #4c8dff;--sung: #ffd400;--ok: #46c17c;--bad: #ff6b6b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 Segoe UI,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:6px 10px;cursor:pointer;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#1f2531;border-color:#333c4d}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:#3d7cf0}button.ghost{background:transparent;border-color:transparent;color:var(--dim);padding:4px 7px}button.ghost:hover:not(:disabled){background:#1f2531;color:var(--text);border-color:var(--line)}input[type=text],input:not([type]),input[type=number],textarea,select{font:inherit;color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:6px;padding:5px 7px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}input[type=radio]{accent-color:var(--accent);margin:0}input[type=number]{width:64px}.ok{color:var(--ok)}.bad{color:var(--bad)}.dim{color:var(--dim)}.ym-hint{color:var(--dim);font-size:12px;margin:0}.ym-app{height:100%;display:flex;flex-direction:column}.ym-top{height:44px;flex:none;display:flex;align-items:center;gap:18px;padding:0 8px 0 12px;background:var(--panel);border-bottom:1px solid var(--line);-webkit-app-region:drag}.ym-brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.3px}.ym-logo{width:22px;height:22px;border-radius:6px;display:block;object-fit:cover}.ym-steps{display:flex;gap:6px;flex:1}.ym-steps span{font-size:11px;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.ym-steps span.on{color:#fff;border-color:var(--accent);background:#4c8dff29}.ym-new{-webkit-app-region:no-drag;padding:4px 10px;font-size:11px;color:var(--dim);background:var(--panel-2);border:1px solid var(--line);border-radius:6px}.ym-new:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.ym-body{flex:1;min-height:0;display:grid;grid-template-columns:340px minmax(0,1fr) 300px}.ym-col{min-height:0;display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--panel);overflow-y:auto}.ym-left{border-right:1px solid var(--line)}.ym-right{border-left:1px solid var(--line)}.ym-sec{display:flex;flex-direction:column;gap:8px}.ym-sec>b{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--dim);font-weight:600}.ym-grow{flex:1;min-height:0}.ym-row{display:flex;gap:6px;align-items:center}.ym-row>button{flex:1}.ym-left textarea{height:110px;resize:vertical;font-family:ui-monospace,Consolas,monospace;font-size:12px}.ym-progress{height:4px;border-radius:99px;background:#0a0d12;overflow:hidden;border:1px solid var(--line)}.ym-progress.thin{height:3px;margin-top:4px}.ym-progress>i{display:block;height:100%;background:var(--accent);transition:width .18s}.ym-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:0}.ym-clip{display:grid;grid-template-columns:18px 64px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 6px;border:1px solid transparent;border-radius:7px;background:var(--panel-2);cursor:grab}.ym-clip:hover{border-color:var(--line)}.ym-clip.ready{border-color:#1f3a2b}.ym-clip.error{border-color:#43242a}.ym-clip.dragging{opacity:.45}.ym-clip.over{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.ym-index{font-size:11px;color:var(--dim);text-align:center;font-variant-numeric:tabular-nums}.ym-thumb{width:64px;height:36px;object-fit:cover;border-radius:5px;background:#05070a;display:block}.ym-thumb.empty{border:1px dashed var(--line)}.ym-clip-body{min-width:0}.ym-title{padding:3px 5px;font-size:12px;border-color:transparent;background:transparent}.ym-title:hover{border-color:var(--line);background:var(--field)}.ym-meta{display:flex;gap:8px;font-size:11px;color:var(--dim);margin-top:2px}.ym-meta .ok{color:var(--ok)}.ym-meta .bad{color:var(--bad)}.ym-clip-actions{display:flex;gap:2px}.ym-clip-actions button{padding:3px 6px;font-size:11px}.ym-summary{font-size:12px;color:var(--dim);border-top:1px solid var(--line);padding-top:8px}.ym-summary b{color:var(--sung);font-family:ui-monospace,Consolas,monospace}.ym-stage{min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;padding:12px}.ym-frame{position:relative;flex:1;min-height:0;background:#05070a;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;overflow:hidden}.ym-frame video{width:100%;height:100%;display:block;object-fit:contain;background:#000;cursor:pointer}.ym-empty{display:grid;gap:6px;place-items:center;color:var(--dim);text-align:center;max-width:340px;padding:20px}.ym-empty-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--accent)}.ym-empty p{margin:0;color:var(--text);font-weight:600}.ym-empty small{color:var(--dim);line-height:1.5}.ym-stale{position:absolute;left:10px;bottom:10px;right:10px;background:#ffd4001a;border:1px solid rgba(255,212,0,.45);color:var(--sung);border-radius:7px;padding:6px 10px;font-size:12px}.ym-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#05070ab8;font-size:13px;color:var(--text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ym-transport{display:flex;align-items:center;gap:8px;flex:none}.ym-transport input[type=range]{flex:1}.ym-play{width:38px;height:30px;padding:0}.ym-clock{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--dim);white-space:nowrap;min-width:92px;text-align:right}.ym-actions{display:flex;gap:6px;flex:none}.ym-actions button:last-child{margin-left:auto}.ym-actions .primary{min-width:220px}.ym-strip{flex:none;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:6px 2px 2px;border-top:1px solid var(--line);min-height:64px}.ym-strip-pair{display:flex;align-items:center;gap:6px}.ym-strip-item{position:relative;flex:none}.ym-strip-item img,.ym-strip-item video{width:82px;height:46px;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:#05070a;display:block}.ym-strip-item span{position:absolute;right:3px;bottom:3px;font-family:ui-monospace,Consolas,monospace;font-size:10px;color:#fff;background:#000000a8;border-radius:4px;padding:0 4px}.ym-strip-item.intro img,.ym-strip-item.intro video{border-color:var(--sung)}.ym-fx{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);border:1px dashed var(--line);border-radius:999px;padding:2px 7px;flex:none}.ym-done{display:flex;align-items:center;gap:10px;font-size:12px;border:1px solid #1f3a2b;background:#46c17c14;border-radius:7px;padding:7px 10px}.ym-done span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ym-done .ym-dl{color:var(--accent);font-weight:600;text-decoration:none;white-space:nowrap}.ym-done .ym-dl:hover{text-decoration:underline}.ym-slider{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dim)}.ym-slider b{color:var(--text);font-family:ui-monospace,Consolas,monospace}.ym-modes{display:flex;flex-direction:column;gap:4px}.ym-mode{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);cursor:pointer}.ym-mode:hover{border-color:#333c4d}.ym-mode.on{border-color:var(--accent);background:#4c8dff1f}.ym-mode input{margin-top:3px}.ym-mode span{display:block;font-size:12px}.ym-mode small{display:block;color:var(--dim);font-size:11px;line-height:1.35}.ym-chip{display:flex;gap:8px;align-items:center;padding:6px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2)}.ym-chip img,.ym-chip video{width:54px;height:32px;object-fit:cover;border-radius:5px;background:#05070a;flex:none}.ym-chip>div{flex:1;min-width:0}.ym-chip-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ym-inline{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--dim);margin-top:3px}.ym-inline input{width:56px;padding:2px 5px}.ym-field{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:8px;font-size:12px;color:var(--dim)}.ym-field select{width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#232a36;border-radius:6px;border:2px solid var(--panel)}::-webkit-scrollbar-track{background:transparent}.ym-auth{height:100%;display:grid;place-items:center;padding:24px}.ym-auth-card{width:340px;display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}.ym-auth-card h1{margin:0;font-size:18px;letter-spacing:.3px}.ym-auth-card .ym-field{grid-template-columns:70px minmax(0,1fr)}.ym-toolbar{flex:none;display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--panel-2);border-bottom:1px solid var(--line)}.ym-toolbar>select{width:190px}.ym-toolbar button{padding:4px 9px;font-size:11px}.ym-user{margin-left:auto;font-size:11px;color:var(--dim)}.ym-usage{position:relative;margin-left:8px;min-width:190px;border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:11px;color:var(--dim);background:var(--field);overflow:hidden}.ym-usage b{position:relative;font-weight:500}.ym-usage>i{position:absolute;left:0;top:0;bottom:0;background:#4c8dff47}.ym-usage.warn{border-color:#ffd40080;color:var(--sung)}.ym-usage.warn>i{background:#ffd40038}.ym-warn{flex:none;display:flex;align-items:center;gap:10px;padding:6px 12px;font-size:12px;color:var(--sung);background:#ffd4001a;border-bottom:1px solid rgba(255,212,0,.4)}.ym-warn span{flex:1}.ym-files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ym-files li{display:flex;align-items:center;gap:8px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2)}.ym-files li>div{flex:1;min-width:0}.ym-file-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ym-files a{color:var(--accent);font-size:11px;font-weight:600;text-decoration:none}.ym-files a:hover{text-decoration:underline}.ym-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070ab8;display:grid;place-items:center;padding:20px;z-index:20}.ym-modal-card{width:min(860px,100%);max-height:80vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.ym-modal-card>header{display:flex;align-items:center;justify-content:space-between}.ym-admin-new{display:grid;grid-template-columns:1.2fr 1.4fr 90px 100px auto;gap:6px}.ym-admin-new input,.ym-admin-new select{min-width:0}.ym-users{width:100%;border-collapse:collapse;font-size:12px}.ym-users th{text-align:left;font-weight:600;color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:4px 6px}.ym-users td{padding:6px;border-top:1px solid var(--line);vertical-align:middle}.ym-users tr.off td{opacity:.6}.ym-users-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.ym-users-actions button{padding:3px 7px;font-size:11px}.ym-users-actions button.bad{color:var(--bad)}
