html,body,#root{background:var(--ds-page);min-height:100%;margin:0}.toolbar{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.toolbar button{min-height:44px}.settings{border-block:1px solid var(--ds-hairline);margin:16px 0;padding:6px 0}.settings summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.settings summary:before{content:"+";color:var(--ds-ink-2);margin-right:10px}.settings[open] summary:before{content:"−"}.fields{grid-template-columns:repeat(4,minmax(100px,1fr));gap:12px;padding:10px 0;display:grid}.fields label,.textentry{flex-direction:column;gap:5px;font-size:13px;display:flex}.fields input,.fields select,.textentry input{box-sizing:border-box;border:1px solid var(--ds-hairline);background:var(--ds-page);width:100%;min-height:44px;font:inherit;color:var(--ds-ink);border-radius:4px;padding:8px;font-size:16px}.settings p{color:var(--ds-ink-2);font-size:12px;line-height:1.5}.hint{color:var(--ds-ink-2);margin:12px 0;font-size:13px;line-height:1.5}.board{border:1px solid var(--ds-hairline);background:var(--ds-page);box-sizing:border-box;border-radius:8px;width:100%;overflow:hidden}.board svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:390px;display:block}.mark,.jump{cursor:grab}.board text{font-family:inherit}.toggles{flex-wrap:wrap;gap:12px 22px;margin:8px 0;display:flex}.toggles label{align-items:center;gap:7px;min-height:44px;font-size:13px;display:flex}.toggles input{accent-color:#285e50;width:18px;height:18px}.palette{justify-content:flex-start;gap:6px;margin:10px 0;display:flex}.palette button{border:4px solid var(--ds-page);cursor:pointer;border-radius:7px;flex:0 36px;width:32px;min-width:20px;height:44px}.palette button.chosen{outline:2px solid var(--ds-ink);outline-offset:0}.eraser{align-items:center;gap:20px;min-height:86px;display:flex}.eraser label{flex-direction:column;font-size:13px;display:flex}.eraser span{border:1px dashed var(--ds-ink-2);box-sizing:border-box;background:var(--ds-raised);border-radius:50%;display:block}.confirm{background:var(--ds-raised);flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.error{color:var(--ds-red)!important}.actions{margin-top:4px}.textentry{max-width:420px}@media (width<=600px){.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{gap:6px}.toolbar button{padding-left:10px;padding-right:10px}.modes{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.modes button{width:100%}.palette{gap:2px}.actions button{flex:auto}.board svg{height:390px}}.palette{gap:1px}.palette button{flex:0 0 44px;width:44px;min-width:44px}