:root{color:#1f2937;background:#f3f6fb;font-family:Segoe UI,Tahoma,sans-serif}html{overflow-anchor:none;scrollbar-gutter:stable}*{box-sizing:border-box}body{margin:0}@page{size:auto;margin:10mm}#app{min-height:100vh;padding:1rem}.layout{grid-template-columns:minmax(0,1fr);gap:1rem;width:100%;max-width:none;margin:0 auto;display:grid}.toolbar{background:#fff;border:1px solid #d7e2ef;border-radius:10px;min-width:0;padding:1rem}.toolbar h1{margin:0;font-size:1.5rem}.toolbar p{margin:.35rem 0 0}.controls{gap:.6rem;margin-top:.9rem;display:flex}.controls input{border:1px solid #9fb6cf;border-radius:8px;flex:1;min-width:0;padding:.62rem .75rem;font-size:.95rem}.controls button{color:#fff;cursor:pointer;background:#0f6abf;border:none;border-radius:8px;padding:.62rem 1rem}.print-link{color:#0f6abf;white-space:nowrap;background:#fff;border:1px solid #0f6abf;border-radius:8px;justify-content:center;align-items:center;padding:.62rem 1rem;text-decoration:none;display:inline-flex}.controls button:hover{background:#0c56a0}.print-link:hover{background:#eff6ff}.status{color:#36516b;margin-top:.7rem;font-size:.92rem}.status-error{color:#b91c1c}.print-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;width:100%;max-width:190mm;margin:0 auto .75rem;padding:.5rem .75rem;font-size:.88rem}.viewer{background:#fff;border:1px solid #d7e2ef;border-radius:10px;width:100%;min-width:0;min-height:calc(100vh - 10rem);padding:.5rem 0;overflow:visible}body.print-view{background:#fff}body.print-view #app{min-height:auto;padding:0}body.print-view .layout{gap:0}body.print-view .viewer{border:0;border-radius:0;max-width:190mm;min-height:auto;margin:0 auto;padding:0}@media (width<=720px){.controls{flex-direction:column}.controls button{width:100%}}@media print{:root{background:#fff}#app{min-height:auto;padding:0}.layout{gap:.5rem}.toolbar{border:0;padding:0 0 .5rem}.controls,.status{display:none}.viewer{border:0;border-radius:0;max-width:190mm;min-height:auto;margin:0 auto;padding:0;overflow:visible}}