@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #efe9d3;--panel: #fffdf8;--panel-soft: #f8f4e7;--text: #1f2022;--muted: #6d6a63;--accent: #0c857d;--accent-2: #174f8a;--border: #ddd5c2;--shadow: 0 10px 30px rgba(22, 27, 45, .12)}body[data-theme=dark]{--bg: #10161c;--panel: #18212a;--panel-soft: #1f2b36;--text: #f2f6fb;--muted: #a7b3bf;--accent: #20b5a9;--accent-2: #5fa5ff;--border: #2c3a46;--shadow: 0 10px 35px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 15%,rgba(255,215,128,.35) 0%,transparent 45%),radial-gradient(circle at 90% 5%,rgba(12,133,125,.22) 0%,transparent 40%),var(--bg)}main{max-width:1120px;margin:0 auto;padding:1.2rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem}h1{margin:0;font-size:clamp(1.6rem,2.8vw,2.3rem);letter-spacing:-.02em}.subtitle{margin:.2rem 0 0;color:var(--muted);font-size:.95rem}.row{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.actions-row{justify-content:flex-end}.tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;margin:1rem 0;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--border);border-radius:1rem;padding:.5rem;box-shadow:var(--shadow)}button,select,input{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:.75rem;padding:.58rem .85rem;font-size:.98rem;transition:all .18s ease}button:focus-visible,select:focus-visible,input:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}button{cursor:pointer;font-weight:700;position:relative;overflow:hidden}button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 60%,var(--border))}button:disabled{opacity:.5;transform:none;cursor:not-allowed}button.active,button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:transparent}.card{background:linear-gradient(180deg,var(--panel),var(--panel-soft));border:1px solid var(--border);border-radius:1.05rem;padding:1rem;margin:.9rem 0;box-shadow:var(--shadow);animation:cardIn .38s ease both}.card h2{margin-top:0;letter-spacing:-.01em}.dropzone{padding:1.7rem;border:2px dashed color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:.9rem;text-align:center;background:color-mix(in srgb,var(--panel) 75%,white);transition:all .22s ease}.dropzone.drag{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.list{display:grid;gap:.7rem;max-height:330px;overflow:auto;padding-right:.3rem}.list-item{display:grid;grid-template-columns:1fr auto;gap:.45rem;align-items:center;padding:.55rem;border:1px solid var(--border);border-radius:.75rem;background:var(--panel)}.line-card{border:1px solid var(--border);border-radius:.85rem;padding:.9rem;margin:.75rem 0;background:var(--panel);animation:cardIn .32s ease both}.scene{font-weight:800;color:var(--accent)}.hint{background:color-mix(in srgb,var(--accent) 15%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));padding:.55rem;border-radius:.65rem}.mini-upload{border:1px solid var(--border);border-radius:.75rem;padding:.55rem .8rem;font-weight:700;background:var(--panel)}.status-pill{margin:.45rem 0 .8rem;display:inline-block;padding:.5rem .72rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--panel));font-size:.92rem;animation:pulseSoft 1.8s ease-in-out infinite}details{border:1px solid var(--border);border-radius:.75rem;padding:.55rem .7rem;background:var(--panel);margin-top:.6rem}details summary{cursor:pointer;font-weight:700}ul{padding-left:1.2rem}.drop-title{font-size:1.05rem;font-weight:700}.hint-wrap{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.btn-shine{background-image:linear-gradient(115deg,transparent 0%,transparent 40%,rgba(255,255,255,.38) 50%,transparent 60%,transparent 100%);background-size:250% 100%}.btn-shine:hover{animation:shine .9s ease}.btn-good{border-color:color-mix(in srgb,#0ea66a 60%,var(--border));background:color-mix(in srgb,#0ea66a 16%,var(--panel))}.btn-mid{border-color:color-mix(in srgb,#c88a08 60%,var(--border));background:color-mix(in srgb,#c88a08 16%,var(--panel))}.btn-bad{border-color:color-mix(in srgb,#cb3b4b 60%,var(--border));background:color-mix(in srgb,#cb3b4b 15%,var(--panel))}.btn-good:hover,.btn-mid:hover,.btn-bad:hover{transform:translateY(-2px) scale(1.01)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 45%,var(--panel));border-radius:999px}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shine{0%{background-position:120% 0}to{background-position:-30% 0}}@keyframes pulseSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@media (max-width: 900px){.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}button,select,input,.mini-upload,.actions-row{width:100%}}
