:root{color-scheme:dark;--bg:#090c12;--panel:#111620;--panel2:#151b26;--stroke:#28313c;--muted:#91a0af;--text:#eef4f6;--primary:#b8fa59;--primary-dark:#8dc838;--danger:#ff8585;--radius:17px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.page-glow{position:absolute;z-index:-1;top:-290px;left:calc(50% - 200px);width:800px;height:670px;background:radial-gradient(ellipse at center,rgba(96,133,63,.085),rgba(96,133,63,0) 70%);pointer-events:none}.header{border-bottom:1px solid #202630;background:#0c1016de;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.header-inner{max-width:1240px;margin:auto;min-height:72px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:20px;letter-spacing:-.8px;line-height:1}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:var(--primary);color:#121b0c;border-radius:9px}.brand-mark svg{width:26px;height:26px}.brand-accent{color:var(--primary)}.brand small{display:block;font-size:8px;font-weight:800;letter-spacing:3.3px;margin-top:5px;color:#bfc7c9}.header-nav{display:flex;align-items:center;gap:30px;font-size:12px;color:#9aa5b2}.header-nav a:hover{color:white}.nav-current{color:#edf4ef;font-weight:650}.local-pill{font-size:11px;color:#bfcfc4;display:flex;align-items:center;gap:8px;border:1px solid #26342d;background:#15201a;padding:9px 12px;border-radius:99px}.green-dot{height:7px;width:7px;background:#b4f45c;box-shadow:0 0 0 3px #b4f45c1a;border-radius:50%}.container{max-width:1240px;padding:0 26px;margin:0 auto}.hero{text-align:center;padding:67px 16px 39px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.3px;font-weight:850;color:var(--primary)}.eyebrow{border:1px solid #34502f;background:#192418;border-radius:99px;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;font-size:9px}.sparkle{font-size:16px;line-height:0}.hero h1{font-size:clamp(32px,4.5vw,55px);letter-spacing:-2.8px;line-height:1.11;margin:20px auto 17px;font-weight:830}.hero h1 span{color:var(--primary)}.hero p{font-size:14px;line-height:1.8;color:var(--muted);max-width:650px;margin:0 auto}.hero-tags{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:25px}.hero-tags span{font-size:11px;color:#c8d0d1;display:flex;gap:8px;align-items:center}.small-check{font-style:normal;color:var(--primary);font-weight:800}.stepper{display:flex;align-items:center;justify-content:center;gap:16px;margin:5px 0 33px}.step{color:#6f7e88;display:flex;gap:9px;align-items:center;font-size:11px;font-weight:650}.step b{font-size:10px;background:#171d26;color:#73818d;border:1px solid #2a3440;display:grid;place-items:center;width:27px;height:27px;border-radius:50%}.step.active,.step.complete{color:#dde8e1}.step.active b{background:var(--primary);border-color:var(--primary);color:#172013}.step.complete b{border-color:#659545;color:#b8fa59}.step-line{background:#2e3540;height:1px;width:55px}.workspace{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(355px,.86fr);gap:21px;align-items:start}.primary-column,.secondary-column{display:flex;flex-direction:column;gap:20px;min-width:0}.panel{border:1px solid var(--stroke);border-radius:var(--radius);background:linear-gradient(150deg,#141a24,#10151d);box-shadow:0 12px 40px #0000001a;overflow:hidden}.import-panel,.clips-panel,.preview-panel,.summary-panel,.exports-panel{padding:24px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-heading h2{font-size:21px;line-height:1.2;margin:7px 0 0;letter-spacing:-.55px}.section-number{color:#546371;font-size:10px;font-weight:800}.dropzone{border:1.5px dashed #40533c;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,#25321e60,transparent 74%),#141b1c;min-height:275px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:22px;text-align:center;transition:border-color .2s,background .2s;outline:none}.dropzone:hover,.dropzone.dragging,.dropzone:focus-visible{border-color:var(--primary);background:#1b2a1d}.upload-icon{width:61px;height:61px;background:#b8fa5916;border:1px solid #466136;border-radius:15px;display:grid;place-items:center;color:var(--primary);margin-bottom:21px}.dropzone strong{font-size:16px;letter-spacing:-.3px}.dropzone>span{font-size:12px;color:#a5b1b0;margin-top:10px}.dropzone u{color:var(--primary);text-underline-offset:3px}.dropzone small{color:#697b79;font-size:11px;margin-top:21px}.import-bottom{margin-top:20px}.import-hint{display:flex;gap:9px;align-items:center;color:#89999d;font-size:11px;line-height:1.6}.import-hint svg{flex:0 0 auto;color:#b8fa59}.summary-panel{padding:26px}.summary-head h3{font-size:18px;letter-spacing:-.4px;margin:9px 0 24px}.mini-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.mini-steps>div{border:1px solid #26313b;background:#161d26;padding:16px 12px;border-radius:11px}.mini-icon{font-size:11px;font-weight:800;color:var(--primary);height:26px;width:26px;border:1px solid #4c593f;border-radius:8px;display:grid;place-items:center;background:#1c2a21}.mini-steps p{margin:12px 0 0}.mini-steps strong{font-size:12px;display:block}.mini-steps small{font-size:10px;color:#8b99a5;line-height:1.6;display:block;margin-top:5px}.video-size{font-size:11px;font-weight:800;color:#b6c3bf;background:#1e2730;border:1px solid #34404a;border-radius:7px;padding:8px}.video-size span{color:#64727c}.preview-stage{padding:23px 10px;background:radial-gradient(ellipse at 48% 50%,#2c3730 0%,#141a23 60%,#11171e 100%);border:1px solid #29323b;border-radius:13px;display:flex;justify-content:center}.phone-preview{width:min(245px,100%);aspect-ratio:9/16;background:#050607;border-radius:12px;border:2px solid #3b4650;box-shadow:0 15px 40px #0008;position:relative;overflow:hidden;display:grid;place-items:center}.phone-preview:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff12;border-radius:11px}.preview-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(155deg,#1d2b1b 0%,#101b1b 48%,#0c1016 100%);text-align:center;z-index:0}.placeholder-light{width:180px;height:200px;border-radius:50%;background:#b8fa5935;filter:blur(74px);position:absolute;left:-30px;top:50px}.placeholder-brand{font-size:69px;font-weight:950;letter-spacing:-9px;color:#e9fbdd;z-index:1;line-height:1}.placeholder-brand span{color:var(--primary)}.preview-placeholder strong{font-size:16px;z-index:1;margin-top:14px;line-height:1.4}.preview-placeholder small{font-size:9px;color:#9aaa9b;margin-top:10px;z-index:1}.placeholder-bars{display:flex;align-items:center;justify-content:center;gap:6px;position:absolute;bottom:72px;height:38px}.placeholder-bars i{display:block;width:5px;border-radius:8px;background:#b8fa5977;height:20px}.placeholder-bars i:nth-child(2){height:35px}.placeholder-bars i:nth-child(3){height:14px}.placeholder-bars i:nth-child(4){height:28px}.placeholder-bars i:nth-child(5){height:19px}.placeholder-bars i:nth-child(6){height:34px}.placeholder-bars i:nth-child(7){height:15px}.phone-preview video{width:100%;height:100%;object-fit:contain;background:linear-gradient(180deg,#23362a,#10121a);z-index:1}.video-title{position:absolute;top:11%;left:10px;right:10px;text-align:center;text-transform:uppercase;font-size:clamp(10px,1.3vw,14px);font-weight:900;text-shadow:0 2px 6px #000,1px 1px #000,-1px -1px #000;line-height:1.35;z-index:2;overflow-wrap:anywhere}.video-captions{position:absolute;top:77%;transform:translateY(-50%);left:8%;right:8%;font-weight:950;font-size:15px;line-height:1.3;text-transform:uppercase;text-align:center;color:#fff600;text-shadow:1px 2px 1px #000,-1px -1px 1px #000,0 3px 5px #000;z-index:2;overflow-wrap:anywhere}.phone-bottom{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;color:#f1f7ed99;font-size:9px;font-weight:800;letter-spacing:.6px;z-index:2;text-shadow:0 2px 3px #000}.player-controls{display:flex;gap:12px;align-items:center;padding:16px 0 2px}.play-control{background:var(--primary);color:#1b2611;border:none;width:37px;height:37px;border-radius:50%;font-weight:bold;flex-shrink:0}.seek-area{flex:1}input[type=range]{width:100%;accent-color:var(--primary);cursor:pointer}.seek-label{display:flex;justify-content:space-between;font-size:10px;color:#a3afba;padding-top:3px}.editor-block{border-top:1px solid #28313a;margin-top:22px;padding-top:20px}.editor-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.editor-title h3{margin:0;font-size:16px}.ready-flag{color:#b8fa59;font-size:9px;letter-spacing:1px;font-weight:850}.field-label,.option-heading{font-size:11px;color:#a8b5bd;font-weight:700;display:block;margin-bottom:8px}.text-field{color:#e9f3f1;width:100%;background:#0e141c;border:1px solid #33404a;padding:11px 12px;border-radius:9px;font-size:12px;outline:none}.text-field:focus{border-color:#b8fa59}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.time-grid label input{margin-top:8px}.option-heading{margin-top:20px}.choice-row{display:flex;flex-wrap:wrap;gap:6px}.choice{flex:1;background:#141c25;color:#aab8ba;border:1px solid #34414c;border-radius:8px;font-size:10px;font-weight:700;padding:10px 9px;white-space:nowrap}.choice.active{color:var(--primary);background:#213025;border-color:#7f9d50}.subtitle-choice .choice{display:flex;justify-content:center;align-items:center;gap:5px;min-width:65px}.color-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.color-dot.yellow{background:#fff600}.color-dot.white{background:#fff}.color-dot.mint{background:#aaff88}.primary-btn{width:100%;margin-top:24px;background:var(--primary);color:#18240c;border:none;border-radius:10px;padding:14px 12px;font-weight:850;font-size:13px;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .2s,transform .2s}.primary-btn:hover{background:#ceff85;transform:translateY(-1px)}.primary-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.primary-btn>span{margin-left:auto}.export-note{color:#758592;text-align:center;font-size:10px;line-height:1.7;margin:13px 5px 0}.privacy-note{display:flex;gap:10px;align-items:flex-start;padding:4px 9px;font-size:10px;line-height:1.6;color:#80908a}.privacy-note svg{color:#a7d874;flex-shrink:0}.processing-panel{padding:38px 28px;display:flex;gap:20px;align-items:flex-start}.processing-spinner{border:3px solid #31402f;border-top-color:var(--primary);width:36px;height:36px;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.processing-copy{flex:1;min-width:0}.processing-copy h2{font-size:18px;margin:11px 0;line-height:1.4}.processing-copy p{font-size:12px;color:#97a9af;line-height:1.6}.progress-track{height:7px;border-radius:100px;background:#273039;margin-top:22px;overflow:hidden}.progress-track>div{height:100%;background:var(--primary);width:2%;transition:width .35s}.processing-foot{display:flex;justify-content:space-between;color:#8c9b9e;font-size:10px;margin-top:10px}.heading-note{font-size:11px;color:var(--muted);margin:8px 0 0}.count-chip{border:1px solid #3e5340;background:#1c2b22;color:var(--primary);font-size:10px;font-weight:800;padding:8px 10px;border-radius:8px;white-space:nowrap}.clips-list{display:flex;flex-direction:column;gap:10px;max-height:700px;overflow-y:auto;padding-right:2px}.clip-card{background:#151b24;border:1px solid #303b46;border-radius:11px;padding:15px;text-align:left;color:inherit;transition:border-color .2s,background .2s}.clip-card:hover,.clip-card.selected{border-color:#a3d16b;background:#1b261e}.clip-top{display:flex;gap:8px;align-items:center;justify-content:space-between}.clip-index{font-size:10px;font-weight:900;color:#98a89f}.clip-score{color:#c7ff8c;background:#283b2b;border:1px solid #385938;padding:4px 7px;border-radius:6px;font-size:10px;font-weight:900}.clip-card strong{display:block;font-size:13px;line-height:1.45;margin:9px 0 8px}.clip-excerpt{color:#9aabb4;font-size:11px;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clip-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#95a7b0}.clip-meta span:last-child{color:#bbdbaa}.clip-reason{margin-top:11px;border-top:1px solid #2f3b3f;padding-top:10px;color:#8eb77b;font-size:10px}.new-video-btn{border:1px solid #3a474a;background:transparent;color:#bce1a6;font-weight:750;font-size:11px;border-radius:9px;margin-top:17px;padding:12px;width:100%}.new-video-btn:hover{background:#1a2920}.warning-box{border:1px solid #695538;background:#382c1b;color:#f4d09c;border-radius:9px;padding:12px;font-size:11px;line-height:1.5;margin-bottom:13px;overflow-wrap:anywhere}.exports-panel{padding:22px}.exports-panel .panel-heading{margin-bottom:13px}.exports-list{display:flex;flex-direction:column;gap:10px}.export-row{border:1px solid #33404a;background:#151d27;border-radius:10px;padding:13px}.export-row strong{display:block;font-size:12px;margin-bottom:5px;overflow-wrap:anywhere}.export-row p{font-size:10px;color:#9dadb5;margin:0 0 9px}.download-link{display:inline-block;background:#b8fa59;color:#17230d;font-size:11px;padding:9px 13px;border-radius:7px;font-weight:850}.status-error{color:#ff9a9a!important;overflow-wrap:anywhere}.export-progress{height:4px;background:#303945;border-radius:4px;overflow:hidden}.export-progress>span{display:block;height:100%;background:#b8fa59;transition:width .3s}.about{border-top:1px solid #242c34;margin-top:68px;padding:45px 0 60px}.about h2{font-size:24px;letter-spacing:-.7px;margin:11px 0 27px}.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.about-grid article{border:1px solid #29333c;padding:23px;background:#101720;border-radius:12px}.feature-icon{color:#b8fa59;font-size:25px}.about-grid h3{font-size:15px;margin:15px 0 7px}.about-grid p{font-size:12px;color:#92a1ab;line-height:1.7;margin:0}footer{border-top:1px solid #222b31;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#677784;font-size:10px;padding:24px 0 35px}.toast{position:fixed;bottom:26px;right:26px;max-width:420px;padding:15px 20px;background:#253126;color:#ebfbdc;border:1px solid #73984a;border-radius:12px;box-shadow:0 10px 40px #0008;z-index:20;font-size:12px;line-height:1.5}.toast.error{background:#332026;border-color:#ab5361;color:#ffd5d9}
@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr)}.secondary-column{max-width:680px;width:100%;margin:auto}.primary-column{max-width:680px;width:100%;margin:auto}.preview-stage{padding:22px}.stepper{gap:8px}.step-line{width:25px}.hero h1{letter-spacing:-1.6px}.header-nav{display:none}}@media(max-width:520px){.container{padding:0 15px}.header-inner{padding:0 15px;min-height:65px}.brand{font-size:18px}.local-pill{font-size:9px;padding:8px}.hero{padding:43px 0 30px}.hero h1{font-size:34px}.hero p{font-size:12px}.hero-tags{gap:12px}.hero-tags span{font-size:9px}.stepper{margin-bottom:22px}.step{font-size:9px;gap:5px}.step b{width:23px;height:23px;font-size:9px}.step-line{width:9px}.import-panel,.clips-panel,.preview-panel,.summary-panel{padding:17px}.dropzone{min-height:236px;padding:18px}.mini-steps{gap:6px}.mini-steps>div{padding:11px 7px}.mini-steps small{font-size:9px}.phone-preview{width:220px}.about-grid{grid-template-columns:1fr}.about{margin-top:42px}.about h2{font-size:20px}footer{font-size:9px}.toast{left:16px;right:16px;bottom:16px}.clip-card{padding:12px}}

