@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Manrope:wght@400;500;600;700&family=Sora:wght@400;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Manrope,sans-serif}a,button,input{font:inherit}.app{--bg:#070b14;--text:#edf2ff;--muted:#aab7d7;--panel:#0d1320b3;--panel-strong:#0a0f1be6;--border:#b4a2ff42;--primary:#8b74ff;--secondary:#6be275;--danger:#ff809e;min-height:100vh;color:var(--text);background:var(--bg);position:relative;overflow-x:hidden}.gradient-layer{z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 22%,#8b74ff59,#0000 42%),radial-gradient(circle at 82% 18%,#6be27547,#0000 40%),radial-gradient(circle at 62% 78%,#62b6ff2e,#0000 38%);animation:18s ease-in-out infinite alternate gradientDrift;position:fixed;inset:-30%}.gradient-layer-alt{filter:hue-rotate(-12deg);opacity:.72;mix-blend-mode:screen;animation-duration:26s}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 16%,#0000 86%);mask-image:radial-gradient(circle,#000 16%,#0000 86%)}main{z-index:2;width:min(1220px,100% - 2rem);margin:0 auto;padding-bottom:2rem;position:relative}.glass{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 14px 50px #04081073,inset 0 1px #ffffff1f}.topbar{z-index:3;justify-content:space-between;align-items:center;gap:.8rem;width:min(1220px,100% - 2rem);margin:.95rem auto 1rem;padding:.7rem .9rem;display:flex;position:relative}.brand{color:var(--text);letter-spacing:.02em;align-items:center;gap:.58rem;font-family:Sora,sans-serif;font-weight:700;text-decoration:none;display:flex}.brand img{object-fit:cover;border-radius:9px;width:2rem;height:2rem;box-shadow:0 0 22px #8b74ff59}.nav-links{gap:.75rem;display:flex}.nav-links a{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:.4rem .66rem;font-size:.9rem;text-decoration:none}.nav-links a.active-link{color:var(--text);border-color:var(--border);background:#8b74ff24}.top-actions{align-items:center;gap:.55rem;display:flex}.user-chip{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.34rem .76rem;font-size:.8rem}.cta-button,.ghost-button,.url-row button,.action-row button,.faq-item{font:inherit;cursor:pointer}.cta-button{color:#f8f8ff;letter-spacing:.01em;background:linear-gradient(135deg,#7c5ffff2,#5948dbf2);border:1px solid #dcd6ff73;border-radius:999px;padding:.58rem 1rem;font-weight:700;text-decoration:none;box-shadow:0 0 22px #7c5fff5c}.ghost-button,.url-row button,.action-row button,.faq-item,.inline-magic{border:1px solid var(--border);color:var(--text);background:#ffffff05;border-radius:999px;padding:.5rem .9rem}.ghost-link,.ghost-link-inline{border:1px solid var(--border);color:var(--text);background:#ffffff05;border-radius:999px;padding:.5rem .84rem;font-size:.85rem;text-decoration:none}.upload-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:1rem;min-height:calc(100vh - 7rem);display:grid}.upload-left,.upload-right{flex-direction:column;padding:1.1rem;display:flex}.upload-left{justify-content:center;gap:.9rem}.eyebrow{border:1px solid var(--border);width:fit-content;color:var(--secondary);letter-spacing:.09em;text-transform:uppercase;border-radius:999px;padding:.3rem .72rem;font-size:.75rem;display:inline-flex}.upload-left h1,.about-hero h1{margin:0;font-family:Sora,sans-serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}.hero-copy{color:var(--muted);max-width:46ch;margin:0;line-height:1.65}.feature-list{color:#d9e4ff;gap:.45rem;margin:0;padding-left:1.1rem;display:grid}.hero-actions{flex-wrap:wrap;align-items:center;gap:.56rem;display:flex}.warn-text,.error-text{color:var(--danger);margin:0;font-size:.9rem}.notice-text{color:var(--secondary);margin:0;font-size:.9rem}.upload-right{background:var(--panel-strong);gap:.9rem;overflow:hidden}.section-head h2{margin:0;font-family:Sora,sans-serif}.section-head p{color:var(--muted);margin:.36rem 0 0}.dropzone{text-align:center;cursor:pointer;border:1px dashed #8b74ffb3;border-radius:16px;padding:1.45rem 1rem;transition:all .18s}.dropzone.dragging{border-color:#6be275e6;transform:scale(1.01);box-shadow:0 0 30px #6be27554}.drop-title{margin:0;font-family:Sora,sans-serif}.drop-subtitle{color:var(--muted);margin:.35rem 0 0}.queue{grid-template-rows:auto 1fr;gap:.6rem;min-height:0;display:grid}.queue-head{justify-content:space-between;align-items:center;display:flex}.queue-head h3{margin:0}.queue-head span{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.78rem}.empty-state{color:var(--muted);margin:0}.queue ul{gap:.6rem;max-height:36vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.queue-item{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;padding:.72rem}.item-main{justify-content:space-between;align-items:center;display:flex}.file-name{margin:0;font-weight:600}.file-meta{color:var(--muted);margin:.2rem 0 0;font-family:JetBrains Mono,monospace;font-size:.78rem}.status{text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.7rem}.status.success{color:var(--secondary)}.status.uploading{color:var(--primary)}.status.error{color:var(--danger)}.progress-track{background:#ffffff21;border-radius:999px;height:4px;margin-top:.55rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;transition:width .22s;display:block}.url-row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.55rem;display:flex}.url-row code{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 100px);color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.76rem;overflow:hidden}.about-stack,.account-wrap{gap:1rem;display:grid}.about-hero,.about-cta,.faq-wrap,.auth-card,.history-panel{padding:1.1rem}.about-hero p,.about-cta p,.about-card p{color:var(--muted);line-height:1.65}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.about-card{padding:1rem}.about-card h3{margin:0}.about-card code{color:#c3b6ff;overflow-wrap:anywhere;font-size:.78rem;display:block}.about-cta{text-align:center}.faq-wrap h2,.about-cta h2,.history-head h2{margin:0;font-family:Sora,sans-serif}.faq-list{gap:.66rem;margin-top:.8rem;display:grid}.faq-item{text-align:left;border-radius:14px;grid-template-columns:1fr auto;padding:.74rem;display:grid}.faq-item p{color:var(--muted);grid-column:1/-1;margin:.7rem 0 0;line-height:1.6}.auth-tabs{gap:.52rem;display:flex}.auth-tabs button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:.48rem .85rem}.auth-tabs .active-tab{background:#8b74ff3d}.auth-form{gap:.72rem;margin-top:.9rem;display:grid}.auth-form label{color:var(--muted);gap:.34rem;font-size:.9rem;display:grid}.auth-form input{border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:10px;padding:.6rem .72rem}.auth-submit,.inline-magic{width:fit-content}.history-head{justify-content:space-between;align-items:center;gap:.72rem;display:flex}.history-actions{gap:.5rem;display:flex}.empty-box{border:1px dashed var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:.6rem;padding:1rem;display:flex}.table-wrap{margin-top:.8rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid #ffffff1a;padding:.6rem}td a{color:var(--secondary);text-decoration:none}.action-row{gap:.44rem;display:flex}.action-row .danger,.modal-actions .danger{color:var(--danger);border-color:#ff809e73}.modal-backdrop{z-index:30;background:#02040ab3;place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(420px,100% - 2rem);padding:1rem}.modal h3{margin:0}.modal p{color:var(--muted);margin:.5rem 0 0}.modal-actions{justify-content:flex-end;gap:.45rem;margin-top:.9rem;display:flex}@keyframes gradientDrift{0%{transform:translate(-3%,-2%)scale(1.02)}50%{transform:translate(3%,2%)scale(1.05)}to{transform:translate(-1%,1%)scale(1.03)}}@media (width<=1080px){.upload-shell,.about-grid{grid-template-columns:1fr}.upload-shell{min-height:auto}.queue ul{max-height:360px}}@media (width<=820px){.topbar,.top-actions{flex-wrap:wrap;justify-content:center}.history-head,.empty-box{flex-direction:column;align-items:flex-start}}@media (width<=720px){.nav-links{display:none}main{width:min(1220px,100% - 1rem)}.upload-left,.upload-right,.about-hero,.about-cta,.faq-wrap,.auth-card,.history-panel{padding:.9rem}.url-row{flex-direction:column;align-items:flex-start}.url-row code{max-width:100%}}