@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{color-scheme:dark;--bg:#151817;--surface:#202522;--text:#f2efe7;--muted:#adb5ac;--accent:#d0e99b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 25%,#2c38274a,transparent 50%),var(--bg);color:var(--text);font:15px 'DM Sans',sans-serif}header{padding:30px 5%;display:flex;align-items:center;gap:28px;border-bottom:1px solid #ffffff17}.brand{color:var(--text);text-decoration:none;font-size:18px;display:flex;align-items:center;gap:15px}.brand>b{font-size:12px;letter-spacing:2px}.brand>span{color:var(--accent);margin-left:-10px}.brand>i{font-style:normal;color:#747f75}.private{margin-left:auto;font-size:10px;letter-spacing:2px;color:var(--muted)}.private span{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;margin-right:8px}main{max-width:900px;margin:0 auto;padding:65px 25px 50px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:600}h1{font:500 clamp(48px,7vw,78px)/1.08 'Playfair Display',Georgia,serif;letter-spacing:-2px;margin:22px 0}h1 em{font-weight:500;color:var(--accent)}.intro{color:var(--muted);font-size:16px;margin-bottom:40px}.panel{background:var(--surface);border:1px solid #ffffff18;border-radius:18px;padding:32px;box-shadow:0 20px 60px #0002}.step{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--accent);letter-spacing:2px}.step span{color:var(--muted)}h2{font-size:25px;letter-spacing:-.6px;margin-bottom:8px}.panel>p{color:var(--muted);line-height:1.6}label{display:block;font-size:12px;margin:25px 0 10px;color:var(--muted)}.input-row{display:flex;gap:10px}input,select{background:#161b17;border:1px solid #455041;border-radius:8px;padding:16px;color:var(--text);font:inherit;min-width:0;flex:1}.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#1b2417;font:600 14px 'DM Sans',sans-serif;border:0;border-radius:8px;padding:16px 23px;cursor:pointer;text-decoration:none;white-space:nowrap}.primary:hover{background:#e1f4ba}button:disabled{opacity:.5;cursor:wait}.text-button{border:0;background:none;color:var(--muted);cursor:pointer}.fine,.hint{font-size:11px;color:var(--muted);line-height:1.7}.fine{margin:25px 0 0}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.notes span{font-size:10px;letter-spacing:2px;color:var(--muted)}.notes p{font-size:13px;color:#d1d6cf}footer{border-top:1px solid #ffffff17;padding:24px 5%;display:flex;justify-content:space-between;color:#8c978e;font-size:11px;letter-spacing:1px}#status{font-size:13px;color:var(--accent);min-height:18px}.error{color:#ffbba8!important}#result{border-top:1px solid #ffffff20;margin-top:20px;padding-top:25px}.video-icon{float:left;margin:0 18px 14px 0;background:#303d28;color:var(--accent);border-radius:10px;padding:24px}h3{margin:8px 0;font-size:20px}.video-info p{color:var(--muted);font-size:12px}.save-row{clear:both;display:flex;align-items:center;gap:12px;margin-top:24px}.save-row label{margin:0}.save-row select{padding:12px}.save-row button{margin-left:auto}#ready{margin-top:20px}#fileDetails{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}@media(max-width:600px){header{padding:22px}.brand{gap:10px}.private{display:none}header form{margin-left:auto}main{padding:40px 20px}.panel{padding:23px}.input-row,.save-row{flex-direction:column;align-items:stretch}.save-row button{margin:0}.notes{gap:15px}.notes p{line-height:1.6}footer{gap:20px;font-size:9px}.brand>b{font-size:10px}}
#serverProgress{margin-top:25px;padding:20px;background:#171d18;border:1px solid #ffffff15;border-radius:10px}.progress-heading,.progress-stats{display:flex;justify-content:space-between;gap:14px;align-items:center}.progress-heading{font-size:13px}.progress-heading strong{color:var(--accent);font-variant-numeric:tabular-nums}.progress-stats{margin-top:12px;color:var(--muted);font-size:11px;flex-wrap:wrap;font-variant-numeric:tabular-nums}#progressBar{appearance:none;display:block;width:100%;height:8px;margin-top:15px;border:0;border-radius:10px;overflow:hidden;background:#364031;accent-color:var(--accent)}#progressBar::-webkit-progress-bar{background:#364031;border-radius:10px}#progressBar::-webkit-progress-value{background:var(--accent);border-radius:10px;transition:width .4s}#progressBar::-moz-progress-bar{background:var(--accent);border-radius:10px}#progressBar:indeterminate{opacity:.6}
.library{margin-top:36px;border-top:1px solid #ffffff20;padding-top:30px}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.library-heading h2{margin-top:10px}.library-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff17}.library-card h3{font-size:17px;line-height:1.5}.library-card .hint{margin-bottom:0}.library-card>div{min-width:0}.library-card h3{overflow-wrap:anywhere}.library-card .primary{flex-shrink:0;padding:12px 17px;font-size:12px}@media(max-width:600px){.library-card{align-items:stretch;flex-direction:column;gap:10px}.library-card .primary{align-self:flex-start}}