:root{--bg: #0b0d11;--fg: #f5f7fb;--muted: #8a93a6;--accent: #ff5a5f;--accent-hover: #ff7378;--card: rgba(15, 17, 22, .78);--border: rgba(255, 255, 255, .1)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.app{position:relative;min-height:100vh;overflow:hidden}.hero-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:linear-gradient(135deg,#1a1d24,#0b0d11)}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#0000008c)}.hero-bg img,.hero-bg video{width:100%;height:100%;object-fit:cover;filter:brightness(.85)}.hero-cta{position:fixed;bottom:32px;left:32px;z-index:2;max-width:360px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}.hero-cta h2{font-size:24px;margin:0 0 6px;font-weight:600}.hero-cta p{margin:0 0 12px;color:#ffffffd9;font-size:14px}.hero-cta a{display:inline-block;padding:8px 16px;border:1px solid rgba(255,255,255,.6);border-radius:999px;color:#fff;font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000040}.hero-cta a:hover{background:#ffffff26}.card{position:relative;z-index:1;max-width:440px;margin:64px auto;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px;padding:28px;box-shadow:0 24px 48px #0006}.card h1{font-size:22px;margin:0 0 4px;font-weight:600}.card .sub{color:var(--muted);font-size:13px;margin-bottom:20px}.dropzone{border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:32px 16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:#ff5a5f0d}.dropzone .icon{font-size:28px;margin-bottom:8px;opacity:.8}.dropzone .hint{color:var(--muted);font-size:13px}.file-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.file-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff0a;border-radius:8px;font-size:14px}.file-row .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row .size{color:var(--muted);font-size:12px}.file-row .remove{background:none;border:none;color:var(--muted);cursor:pointer;padding:0 4px;font-size:18px;line-height:1}.file-row .remove:hover{color:var(--accent)}.field{margin-top:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;font-weight:500}.field input,.field textarea,.field select{width:100%;background:#0006;color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px;font-family:inherit}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.btn{width:100%;background:var(--accent);color:#fff;border:none;border-radius:999px;padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer;margin-top:20px;transition:background .15s}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.progress{margin-top:16px;display:flex;flex-direction:column;gap:8px}.progress-row{font-size:12px;color:var(--muted)}.progress-bar{height:4px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-top:4px}.progress-bar>div{height:100%;background:var(--accent);transition:width .2s ease}.share-result{background:#ff5a5f1a;border:1px solid rgba(255,90,95,.3);border-radius:8px;padding:16px;margin-top:16px}.share-result .label{font-size:12px;color:var(--muted);margin-bottom:4px}.share-result .url{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;word-break:break-all;color:var(--accent)}.share-result .copy{margin-top:8px;background:none;border:1px solid var(--border);color:var(--fg);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.error{color:#ff7378;font-size:13px;margin-top:12px;padding:10px 12px;background:#ff5a5f1a;border-radius:8px}.footer{position:fixed;bottom:16px;right:24px;z-index:2;font-size:12px;color:#ffffff80}