:root{--bg: #0b1220;--bg-elev: rgba(255, 255, 255, .06);--card: rgba(255, 255, 255, .08);--card-strong: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .2);--text: rgba(255, 255, 255, .92);--text-muted: rgba(255, 255, 255, .68);--text-faint: rgba(255, 255, 255, .52);--primary: #6ea8fe;--primary-strong: #4e8cff;--danger: #ff5d5d;--success: #3ddc97;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--shadow-soft: 0 12px 30px rgba(0, 0, 0, .35);--r-xs: 10px;--r-sm: 14px;--r-md: 18px;--r-lg: 24px;--container: 1080px;--focus: 0 0 0 4px rgba(110, 168, 254, .35)}@media(prefers-color-scheme:light){:root{--bg: #f6f8ff;--bg-elev: rgba(10, 20, 40, .04);--card: rgba(10, 20, 40, .06);--card-strong: rgba(10, 20, 40, .08);--border: rgba(10, 20, 40, .12);--border-strong: rgba(10, 20, 40, .18);--text: rgba(10, 20, 40, .92);--text-muted: rgba(10, 20, 40, .68);--text-faint: rgba(10, 20, 40, .52);--shadow: 0 20px 60px rgba(10, 20, 40, .12);--shadow-soft: 0 12px 30px rgba(10, 20, 40, .1)}}*,*:before,*:after{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 700px at 20% 10%,rgba(110,168,254,.18),transparent 55%),radial-gradient(900px 600px at 80% 0%,rgba(61,220,151,.1),transparent 60%),radial-gradient(900px 700px at 70% 95%,rgba(255,93,93,.08),transparent 60%),var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%}h1,h2,h3{margin:0 0 .5rem;letter-spacing:-.02em}h1{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15}h2{font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.2}p{margin:0;color:var(--text-muted)}small{color:var(--text-faint)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-strong);text-decoration:underline}.container{width:min(var(--container),calc(100% - 2rem));margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}.brand{display:flex;align-items:center;gap:10px}.brand-badge{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#6ea8fee6,#3ddc97bf);box-shadow:var(--shadow-soft)}.brand-title{font-weight:700;letter-spacing:-.02em}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}@media(max-width:920px){.grid{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,var(--card),transparent 120%);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card-inner{padding:18px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.divider{height:1px;background:var(--border);margin:14px 0}button,.btn{appearance:none;border:1px solid transparent;border-radius:14px;padding:.75rem 1rem;font:inherit;font-weight:600;cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease;-webkit-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#071024;box-shadow:0 10px 22px #6ea8fe3d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 26px #6ea8fe4d}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:var(--bg-elev);border-color:var(--border-strong)}.btn-danger{background:#ff5d5d1a;border-color:#ff5d5d4d;color:#ffffffeb}@media(prefers-color-scheme:light){.btn-danger{color:#0a1428eb}}.btn:disabled,button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus);border-radius:14px}input,select,textarea{width:100%;padding:.8rem .9rem;border-radius:14px;border:1px solid var(--border);background:#0000002e;color:var(--text);font:inherit;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}@media(prefers-color-scheme:light){input,select,textarea{background:#ffffffd9}}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}.dropzone{border:1px dashed rgba(110,168,254,.45);background:linear-gradient(180deg,#6ea8fe1f,#0000001f);border-radius:var(--r-lg);padding:18px;min-height:160px;display:grid;place-items:center;text-align:center;gap:10px;transition:transform .14s ease,border-color .16s ease,background .16s ease}.dropzone:hover{transform:translateY(-1px);border-color:#6ea8fea6}.dropzone.is-dragover{border-color:#3ddc97bf;background:linear-gradient(180deg,#3ddc971f,#0000001f)}.file-list{display:grid;gap:10px}.file-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:var(--r-md);border:1px solid var(--border);background:#ffffff0d}.file-meta{display:grid;gap:2px;min-width:0}.file-name{font-weight:650;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-sub{font-size:.9rem;color:var(--text-muted)}.pill{display:inline-flex;align-items:center;gap:8px;padding:.35rem .6rem;border-radius:999px;border:1px solid var(--border);background:#ffffff0d;color:var(--text-muted);font-size:.9rem}.footer{margin-top:22px;padding:18px 0 8px;color:var(--text-faint);font-size:.92rem}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:920px){.header{flex-direction:column;align-items:flex-start}.header nav{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.header nav .btn,.header nav button{width:100%}.header nav button:last-child{grid-column:1 / -1}}@media(max-width:520px){.header nav{grid-template-columns:1fr}.header nav button:last-child{grid-column:auto}}