:root{--paper:#f5f4ef;--paper-2:#eceae3;--white:#fff;--ink:#111113;--ink-2:#1c1c20;--text:#16161a;--dim:#6b6b73;--line:#e6e4de;--line-dark:#2a2a30;--green:#22c97a;--green-ink:#0e7a47;--green-soft:#e4f7ec;--amber:#f5c542;--red:#c8412f}*{box-sizing:border-box}body{background:var(--paper);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.55 Inter,system-ui,sans-serif}h1,h2,h3{letter-spacing:-.02em;margin:0;font-family:Space Grotesk,Inter,sans-serif;line-height:1.15}a{color:inherit}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}.top{justify-content:space-between;align-items:center;gap:12px;height:64px;display:flex}.top img{height:28px;display:block}.top .right{align-items:center;gap:14px;font-size:14px;display:flex}.bar{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.bar i{background:var(--green);border-radius:99px;height:100%;transition:width .6s;display:block}.pill{background:var(--white);border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:5px 11px;font-size:13px;font-weight:600}.pill.green{background:var(--green-soft);color:var(--green-ink);border-color:#0000}.card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px}.card.dark{background:var(--ink);border-color:var(--ink);color:#fff}.grid{gap:16px;display:grid}.btn{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font:600 15px Inter,sans-serif;text-decoration:none;display:inline-flex}.btn:hover{background:#2a2a30}.btn:disabled{opacity:.55;cursor:default}.btn.green{background:var(--green);color:var(--ink)}.btn.green:hover{background:#45d68e}.btn.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.btn.small{border-radius:10px;padding:7px 12px;font-size:13px}label{margin:0 0 6px;font-size:13px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--line);background:var(--white);width:100%;color:var(--text);border-radius:12px;padding:11px 13px;font:15px Inter,sans-serif}input:focus,select:focus,textarea:focus{border-color:var(--ink);outline:none}.row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.muted{color:var(--dim)}.small{font-size:13px}.err{color:var(--red);font-size:14px}.center{text-align:center;place-items:center;min-height:100vh;padding:24px;display:grid}.auth{width:100%;max-width:400px}.auth .card{text-align:left;gap:14px;display:grid}.divider{color:var(--dim);align-items:center;gap:10px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.status{border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status.queued,.status.running{color:#7a5b00;background:#fff5d6}.status.done{background:var(--green-soft);color:var(--green-ink)}.status.failed{color:var(--red);background:#fbe6e2}.status.running:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.3}}.job{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;text-decoration:none;display:flex}.job:last-child{border-bottom:0}.job .src{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.clips{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.clip{background:var(--white);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.clip video{aspect-ratio:9/16;background:#000;width:100%;display:block}.clip .body{gap:8px;padding:12px;display:grid}.clip .title{font-size:14px;font-weight:600}.tier{border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700}.tier.strong{background:var(--green);color:var(--ink)}.tier.solid{background:var(--amber);color:#3b2d00}.tier.filler{background:var(--paper-2);color:var(--dim)}code.box{background:var(--ink-2);color:#e8e8ee;overflow-wrap:anywhere;border-radius:10px;padding:10px 12px;font-size:13px;display:block}@media (width>=860px){.cols{grid-template-columns:1.1fr .9fr;align-items:start}}
