:root{--font-label:"Kalam", cursive;--font-anno:"Caveat", cursive;--ink:#1a1a1a;--paper:#fdfaf3;--warn:#7a4f00;--warn-bg:#fff3d6;--error:#8b1a1a;--error-bg:#fbe4e4;--line:#444;--focus:#1d4ed8}*{box-sizing:border-box}.skip-link{background:var(--focus);color:#fff;z-index:100;padding:.5rem 1rem;font-weight:600;position:absolute;top:-100px;left:0}.skip-link:focus{top:0}html{font-size:17px}html,body{height:100%;font-family:var(--font-label);color:var(--ink);background:var(--paper);margin:0;line-height:1.45}body{grid-template-columns:380px 1fr;min-height:100vh;display:grid}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}#panel{border-right:1px solid #ddd;padding:1.25rem 1.5rem;overflow-y:auto}#panel h1{font-family:var(--font-anno);color:var(--ink);margin:0 0 1.25rem;font-size:2.25rem}#controls label{color:var(--ink);margin-bottom:1.1rem;font-size:1.05rem;font-weight:600;display:block}#controls input[type=text]{width:100%;font-family:var(--font-label);min-height:44px;color:var(--ink);background:#fff;border:2px solid #888;border-radius:4px;margin-top:.3rem;padding:.55rem .7rem;font-size:1.1rem;display:block}#controls textarea{width:100%;font-family:var(--font-label);min-height:6.5rem;color:var(--ink);resize:vertical;background:#fff;border:2px solid #888;border-radius:4px;margin-top:.3rem;padding:.55rem .7rem;font-size:1.1rem;display:block}#controls textarea.warn,#controls textarea.error,#controls input.warn{border-color:var(--warn);background:var(--warn-bg)}#controls input.error{border-color:var(--error);background:var(--error-bg);border-width:2px}#controls .hint{color:var(--warn);margin-top:.3rem;font-size:.95rem;font-weight:500;display:block}#controls .hint.info{color:#444;font-style:italic;font-weight:400}#errors{min-height:1.5em;color:var(--error);background:var(--error-bg);border-left:4px solid var(--error);border-radius:3px;margin:.5rem 0;padding:.5rem .75rem;font-size:1rem;font-weight:600}#errors:empty{display:none}.mode-selector{background:#f3ecdc;border:2px solid #c8b88a;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.mode-selector .mode-heading{font-family:var(--font-anno);color:var(--ink);margin-right:.25rem;font-size:1.4rem;font-weight:700}.mode-selector .mode-option{cursor:pointer;align-items:center;gap:.4rem;min-height:44px;margin:0;padding:.25rem .5rem;font-size:1.1rem;display:inline-flex}.mode-selector .mode-option input[type=radio]{cursor:pointer;width:22px;height:22px;accent-color:var(--focus);background:0 0;border:none;margin:0;padding:0;display:inline-block}.checkbox-row{cursor:pointer;align-items:center;gap:.5rem;min-height:44px;margin-top:.4rem;display:inline-flex}.checkbox-row input[type=checkbox]{cursor:pointer;width:24px;height:24px;accent-color:var(--focus);background:#fff;border:2px solid #888;flex-shrink:0;margin:0;padding:0;display:inline-block}.checkbox-row span{font-size:1.05rem;font-weight:500}.actions{flex-direction:column;gap:.6rem;margin-top:1.25rem;display:flex}.actions button{width:100%;font-family:var(--font-label);min-height:48px;color:var(--ink);cursor:pointer;background:#fff;border:2px solid #666;border-radius:4px;padding:.7rem .9rem;font-size:1.1rem;font-weight:600}.actions button:hover{background:#f0ebe0}.actions button:active{background:#e6dec8}#canvas{justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative}#drawing{width:100%;height:auto;max-height:calc(100vh - 3rem)}.not-to-scale{font-family:var(--font-anno);color:var(--line);margin:0;font-size:1.2rem;position:absolute;top:.5rem;right:.75rem}@media (width<=800px){body{grid-template-columns:1fr}#panel{border-bottom:2px solid #ccc;border-right:none;padding:1rem}#canvas{min-height:60vh;padding:.75rem}#drawing{max-height:none}.not-to-scale{text-align:center;margin-bottom:.5rem;position:static}html{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@page{size:A4 landscape;margin:.5in}@page portrait{size:A4 portrait;margin:.5in}@media print{html,body{background:#fff;height:auto;font-size:12pt}body{page:auto;grid-template-columns:none;display:block}body[data-orientation=portrait]{page:portrait}#panel{display:none}#canvas{break-inside:avoid;page-break-inside:avoid;justify-content:center;align-items:center;min-height:100vh;padding:0;display:flex}#drawing{width:100%;max-width:10.69in;height:auto;max-height:7.27in}.not-to-scale{color:#555;position:fixed;bottom:.25in;right:.4in}}