.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-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-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%)}