*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #ffffff;--color-surface: #f4f4f5;--color-border: #dcdce1;--color-text: #1c1c1e;--color-text-muted: #6c6c72;--color-accent: #3457d5;--color-accent-contrast: #ffffff;--color-danger: #b3261e;--color-danger-bg: #fbeceb;--radius: 4px}@media(prefers-color-scheme:dark){:root{--color-bg: #19191b;--color-surface: #232326;--color-border: #38383c;--color-text: #f2f2f3;--color-text-muted: #9d9da3;--color-accent: #7c96ff;--color-accent-contrast: #14142b;--color-danger: #ff8983;--color-danger-bg: #3a2223}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.page-viewer{max-width:720px;margin-inline:auto;padding:3rem 1.5rem 4rem;min-height:100dvh;display:flex;flex-direction:column;gap:2.5rem}.viewer-header{display:flex;flex-direction:column;gap:.5rem}.viewer-header__title{font-size:1.75rem;font-weight:600;letter-spacing:-.02em}.viewer-header__tagline{color:var(--color-text-muted);font-size:.95rem}.dropzone-wrap{display:flex;flex-direction:column;gap:1rem}.dropzone{border:1px dashed var(--color-border);border-radius:var(--radius);padding:4rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;cursor:pointer;background-color:var(--color-surface);transition:border-color .12s ease,background-color .12s ease}.dropzone:hover,.dropzone:focus-visible{border-color:var(--color-accent)}.dropzone:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.dropzone--active{border-color:var(--color-accent);background-color:var(--color-bg)}.dropzone__title{font-weight:600;font-size:1.05rem}.dropzone__subtitle{color:var(--color-text-muted);font-size:.9rem}.dropzone__input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.error-banner{border:1px solid var(--color-danger);background-color:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius);padding:.75rem 1rem;font-size:.9rem;animation:fade-in .15s ease}.preview{display:flex;flex-direction:column;gap:1.5rem;animation:fade-in .18s ease}.preview__meta{display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem}.preview__meta-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.preview__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview__badge{flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--radius);padding:.15rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.preview__details{display:flex;flex-wrap:wrap;gap:.25rem 1rem;color:var(--color-text-muted);font-size:.85rem}.preview__stage{border:1px solid var(--color-border);border-radius:var(--radius);min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-surface)}.preview__image{max-width:100%;max-height:60vh;object-fit:contain}.preview__pdf{width:100%;height:70vh;border:none}.preview__audio{width:100%;margin:2rem}.preview__video{width:100%;max-height:60vh}.preview__text-wrap{width:100%}.preview__text{width:100%;max-height:60vh;overflow:auto;margin:0;padding:1.25rem;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.6}.preview__loading,.preview__error,.preview__unsupported{padding:2.5rem 1.5rem;text-align:center;color:var(--color-text-muted)}.preview__error{color:var(--color-danger)}.preview__hint{font-size:.85rem;margin-top:.25rem}.preview__note{padding:.5rem 1.25rem 1rem;font-size:.8rem;color:var(--color-text-muted)}.button{align-self:flex-start;border:1px solid var(--color-border);border-radius:var(--radius);padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;background-color:var(--color-bg);color:var(--color-text);cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.button:hover{border-color:var(--color-accent)}.button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.button--primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.button--primary:hover{opacity:.9}@keyframes fade-in{0%{opacity:0}to{opacity:1}}