:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#fffffff2;background-color:#0a0e1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:600;color:#8b5cf6;text-decoration:none;transition:color .2s ease}a:hover{color:#a78bfa}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a0e1a,#1a1b3a,#0a0e1a);position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(16,185,129,.06) 0%,transparent 50%);pointer-events:none;z-index:-1}h1{font-size:2.8rem;line-height:1.1;margin:0 0 12px;font-weight:700;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button{border-radius:12px;border:1px solid rgba(139,92,246,.3);padding:.875em 1.5em;font-size:1rem;font-weight:600;font-family:inherit;background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);color:#f8fafc;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}button:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf633;background:linear-gradient(135deg,#8b5cf633,#3b82f61a)}button:hover:before{left:100%}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}@media(prefers-color-scheme:light){:root{color:#111827;background-color:#f8fafc}a:hover{color:#4f46e5}button{background:#fff;color:#111827;border-color:#e5e7eb}}.box{width:min(92vw,720px);min-height:420px;background:#0f172a66;border:1px solid rgba(139,92,246,.2);border-radius:24px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;padding:32px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf60d,#3b82f605);border-radius:24px;pointer-events:none}.box h1{position:relative;z-index:1}.box p{color:#cbd5e1;font-weight:500;font-size:1.1rem;text-align:center;line-height:1.6;position:relative;z-index:1}.box button{margin-top:24px;position:relative;z-index:1}.dropzone{width:100%;max-width:560px;border:2px dashed rgba(139,92,246,.4);border-radius:20px;padding:32px 24px;margin-top:24px;text-align:center;color:#cbd5e1;transition:all .3s cubic-bezier(.4,0,.2,1);background:#8b5cf605;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.dropzone:hover{border-color:#8b5cf6;background:#8b5cf614;transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf61a}.meta{margin-top:16px;font-size:.95rem;color:#94a3b8;position:relative;z-index:1}.result{margin-top:24px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.input-like{background:#0f172a99;border:1px solid rgba(139,92,246,.3);color:#f8fafc;padding:12px 16px;border-radius:12px;min-width:280px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.input-like:hover{border-color:#8b5cf6;background:#0f172acc}.uploading-state{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px;position:relative;z-index:1}.spinner{width:32px;height:32px;border:3px solid rgba(139,92,246,.2);border-top:3px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){body{padding:.5rem;background:linear-gradient(135deg,#0a0e1a,#1a1b3a,#0a0e1a)}.box{width:100%;max-width:95vw;min-height:auto;padding:20px 16px;margin:0;border-radius:12px;box-shadow:0 2px 10px #0003}h1{font-size:1.8rem;line-height:1.3}.box p{font-size:1rem;margin:8px 0}.dropzone{padding:20px 16px;margin-top:16px}.dropzone p{font-size:.95rem;margin:8px 0}.box button{padding:12px 20px;font-size:1rem;margin-top:12px}.result{flex-direction:column;gap:8px;margin-top:16px;width:100%}.input-like{min-width:auto;width:100%;font-size:.9rem;padding:12px}.result button{width:100%;margin:0}.meta{font-size:.9rem;margin-top:12px}}@media(max-width:480px){body{background:linear-gradient(135deg,#0a0e1a,#1a1b3a,#0a0e1a);padding:.25rem}.box{width:100%;max-width:98vw;padding:16px 12px;min-height:auto;border-radius:8px}h1{font-size:1.5rem}.box p{font-size:.95rem}.dropzone{padding:16px 12px}.dropzone p{font-size:.9rem}.box button{padding:14px 24px;font-size:1.1rem}.input-like{font-size:.85rem;padding:14px}.meta{font-size:.85rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.toast{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:12px;color:#fff;font-weight:600;z-index:1000;animation:slideIn .3s ease-out;box-shadow:0 10px 25px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-success{background:linear-gradient(135deg,#10b981e6,#059669e6);border:1px solid rgba(16,185,129,.3)}.toast-error{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border:1px solid rgba(239,68,68,.3)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.files-preview{margin-top:20px;width:100%;max-width:560px;display:flex;flex-direction:column;gap:12px}.file-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0f172a99;border:1px solid rgba(139,92,246,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.file-preview-img{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid rgba(139,92,246,.2)}.file-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#8b5cf61a;border-radius:8px}.file-info{flex:1;text-align:left;min-width:0}.file-name{margin:0;font-size:.95rem;font-weight:600;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{margin:4px 0 0;font-size:.85rem;color:#94a3b8}.remove-btn{width:32px;height:32px;padding:0;border-radius:50%;font-size:20px;line-height:1;background:#ef444433;border-color:#ef444466;color:#fca5a5;margin:0}.remove-btn:hover{background:#ef44444d;border-color:#ef444499}.upload-options{margin-top:20px;width:100%;max-width:560px;display:flex;flex-direction:column;gap:16px;padding:16px;background:#0f172a66;border:1px solid rgba(139,92,246,.2);border-radius:12px}.option-group{display:flex;flex-direction:column;gap:8px;text-align:left}.option-group label{font-size:.9rem;color:#cbd5e1;font-weight:500}.option-input{padding:10px 14px;background:#0f172a99;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#f8fafc;font-family:inherit;font-size:.95rem;transition:all .2s ease}.option-input:focus{outline:none;border-color:#8b5cf6;background:#0f172acc}.option-group{position:relative}.toggle-password{position:absolute;right:8px;bottom:8px;width:auto;padding:4px 8px;font-size:.85rem;background:transparent;border:none;cursor:pointer;margin:0}.progress-container{width:100%;max-width:560px;margin-top:16px}.progress-bar{height:10px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:999px;transition:width .3s ease}.progress-text{margin-top:8px;font-size:.9rem;color:#cbd5e1}.error-text{color:#fca5a5!important;margin-top:12px}.results-section{margin-top:32px;width:100%;max-width:720px}.results-section h2{font-size:1.5rem;margin-bottom:20px;color:#f8fafc;text-align:left}.result-card{background:#0f172a66;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:20px;margin-bottom:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.result-info{flex:1;text-align:left}.result-info h3{margin:0 0 8px;font-size:1.1rem;color:#f8fafc;word-break:break-word}.qr-toggle{padding:8px 16px;font-size:.85rem;margin:0;white-space:nowrap}.qr-container{display:flex;justify-content:center;padding:20px;background:#ffffff0d;border-radius:12px;margin-bottom:16px}.result-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.result-actions .input-like{flex:1;min-width:200px}.recent-section{margin-top:32px;width:100%;max-width:720px}.recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.recent-header h2{font-size:1.3rem;margin:0;color:#f8fafc;text-align:left}.clear-btn{padding:6px 12px;font-size:.85rem;margin:0;background:#ef444433;border-color:#ef444466;color:#fca5a5}.clear-btn:hover{background:#ef44444d;border-color:#ef444499}.recent-list{display:flex;flex-direction:column;gap:12px}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f172a66;border:1px solid rgba(139,92,246,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:12px}.recent-name{flex:1;text-align:left;color:#cbd5e1;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-actions{display:flex;gap:8px}.recent-actions button{padding:6px 12px;font-size:.85rem;margin:0}@media(max-width:768px){.result-header{flex-direction:column;align-items:stretch}.qr-toggle{width:100%}.result-actions{flex-direction:column}.result-actions .input-like{width:100%;min-width:auto}.recent-item{flex-direction:column;align-items:stretch}.recent-actions{width:100%}.recent-actions button{flex:1}.upload-options{padding:12px}.toast{right:10px;left:10px;top:10px}}