*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,Arial,sans-serif;background:#fff;color:#0F172A;min-height:100vh}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;max-width:1100px;margin:0 auto}
.logo{font-size:26px;font-weight:900;letter-spacing:-1px}.h-right{display:flex;gap:14px;align-items:center}.h-right a{color:#0F172A;text-decoration:none;font-size:15px}
.btn-black{background:#0F172A;color:#fff;padding:10px 20px;border-radius:999px;font-weight:700;cursor:pointer;font-size:15px;display:inline-block}
main{max-width:720px;margin:0 auto;padding:70px 20px 40px;text-align:center}
h1{font-size:56px;line-height:1.05;letter-spacing:-2px}h1 span{color:#64748B;display:block}
.sub{color:#475569;font-size:18px;margin:18px 0 28px}.small{color:#94A3B8;font-size:13px;margin-top:12px}
.upload-btn{display:inline-block;background:#0F172A;color:#fff;padding:16px 30px;border-radius:999px;font-weight:700;font-size:16px;cursor:pointer;text-align:center}
input[type=file]{display:none}
.card{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:20px;padding:20px;text-align:left}
.card h2{font-size:18px;margin-bottom:12px;word-break:break-all}.card video{width:100%;border-radius:12px;background:#000;max-height:420px}
.meta{font-size:14px;color:#475569;margin:10px 0}.bar{height:8px;background:#E2E8F0;border-radius:999px;overflow:hidden;margin:14px 0 6px}#barFill{height:100%;width:0%;background:#0F172A;transition:width .3s}
#progressText{font-size:13px;color:#475569}.ok{color:#15803D;font-weight:700;margin:14px 0 10px}
.linkbox{display:flex;gap:8px;margin:10px 0}.linkbox input{flex:1;padding:12px;border:1px solid #E2E8F0;border-radius:10px;min-width:0}
.copy{padding:12px 16px;background:#0F172A;color:#fff;border:0;border-radius:10px;cursor:pointer;font-weight:700}.note{font-size:13px;color:#94A3B8;margin-top:8px;text-align:center}
.row{display:flex;gap:10px;margin-top:14px}.btn-outline{flex:1;padding:12px;border:1px solid #E2E8F0;background:#fff;border-radius:999px;cursor:pointer;font-weight:700}.label-btn{display:flex;align-items:center;justify-content:center;text-align:center}
.error{background:#FEF2F2;color:#DC2626;border:1px solid #FECACA;padding:10px;border-radius:10px;font-size:13px;margin-top:12px}.hidden{display:none}
@media(max-width:640px){h1{font-size:38px}main{padding:50px 16px}}