.excalinest-app{--excalinest-surface: #ffffff;--excalinest-surface-subtle: #f8f9fa;--excalinest-surface-neutral: #f1f3f5;--excalinest-surface-neutral-hover: #e9ecef;--excalinest-accent-surface: #f1f0ff;--excalinest-border: #e9ecef;--excalinest-border-strong: #ced4da;--excalinest-text: #343a40;--excalinest-text-secondary: #495057;--excalinest-text-muted: #868e96;--excalinest-accent: #6965db;--excalinest-portal-ring-stroke: rgba(17, 24, 39, .5);--excalinest-portal-parcel: #343a40;--excalinest-danger: #e03131;--excalinest-drawer-shadow: -4px 0 15px rgba(0, 0, 0, .1);--excalinest-modal-shadow: 0 4px 24px rgba(0, 0, 0, .15);color:var(--excalinest-text);color-scheme:light}.excalinest-app[data-theme=dark]{--excalinest-surface: #232329;--excalinest-surface-subtle: hsl(245, 10%, 21%);--excalinest-surface-neutral: #36363c;--excalinest-surface-neutral-hover: #46464f;--excalinest-accent-surface: #403e6a;--excalinest-border: #35353d;--excalinest-border-strong: #46464f;--excalinest-text: #e3e3e8;--excalinest-text-secondary: #ced4da;--excalinest-text-muted: #999999;--excalinest-accent: #a8a5ff;--excalinest-portal-ring-stroke: rgba(255, 255, 255, .62);--excalinest-danger: #ffa8a5;--excalinest-drawer-shadow: -4px 0 15px rgba(0, 0, 0, .35);--excalinest-modal-shadow: 0 4px 24px rgba(0, 0, 0, .4);color-scheme:dark}.portal-preview{position:fixed;z-index:25;pointer-events:none;overflow:hidden;border:1px solid var(--excalinest-border-strong);border-radius:16px;background:var(--excalinest-surface);color:var(--excalinest-text);box-shadow:var(--excalinest-modal-shadow);font-family:Assistant,system-ui,sans-serif}.workspace-save-error{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--excalinest-surface);color:var(--excalinest-danger);border-bottom:1px solid var(--excalinest-danger);font:14px/1.4 Assistant,system-ui,sans-serif}.workspace-save-error button{flex-shrink:0;padding:6px 12px;border:1px solid var(--excalinest-border-strong);border-radius:6px;background:var(--excalinest-surface-neutral);color:var(--excalinest-text);font:inherit;cursor:pointer}.workspace-save-error button:disabled{opacity:.6;cursor:wait}.portal-drag-backing,.portal-drag-bead-layer,.portal-drag-backing canvas,.portal-drag-bead{position:fixed;pointer-events:none}.portal-drag-backing,.portal-drag-bead-layer{inset:0;z-index:2;overflow:hidden}.portal-drag-bead-layer{z-index:3}.portal-drag-content,.portal-drag-bead{transform-origin:center;transition:transform var(--portal-wrap-duration) cubic-bezier(.2,.8,.2,1),opacity var(--portal-wrap-duration) ease}.portal-drag-bead{background:var(--excalinest-portal-parcel);clip-path:circle(25% at 50% 50%)}.portal-dot-visual{pointer-events:none;transform:scale(1);transform-box:view-box;transform-origin:var(--portal-dot-anchor) 0;transition:transform var(--portal-wrap-duration) cubic-bezier(.2,.8,.2,1)}.portal-dot-visual--receiving{transform:scale(var(--portal-open-scale))}.portal-dot-ring path{transition:stroke-width var(--portal-wrap-duration) ease}.portal-dot-visual--receiving .portal-dot-ring path{stroke-width:.5}@media(prefers-reduced-motion:reduce){.portal-dot-visual,.portal-dot-ring path,.portal-drag-content,.portal-drag-bead{transition:none}}.portal-drop-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.portal-preview-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;height:38px;padding:0 16px;border-bottom:1px solid var(--excalinest-border);font-size:14px}.portal-preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.portal-preview-hint{flex-shrink:0;color:var(--excalinest-text-muted);font-size:12px}.portal-preview-body{position:relative}.portal-preview-content,.portal-preview-content canvas{display:block;width:100%;height:100%}.portal-preview-status{position:absolute;inset:0;display:grid;place-items:center;color:var(--excalinest-text-secondary);font-size:16px}.portal-hue-picker{position:relative;display:flex;align-items:center}.portal-hue-picker-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--border-radius-md, 6px);background:transparent;color:var(--text-primary-color, var(--excalinest-text));cursor:pointer}.portal-hue-picker-button:hover:not(:disabled),.portal-hue-picker-button[aria-expanded=true]{background:var(--color-surface-primary-container, var(--excalinest-accent-surface));color:var(--color-primary, var(--excalinest-accent))}.portal-hue-picker-button:disabled{cursor:not-allowed;color:var(--color-gray-50, #adb5bd);opacity:.6}.portal-hue-picker-button:focus-visible{outline:2px solid var(--color-primary, var(--excalinest-accent));outline-offset:1px}.portal-hue-picker-icon{display:block;flex:none}.portal-hue-popover{position:fixed;z-index:20;box-sizing:border-box;width:276px;padding:12px;border:1px solid var(--excalinest-border);border-radius:10px;background:var(--excalinest-surface);color:var(--excalinest-text);box-shadow:var(--excalinest-modal-shadow);font-family:Assistant,system-ui,sans-serif;overflow-y:auto}.portal-hue-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:600}.portal-palette-grid{display:grid;grid-template-columns:repeat(5,1.875rem);justify-content:center;gap:.25rem;padding:.5rem;border-radius:var(--border-radius-lg, 8px)}.portal-palette-swatch{position:relative;width:1.875rem;height:1.875rem;padding:0;border:1px solid var(--excalinest-border-strong);border-radius:var(--border-radius-md, 6px);box-shadow:none;cursor:pointer}.portal-palette-swatch:hover{border-color:var(--color-gray-60, var(--excalinest-text-muted))}.portal-palette-swatch[aria-pressed=true],.portal-palette-swatch[data-editing=true]{border-color:var(--color-primary, var(--excalinest-accent))}.portal-palette-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--excalinest-surface),0 0 0 3px var(--color-primary, var(--excalinest-accent))}.portal-palette-swatch[data-editing=true]{box-shadow:0 0 0 2px var(--excalinest-surface),0 0 0 4px var(--color-primary, var(--excalinest-accent)),inset 0 0 0 2px #1418208c}.portal-palette-swatch:focus-visible{outline:2px solid var(--color-primary, var(--excalinest-accent));outline-offset:2px}.portal-palette-letter{position:absolute;right:4px;bottom:2px;font-size:11px;font-weight:600;line-height:1;pointer-events:none}.portal-palette-editor{margin-top:12px;padding-top:10px;border-top:1px solid var(--excalinest-border)}.portal-palette-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--excalinest-text-secondary);font-size:12px;font-weight:500}.portal-palette-editor-preview{width:18px;height:18px;border:1px solid var(--excalinest-border-strong);border-radius:50%}.portal-hue-value{color:var(--excalinest-text-muted);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500}.portal-color-editor{display:grid;justify-items:center;gap:10px}.portal-color-editor-wheel{display:block;width:220px;max-width:100%;height:auto;border-radius:50%;cursor:crosshair;touch-action:none}.portal-color-editor-controls{display:grid;width:100%;gap:8px}.portal-color-editor-field{min-width:0;color:var(--excalinest-text-secondary);font-size:11px;font-weight:600}.portal-color-editor-hex-field{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px}.portal-color-editor-field-label{text-align:left}.portal-color-editor-hex-input,.portal-color-editor-hsl-input{box-sizing:border-box;width:100%;height:30px;border:1px solid var(--excalinest-border-strong);border-radius:var(--border-radius-md, 6px);outline:none;background:var(--excalinest-surface-subtle);color:var(--excalinest-text);font:inherit;font-size:12px;font-variant-numeric:tabular-nums}.portal-color-editor-hex-input{padding:0 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:lowercase}.portal-color-editor-hex-input[aria-invalid=true]{border-color:var(--excalinest-danger);box-shadow:0 0 0 1px var(--excalinest-danger)}.portal-color-editor-hex-input:focus,.portal-color-editor-hsl-input:focus{border-color:var(--color-primary, var(--excalinest-accent));box-shadow:0 0 0 1px var(--color-primary, var(--excalinest-accent))}.portal-color-editor-hsl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.portal-color-editor-hsl-field{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:3px}.portal-color-editor-number-wrap{position:relative;display:block;min-width:0}.portal-color-editor-hsl-input{padding:0 18px 0 6px;appearance:textfield}.portal-color-editor-hsl-input::-webkit-inner-spin-button,.portal-color-editor-hsl-input::-webkit-outer-spin-button{margin:0;appearance:none}.portal-color-editor-number-suffix{position:absolute;top:50%;right:6px;color:var(--excalinest-text-muted);font-size:10px;font-weight:500;line-height:1;pointer-events:none;transform:translateY(-50%)}.welcome-screen{--welcome-bg: #0e0e14;--welcome-ink: #f2f0ff;--welcome-grad-1: #6366f1;--welcome-grad-2: #8b5cf6;--welcome-grad-3: #a855f7;position:fixed;inset:0;overflow:hidden;background:var(--welcome-bg);color:var(--welcome-ink);font-family:Assistant,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}.welcome-aurora{position:absolute;inset:-20%;background:radial-gradient(46% 42% at 28% 30%,rgba(99,102,241,.6),transparent 66%),radial-gradient(42% 42% at 74% 62%,rgba(168,85,247,.5),transparent 68%),radial-gradient(60% 52% at 50% 102%,rgba(59,130,246,.24),transparent 74%)}.welcome-tunnel{position:absolute;inset:0;overflow:hidden;perspective:900px}.welcome-tunnel-frame{position:absolute;top:50%;left:50%;width:520px;height:340px;margin:-170px 0 0 -260px;border:1.5px solid rgba(196,186,255,.85);border-radius:18px;opacity:0;transform-style:preserve-3d;animation:welcome-dive 9s linear infinite}.welcome-tunnel-frame:nth-child(1){animation-delay:0s}.welcome-tunnel-frame:nth-child(2){animation-delay:-1.5s}.welcome-tunnel-frame:nth-child(3){animation-delay:-3s}.welcome-tunnel-frame:nth-child(4){animation-delay:-4.5s}.welcome-tunnel-frame:nth-child(5){animation-delay:-6s}.welcome-tunnel-frame:nth-child(6){animation-delay:-7.5s}@keyframes welcome-dive{0%{opacity:0;transform:translateZ(-2200px) rotate(-2deg)}14%{opacity:.85}72%{opacity:.28}to{opacity:0;transform:translateZ(340px) rotate(1.5deg)}}@media(prefers-reduced-motion:reduce){.welcome-tunnel-frame{opacity:.34;animation:none}.welcome-tunnel-frame:nth-child(1){transform:translateZ(-1900px)}.welcome-tunnel-frame:nth-child(2){transform:translateZ(-1500px)}.welcome-tunnel-frame:nth-child(3){transform:translateZ(-1100px)}.welcome-tunnel-frame:nth-child(4){transform:translateZ(-700px)}.welcome-tunnel-frame:nth-child(5){transform:translateZ(-320px)}.welcome-tunnel-frame:nth-child(6){opacity:.18;transform:translateZ(40px)}}.welcome-scrim{position:absolute;inset:0;background:radial-gradient(50% 44% at 50% 46%,#0e0e14bd 18%,#0e0e144d 56%,#0e0e14e0)}.welcome-grain{position:absolute;inset:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.welcome-content{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center}.welcome-panel{width:min(460px,100%)}.welcome-mark{display:block;width:54px;height:54px;margin:0 auto 26px;color:#c9c4ff;filter:drop-shadow(0 0 18px rgba(150,130,255,.55))}.welcome-wordmark{margin:0 0 14px;color:var(--welcome-ink);font-size:25px;font-weight:500;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase}.welcome-rule{width:46px;height:1px;margin:0 auto 18px;background:linear-gradient(90deg,transparent,rgba(200,190,255,.7),transparent)}.welcome-tagline{margin:0 0 40px;color:#e2deffb8;font-size:15.5px;line-height:1.65}.welcome-cta{display:inline-flex;align-items:center;gap:11px;padding:14px 36px;border:1px solid transparent;border-radius:999px;background-image:linear-gradient(#0e0e1442,#0e0e1442),linear-gradient(120deg,var(--welcome-grad-1),var(--welcome-grad-2),var(--welcome-grad-3));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 28px #785af047;color:#efedff;font:inherit;font-size:15.5px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.welcome-cta:hover{box-shadow:0 0 42px #8c6eff73;transform:translateY(-1px)}.welcome-cta:focus-visible{outline:2px solid rgba(220,214,255,.9);outline-offset:3px}.welcome-cta-arrow{width:16px;height:16px;flex:none}.welcome-hint{margin:22px 0 0;color:#e2deff9e;font-size:12.5px;letter-spacing:.04em}.welcome-meta{position:absolute;right:0;bottom:26px;left:0;display:flex;justify-content:space-between;padding:0 34px;color:#e2deff94;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}@media(max-width:560px){.welcome-wordmark{font-size:20px;letter-spacing:.3em;text-indent:.3em}.welcome-cta{width:100%;justify-content:center}.welcome-meta{padding:0 20px;font-size:10.5px}}@media(max-height:420px){.welcome-content{padding-block:12px}.welcome-mark{width:40px;height:40px;margin-bottom:12px}.welcome-wordmark{margin-bottom:8px;font-size:20px}.welcome-rule{margin-bottom:10px}.welcome-tagline{margin-bottom:20px;line-height:1.45}.welcome-hint{margin-top:12px}.welcome-meta{display:none}}