:root{--color-electric-violet:#592eff;--color-midnight-plum:#21164c;--color-obsidian-charcoal:#353241;--color-slate-smoke:#5f5f69;--color-pearl-mist:#e0e0db;--color-soft-concrete:#eee;--color-pure-white:#fff;--color-sky-tint:#bcf2ff;--color-lime-spritz:#dfff9d;--color-cotton-candy:#ffaae6;--color-neon-cyan:#2ed6ff;--color-lime-pop:#a2ea13;--color-magenta-pulse:#f843c2;--color-signal-red:#d2384a;--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "Cascadia Code", SFMono-Regular, Consolas, monospace;--radius-cards:40px;--radius-productframe:64px;--radius-navpill:40px;--radius-buttons:8px;--radius-inputs:12px;--radius-badges:200px;--radius-rows:16px;--page-max-width:1200px;--section-gap:80px;--card-padding:32px;--element-gap:12px;color:var(--color-obsidian-charcoal);background:var(--color-pure-white);font-family:var(--font-sans);letter-spacing:-.02em;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}h1,h2,h3{color:var(--color-midnight-plum);text-wrap:balance}body .cl-modalContent,body .cl-cardBox{width:min(96vw,760px);max-width:760px}body .cl-card{width:100%;min-height:620px;padding:3rem}button{font:inherit;letter-spacing:inherit}button:disabled{cursor:not-allowed;opacity:.55;transform:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{border-radius:var(--radius-buttons);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:2.6rem;padding:10px 20px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.button:focus-visible{outline:2px solid var(--color-electric-violet);outline-offset:2px}.button-primary{background:var(--color-electric-violet);color:var(--color-pure-white)}.button-primary:hover:not(:disabled){background:#4a22e0}.button-ghost,.button-secondary{border-color:var(--color-pearl-mist);color:var(--color-obsidian-charcoal);background:0 0}.button-ghost:hover:not(:disabled),.button-secondary:hover:not(:disabled){background:var(--color-soft-concrete)}.button-danger{border-color:color-mix(in srgb, var(--color-signal-red) 35%, transparent);color:var(--color-signal-red);background:0 0}.button-danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-signal-red) 7%, transparent);border-color:color-mix(in srgb, var(--color-signal-red) 55%, transparent)}.button-large{min-height:3rem;padding:12px 24px;font-size:16px}.app-shell{background:var(--color-pure-white);min-height:100vh;overflow:hidden}.top-bar{width:min(var(--page-max-width), calc(100% - 2rem));background:var(--color-pure-white);border:1px solid var(--color-pearl-mist);border-radius:var(--radius-navpill);justify-content:space-between;align-items:center;gap:24px;margin:16px auto 0;padding:10px 12px 10px 20px;display:flex}.brand{color:var(--color-midnight-plum);align-items:center;gap:10px;font-size:20px;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{background:var(--color-electric-violet);width:2rem;height:2rem;color:var(--color-pure-white);border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid}.auth-actions,.hero-actions{align-items:center;gap:8px;display:flex}.user-menu{justify-content:center;align-items:center;min-width:2.25rem;display:flex}.hero{width:min(var(--page-max-width), calc(100% - 2rem));grid-template-columns:minmax(0,1fr) minmax(20rem,.82fr);align-content:center;align-items:center;gap:clamp(2rem,5vw,5rem);min-height:calc(100vh - 6.5rem);margin:0 auto;padding:40px 0 60px;display:grid}.hero-copy-block{min-width:0}.eyebrow{color:var(--color-slate-smoke);letter-spacing:.02em;text-transform:uppercase;margin:0 0 16px;font-size:14px;font-weight:600}.hero h1{max-width:640px;color:var(--color-midnight-plum);letter-spacing:-.02em;margin:0;font-size:clamp(2.4rem,5.2vw,68px);font-weight:800;line-height:1.1}.squiggle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M3 8 Q 13 3 23 7 T 43 7 T 63 7 T 83 7 T 103 7 T 117 6' fill='none' stroke='%23ffaae6' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:50% 100%;background-repeat:no-repeat;background-size:104% .24em;padding-bottom:.16em}.hero-copy{max-width:610px;color:var(--color-obsidian-charcoal);margin:20px 0 0;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;margin-top:32px}.clip-preview{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-productframe);background:var(--color-pure-white);gap:16px;padding:24px;display:grid;position:relative}.clip-preview:before{content:"";z-index:-1;background:radial-gradient(closest-side at 22% 28%, var(--color-sky-tint), transparent 72%), radial-gradient(closest-side at 82% 22%, var(--color-cotton-candy), transparent 70%), radial-gradient(closest-side at 62% 88%, var(--color-lime-spritz), transparent 72%);filter:blur(28px);opacity:.8;pointer-events:none;border-radius:50%;position:absolute;inset:-3.5rem -4rem}.preview-mark{z-index:0;opacity:.14;pointer-events:none;width:9rem;position:absolute;top:-4.75rem;right:-3.25rem}.video-frame,.agent-prompt,.timeline,.clip-list{z-index:1;position:relative}.video-frame{background:linear-gradient(180deg, #21164c1a, #21164cb8), linear-gradient(135deg, var(--color-sky-tint), var(--color-lime-spritz) 55%, var(--color-cotton-candy));min-height:11.75rem;color:var(--color-pure-white);border-radius:26px;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:12px;padding:16px;display:grid;overflow:hidden}.play-dot{background:var(--color-pure-white);border-radius:999px;width:.72rem;height:.72rem;margin-bottom:.25rem;box-shadow:0 0 0 .45rem #ffffff2e}.video-title,.video-time{min-width:0;font-size:14px;font-weight:600}.video-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-time{color:#fffc}.agent-prompt{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-rows);background:var(--color-soft-concrete);color:var(--color-obsidian-charcoal);padding:12px 16px;font-size:14px;font-weight:500;line-height:1.5}.timeline{min-height:1.9rem;padding:.58rem .65rem}.track,.clip-hit{border-radius:999px;height:.52rem;display:block}.track-long{background:var(--color-soft-concrete);width:100%}.clip-hit{background:var(--color-electric-violet);position:absolute;top:.58rem}.clip-hit-one{width:14%;left:18%}.clip-hit-two{width:11%;left:47%}.clip-hit-three{width:13%;left:74%}.clip-list{gap:8px;display:grid}.clip-item{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-rows);background:var(--color-pure-white);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.clip-score{border:1px solid var(--color-magenta-pulse);width:2.1rem;height:2.1rem;color:var(--color-magenta-pulse);background:0 0;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.clip-item h2,.clip-item p{margin:0}.clip-item h2{color:var(--color-midnight-plum);font-size:15px;font-weight:700}.clip-item p{color:var(--color-slate-smoke);margin-top:2px;font-size:13px}@media (width<=900px){.hero{grid-template-columns:1fr}.clip-preview{border-radius:var(--radius-cards);width:min(100%,32rem);margin:0 auto}}@media (width<=640px){.top-bar{width:min(100% - 1.25rem, var(--page-max-width));padding:8px 10px 8px 16px}.brand span:last-child{display:none}.auth-actions{gap:6px}.button{min-height:2.4rem;padding:8px 14px;font-size:14px}.button-large{width:min(100%,19rem);min-height:3rem;font-size:16px}.hero{width:min(100% - 1.25rem,920px);min-height:calc(100vh - 5.5rem);padding:24px 0 40px}.hero h1{font-size:clamp(2rem,10.5vw,3.2rem)}.hero-copy{font-size:16px}.clip-preview{padding:16px}.video-frame{border-radius:20px;min-height:9.25rem}}.dashboard-shell{background:var(--color-pure-white);min-height:100vh}.dashboard-topbar{width:min(var(--page-max-width), calc(100% - 2rem));background:var(--color-pure-white);border:1px solid var(--color-pearl-mist);border-radius:var(--radius-navpill);align-items:center;gap:24px;margin:16px auto 0;padding:10px 12px 10px 20px;display:flex}.dashboard-nav{align-items:center;gap:20px;display:flex}.dashboard-nav-link{color:var(--color-obsidian-charcoal);border-bottom:2px solid #0000;padding:6px 2px;font-size:16px;font-weight:500;text-decoration:none}.dashboard-nav-link:hover{color:var(--color-midnight-plum)}.dashboard-nav-link.active{border-bottom-color:var(--color-electric-violet);color:var(--color-midnight-plum);font-weight:600}.dashboard-account{align-items:center;gap:10px;margin-left:auto;display:inline-flex}.dashboard-account span{color:var(--color-slate-smoke);font-size:14px;font-weight:500}.dashboard-main{width:min(var(--page-max-width), calc(100% - 2rem));padding:40px 0 var(--section-gap);margin:0 auto}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.dashboard-header h1{max-width:720px;color:var(--color-midnight-plum);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,4vw,58px);font-weight:700;line-height:1.1}.dashboard-upload-layout{grid-template-columns:minmax(0,1fr) minmax(18rem,.42fr);align-items:start;gap:20px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);gap:20px;display:grid}.dashboard-panel{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-cards);background:var(--color-pure-white)}.panel-label{color:var(--color-slate-smoke);letter-spacing:.02em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:600}.dashboard-panel h2{color:var(--color-midnight-plum);margin:0;font-size:22px;font-weight:700;line-height:1.2}.panel-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.agent-composer,.upload-card{padding:var(--card-padding);gap:20px;display:grid}.upload-card-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.upload-status{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-badges);color:var(--color-slate-smoke);background:0 0;flex:none;padding:6px 12px;font-size:14px;font-weight:500}.upload-status.uploading,.upload-status.initializing,.upload-status.completing{border-color:var(--color-neon-cyan);color:#0d97ba}.upload-status.success{border-color:var(--color-lime-pop);color:#5f8f0b}.upload-status.error{border-color:var(--color-signal-red);color:var(--color-signal-red)}.upload-drop,.upload-picker{border:1.5px dashed var(--color-pearl-mist);background:var(--color-pure-white);width:100%;min-height:9rem;color:var(--color-midnight-plum);text-align:left;border-radius:26px;align-items:center;gap:16px;padding:24px;display:flex}.upload-picker{cursor:pointer;transition:border-color .16s,background-color .16s}.upload-picker:hover:not(:disabled){border-color:var(--color-electric-violet);background:color-mix(in srgb, var(--color-electric-violet) 3%, var(--color-pure-white))}.upload-picker:focus-visible{outline:2px solid var(--color-electric-violet);outline-offset:2px}.upload-icon{background:var(--color-electric-violet);width:2.8rem;height:2.8rem;color:var(--color-pure-white);border-radius:50%;flex:none;place-items:center;font-size:1.5rem;line-height:1;display:grid}.upload-picker span:last-child,.upload-drop span:last-child{overflow-wrap:anywhere;min-width:0;font-size:17px;font-weight:700}.upload-picker small,.upload-drop small{color:var(--color-slate-smoke);margin-top:4px;font-size:14px;font-weight:400;display:block}.upload-auto-detect{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-rows);background:var(--color-pure-white);color:var(--color-midnight-plum);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:16px;display:grid}.upload-auto-detect input{width:1.1rem;height:1.1rem;accent-color:var(--color-electric-violet)}.upload-auto-detect strong,.upload-auto-detect small{display:block}.upload-auto-detect strong{font-size:15px;font-weight:600}.upload-auto-detect small{color:var(--color-slate-smoke);margin-top:2px;font-size:14px;font-weight:400}.upload-content-type{color:var(--color-midnight-plum);gap:8px;font-size:15px;font-weight:600;display:grid}.upload-content-type select{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-inputs);background:var(--color-pure-white);width:100%;min-height:2.75rem;color:var(--color-obsidian-charcoal);font:inherit;letter-spacing:inherit;padding:0 16px}.upload-content-type select:focus{border:1.5px solid var(--color-electric-violet);outline:none}.upload-progress{gap:10px;display:grid}.upload-progress-meta{color:var(--color-slate-smoke);justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:500;display:flex}.upload-progress-meta strong{color:var(--color-midnight-plum);font-variant-numeric:tabular-nums}.upload-progress-track{background:var(--color-soft-concrete);border-radius:999px;height:.55rem;overflow:hidden}.upload-progress-track span{border-radius:inherit;background:var(--color-electric-violet);height:100%;transition:width .18s;display:block}.upload-message{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-rows);margin:0;padding:16px;font-size:15px;font-weight:500;line-height:1.5}.upload-message.error{border-color:color-mix(in srgb, var(--color-signal-red) 40%, transparent);color:var(--color-signal-red)}.upload-message.success{border-color:var(--color-lime-pop);color:#5f8f0b;gap:4px;display:grid}.upload-message.success span{color:var(--color-slate-smoke);font-size:14px}.upload-actions{gap:var(--element-gap);flex-wrap:wrap;display:flex}.agent-input{resize:vertical;border:1px solid var(--color-pearl-mist);border-radius:var(--radius-inputs);background:var(--color-pure-white);width:100%;min-height:7rem;color:var(--color-obsidian-charcoal);font:inherit;letter-spacing:inherit;padding:12px 16px;line-height:1.5}.agent-input:focus{border:1.5px solid var(--color-electric-violet);outline:none}.dashboard-action{justify-self:start}.upload-guide{padding:var(--card-padding)}.upload-guide ol{gap:var(--element-gap);margin:20px 0 0;padding:0;list-style:none;display:grid}.upload-guide li{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-rows);background:var(--color-pure-white);gap:4px;padding:16px;display:grid}.upload-guide strong{color:var(--color-midnight-plum);font-size:15px;font-weight:600}.upload-guide span{color:var(--color-slate-smoke);font-size:14px;line-height:1.5}.videos-page{gap:20px;display:grid}.videos-toolbar{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-cards);padding:24px var(--card-padding);background:var(--color-pure-white);justify-content:space-between;align-items:center;gap:24px;display:flex}.videos-toolbar h2{color:var(--color-midnight-plum);margin:0;font-size:22px;font-weight:700}.video-count-summary{gap:var(--element-gap);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.video-count-summary article{border:1px solid var(--color-pearl-mist);background:var(--color-pure-white);border-radius:20px;align-content:center;gap:6px;min-height:5.5rem;padding:16px 20px;display:grid}.video-count-summary span{color:var(--color-midnight-plum);font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;line-height:1.1}.video-count-summary p{color:var(--color-slate-smoke);margin:0;font-size:14px;font-weight:500}.videos-panel{padding:var(--card-padding);overflow:hidden}.videos-table{gap:8px;display:grid}.videos-table-row{align-items:center;gap:var(--element-gap);border:1px solid var(--color-pearl-mist);border-radius:var(--radius-rows);background:var(--color-pure-white);color:var(--color-slate-smoke);grid-template-columns:minmax(13rem,1.3fr) 7.5rem 6rem minmax(10rem,.8fr) minmax(12rem,1fr) minmax(12rem,auto);padding:14px 16px;font-size:14px;display:grid}.videos-table-link{text-decoration:none;transition:border-color .16s}.videos-table-link:hover{border-color:var(--color-electric-violet)}.video-actions,.moments-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.video-actions .button,.moments-toolbar-actions .button{white-space:nowrap;justify-content:center;align-items:center;min-height:2.2rem;padding:6px 14px;font-size:14px;text-decoration:none;display:inline-flex}.videos-table-head{color:var(--color-slate-smoke);letter-spacing:.04em;text-transform:uppercase;background:0 0;border-color:#0000;font-size:12px;font-weight:600}.videos-table-row strong{color:var(--color-midnight-plum);font-size:15px;font-weight:600}.videos-table-row mark{border:1px solid var(--color-neon-cyan);border-radius:var(--radius-badges);color:#0d97ba;background:0 0;padding:4px 12px;font-size:13px;font-weight:500}.video-id{color:var(--color-slate-smoke);font-family:var(--font-mono);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.videos-empty,.videos-loading{border:1.5px dashed var(--color-pearl-mist);border-radius:var(--radius-rows);background:var(--color-pure-white);color:var(--color-slate-smoke);gap:4px;padding:24px;display:grid}.videos-empty strong{color:var(--color-midnight-plum)}.moments-page{gap:20px;display:grid}.moments-panel{padding:var(--card-padding)}.moment-duration,.moment-score{border:1px solid var(--color-magenta-pulse);border-radius:var(--radius-badges);color:var(--color-magenta-pulse);font-family:var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums;background:0 0;place-items:center;font-size:13px;font-weight:700;display:inline-grid}.moment-duration{min-height:2.2rem;padding:0 14px}.moments-list{gap:var(--element-gap);display:grid}.moment-card{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-rows);background:var(--color-pure-white);gap:10px;padding:20px;display:grid}.moment-card-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.moment-card h2,.moment-card p{margin:0}.moment-card h2{color:var(--color-midnight-plum);overflow-wrap:anywhere;font-size:17px;font-weight:700}.moment-card p:not(.panel-label){color:var(--color-obsidian-charcoal);font-size:15px;font-weight:400;line-height:1.6}.moment-score{flex:none;min-width:2.4rem;height:2.4rem}.metrics-panel{gap:var(--element-gap);grid-template-columns:repeat(3,1fr);padding:20px;display:grid}.metrics-panel article{background:var(--color-soft-concrete);border-radius:20px;align-content:center;min-height:8rem;padding:20px;display:grid}.metrics-panel span{color:var(--color-midnight-plum);font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;line-height:1.1}.metrics-panel p{color:var(--color-slate-smoke);margin:8px 0 0;font-size:14px;font-weight:500}.projects-panel,.clips-panel{padding:var(--card-padding)}.project-list,.dashboard-clip-list{gap:10px;display:grid}.project-row,.dashboard-clip{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-rows);background:var(--color-pure-white);align-items:center;gap:16px;padding:16px;display:grid}.project-row{grid-template-columns:minmax(0,1fr) auto auto}.project-row h3,.project-row p,.dashboard-clip h3,.dashboard-clip p{margin:0}.project-row h3,.dashboard-clip h3{color:var(--color-midnight-plum);font-size:15px;font-weight:600}.project-row p,.dashboard-clip p{color:var(--color-slate-smoke);margin-top:2px;font-size:13px}.project-row span,.project-row strong{color:var(--color-slate-smoke);font-size:13px;font-weight:500}.project-row strong{border:1px solid var(--color-neon-cyan);border-radius:var(--radius-badges);color:#0d97ba;background:0 0;padding:4px 12px}.dashboard-clip{grid-template-columns:auto minmax(0,1fr)}.dashboard-clip span{border:1px solid var(--color-magenta-pulse);width:2.4rem;height:2.4rem;color:var(--color-magenta-pulse);background:0 0;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.clip-editor-page{gap:20px;display:grid}.clip-editor-topline{justify-content:flex-start;display:flex}.clip-metadata-panel{padding:var(--card-padding);justify-content:space-between;align-items:center;gap:24px;display:flex}.clip-metadata-panel h2{overflow-wrap:anywhere}.clip-time-controls{flex:none;align-items:center;gap:10px;display:inline-flex}.clip-time-controls>span{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-badges);background:var(--color-soft-concrete);color:var(--color-midnight-plum);font-family:var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums;flex:none;padding:8px 14px;font-size:14px;font-weight:600}.time-format-toggle{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-badges);background:var(--color-soft-concrete);min-height:2rem;color:var(--color-slate-smoke);font-family:var(--font-mono);letter-spacing:0;align-items:center;padding:3px;font-size:12px;font-weight:600;display:inline-flex}.time-format-toggle button{border-radius:var(--radius-badges);min-height:1.65rem;color:var(--color-slate-smoke);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.time-format-toggle button.active{background:var(--color-electric-violet);color:var(--color-pure-white)}.time-format-toggle button.active:before{content:"";background:currentColor;border-radius:50%;width:.38rem;height:.38rem}.clip-form{padding:var(--card-padding);gap:20px;display:grid}.metadata-message{justify-content:space-between;align-items:center;gap:20px;display:flex}.metadata-request-status{border:1px solid var(--color-neon-cyan);border-radius:var(--radius-rows);color:#0d97ba;font-family:var(--font-mono);letter-spacing:0;overflow-wrap:anywhere;background:0 0;padding:14px 16px;font-size:13px;font-weight:500}.clip-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.clip-field{color:var(--color-midnight-plum);gap:8px;font-size:15px;font-weight:600;display:grid}.clip-input-row{grid-template-columns:minmax(0,1fr) 4.5rem;align-items:center;gap:10px;display:grid}.clip-input-row input{border:1px solid var(--color-pearl-mist);border-radius:var(--radius-inputs);background:var(--color-pure-white);width:100%;min-height:2.75rem;color:var(--color-obsidian-charcoal);font:inherit;letter-spacing:inherit;padding:0 16px}.clip-input-row input:focus{border:1.5px solid var(--color-electric-violet);outline:none}.clip-input-row strong{border-radius:var(--radius-inputs);background:var(--color-soft-concrete);min-height:2.75rem;color:var(--color-slate-smoke);font-family:var(--font-mono);letter-spacing:0;place-items:center;font-size:14px;display:grid}.clip-errors{gap:6px;display:grid}.clip-errors p{color:var(--color-signal-red);margin:0;font-size:14px;font-weight:500}.clip-submit{justify-self:start}.created-clips-panel{padding:var(--card-padding)}.created-clips-list{gap:16px;display:grid}.created-clip{gap:var(--element-gap);border:1px solid var(--color-pearl-mist);border-radius:var(--radius-rows);background:var(--color-pure-white);padding:16px;display:grid}.created-clip-meta{justify-content:space-between;align-items:center;gap:20px;display:flex}.created-clip-meta strong{color:var(--color-midnight-plum);font-family:var(--font-mono);letter-spacing:0;font-size:14px}.created-clip-meta span{color:var(--color-slate-smoke);font-family:var(--font-mono);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.created-clip video{border-radius:var(--radius-inputs);background:var(--color-midnight-plum);width:100%;max-height:28rem}.clip-download{justify-self:start;text-decoration:none}@media (width<=980px){.dashboard-grid,.dashboard-upload-layout{grid-template-columns:1fr}.videos-table{padding-bottom:4px;overflow-x:auto}.videos-table-row{min-width:72rem}.video-count-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.dashboard-topbar{flex-wrap:wrap;gap:12px;padding:10px 16px}.dashboard-main{padding:24px 0 var(--section-gap)}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header h1{font-size:32px}.dashboard-panel{border-radius:26px}.agent-composer,.upload-card,.upload-guide,.videos-panel,.moments-panel,.clip-form,.clip-metadata-panel,.created-clips-panel,.projects-panel,.clips-panel{padding:20px}.metrics-panel,.project-row{grid-template-columns:1fr}.upload-card-header{flex-direction:column}.upload-status{align-self:flex-start}.videos-toolbar{border-radius:26px;flex-direction:column;align-items:flex-start;padding:20px}.video-count-summary{grid-template-columns:1fr}.moments-toolbar-actions,.video-actions{width:100%}.video-actions .button,.moments-toolbar-actions .button{flex:8rem}.clip-metadata-panel,.clip-time-controls,.metadata-message{flex-direction:column;align-items:flex-start}.clip-field-grid{grid-template-columns:1fr}.created-clip-meta{flex-direction:column;align-items:flex-start}}