:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#e8eaed;background:#0f1115;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{color:#7eb6ff}button,input{font:inherit}.app{min-height:100vh;padding:1.5rem}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.header h1{margin:0 0 .35rem;font-size:1.75rem}.header p{margin:0;color:#a8b0bd}.badge{background:#1f2937;border:1px solid #334155;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;color:#cbd5e1;white-space:nowrap}.layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:1rem;min-height:calc(100vh - 7rem)}.panel{background:#171a21;border:1px solid #2a3140;border-radius:12px}.controls{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.controls h2{margin:0;font-size:1rem}.toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.toggle-group button{border:1px solid #334155;background:#11151c;color:#d1d5db;border-radius:8px;padding:.65rem .75rem;cursor:pointer}.toggle-group button.active{background:#2563eb;border-color:#3b82f6;color:#fff}.dropzone{border:1px dashed #475569;border-radius:10px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone:hover,.dropzone.dragging{border-color:#60a5fa;background:#111827}.dropzone-title{margin:0 0 .35rem;font-weight:600}.dropzone-subtitle,.hint,.file-name{margin:0;color:#94a3b8;font-size:.9rem}.file-name{margin-top:.75rem;color:#cbd5e1}.error{margin:0;color:#fca5a5;font-size:.9rem}.viewer{position:relative;min-height:520px;height:min(70vh,720px);overflow:hidden}.viewer canvas{display:block;width:100%!important;height:100%!important}.viewer-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;color:#64748b}@media(max-width:900px){.layout{grid-template-columns:1fr}.viewer{min-height:420px}}