*{box-sizing:border-box;margin:0;padding:0}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--panel-bg:#fff;--panel-border:#14161e1a;--panel-shadow:0 2px 6px #14161e14, 0 12px 32px #14161e1a;--icon:#4b5563;--icon-hover:#111827;--hover-bg:#14161e12;--open-bg:#14161e17;--accent:#6366f1;--on-accent:#fff;--divider:#14161e1f;--caption:#9ca3af;--field-bg:#14161e0d;--field-border:#14161e1f;--field-text:#1f2937;--caret:#14161e66;--swatch-border:#14161e2e;--swatch-active-ring:#111827;--danger-bg:#f8717129;--danger-text:#b91c1c;--page-bg:#f6f5f2;--page-text:#1f2937}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel-bg:#1e2028;--panel-border:#ffffff14;--panel-shadow:0 2px 6px #0a0c1240, 0 12px 32px #0a0c1238;--icon:#c0c3cf;--icon-hover:#fff;--hover-bg:#ffffff14;--open-bg:#ffffff1a;--accent:#6366f1;--on-accent:#fff;--divider:#ffffff1f;--caption:#ffffff73;--field-bg:#ffffff12;--field-border:#ffffff1a;--field-text:#e8eaf1;--caret:#fff6;--swatch-border:#fff3;--swatch-active-ring:#fff;--danger-bg:#f871712e;--danger-text:#fca5a5;--page-bg:#16171c;--page-text:#e8eaf1}html,body,#root{height:100%;font-family:system-ui,sans-serif;overflow:hidden}.app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;position:relative}.canvas-host{touch-action:none;position:absolute;inset:0}.canvas-host canvas{display:block}.toolbar,.zoom-controls,.style-popup,.dd-menu{background:var(--panel-bg);color:var(--icon);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:12px}.toolbar,.zoom-controls,.style-popup{align-items:center;gap:2px;padding:5px 6px;display:flex;position:absolute}.toolbar{top:16px;left:50%;transform:translate(-50%)}.zoom-controls{bottom:16px;right:16px}.toolbar-logo{-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;border-radius:8px;margin:0 6px 0 4px;padding:2px 4px;font-size:19px}.toolbar-logo:hover{background:var(--hover-bg)}.tool,.popup-btn{cursor:pointer;min-width:34px;height:34px;color:var(--icon);background:0 0;border:none;border-radius:8px;place-items:center;display:grid}.tool:hover:not(:disabled),.popup-btn:hover:not(:disabled){background:var(--hover-bg);color:var(--icon-hover)}.tool.active,.popup-btn.active{background:var(--accent);color:var(--on-accent)}.tool:disabled,.popup-btn:disabled{opacity:.3;cursor:default}.tool.danger:hover:not(:disabled),.popup-btn.danger:hover:not(:disabled){background:var(--danger-bg);color:var(--danger-text)}.divider{background:var(--divider);flex:none;width:1px;height:20px;margin:0 5px}.zoom-label{font-variant-numeric:tabular-nums;color:var(--icon);cursor:pointer;background:0 0;border:none;border-radius:8px;min-width:48px;height:34px;font-size:12.5px}.zoom-label:hover{background:var(--hover-bg);color:var(--icon-hover)}.style-popup{z-index:20}.dd{position:relative}.popup-btn.chip{align-items:center;gap:4px;width:auto;padding:0 7px;display:flex}.popup-btn.chip.open{background:var(--open-bg);color:var(--icon-hover)}.caret{color:var(--caret);font-size:8px}.color-chip-swatch{border:1px solid var(--swatch-border);border-radius:5px;width:16px;height:16px;display:inline-block}.color-chip-swatch.ring{background:0 0;border:4.5px solid}.chip-aa{letter-spacing:.01em;font-size:13.5px;font-weight:650}.dd-backdrop{z-index:29;position:fixed;inset:0}.dd-menu{z-index:30;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.style-popup.opens-up .dd-menu{top:auto;bottom:calc(100% + 10px)}.dd-row{align-items:center;gap:4px;display:flex}.dd-separator{background:var(--divider);height:1px;margin:2px 0}.dd-caption{letter-spacing:.07em;text-transform:uppercase;color:var(--caption);-webkit-user-select:none;user-select:none;flex:none;width:72px;font-size:10.5px;font-weight:600}.swatch{border:1px solid var(--swatch-border);cursor:pointer;border-radius:6px;flex:none;width:22px;height:22px;padding:0}.swatch:hover{transform:scale(1.12)}.swatch.active{outline:2px solid var(--swatch-active-ring);outline-offset:1.5px}.num-field{background:var(--field-bg);border:1px solid var(--field-border);border-radius:7px;align-items:center;gap:3px;height:28px;padding:0 7px 0 3px;display:flex}.num-field input{font-variant-numeric:tabular-nums;text-align:right;width:42px;color:var(--field-text);background:0 0;border:none;outline:none;font-size:12.5px}.num-field span{color:var(--caption);-webkit-user-select:none;user-select:none;font-size:11px}.popup-select{border:1px solid var(--field-border);background:var(--field-bg);height:28px;color:var(--field-text);border-radius:7px;outline:none;flex:none;padding:0 4px;font-size:12.5px}.popup-btn.flip svg{transform:scaleX(-1)}.popup-btn.text{align-items:center;width:auto;padding:0 10px;font-size:12.5px;font-weight:500;display:flex}.text-editor{z-index:10;-webkit-user-select:text;user-select:text;outline-offset:-1.5px;resize:none;background:0 0;border:none;outline:1.5px dashed #6366f1;font-family:system-ui,sans-serif;line-height:1.3;position:absolute;overflow:hidden}.dashboard{background:var(--page-bg);height:100%;color:var(--page-text);padding:32px clamp(16px,6vw,96px) 64px;overflow-y:auto}.dashboard-header{align-items:center;gap:12px;padding:8px 0 28px;display:flex}.dashboard-logo{-webkit-user-select:none;user-select:none;font-size:28px}.dashboard-header h1{flex:1;font-size:22px;font-weight:700}.new-board-btn{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600}.new-board-btn:hover{filter:brightness(1.08)}.board-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.board-card{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:18px 14px 18px 18px;transition:transform 80ms;display:flex}.board-card:hover{transform:translateY(-2px)}.board-card-body{flex:1;min-width:0}.board-name{color:var(--field-text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.board-name-input{color:var(--field-text);background:var(--field-bg);border:1px solid var(--field-border);border-radius:6px;width:100%;padding:2px 6px;font-family:inherit;font-size:15px;font-weight:600}.board-caption{color:var(--caption);margin-top:4px;font-size:12px}.board-card-actions{flex-shrink:0;gap:2px;display:flex}.popup-btn.confirm{background:var(--danger-bg);width:auto;padding:0 10px;font-size:12px;font-weight:600}.login-screen{place-items:center;display:grid}.login-card{background:var(--panel-bg);border:1px solid var(--panel-border);width:min(340px,90vw);box-shadow:var(--panel-shadow);border-radius:16px;flex-direction:column;gap:10px;padding:28px;display:flex}.login-title{justify-content:center;align-items:center;gap:10px;margin-bottom:4px;display:flex}.login-title h1{font-size:20px;font-weight:700}.login-server{color:var(--caption);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:12px;overflow:hidden}.login-input{border:1px solid var(--field-border);background:var(--field-bg);height:38px;color:var(--field-text);border-radius:9px;outline:none;padding:0 12px;font-family:inherit;font-size:14px}.login-input:focus{border-color:var(--accent)}.login-alt{color:var(--icon);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:13px}.login-alt:hover:not(:disabled){background:var(--hover-bg);color:var(--icon-hover)}.login-notice{color:var(--danger-text);background:var(--danger-bg);border-radius:8px;padding:8px 10px;font-size:12.5px}.account{align-items:center;gap:4px;display:flex}.account-email{color:var(--caption);font-size:13px}.connect-panel{align-items:center;gap:6px;display:flex}.connect-panel .login-input{width:260px;height:34px}.tool.shape-chip{align-items:center;gap:4px;width:auto;padding:0 7px;display:flex}.dd-menu.shape-grid{grid-template-columns:repeat(6,36px);gap:2px;display:grid}