:root{--bg: #ffffff;--surface: #ffffff;--muted: #6b7280;--line: #e5e7eb;--soft: #f5f7fb;--soft-2: #eef2ff;--primary: #111827}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:#111827}.app-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-inner{max-width:1300px;margin:0 auto;padding:20px;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center}.logo-wrap{display:flex;align-items:center;gap:10px}.logo{width:36px;height:36px}.brand{font-weight:bolder;letter-spacing:.2px;font-size:larger}.brand_prefix{color:#27b6f7;padding-right:2px}.menu{display:flex;gap:40px;padding-right:15px;justify-content:flex-end}.menu a{text-decoration:none;color:#111827;font-weight:600;font-size:15px;opacity:.9}.menu a:hover{opacity:1;text-decoration:underline}.user{display:flex;justify-content:flex-end}.avatar{width:36px;height:36px;border-radius:50%;border:1px solid var(--line)}.center-section{background:#fff}.center-section .two-column{max-width:1300px;margin:28px auto;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 1px #00000005}.left-pane h2,.right-pane h2{margin-top:0;margin-bottom:6px}.muted{color:var(--muted)}.upload-pane .dropzone{border:2px dashed #c7cdd9;background:var(--soft-2);border-radius:12px;min-height:160px;display:grid;place-items:center;cursor:pointer;transition:all .15s ease-in-out;margin-top:10px}.upload-pane .dropzone.drag-over{border-color:#9da7c5;transform:scale(.998)}.upload-pane .file-input{display:none}.dropzone-content{text-align:center}.drop-title{display:block;font-size:18px;font-weight:700}.drop-subtitle{display:block;color:var(--muted)}.file-details{margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer}.btn.primary{border-color:#0ea5e9}.btn.success{border-color:#10b981}.btn:hover{filter:brightness(.98)}.info-pane .hero{width:100%;max-height:200px;object-fit:contain;margin-bottom:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}.info-pane .text p{margin:0 0 10px}.app-footer{background:#000;color:#d1d5db;margin-top:50px}.footer-inner{max-width:1300px;margin:0 auto;padding:28px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-bottom:1px solid #111827}.footer-col{text-align:center}.footer-col h4{color:#fff;margin:0 0 10px}.footer-col a{display:block;color:#d1d5db;text-decoration:none;padding:6px 0}.footer-col a:hover{color:#fff;text-decoration:underline}.footer-bottom{max-width:1300px;margin:0 auto;color:#9ca3af;font-size:14px;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;padding:10px;box-sizing:border-box}@media (max-width: 900px){.app-header{flex-wrap:wrap}.center-section .two-column{grid-template-columns:1fr}.header-inner{grid-template-columns:1fr auto;grid-auto-flow:row}.user{order:2;align-self:flex-end}.menu{order:3;grid-column:1 / -1;justify-content:center;font-size:14px;gap:16px}.menu a{font-size:14px}footer .footer-inner{padding:28px 5px;flex-direction:column;align-items:center}}