:root{color:#1e1e1e;--panel-bg:#fff;--panel-border:#e3e3e3;--accent:#4285f4;--accent-soft:#e8f0fe;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:#fafafa;height:100%;margin:0;overflow:hidden}.app{-webkit-user-select:none;user-select:none;position:fixed;inset:0}.board{touch-action:none;display:block;position:absolute;inset:0}.text-editor{resize:none;caret-color:currentColor;z-index:5;background:0 0;border:none;outline:none;margin:0;padding:0;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #4285f480}.text-editor::placeholder{color:#00000059}.toolbar{background:var(--panel-bg);border:1px solid var(--panel-border);z-index:10;border-radius:10px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;box-shadow:0 2px 10px #00000014}.toolbar.top{top:12px;left:50%;transform:translate(-50%)}.toolbar.bottom-left{bottom:12px;left:12px}.toolbar.bottom-right{bottom:12px;right:12px}.tool{color:#333;cursor:pointer;width:36px;height:36px;font:inherit;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:inline-flex;position:relative}.tool:hover:not(:disabled){background:#f1f1f1}.tool.active{background:var(--accent-soft);color:var(--accent)}.tool:disabled{opacity:.35;cursor:default}.tool .key{opacity:.45;font-size:8px;position:absolute;bottom:1px;right:3px}.tool.zoom-label{width:auto;min-width:52px;padding:0 8px;font-size:12px}.tool.text-btn{width:auto;padding:0 10px;font-size:12px}.sep{background:var(--panel-border);width:1px;height:24px;margin:0 4px}.wordmark{z-index:10;pointer-events:none;color:#1e1e1e;letter-spacing:.01em;font-family:Caveat,Segoe Print,Comic Sans MS,cursive;font-size:26px;font-weight:500;line-height:1;position:absolute;top:16px;left:16px}.wordmark span{color:var(--accent);margin-left:6px}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);z-index:10;border-radius:10px;flex-direction:column;gap:10px;width:210px;padding:10px 12px;display:flex;position:absolute;top:64px;left:12px;box-shadow:0 2px 10px #00000014}.prop-label{color:#777;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:11px}.swatches,.row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.swatch{cursor:pointer;border:1px solid #00000026;border-radius:5px;width:22px;height:22px;padding:0;position:relative}.swatch.active{outline:2px solid var(--accent);outline-offset:1px}.swatch.transparent{background-color:#0000;background-image:linear-gradient(45deg,#ddd 25%,#0000 25% 75%,#ddd 75%),linear-gradient(45deg,#ddd 25%,#fff 25% 75%,#ddd 75%);background-position:0 0,4px 4px;background-repeat:repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.swatch.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden}.swatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%}.chip{border:1px solid var(--panel-border);color:#333;cursor:pointer;min-width:34px;height:28px;font:inherit;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.num{border:1px solid var(--panel-border);width:56px;height:28px;font:inherit;border-radius:6px;padding:0 6px;font-size:12px}select{border:1px solid var(--panel-border);width:100%;height:30px;font:inherit;background:#fff;border-radius:6px;padding:0 6px}.hint{color:#999;pointer-events:none;white-space:nowrap;font-size:11px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@media (width<=900px){.hint{display:none}}.boardbar{z-index:10;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;align-items:center;gap:6px;padding:4px 6px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 10px #00000014}.boardbar-note{color:#888;padding:0 4px;font-size:12px}.boardbar-status{color:#888;text-align:right;min-width:44px;padding-right:2px;font-size:11px}.boardbar-status.error,.boardbar-status.offline{color:#e03131}.boardbar-status.saving{color:#f08c00}.board-select{width:auto;max-width:180px;height:28px;font-size:12px}.chip.primary{background:var(--accent);border-color:var(--accent);color:#fff}.chip.primary:hover{filter:brightness(.95)}.loading{color:#888;background:#fafafa;justify-content:center;align-items:center;font-size:14px;display:flex;position:fixed;inset:0}