@font-face{font-family:Gilroy;src:url('/static/fonts/Gilroy-Medium.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:Gilroy;src:url('/static/fonts/Gilroy-SemiBold.woff2') format('woff2');font-weight:600 800;font-display:swap}
::selection{background:#221e63;color:#fff}
.format-grid .format:last-child:nth-child(5){grid-column:1/-1}.format-grid .format:last-child:nth-child(5) span{display:flex;align-items:center;gap:12px}
:root{--bg:#f5f4f0;--surface:#fff;--ink:#24242b;--muted:#606069;--brand:#221e63;--selected:#eeedf7;--line:#d8d7d1;--control:#86858b;--error:#a02030;--success:#276448;--radius:8px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Gilroy,Arial,sans-serif;font-size:16px;line-height:1.5}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,a,input,label.format{transition:background-color 160ms var(--ease),border-color 160ms var(--ease),transform 160ms var(--ease)}button:active,a:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--brand);outline-offset:4px}input:focus{border-color:var(--brand)}[hidden]{display:none!important}
.topbar{max-width:1200px;margin:auto;padding:26px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font-size:23px;font-weight:700;letter-spacing:-.6px;display:flex;align-items:center;gap:17px}.wordmark span:last-child{font-size:15px;font-weight:500;letter-spacing:0}.wordmark-divider{color:var(--control);font-weight:400}.local-note{font-size:14px;color:var(--muted)}main{max-width:900px;margin:55px auto 32px;padding:0 32px}.intro{margin-bottom:28px}h1{font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.12;letter-spacing:-1.6px;margin:0 0 14px}p{margin:0}.intro p{color:var(--muted);font-size:18px}.workspace{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px}label,legend{font-weight:600;font-size:15px}input[type=url],input:not([type]){height:54px;width:100%;border:1px solid var(--control);border-radius:var(--radius);padding:0 14px;background:var(--surface);color:var(--ink);min-width:0}input::placeholder{color:var(--muted)}.url-row{display:flex;gap:12px;margin-top:10px}.url-row input{flex:1}.secondary,.small-button{background:var(--surface);border:1px solid var(--control);color:var(--ink);border-radius:var(--radius);font-weight:600;white-space:nowrap;min-height:46px;padding:10px 18px}.secondary:hover,.small-button:hover{background:var(--bg)}.field-note{font-size:14px;color:var(--muted);margin-top:9px}.formats{padding:0;border:0;margin:29px 0 24px}.formats legend{padding:0;margin-bottom:10px}.format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.format{position:relative;cursor:pointer;display:flex;gap:9px;align-items:flex-start;border:1px solid var(--control);border-radius:var(--radius);padding:14px 12px;min-width:0}.format:has(input:checked){border-color:var(--brand);background:var(--selected);color:var(--brand)}.format:hover{border-color:var(--brand)}input[type=radio],input[type=checkbox]{accent-color:var(--brand);width:18px;height:18px;flex-shrink:0;margin:4px 0 0}.format strong{display:block;font-size:20px;line-height:1.3}.format small{display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.4}.quality-line{display:grid;grid-template-columns:auto 1fr;column-gap:22px;row-gap:6px;font-size:15px}.quality-line>span{color:var(--muted)}.quality-line p{grid-column:2;color:var(--muted);font-size:14px;max-width:560px}.clip-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-top:24px}.toggle-label{min-height:44px;display:flex;align-items:center;gap:11px;cursor:pointer}.toggle-label input{margin:0}.time-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:12px}.time-row label{display:block;margin-bottom:7px}.time-row input{font-variant-numeric:tabular-nums}#clip-options{padding-bottom:12px}#clip-options .toggle-label{margin-top:8px}.submit-row{display:flex;align-items:center;gap:20px;margin-top:24px}.submit-row>span{font-size:13px;color:var(--muted)}.primary{border:1px solid var(--brand);border-radius:var(--radius);background:var(--brand);color:white;min-height:52px;padding:13px 27px;font-weight:600;font-size:16px}.primary:hover{background:#343078}.error{margin-top:18px;color:var(--error);font-size:15px}#notice{margin-top:18px;color:var(--success);font-size:15px}.preview{display:flex;align-items:center;gap:18px;margin-top:22px;border-bottom:1px solid var(--line);padding-bottom:22px}.preview img{width:160px;height:90px;object-fit:cover;border-radius:var(--radius);background:var(--bg)}.preview h2{font-size:18px;line-height:1.4;margin:0 0 5px;overflow-wrap:anywhere}.preview p{font-size:14px;color:var(--muted)}.history{margin-top:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.section-heading h2{font-size:22px;font-weight:600;margin:0;letter-spacing:-.4px}.section-heading>span{font-size:13px;color:var(--muted)}.empty{font-size:15px;color:var(--muted);padding:24px 0;border-top:1px solid var(--line)}.job{display:grid;grid-template-columns:72px 1fr;gap:16px;border-top:1px solid var(--line);padding:22px 0}.job-thumb{width:72px;height:54px;object-fit:cover;border-radius:5px;background:var(--line)}.job-body{min-width:0}.job h3{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 6px;overflow-wrap:anywhere}.job-sub{font-size:13px;color:var(--muted)}.job-message{font-size:14px;margin-top:5px;overflow-wrap:anywhere}.job[data-status=error] .job-message{color:var(--error)}.job[data-status=done] .job-message{color:var(--success)}.job-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}.small-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 13px;font-size:13px;text-decoration:none}progress{display:block;width:100%;height:8px;margin:13px 0 6px;accent-color:var(--brand)}footer{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer span{display:block;font-weight:600;margin-bottom:6px}footer code{font-family:inherit;overflow-wrap:anywhere}
@media(max-width:740px){main{margin-top:36px;padding:0 24px}.topbar{padding:21px 24px}.workspace{padding:24px}.format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.format small{font-size:13px}.local-note{display:none}.url-row{flex-wrap:wrap}.url-row input{flex-basis:100%}.url-row button{width:100%}.submit-row{flex-direction:column;align-items:stretch;gap:12px}.submit-row>span{text-align:center}.preview{align-items:flex-start}.preview img{width:110px;height:78px}.quality-line{column-gap:14px}}
@media(max-width:420px){.workspace{padding:22px 18px}.wordmark{font-size:21px;gap:12px}.wordmark span:last-child{font-size:14px}.intro p{font-size:16px}.format{padding:12px 9px;gap:7px}.format small{font-size:12px}.time-row{gap:12px}.quality-line{display:block}.quality-line strong{display:block;margin:4px 0}.quality-line p{margin-top:7px}.preview{display:block}.preview img{width:100%;height:auto;aspect-ratio:16/9;margin-bottom:10px}.job{grid-template-columns:52px 1fr;gap:12px}.job-thumb{width:52px;height:44px}.section-heading h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.clip-player{margin:15px 0 24px}.player-heading,.scrub-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.player-heading h3{font-size:18px;margin:0;font-weight:600}.clip-player video{display:block;width:100%;max-height:460px;background:var(--ink);object-fit:contain;margin:16px 0;border-radius:var(--radius)}.scrub-heading output{font-variant-numeric:tabular-nums;color:var(--muted)}#seek{width:100%;height:44px;accent-color:var(--brand);cursor:pointer;margin:0}.mark-actions{display:flex;gap:8px;flex-wrap:wrap}.mark-actions button{flex:1;padding:10px;font-size:14px}.player-heading button{white-space:normal}.clip-player [data-error=true]{color:var(--error)}@media(max-width:420px){.player-heading{align-items:flex-start;flex-direction:column}.mark-actions{display:grid;grid-template-columns:1fr 1fr}.mark-actions button:last-child{grid-column:1/-1}.clip-player video{max-height:360px}}
#profile-panel{margin-top:26px}#profile-heading{font-size:22px;line-height:1.3;margin:0;overflow-wrap:anywhere}.profile-selection{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.reels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}.reel-card{display:flex;flex-direction:column;min-width:0;cursor:pointer;border:2px solid transparent;border-radius:8px;overflow:hidden;background:var(--bg)}.reel-card:has(input:checked){border-color:var(--brand);background:var(--selected)}.reel-card:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:3px}.reel-card img,.cover-missing{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--line)}.cover-missing{padding:15px;font-size:13px}.reel-choice{display:flex;align-items:center;gap:8px;padding:10px;min-height:46px;font-size:14px}.reel-choice input{margin:0}.reel-code{padding:0 10px 10px;font-size:11px;overflow-wrap:anywhere;color:var(--muted)}#more-reels{width:100%;margin-top:20px}.batch-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}#selection-count{font-size:15px}.reel-card:has(input:disabled){cursor:default}@media(max-width:740px){.reels-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.profile-selection{align-items:stretch;flex-direction:column}.batch-actions{flex-direction:column;align-items:stretch}.reel-choice{font-size:13px}}

.cloud-nav{display:flex;gap:10px;flex-wrap:wrap}.cloud-nav a{text-decoration:none}@media(max-width:560px){.topbar:has(.cloud-nav){flex-wrap:wrap;gap:16px}.cloud-nav{width:100%}.cloud-nav a{flex:1;text-align:center}}