/* Avoid horizontal page overflow from the decorative glow on narrow screens. */
html,body{overflow-x:clip}.page-glow{left:50%;transform:translateX(-50%);width:min(800px,100vw)}

.or-divider{display:flex;align-items:center;gap:11px;color:#73828b;font-size:10px;font-weight:850;letter-spacing:1px;margin:23px 0 15px}.or-divider:before,.or-divider:after{content:"";background:#2c3841;flex:1;height:1px}.link-import{display:flex;gap:8px}.link-import input{flex:1;min-width:0;background:#0c121a;color:#f2f5f5;padding:12px;border:1px solid #35434d;border-radius:9px;outline:none;font-size:12px}.link-import input:focus{border-color:#b8fa59}.link-import button{flex:0 0 auto;padding:11px 12px;border:1px solid #789f48;border-radius:9px;background:#253725;color:#cafa96;font-size:11px;font-weight:800}.link-import button:hover{background:#344d2a}.link-hint{font-size:10px;line-height:1.55;color:#77888f;margin:10px 0 0}@media(max-width:520px){.link-import{flex-direction:column}.link-import button{width:100%}}

/* Link import speed options */
.link-options{display:grid;grid-template-columns:1.7fr .85fr 1fr;gap:12px;margin-top:13px}
.link-options label{font-size:11px;color:#acbbba;font-weight:700;line-height:1.5;min-width:0}
.link-options select,.link-options input{margin-top:6px;max-width:100%;font-size:11px}
.link-options select{appearance:auto;background:#0e141c}
@media(max-width:760px){.link-options{grid-template-columns:1fr 1fr}.link-options label:first-child{grid-column:1 / -1}}
@media(max-width:420px){.link-options{grid-template-columns:1fr}.link-options label:first-child{grid-column:auto}}