:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:#012;color:#fff}.container{margin:0 auto;max-width:1100px;padding:2rem 1rem}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid #ddd;border-radius:.5rem;padding:1rem;color:#111}.fullWidth{grid-column:1/-1}.jsonEditor{width:100%;min-height:32rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.875rem;line-height:1.4;padding:.75rem;border:1px solid #ccc;border-radius:.25rem}.panel pre{overflow-x:auto}.editorActions{display:flex;gap:.5rem;margin-bottom:.75rem}.editorActions button{border:1px solid #ccc;background:#f8f8f8;border-radius:.25rem;padding:.4rem .65rem;cursor:pointer}.editorActions button:hover{background:#f0f0f0}.orientationControls{display:flex;gap:.75rem;flex-wrap:wrap}.orientationControls label{display:inline-flex;align-items:center;gap:.3rem}.templateGrid{display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:.75rem}.templateButton{border:1px solid #ccc;background:#f8f8f8;border-radius:.25rem;padding:.5rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.2rem}.templateButton:hover{background:#f0f0f0}.templateButton span{font-size:.8rem;color:#444}.templateCapabilities ul{margin-top:.4rem;padding-left:1.15rem}.printControls{display:grid;grid-gap:.65rem;gap:.65rem;margin-bottom:.75rem}.printControls label{display:grid;grid-gap:.3rem;gap:.3rem;font-size:.9rem}.printControls input[type=number]{max-width:10rem;border:1px solid #ccc;border-radius:.25rem;padding:.35rem .45rem}.printControls input[type=checkbox]{margin-right:.35rem}