:root{color-scheme:light;--ink:#243046;--muted:#586476;--line:#d8dedf;--paper:#fff;--page:#f3f5f1;--accent:#176c58;--focus:#b63b11;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink)}a{color:#155d4d;text-underline-offset:3px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{min-height:44px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:8px 14px;font-weight:600;cursor:pointer}button:hover:not(:disabled){background:#edf3ef}button:disabled{opacity:.45;cursor:not-allowed}button[aria-pressed=true]{background:#e6f1eb;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip{position:absolute;top:-80px;left:12px;background:#fff;padding:12px;z-index:9}.skip:focus{top:12px}.shell{width:min(1080px,100% - 36px);margin:0 auto}header{padding:26px 0 18px;display:flex;justify-content:space-between;gap:18px;align-items:center}.brand{display:flex;align-items:center;gap:12px}.mark{font-size:27px;background:#e0ebdd;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;transform:rotate(-5deg)}h1{font-size:clamp(1.45rem,4vw,1.9rem);line-height:1.2;margin:0;letter-spacing:-.035em}.tagline{margin:5px 0 0;color:var(--muted);font-size:.92rem}.local-badge{font-size:.78rem;border:1px solid #c9d8ce;border-radius:30px;padding:5px 10px;white-space:nowrap;color:#275840;background:#e7efe5}main{padding-bottom:20px}.pad{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #24304608}.toolbar{padding:15px 18px;display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.tools,.history,.colors,.size-control,.export-row{display:flex;align-items:center;gap:8px}.tools{flex-wrap:wrap}.colors{gap:5px}.swatch{width:35px;height:44px;min-width:35px;padding:4px;border-color:transparent;background:transparent;border-radius:9px}.swatch::before{content:"";display:block;width:25px;height:25px;border-radius:50%;background:var(--swatch);border:1px solid #0003}.swatch[aria-pressed=true]{box-shadow:none;background:#e6f1eb;border-color:#176c58}.swatch[data-color="#243046"]{--swatch:#243046}.swatch[data-color="#d83c4b"]{--swatch:#d83c4b}.swatch[data-color="#df7619"]{--swatch:#df7619}.swatch[data-color="#17745c"]{--swatch:#17745c}.swatch[data-color="#2e63c7"]{--swatch:#2e63c7}.swatch[data-color="#7952b3"]{--swatch:#7952b3}.swatch[data-color="#ffffff"]{--swatch:#fff}.tool-label{color:var(--muted);font-size:.78rem}.size-control{gap:10px;flex:1 1 200px;max-width:260px}.size-control label{font-size:.86rem;font-weight:600}.size-control input{min-width:72px;width:100%;accent-color:var(--accent);min-height:44px}.size-control output{font-size:.82rem;white-space:nowrap;min-width:39px}.board{padding:18px;background:#edf0eb}.canvas-wrap{border:1px solid #cad1cd;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 5px #24304609}canvas{display:block;width:100%;height:auto;aspect-ratio:3/2;background:#fff;touch-action:none;cursor:crosshair;user-select:none}canvas.erasing{cursor:cell}.under-canvas{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px;font-size:.77rem;color:var(--muted)}.footer-actions{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);flex-wrap:wrap}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover:not(:disabled){background:#0d5947}.danger{color:#973526}.confirmation{border-top:1px solid #e8cba9;background:#fff7e8;padding:16px 18px}.confirmation p{margin:0 0 12px}.confirmation button{margin-right:8px}.status-line{padding:12px 2px 0;min-height:38px;font-size:.88rem;color:#3e554a}.save-note{margin:4px 0 0;color:var(--muted);font-size:.8rem}.warning{padding:12px;background:#fff2d9;border:1px solid #cead76;border-radius:8px}.small-link{font-size:.85rem;min-height:44px;display:inline-flex;align-items:center}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.help-grid h2{font-size:1rem;margin:0 0 6px}.help-grid p{color:var(--muted);font-size:.86rem;margin:0}details{font-size:.85rem;color:var(--muted)}summary{cursor:pointer;min-height:44px;display:list-item;padding-top:10px}kbd{font:inherit;border:1px solid #d0d7d0;background:white;padding:0 4px;border-radius:3px}.site-footer{font-size:.8rem;display:flex;gap:20px;padding:20px 0 30px;color:var(--muted);border-top:1px solid var(--line)}.article{max-width:740px;background:#fff;border:1px solid var(--line);padding:clamp(20px,5vw,42px);border-radius:14px;margin-bottom:28px}.article h1{margin-bottom:22px}.article h2{font-size:1.2rem;margin-top:28px}.article p,.article li{color:#445065}.article li{margin:8px 0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:700px){.shell{width:calc(100% - 24px)}header{padding-top:18px}.local-badge{display:none}.toolbar{padding:10px 12px;gap:10px}.colors{gap:3px}.swatch{min-width:32px;width:32px}.size-control{max-width:none;flex:1 1 100%}.board{padding:10px}.footer-actions{padding:12px}.history{gap:5px}.history button{padding-inline:11px}.help-grid{grid-template-columns:1fr;gap:17px;margin-top:20px}.under-canvas{align-items:flex-start;gap:8px}.under-canvas span:first-child{max-width:75%}.footer-actions .primary{flex:1}.export-row{flex:1 1 100%;flex-wrap:wrap}.site-footer{flex-wrap:wrap;gap:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}