:root{color-scheme:dark;--background: #0d0f12;--surface: #15181d;--surface-hover: #1b1f26;--border: #292e37;--text: #f1f3f5;--muted: #9299a5;--accent: #6ea8fe}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.logo{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--accent);color:#08101f;font-size:20px;font-weight:800}h1{margin:0;font-size:16px;font-weight:600}.brand span{display:block;margin-top:2px;color:var(--muted);font-size:12px}button,.open-button{border:1px solid var(--border);border-radius:7px;background:var(--surface-hover);color:var(--text);padding:8px 13px;font:inherit;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}button:hover,.open-button:hover{background:#222731;border-color:#3a414d}.open-button{display:inline-block}main{width:100%;height:calc(100vh - 64px)}.drop-zone{width:min(650px,calc(100% - 40px));position:relative;top:50%;transform:translateY(-50%);margin:auto;padding:70px 40px;text-align:center;border:2px dashed var(--border);border-radius:14px;transition:border-color .15s,background .15s}.drop-zone.dragging{border-color:var(--accent);background:#6ea8fe0d}.drop-icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 20px;border-radius:12px;background:var(--surface);color:var(--accent);font-size:28px}.drop-zone h2{margin:0 0 10px;font-size:20px;font-weight:600}.drop-zone p{margin:0 0 24px;color:var(--muted);font-size:14px}.viewer-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.document-info{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#101318;border-bottom:1px solid var(--border)}#filename{overflow:hidden;max-width:70%;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}#viewer{flex:1;min-height:0;width:100%}.status{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(20px);padding:9px 14px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--muted);font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.status.visible{opacity:1;transform:translate(-50%) translateY(0)}.hidden{display:none!important}@media(max-width:600px){header{padding:0 12px}.brand span{display:none}.drop-zone{padding:50px 20px}}