@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--bg-deep:#0a0a0a;--bg-surface:#141414;--bg-surface-hover:#1e1e1e;--text-main:#F2F2F2;--text-muted:#8A8A8A;--accent-primary:#ffffff;--accent-secondary:#2C2C2C;--success:#EDEDED;--danger:#FF453A;--border-subtle:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.12);--shadow-float:0 16px 48px rgba(0,0,0,0.8);--radius-pill:9999px;--radius-lg:12px;--radius-md:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-main);font-family:Inter,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}.skeleton{background:var(--bg-surface);border-radius:var(--radius-md);position:relative;overflow:hidden}.shimmer-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.03) 50%,transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.brand-title,h1,h2,h3,h4,h5,h6{font-weight:500;letter-spacing:-.02em;color:var(--text-main)}a{color:inherit;text-decoration:none}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.fine-print{font-size:.8rem;color:var(--text-muted)}.clip-feedback{color:var(--danger);font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.page-shell{max-width:800px;margin:0 auto;padding:0 24px 80px;display:flex;flex-direction:column;gap:32px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:32px 0;background:linear-gradient(180deg,var(--bg-deep) 60%,transparent)}.brand{display:flex;flex-direction:column}.brand-title{font-size:.95rem;font-weight:500}.brand-kicker{display:none}.topbar-links{display:flex;align-items:center;gap:24px}.nav-pill{font-size:.85rem;font-weight:500;color:var(--text-muted);transition:color .15s ease;position:relative}.nav-pill-active,.nav-pill:hover{color:var(--text-main)}.nav-pill-active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--text-main)}.status-pill{font-size:.75rem;padding:4px 10px;border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted)}.status-pill-accent{color:var(--text-main);border-color:var(--border-strong)}.status-pill-success,.status-pill-warning{color:var(--text-main);border-color:rgba(255,255,255,.18)}.status-pill-danger{color:var(--danger);border-color:rgba(255,69,58,.24)}.section{display:flex;flex-direction:column;gap:24px}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:1.25rem}.section-copy{color:var(--text-muted);font-size:.95rem;max-width:500px;line-height:1.5}.panel{background:none;border:none;padding:0;box-shadow:none;border-radius:0}.detail-card{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:16px;border-radius:var(--radius-md)}.hero-centered{margin:40px 0 0;text-align:left}.hero-centered .hero-headline{font-size:clamp(2rem,4vw,3rem);font-weight:500;line-height:1.1}.metric-details summary{font-size:.85rem;color:var(--text-muted);cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.metric-card{background:transparent;padding:0;border:none}.metric-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.metric-value{font-size:1.25rem;font-weight:500}.button-row{display:flex;gap:8px;flex-wrap:wrap}.button-danger,.button-primary,.button-secondary,button{cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;border:none;outline:none;transition:transform .15s cubic-bezier(.16,1,.3,1),background .15s ease;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);padding:8px 16px;margin:0}button:active{transform:scale(.96)}.button-primary{background:var(--text-main);color:var(--bg-deep)}.button-primary:hover{background:#fff}.button-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-subtle)}.button-secondary:hover{background:var(--bg-surface-hover)}.button-danger{background:transparent;color:var(--danger)}.button-danger:hover{background:rgba(255,69,58,.1)}button:disabled{opacity:.3;pointer-events:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--text-main);outline-offset:2px}@keyframes organic-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.06)}70%{transform:scale(1.02);box-shadow:0 0 0 24px rgba(255,255,255,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,0)}}.magic-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 24px;text-align:center;background:var(--bg-surface);border:2px dashed var(--border-strong);border-radius:40px;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;overflow:hidden;width:100%}.magic-dropzone.drag-active,.magic-dropzone:hover{background:var(--bg-surface-hover);border-color:var(--text-main);animation:organic-pulse 2.5s ease-in-out infinite}@keyframes float-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.magic-dropzone-icon{font-size:3.5rem;opacity:.4;transition:all .4s cubic-bezier(.16,1,.3,1)}.magic-dropzone:hover .magic-dropzone-icon{transform:scale(1.15);opacity:1;animation:none}.magic-dropzone-text{font-size:1.5rem;font-weight:500;color:var(--text-main);line-height:1.2;letter-spacing:-.02em}.magic-dropzone-subtext{font-size:1rem;color:var(--text-muted);max-width:400px;line-height:1.4}@media (max-width:600px){.magic-dropzone{padding:56px 20px;border-radius:32px}.magic-dropzone-text{font-size:1.35rem}.magic-dropzone-icon{font-size:2.5rem}}.advanced-settings-drawer{max-height:0;opacity:0;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:12px}.advanced-settings-drawer.open{max-height:500px;opacity:1;margin-top:12px;padding:20px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-float)}.field{display:flex;flex-direction:column;gap:6px;width:100%}.field label{font-size:.75rem;color:var(--text-muted);font-weight:500}input,select,textarea{background:var(--bg-deep);border:1px solid var(--border-strong);color:var(--text-main);padding:12px 16px;border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;transition:all .2s ease;width:100%;box-shadow:0 2px 8px rgba(0,0,0,.2)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--text-main);box-shadow:0 4px 16px rgba(0,0,0,.5)}input::placeholder{color:var(--text-muted);opacity:.5}input[type=file]::-webkit-file-upload-button{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:6px 12px;margin-right:12px;cursor:pointer;-webkit-transition:background .15s ease;transition:background .15s ease}input[type=file]::file-selector-button{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:6px 12px;margin-right:12px;cursor:pointer;transition:background .15s ease}input[type=file]::-webkit-file-upload-button:hover{background:var(--bg-surface-hover)}input[type=file]::file-selector-button:hover{background:var(--bg-surface-hover)}@keyframes shimmer-sweep{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.progress-rail{width:100%;height:4px;background:var(--border-subtle);margin-top:12px}.progress-fill,.progress-rail{overflow:hidden;border-radius:var(--radius-pill)}.progress-fill{height:100%;background:var(--text-main);transition:width .4s cubic-bezier(.16,1,.3,1);position:relative}.progress-fill.progress-active:after{content:"";position:absolute;inset:0;width:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-sweep 1.8s ease-in-out infinite}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.clip-preview{aspect-ratio:9/16;background:var(--bg-surface);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid var(--border-subtle);transition:border-color .3s ease,box-shadow .3s ease}.clip-card:hover .clip-preview{border-color:var(--border-strong);box-shadow:0 8px 32px rgba(0,0,0,.4)}.clip-video{width:100%;height:100%;object-fit:cover}.clip-thumbnail{pointer-events:none}.clip-preview-area{inset:0;width:100%;height:100%;background:transparent;border:none;cursor:pointer;padding:0}.clip-play-icon,.clip-preview-area{position:absolute;display:flex;align-items:center;justify-content:center}.clip-play-icon{left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);background:rgba(0,0,0,.5);color:#fff;border-radius:50%;width:48px;height:48px;opacity:0;transition:opacity .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:2}.clip-card:hover .clip-play-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.clip-card-body{display:flex;flex-direction:column;gap:4px;padding:4px}.clip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.clip-head h3{font-size:.9rem;font-weight:500;margin:0 0 4px;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}.clip-meta{font-size:.75rem;color:var(--text-muted);overflow-wrap:anywhere}.clip-card .button-row,.clip-meta{display:flex;gap:6px;flex-wrap:wrap}.clip-card .button-row{margin-top:8px}.clip-toolbar{margin-bottom:16px}.clip-toolbar-grid{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.clip-editor{margin-top:12px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.clip-editor,.job-card,.job-list{display:flex;flex-direction:column;gap:12px}.job-card{background:transparent;border-bottom:1px solid var(--border-subtle);padding:16px 0}.job-card:last-child{border-bottom:none}.job-head{display:flex;justify-content:space-between;align-items:flex-start}.job-head h3{font-size:.95rem;font-weight:500;overflow-wrap:anywhere;word-break:break-all}.job-meta{display:flex;gap:12px;font-size:.8rem;color:var(--text-muted);margin-top:4px}.settings-grid{gap:12px;margin-top:8px}.settings-card,.settings-grid{display:flex;flex-direction:column}.settings-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px 24px;gap:10px}.settings-card h3{font-size:.95rem;font-weight:500;margin:0}.settings-card .button-row{margin-top:4px}.settings-banner{padding:12px 16px;border-radius:var(--radius-md);font-size:.85rem;margin-bottom:12px}.settings-banner-success{background:rgba(255,255,255,.05);color:var(--text-main);border:1px solid var(--border-subtle)}.settings-banner-error{background:rgba(255,69,58,.08);color:var(--danger);border:1px solid rgba(255,69,58,.2)}.usage-bar-container{margin-top:8px}.usage-bar-track{width:100%;height:6px;background:var(--border-subtle);border-radius:var(--radius-pill);overflow:hidden}.usage-bar-fill{height:100%;background:var(--text-main);border-radius:var(--radius-pill);transition:width .6s cubic-bezier(.16,1,.3,1)}@keyframes pop-in{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.magic-dropzone-icon{animation:float-bounce 3s ease-in-out infinite}.magic-dropzone[data-has-file=true] .magic-dropzone-icon{animation:pop-in .4s cubic-bezier(.16,1,.3,1) forwards}.magic-dropzone[data-has-file=true] .magic-dropzone-text{animation:slide-up .35s cubic-bezier(.16,1,.3,1) .05s both}.magic-dropzone[data-has-file=true] .upload-actions{animation:slide-up .4s cubic-bezier(.16,1,.3,1) .1s both}@keyframes pill-pulse{0%,to{opacity:1}50%{opacity:.5}}.status-pill-active{animation:pill-pulse 2s ease-in-out infinite}.admin-metric-grid,.admin-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.admin-overview-grid .admin-metric-card{min-height:164px}.admin-section-card,.admin-section-stack{display:flex;flex-direction:column;gap:16px}.admin-section-card{border-radius:var(--radius-lg);padding:20px}.admin-metric-card{display:flex;flex-direction:column;gap:10px;min-height:148px;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 70%),var(--bg-surface)}.admin-metric-card[data-tone=success]{border-color:rgba(255,255,255,.16)}.admin-metric-card[data-tone=warning]{border-color:rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 68%),var(--bg-surface)}.admin-metric-card[data-tone=danger]{border-color:rgba(255,69,58,.26);background:linear-gradient(180deg,rgba(255,69,58,.08),transparent 70%),var(--bg-surface)}.admin-metric-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.admin-metric-value{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:600;line-height:1;letter-spacing:-.04em}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.admin-list{gap:14px}.admin-list,.admin-list-item{display:flex;flex-direction:column}.admin-list-item{gap:10px;padding-top:14px;border-top:1px solid var(--border-subtle)}.admin-list-item:first-child{padding-top:0;border-top:none}.admin-payload{margin:0;padding:12px;border-radius:var(--radius-md);background:rgba(255,255,255,.02);border:1px solid var(--border-subtle);white-space:pre-wrap;word-break:break-word;overflow-x:auto;font-size:.78rem;line-height:1.5}@media (max-width:820px){.admin-grid{grid-template-columns:1fr}}@media (max-width:640px){.admin-section-card{padding:16px}.admin-metric-card{min-height:132px}.job-head{gap:10px;flex-wrap:wrap}.job-meta{gap:8px;flex-wrap:wrap}}