:root{--bg: #0f1115;--bg-2: #161a21;--bg-3: #1e232c;--line: #2a303b;--text: #e8eaf0;--muted: #8b93a3;--accent: #e8b64c;--accent-2: #f3cf7a;--ok: #4cc38a;--warn: #f0a04b;--err: #ef6b6b;--info: #5b9cf5;--radius: 10px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45}a{color:var(--accent-2);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0 0 .5rem;font-weight:600;letter-spacing:-.01em}h1{font-size:1.35rem}h2{font-size:1.1rem}h3{font-size:.95rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}p{margin:0 0 .6rem}code,.mono{font-family:var(--mono);font-size:.9em}.muted{color:var(--muted)}.small{font-size:.82rem}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.grow{flex:1 1 auto;min-width:0}.stack{display:flex;flex-direction:column;gap:.5rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-3);color:var(--text);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,transform .05s}.btn:hover{background:#262c37;border-color:#3a4250}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1405;font-weight:600}.btn.primary:hover{background:var(--accent-2)}.btn.danger{border-color:#5a2b2b;color:#ffb3b3}.btn.danger:hover{background:#3a1f1f}.btn.sm{padding:.3rem .55rem;font-size:.82rem;border-radius:6px}.btn.icon{padding:.35rem .5rem}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--bg-3)}.field{display:flex;flex-direction:column;gap:.25rem}.field label{font-size:.8rem;color:var(--muted)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],select,textarea{width:100%;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);outline:none;transition:border-color .12s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:70px}input.tc{font-family:var(--mono);width:9.5em;text-align:center}.check{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}.chips{display:flex;gap:.35rem;flex-wrap:wrap}.chip{padding:.3rem .6rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);cursor:pointer;font-size:.82rem;-webkit-user-select:none;user-select:none}.chip.on{background:var(--accent);color:#1a1405;border-color:var(--accent);font-weight:600}.chip.static{cursor:default}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.topbar{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--line);background:var(--bg-2);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:-.01em}.brand .logo{width:26px;height:26px;border-radius:7px;background:var(--accent);display:grid;place-items:center;color:#1a1405;font-weight:800}.page{padding:1rem;max-width:1500px;margin:0 auto}.badge{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.badge.ok{background:#4cc38a26;color:var(--ok)}.badge.warn{background:#f0a04b26;color:var(--warn)}.badge.err{background:#ef6b6b26;color:var(--err)}.badge.info{background:#5b9cf526;color:var(--info)}.badge.muted{background:#8b93a326;color:var(--muted)}.badge.live{background:#ef6b6b33;color:#ff8a8a;animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.alert{padding:.6rem .8rem;border-radius:8px;border:1px solid;font-size:.9rem}.alert.err{border-color:#5a2b2b;background:#ef6b6b1a;color:#ffb3b3}.alert.ok{border-color:#245a3f;background:#4cc38a1a;color:#9fe6c3}.alert.info{border-color:#2b4a7a;background:#5b9cf51a;color:#b9d3fb}.alert.warn{border-color:#6b4a1e;background:#f0a04b1a;color:#f7cf9a}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#ffffff06}.kv{display:grid;grid-template-columns:max-content 1fr;gap:.25rem .8rem}.kv dt{color:var(--muted)}.kv dd{margin:0}hr{border:0;border-top:1px solid var(--line);margin:.8rem 0}.toast-wrap{position:fixed;right:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:100}.toast{padding:.6rem .9rem;border-radius:8px;background:var(--bg-3);border:1px solid var(--line);box-shadow:0 8px 30px #0006;max-width:380px}.toast.err{border-color:#5a2b2b}.toast.ok{border-color:#245a3f}.spinner{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.modal-bg{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:50;padding:1rem}.modal{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:1.2rem;width:min(560px,100%);max-height:92vh;overflow:auto;box-shadow:0 20px 60px #00000080}.kbd{font-family:var(--mono);font-size:.72rem;padding:.05rem .35rem;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--bg-3);color:var(--muted)}.editor{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:1rem;align-items:start}@media(max-width:1100px){.editor{grid-template-columns:1fr}}.player-wrap{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9}.player-wrap video{width:100%;height:100%;display:block;background:#000}.player-overlay{position:absolute;left:0;right:0;bottom:0;padding:.4rem .6rem;background:linear-gradient(transparent,#000000b3);display:flex;gap:.5rem;align-items:center;font-family:var(--mono);font-size:.85rem}.timeline{position:relative;height:64px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}.timeline canvas{width:100%;height:100%;display:block}.transport{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.capsule-list{display:flex;flex-direction:column;gap:.5rem}.capsule-item{border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem;background:var(--bg-2);cursor:pointer;transition:border-color .12s}.capsule-item:hover{border-color:#3a4250}.capsule-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.capsule-item .title{font-weight:600}.crop-editor{position:relative;display:inline-block;max-width:100%;-webkit-user-select:none;user-select:none;touch-action:none}.crop-editor img{display:block;max-width:100%;border-radius:6px}.crop-box{position:absolute;border:2px solid var(--accent);box-shadow:0 0 0 9999px #0000008c;cursor:move}.crop-box .handle{position:absolute;width:14px;height:14px;background:var(--accent);border-radius:3px;right:-7px;bottom:-7px;cursor:nwse-resize}.overlay-editor{position:relative;background:#111;border:1px solid var(--line);border-radius:6px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.overlay-editor img.frame{display:block;width:100%;opacity:.95}.overlay-item{position:absolute;cursor:move;outline:1px dashed rgba(232,182,76,.7)}.overlay-item img{display:block;width:100%;pointer-events:none}.overlay-item.framed{background:#ffffffeb;padding:6%;border-radius:6px}.overlay-item .handle{position:absolute;width:12px;height:12px;background:var(--accent);right:-6px;bottom:-6px;cursor:nwse-resize;border-radius:2px}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--line);margin-bottom:.8rem}.tab{padding:.45rem .7rem;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tab.on{color:var(--text);border-bottom-color:var(--accent)}.progress{height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width .3s}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login{width:min(420px,100%)}.qr{background:#fff;padding:10px;border-radius:8px;display:inline-block}.recovery{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .8rem;font-family:var(--mono)}.log{font-family:var(--mono);font-size:.75rem;white-space:pre-wrap;background:#0b0d11;border:1px solid var(--line);border-radius:6px;padding:.5rem;max-height:220px;overflow:auto;color:#b8c0d0}.format-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.format-card{border:1px solid var(--line);border-radius:8px;padding:.5rem;background:var(--bg-3)}.format-card.on{border-color:var(--accent)}.thumb{width:100%;border-radius:6px;background:#000;display:block}