#root,body,html{height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}body{background:#d9dee6;color:#111827;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app{display:grid;grid-template-rows:auto 1fr;height:100%}.toolbar{align-items:center;background:#fff;border-bottom:1px solid #cbd5e1;display:flex;flex-wrap:wrap;gap:8px;padding:8px}.size-control,.toolbar-section{align-items:center;display:flex;gap:6px}.toolbar button{cursor:pointer;padding:5px 10px}.toolbar button,.toolbar select{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;color:#111827;min-height:32px}.toolbar select{padding:5px 8px}.toolbar button:hover{border-color:#64748b}.toolbar button.active{background:#dbeafe;border-color:#2563eb}.colors{border-left:1px solid #cbd5e1;padding-left:8px}.swatch{border-radius:999px;height:28px;min-height:28px;padding:0;width:28px}.custom-color{background:#0000;border:0;cursor:pointer;height:30px;padding:0;width:34px}.size-control{border-left:1px solid #cbd5e1;padding-left:8px}.size-control input{accent-color:#2563eb;width:120px}.size-control output{color:#475569;min-width:22px}.actions,.canvas-options{border-left:1px solid #cbd5e1;padding-left:8px}.actions{margin-left:auto}.toolbar-divider{align-self:stretch;background:#cbd5e1;display:block;width:1px}.canvas-area{min-height:0;padding:8px}.canvas-shell{height:100%;position:relative}.canvas-shell.grid-on:after{background-image:linear-gradient(#11182724 1px,#0000 0),linear-gradient(90deg,#11182724 1px,#0000 0);background-size:24px 24px;content:"";inset:0;pointer-events:none;position:absolute}.sketch-canvas{display:block;height:100%!important;width:100%!important}@media (max-width:720px){.toolbar{max-height:34vh;overflow-y:auto}.actions{margin-left:0}.size-control{flex:1 1 220px}.size-control input{flex:1 1;min-width:90px}}
/*# sourceMappingURL=main.90ea35ce.css.map*/