:root{--bg: #0f1218;--text: #e8eaef;--muted: #9aa3b2;--accent: #c9a227}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Noto Sans SC,system-ui,sans-serif;background:var(--bg);color:var(--text)}#app{min-height:100vh;display:flex;flex-direction:column}.page-header{padding:1rem 1.25rem .5rem;text-align:center}.page-header h1{margin:0 0 .35rem;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;letter-spacing:.02em}.subtitle{margin:0;font-size:.9rem;color:var(--muted);line-height:1.5}.header-actions{margin:.85rem 0 0}.btn-print{font-family:Noto Sans SC,system-ui,sans-serif;font-size:.9rem;font-weight:600;padding:.5rem 1.1rem;border:1px solid rgba(201,162,39,.55);border-radius:6px;background:linear-gradient(180deg,#2a2420,#1c1916);color:var(--accent);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.btn-print:hover:not(:disabled){border-color:var(--accent);color:#e8c44a}.btn-print:disabled{opacity:.45;cursor:not-allowed}.canvas-wrap{flex:1;min-height:420px;padding:.5rem 1rem 1rem;display:flex;align-items:stretch}#c{display:block;width:100%;height:100%;min-height:400px;border-radius:8px;background:#1a1f28;touch-action:none}.page-footer{padding:.75rem 1.25rem 1.25rem;text-align:center;font-size:.8rem;color:var(--muted);border-top:1px solid rgba(255,255,255,.06)}.page-footer p{margin:0;max-width:42rem;margin-inline:auto;line-height:1.5}