@font-face{font-family:Sora;src:url('/sora-latin.woff2') format('woff2');font-display:swap}@font-face{font-family:Inter;src:url('/inter-latin.woff2') format('woff2');font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#172b4d;background:#f5f8ff;font-synthesis:none;--blue:#2465d8;--line:#ccd9ee;--muted:#50617d}*{box-sizing:border-box}body{margin:0}a{color:#1d55bb;text-underline-offset:3px}header,main,footer{max-width:1120px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:10px;align-items:center;color:#172b4d;text-decoration:none;font-family:Sora,Arial,sans-serif;font-weight:600}.brand span{color:var(--blue);font-weight:400}.owner{font-size:.82rem;color:var(--muted)}h1,h2,h3{font-family:Sora,Arial,sans-serif;line-height:1.25}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.045em;margin:0 0 20px}h2{font-size:1.15rem;margin:0 0 20px}h3{font-size:1rem;margin:0;overflow-wrap:anywhere}.intro{padding:28px 0 36px}.intro p{font-size:1.05rem;color:var(--muted);margin:0;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:40px;align-items:start}.upload-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:28px}.file-label{font-weight:600}.file-label span{font-weight:400;display:block;font-size:.83rem;color:var(--muted);margin-top:8px;line-height:1.6}label{display:block;font-size:.9rem;margin:0 0 10px}.optional{font-size:.8rem;color:var(--muted);margin-left:8px}input{width:100%;min-width:0;font:inherit;margin-bottom:24px}input[type=text]{border:1px solid #9aadcb;border-radius:7px;padding:12px;background:#fff;color:inherit}input[type=file]{padding:16px 12px;border:1px dashed #9aadcb;border-radius:7px;font-size:.85rem}input::file-selector-button{padding:9px 12px;margin-right:12px;border:0;border-radius:5px;background:#e7efff;color:#1d55bb;cursor:pointer}button{min-height:44px;border:1px solid transparent;border-radius:7px;padding:10px 16px;background:var(--blue);color:#fff;font:600 .85rem Inter,Arial,sans-serif;cursor:pointer}button:hover{background:#1d55bb}button:disabled{opacity:.6;cursor:wait}.secondary{background:#fff;color:#1d55bb;border-color:#b6c9eb}.secondary:hover{background:#e7efff}.danger{color:#a12432;background:#fff;border-color:#e0b9c1}.danger:hover{background:#fff0f2}:focus-visible{outline:3px solid #1d55bb;outline-offset:4px}#upload{width:100%}progress,meter{display:block;width:100%;height:16px;margin:16px 0;accent-color:var(--blue)}[hidden]{display:none!important}#status{font-size:.9rem;line-height:1.6;overflow-wrap:anywhere}#status:empty{display:none}.sharing-note,.storage p{font-size:.85rem;line-height:1.7;color:var(--muted)}.sharing-note{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line)}.storage{padding:26px 0}.storage #storage-text{font-size:1rem;color:#172b4d;font-weight:600}.library{margin-top:48px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading h2{margin:0}#count{color:var(--muted);font-weight:400}.clip{display:flex;align-items:center;gap:24px;padding:24px 0;border-top:1px solid var(--line)}.thumbnail{display:block;flex:0 0 192px;aspect-ratio:16/9;background:#e7efff;border-radius:8px;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:contain}.clip-details{min-width:0;flex:1}.clip-meta{font-size:.83rem;color:var(--muted);line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{font-size:.78rem;padding:8px 12px}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted);margin-top:36px}.watch{max-width:1000px}.watch h1{font-size:clamp(1.5rem,4vw,2.5rem);margin:36px 0 24px;overflow-wrap:anywhere}.watch video{display:block;width:100%;max-height:75vh;background:#111;border-radius:10px}dialog{color:#172b4d;max-width:430px;width:calc(100% - 40px);padding:28px;border:1px solid var(--line);border-radius:14px}dialog p{font-size:.9rem;line-height:1.7}dialog::backdrop{background:#172b4d88}@media(max-width:700px){header,main,footer{padding:24px 20px}.owner{max-width:80px;text-align:right}.workspace{grid-template-columns:minmax(0,1fr);gap:12px}.upload-panel{padding:22px}.storage{padding:16px 4px}.intro{padding-top:16px}.clip{align-items:start;gap:14px;flex-wrap:wrap}.thumbnail{flex:0 0 120px}.clip-details{flex:1 1 230px}.library{margin-top:32px}.actions button{flex-grow:1}footer{flex-wrap:wrap}}
#uploaded{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}#uploaded-url{font-size:.8rem;overflow-wrap:anywhere;line-height:1.6}#uploaded .actions{align-items:center;gap:16px}