*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0b0f;--panel:#15151c;--border:#2a2a35;--text:#e8e8ee;--muted:#9a9aa8;--accent:#7c5cff;--accent-hover:#6a4dff;--error:#ff5c7c}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}main{max-width:880px;margin:0 auto;padding:64px 24px}h1{font-size:28px;font-weight:600;margin-bottom:8px}.subtitle{color:var(--muted);margin-bottom:32px;font-size:14px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:16px}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone.dragging,.dropzone:hover{border-color:var(--accent);background:rgba(124,92,255,.05)}.dropzone input{display:none}.button{background:var(--accent);color:white;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.button:hover:not(:disabled){background:var(--accent-hover)}.button:disabled{opacity:.5;cursor:not-allowed}.meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:16px}.meta span{background:var(--bg);padding:4px 10px;border-radius:6px;border:1px solid var(--border)}.analysis{white-space:pre-wrap;line-height:1.6;font-size:14px}.analysis h1,.analysis h2,.analysis h3{margin-top:16px;margin-bottom:8px}.analysis ol,.analysis ul{padding-left:20px;margin:8px 0}.analysis code{background:var(--bg);padding:2px 6px;border-radius:4px;font-size:13px}.error{color:var(--error);background:rgba(255,92,124,.1);border:1px solid rgba(255,92,124,.3);padding:12px;border-radius:8px;font-size:14px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}