:root{--cap-zoom: 1;--cap-color-background: #ffffff;--cap-color-grid: #e8e8e8;--cap-color-selected: #3b82f6;--cap-color-selection-stroke: #3b82f6;--cap-color-selection-fill: rgba(59, 130, 246, .05);--cap-color-text: #1d1d1d;--cap-color-muted: #aaaaaa;--cap-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.cap-container{position:relative;width:100%;height:100%;overflow:hidden;outline:none;font-family:var(--cap-font-family);touch-action:none;-webkit-tap-highlight-color:transparent;isolation:isolate;z-index:0;display:grid;grid-template:"top    top    top" auto "left   canvas right" 1fr "bottom bottom bottom" auto / auto 1fr auto}.cap-container:focus{outline:none}.cap-container__no-focus-ring:focus-visible{outline:none}.cap-canvas{grid-area:canvas;position:relative;user-select:none;-webkit-user-select:none;overflow:hidden}.cap-svg-context{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cap-html-layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;transform-origin:0 0;pointer-events:none}.cap-html-layer>*{pointer-events:auto}.cap-background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--cap-color-background)}.cap-background__wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cap-grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cap-grid-dot{fill:var(--cap-color-grid)}.cap-overlays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:200}.cap-overlays__item{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;transform-origin:0 0}.cap-binding-indicator{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;z-index:50}.cap-collaborator-cursor{position:absolute;top:0;left:0;pointer-events:none;will-change:transform;transform-origin:0 0;z-index:999}.cap-collaborator-cursor__nametag{position:absolute;top:16px;left:10px;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:500;line-height:16px;color:#fff;white-space:nowrap}.cap-canvas__in-front{position:relative;z-index:300}.cap-shape{position:absolute;top:0;left:0;transform-origin:0 0;overflow:visible}.cap-svg-container{overflow:visible;display:block}.cap-shape[data-culled=true]{pointer-events:none}.cap-selection__fg{overflow:visible}.cap-selection__fg__hit-area{fill:transparent;pointer-events:auto;cursor:move}.cap-selection__fg__outline{fill:none;stroke:var(--cap-color-selection-stroke);stroke-width:calc(1.5px / var(--cap-zoom, 1))}.cap-selection__fg__handle{fill:#fff;stroke:var(--cap-color-selection-stroke);stroke-width:calc(1.5px / var(--cap-zoom, 1));pointer-events:auto;cursor:nwse-resize}.cap-selection__fg__rotate-handle{fill:#fff;stroke:var(--cap-color-selection-stroke);stroke-width:calc(1.5px / var(--cap-zoom, 1));pointer-events:auto;cursor:grab}.cap-handles{pointer-events:none;overflow:visible}.cap-handle{pointer-events:none;fill:var(--cap-color-background);stroke:var(--cap-color-selection-stroke);stroke-width:calc(1.5px / var(--cap-zoom, 1))}.cap-handle-bg{fill:color-mix(in srgb,var(--cap-color-selection-stroke) 30%,var(--cap-color-background));stroke:none}.cap-shape-error-boundary{border:2px solid red;background:#ff00000d;display:flex;align-items:center;justify-content:center;font-size:12px;color:red;overflow:hidden}.cap-error-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-family:var(--cap-font-family);color:var(--cap-color-text);background:var(--cap-color-background)}.cap-error-fallback__message{font-size:16px;font-weight:500}.cap-error-fallback__button{padding:8px 16px;border-radius:6px;border:1px solid var(--cap-color-muted);background:transparent;cursor:pointer;font-size:14px;color:var(--cap-color-text)}.cap-error-fallback__button:hover{background:#0000000d}.cap-theme__light{--cap-color-background: #ffffff;--cap-color-grid: #e8e8e8;--cap-color-selected: #3b82f6;--cap-color-selection-stroke: #3b82f6;--cap-color-selection-fill: rgba(59, 130, 246, .05);--cap-color-text: #1d1d1d;--cap-color-muted: #aaaaaa;color-scheme:light}.cap-theme__dark{--cap-color-background: #212529;--cap-color-grid: #3a3e42;--cap-color-selected: #3b82f6;--cap-color-selection-stroke: #3b82f6;--cap-color-selection-fill: rgba(59, 130, 246, .1);--cap-color-text: #e0e0e0;--cap-color-muted: #6b7280;color-scheme:dark}:root{--cap-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--cap-font-mono: "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--cap-font-size-xs: 11px;--cap-font-size-sm: 12px;--cap-font-size-md: 13px;--cap-font-size-lg: 15px;--cap-space-1: 4px;--cap-space-2: 8px;--cap-space-3: 12px;--cap-space-4: 16px;--cap-space-5: 20px;--cap-space-6: 24px;--cap-radius-sm: 4px;--cap-radius-md: 8px;--cap-radius-lg: 12px;--cap-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1);--cap-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .06);--cap-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--cap-duration-fast: .1s;--cap-duration-normal: .15s;--cap-duration-slow: .2s}.cap-theme-light,:root{--cap-bg-primary: #ffffff;--cap-bg-secondary: #f8f9fa;--cap-bg-tertiary: #f1f3f5;--cap-bg-hover: rgba(0, 0, 0, .04);--cap-bg-active: rgba(0, 0, 0, .08);--cap-bg-panel: #ffffff;--cap-bg-tooltip: #1a1a2e;--cap-bg-overlay: rgba(0, 0, 0, .4);--cap-border-color: #e5e7eb;--cap-border-color-strong: #d1d5db;--cap-text-primary: #1a1a2e;--cap-text-secondary: #6b7280;--cap-text-tertiary: #9ca3af;--cap-text-inverse: #ffffff;--cap-text-tooltip: #ffffff;--cap-accent: #3b82f6;--cap-accent-hover: #2563eb;--cap-accent-muted: rgba(59, 130, 246, .12);--cap-bg-selected: rgba(59, 130, 246, .14);--cap-danger: #ef4444;--cap-danger-hover: #dc2626;--cap-danger-muted: rgba(239, 68, 68, .12);--cap-success: #22c55e;--cap-warning: #f59e0b}.cap-theme-dark{--cap-bg-primary: #1a1a2e;--cap-bg-secondary: #16213e;--cap-bg-tertiary: #0f3460;--cap-bg-hover: rgba(255, 255, 255, .06);--cap-bg-active: rgba(255, 255, 255, .1);--cap-bg-panel: #1a1a2e;--cap-bg-tooltip: #e5e7eb;--cap-bg-overlay: rgba(0, 0, 0, .6);--cap-border-color: #2d2d44;--cap-border-color-strong: #3d3d5c;--cap-text-primary: #e5e7eb;--cap-text-secondary: #9ca3af;--cap-text-tertiary: #6b7280;--cap-text-inverse: #1a1a2e;--cap-text-tooltip: #1a1a2e;--cap-accent: #60a5fa;--cap-accent-hover: #3b82f6;--cap-accent-muted: rgba(96, 165, 250, .15);--cap-bg-selected: rgba(96, 165, 250, .25);--cap-danger: #f87171;--cap-danger-hover: #ef4444;--cap-danger-muted: rgba(248, 113, 113, .15);--cap-success: #4ade80;--cap-warning: #fbbf24}.cap-layout{display:contents;font-family:var(--cap-font-family);font-size:var(--cap-font-size-md);color:var(--cap-text-primary);line-height:1}.cap-layout__top{grid-area:top;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;padding:var(--cap-space-2);gap:var(--cap-space-2);background:var(--cap-bg-panel);border-bottom:1px solid var(--cap-border-color)}.cap-layout__top__left{display:flex;flex-direction:column;gap:var(--cap-space-1)}.cap-layout__top__left__row{display:flex;align-items:center;gap:var(--cap-space-1)}.cap-layout__top__center{flex:1;display:flex;justify-content:center}.cap-layout__top__right{display:flex;align-items:flex-start;gap:var(--cap-space-1)}.cap-layout__right{grid-area:right;z-index:1;display:flex;flex-direction:column;width:var(--cap-sidebar-width, 260px);background:var(--cap-bg-secondary);border-left:1px solid var(--cap-border-color);overflow:hidden}.cap-layout__right--collapsed{width:28px;align-items:center;justify-content:flex-start;padding-top:8px}.cap-layout__bottom{grid-area:bottom;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;padding:var(--cap-space-2);gap:var(--cap-space-2);background:var(--cap-bg-panel);border-top:1px solid var(--cap-border-color)}.cap-layout__bottom__left{display:flex;align-items:flex-end;gap:var(--cap-space-1)}.cap-layout__bottom__center{display:flex;justify-content:center}.cap-layout__bottom__right{display:flex;align-items:flex-end;gap:var(--cap-space-1)}.cap-panel{background:var(--cap-bg-panel);border:1px solid var(--cap-border-color);border-radius:var(--cap-radius-md);box-shadow:var(--cap-shadow-md);pointer-events:auto}.cap-panel--flat{box-shadow:none}.cap-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--cap-space-1);border:none;background:transparent;color:var(--cap-text-primary);font-family:inherit;font-size:var(--cap-font-size-md);line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:var(--cap-radius-sm);padding:var(--cap-space-1) var(--cap-space-2);min-height:32px;transition:background var(--cap-duration-fast),color var(--cap-duration-fast);outline:none;-webkit-tap-highlight-color:transparent}.cap-button:hover{background:var(--cap-bg-hover)}.cap-button:active{background:var(--cap-bg-active)}.cap-button:focus-visible{box-shadow:0 0 0 2px var(--cap-accent)}.cap-button:disabled{opacity:.4;cursor:default;pointer-events:none}.cap-button--primary{background:var(--cap-accent);color:var(--cap-text-inverse)}.cap-button--primary:hover{background:var(--cap-accent-hover)}.cap-button--danger{color:var(--cap-danger)}.cap-button--danger:hover{background:var(--cap-danger-muted)}.cap-button--icon{padding:var(--cap-space-1);min-width:32px;min-height:32px}.cap-button--icon[data-isactive=true]{background:var(--cap-accent-muted);color:var(--cap-accent)}.cap-button--tool{padding:var(--cap-space-1);min-width:36px;min-height:36px;border-radius:var(--cap-radius-md)}.cap-button--tool[data-isactive=true]{background:var(--cap-accent-muted);color:var(--cap-accent)}.cap-button--menu{justify-content:flex-start;width:100%;padding:var(--cap-space-1) var(--cap-space-3);border-radius:var(--cap-radius-sm);min-height:32px;gap:var(--cap-space-2)}.cap-button__label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.cap-button__kbd{font-family:var(--cap-font-mono);font-size:var(--cap-font-size-xs);color:var(--cap-text-tertiary);padding:1px 4px;border-radius:3px;background:var(--cap-bg-tertiary);line-height:1.4}.cap-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.cap-icon--small{width:14px;height:14px}.cap-icon--placeholder{width:18px;height:18px}.cap-toolbar{display:flex;align-items:center;gap:2px;padding:var(--cap-space-1)}.cap-toolbar__divider{width:1px;height:20px;background:var(--cap-border-color);margin:0 var(--cap-space-1);flex-shrink:0}.cap-toolbar__overflow{display:flex;align-items:center;gap:2px;padding:var(--cap-space-1)}.cap-toolbar__grab{display:flex;align-items:center;justify-content:center;cursor:grab;padding:2px;border-radius:var(--cap-radius-sm);color:var(--cap-text-secondary);touch-action:none;-webkit-user-select:none;user-select:none}.cap-toolbar__grab:hover{background:var(--cap-bg-hover);color:var(--cap-text-primary)}.cap-toolbar__grab:active{cursor:grabbing}.cap-toolbar-snap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:299}.cap-toolbar-snap-zone{position:absolute;border-radius:14px;background:var(--cap-bg-active);border:1.5px dashed var(--cap-border-color);opacity:.4;transition:opacity var(--cap-duration-fast),background var(--cap-duration-fast),border-color var(--cap-duration-fast),transform var(--cap-duration-fast);animation:cap-snap-zone-enter var(--cap-duration-normal) ease-out}.cap-toolbar-snap-zone[data-active]{background:var(--cap-accent-muted);border-color:var(--cap-accent);opacity:1;transform:scale(1.1)}@keyframes cap-snap-zone-enter{0%{opacity:0}to{opacity:.4}}.cap-toolbar[data-size=small]{gap:1px;padding:2px}.cap-toolbar[data-size=small] .cap-button--tool{min-width:28px;min-height:28px;padding:2px}.cap-toolbar[data-size=small] .cap-icon{width:14px;height:14px}.cap-toolbar[data-size=small] .cap-toolbar__divider{height:16px;margin:0 2px}.cap-toolbar[data-size=large]{gap:3px;padding:6px}.cap-toolbar[data-size=large] .cap-button--tool{min-width:44px;min-height:44px}.cap-toolbar[data-size=large] .cap-icon{width:22px;height:22px}.cap-toolbar[data-size=large] .cap-toolbar__divider{height:28px}.cap-toolbar[data-size=xl]{gap:4px;padding:8px}.cap-toolbar[data-size=xl] .cap-button--tool{min-width:52px;min-height:52px}.cap-toolbar[data-size=xl] .cap-icon{width:28px;height:28px}.cap-toolbar[data-size=xl] .cap-toolbar__divider{height:36px}.cap-menu{background:var(--cap-bg-panel);border:1px solid var(--cap-border-color);border-radius:var(--cap-radius-md);box-shadow:var(--cap-shadow-lg);padding:var(--cap-space-1);min-width:180px;max-height:80vh;overflow-y:auto;z-index:999;font-family:var(--cap-font-family);font-size:var(--cap-font-size-md);color:var(--cap-text-primary);line-height:1.4;animation:cap-menu-enter var(--cap-duration-normal) ease-out}@keyframes cap-menu-enter{0%{opacity:0;transform:scale(.96) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.cap-menu__separator{height:1px;background:var(--cap-border-color);margin:4px 0}.cap-menu__group{padding:var(--cap-space-1) 0}.cap-menu__group+.cap-menu__group{border-top:1px solid var(--cap-border-color)}.cap-menu__group-label{padding:var(--cap-space-1) var(--cap-space-3);font-size:var(--cap-font-size-xs);font-weight:500;color:var(--cap-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.cap-menu__item{display:flex;align-items:center;gap:var(--cap-space-2);padding:6px var(--cap-space-3);border-radius:var(--cap-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--cap-font-size-md);color:var(--cap-text-primary);outline:none;transition:background var(--cap-duration-fast)}.cap-menu__item:hover,.cap-menu__item[data-highlighted]{background:var(--cap-bg-hover)}.cap-menu__item[data-disabled]{opacity:.4;pointer-events:none}.cap-menu__item-label{flex:1}.cap-menu__item-kbd{font-family:var(--cap-font-mono);font-size:var(--cap-font-size-xs);color:var(--cap-text-tertiary)}.cap-menu__item-icon{width:18px;height:18px;flex-shrink:0}.cap-menu__item-check{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cap-style-panel{padding:var(--cap-space-2)}.cap-style-panel__section{padding:var(--cap-space-1) 0}.cap-style-panel__section+.cap-style-panel__section{border-top:1px solid var(--cap-border-color)}.cap-style-panel__row{display:flex;align-items:center;gap:var(--cap-space-1);padding:var(--cap-space-1) 0}.cap-style-panel__label{font-size:var(--cap-font-size-xs);color:var(--cap-text-secondary);min-width:44px;flex-shrink:0}.cap-style-panel__buttons{display:flex;align-items:center;gap:2px;flex:1}.cap-style-panel__double-picker{display:flex;align-items:center;gap:var(--cap-space-1);flex:1}.cap-color-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:var(--cap-space-2)}.cap-color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--cap-duration-fast),border-color var(--cap-duration-fast);outline:none}.cap-color-swatch:hover{transform:scale(1.15)}.cap-color-swatch[data-isactive=true]{border-color:var(--cap-accent);transform:scale(1.1)}.cap-color-swatch:focus-visible{box-shadow:0 0 0 2px var(--cap-accent)}.cap-color-picker-inline{display:flex;flex-wrap:wrap;gap:2px;flex:1}.cap-color-picker-add{width:24px;height:24px;border-radius:50%;border:2px dashed var(--cap-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cap-text-tertiary);transition:transform var(--cap-duration-fast),border-color var(--cap-duration-fast),color var(--cap-duration-fast);outline:none;padding:0}.cap-color-picker-add:hover{transform:scale(1.15);border-color:var(--cap-accent);color:var(--cap-accent)}.cap-color-picker-add:focus-visible{box-shadow:0 0 0 2px var(--cap-accent)}.cap-advanced-color-picker{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--cap-bg);border:1px solid var(--cap-border);border-radius:var(--cap-radius-3);box-shadow:var(--cap-shadow-3);z-index:var(--layer-overlays, 9999);width:232px;animation:cap-popover-in var(--cap-duration-fast) ease-out}@keyframes cap-popover-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cap-hsv-canvas-wrapper{position:relative;width:200px;height:200px;margin:0 auto}.cap-hsv-canvas{display:block;width:200px;height:200px;border-radius:var(--cap-radius-2);cursor:crosshair}.cap-hsv-indicator{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #00000026;pointer-events:none;transform:translate(-50%,-50%)}.cap-hue-slider{position:relative;width:100%;height:16px;border-radius:8px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;touch-action:none}.cap-hue-slider__thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #ffffff;box-shadow:0 0 0 1px #0000004d,0 1px 3px #00000040;transform:translate(-50%,-50%);pointer-events:none}.cap-color-inputs-row{display:flex;gap:8px;align-items:flex-start}.cap-color-preview{width:32px;height:32px;border-radius:var(--cap-radius-2);border:1px solid var(--cap-border);flex-shrink:0}.cap-color-inputs{display:flex;gap:4px;flex:1;flex-wrap:wrap}.cap-color-input-group{display:flex;flex-direction:column;gap:2px}.cap-color-input-label{font-size:10px;color:var(--cap-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.cap-color-input{border:1px solid var(--cap-border);border-radius:var(--cap-radius-1);background:var(--cap-bg-secondary);color:var(--cap-text);font-family:var(--cap-font-mono, monospace);font-size:12px;padding:3px 4px;outline:none}.cap-color-input:focus{border-color:var(--cap-accent);box-shadow:0 0 0 1px var(--cap-accent)}.cap-color-input--hex{width:64px}.cap-color-input--rgb{width:38px}.cap-color-input--rgb::-webkit-inner-spin-button,.cap-color-input--rgb::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cap-color-input--rgb{-moz-appearance:textfield}.cap-recent-colors{display:flex;flex-direction:column;gap:4px}.cap-recent-colors__label{font-size:10px;color:var(--cap-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.cap-recent-colors__swatches{display:flex;gap:2px;flex-wrap:wrap}.cap-color-swatch--small{width:18px;height:18px}.cap-advanced-color-picker__apply{width:100%;padding:6px 12px;border:none;border-radius:var(--cap-radius-2);background:var(--cap-accent);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:opacity var(--cap-duration-fast)}.cap-advanced-color-picker__apply:hover{opacity:.9}.cap-advanced-color-picker__apply:focus-visible{box-shadow:0 0 0 2px var(--cap-bg),0 0 0 4px var(--cap-accent)}.cap-geo-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:4px;min-width:148px}.cap-toolbar__geo-arrow{opacity:.5;transition:opacity var(--cap-duration-fast)}.cap-toolbar__geo-arrow:hover{opacity:1;background:var(--cap-bg-hover)!important}.cap-opacity-slider{display:flex;align-items:center;gap:var(--cap-space-2);padding:var(--cap-space-1) 0}.cap-opacity-slider__track{flex:1;height:4px;border-radius:2px;background:var(--cap-bg-tertiary)}.cap-opacity-slider__thumb{width:14px;height:14px;border-radius:50%;background:var(--cap-accent);border:2px solid var(--cap-bg-panel);box-shadow:var(--cap-shadow-sm)}.cap-nav-panel{display:flex;flex-direction:column;gap:var(--cap-space-1)}.cap-nav-panel__zoom{display:flex;align-items:center;gap:2px;padding:var(--cap-space-1)}.cap-nav-panel__zoom-level{font-family:var(--cap-font-family);font-size:var(--cap-font-size-sm);font-variant-numeric:tabular-nums;color:var(--cap-text-secondary);background:transparent;border:none;min-width:40px;text-align:center;cursor:pointer;padding:var(--cap-space-1);border-radius:var(--cap-radius-sm);outline:none}.cap-nav-panel__zoom-level:hover{background:var(--cap-bg-hover)}.cap-minimap{width:140px;height:80px;border-radius:var(--cap-radius-sm);overflow:hidden;cursor:grab;position:relative}.cap-minimap[data-dragging=true]{cursor:grabbing}.cap-minimap__canvas{width:100%;height:100%}.cap-minimap__viewport{position:absolute;border:1.5px solid var(--cap-accent);border-radius:1px;pointer-events:none}.cap-page-menu__trigger-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.cap-page-menu__item{display:flex;align-items:center;gap:var(--cap-space-2);padding:6px var(--cap-space-3);border-radius:var(--cap-radius-sm);cursor:pointer;min-height:32px}.cap-page-menu__item[data-isactive=true]{background:var(--cap-accent-muted);color:var(--cap-accent)}.cap-page-menu__item:hover{background:var(--cap-bg-hover)}.cap-page-menu__item-actions{display:none;align-items:center;gap:2px;flex-shrink:0}.cap-page-menu__item:hover .cap-page-menu__item-actions{display:flex}.cap-page-menu__input{border:1px solid var(--cap-accent);border-radius:var(--cap-radius-sm);padding:4px 8px;font:inherit;color:var(--cap-text-primary);background:var(--cap-bg-primary);outline:none;width:100%}.cap-quick-actions{display:flex;align-items:center;gap:2px}.cap-alignment-toolbar{display:flex;align-items:center;gap:var(--cap-space-1);padding:var(--cap-space-1) var(--cap-space-2)}.cap-alignment-toolbar__group{display:flex;align-items:center;gap:2px}.cap-alignment-toolbar__separator{width:1px;height:16px;background:var(--cap-border-color);flex-shrink:0}.cap-menu-panel{display:flex;align-items:center;gap:var(--cap-space-1)}.cap-toasts{position:absolute;bottom:64px;right:var(--cap-space-4);display:flex;flex-direction:column;gap:var(--cap-space-2);pointer-events:auto;z-index:1000}.cap-toast{display:flex;align-items:flex-start;gap:var(--cap-space-3);padding:var(--cap-space-3) var(--cap-space-4);background:var(--cap-bg-panel);border:1px solid var(--cap-border-color);border-radius:var(--cap-radius-md);box-shadow:var(--cap-shadow-lg);max-width:320px;animation:cap-toast-enter var(--cap-duration-slow) ease-out}@keyframes cap-toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cap-toast__content{flex:1}.cap-toast__title{font-weight:500;font-size:var(--cap-font-size-md)}.cap-toast__description{font-size:var(--cap-font-size-sm);color:var(--cap-text-secondary);margin-top:2px}.cap-toast__close{padding:2px;color:var(--cap-text-tertiary)}.cap-toast--error{border-left:3px solid var(--cap-danger)}.cap-toast--success{border-left:3px solid var(--cap-success)}.cap-toast--warning{border-left:3px solid var(--cap-warning)}.cap-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--cap-bg-overlay);z-index:1000;pointer-events:auto;animation:cap-overlay-enter var(--cap-duration-normal) ease-out}@keyframes cap-overlay-enter{0%{opacity:0}to{opacity:1}}.cap-dialog-positioner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:center;justify-content:center;pointer-events:auto}.cap-dialog{position:relative;background:var(--cap-bg-panel);border:1px solid var(--cap-border-color);border-radius:var(--cap-radius-lg);box-shadow:var(--cap-shadow-lg);max-width:560px;width:90vw;max-height:85vh;overflow-y:auto;pointer-events:auto;animation:cap-dialog-enter var(--cap-duration-slow) ease-out;outline:none}@keyframes cap-dialog-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cap-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--cap-space-4) var(--cap-space-5);border-bottom:1px solid var(--cap-border-color)}.cap-dialog__title{font-size:var(--cap-font-size-lg);font-weight:600}.cap-dialog__body{padding:var(--cap-space-4) var(--cap-space-5)}.cap-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--cap-space-2);padding:var(--cap-space-3) var(--cap-space-5);border-top:1px solid var(--cap-border-color)}.cap-kbd-dialog__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--cap-space-4)}.cap-kbd-dialog__group{display:flex;flex-direction:column}.cap-kbd-dialog__group-title{font-size:var(--cap-font-size-sm);font-weight:600;color:var(--cap-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--cap-space-2)}.cap-kbd-dialog__row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:var(--cap-font-size-sm)}.cap-kbd-dialog__row-label{color:var(--cap-text-primary)}.cap-kbd-dialog__row-kbd{font-family:var(--cap-font-mono);font-size:var(--cap-font-size-xs);color:var(--cap-text-tertiary);background:var(--cap-bg-tertiary);padding:2px 6px;border-radius:3px}.cap-helper-buttons{display:flex;gap:var(--cap-space-1)}.cap-tooltip{background:var(--cap-bg-tooltip);color:var(--cap-text-tooltip);font-size:var(--cap-font-size-xs);padding:4px 8px;border-radius:var(--cap-radius-sm);max-width:240px;pointer-events:none;z-index:1100;display:flex;align-items:center;gap:var(--cap-space-2);animation:cap-tooltip-enter .1s ease-out;box-shadow:var(--cap-shadow-sm)}@keyframes cap-tooltip-enter{0%{opacity:0}to{opacity:1}}.cap-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.cap-spinner{width:20px;height:20px;border:2px solid var(--cap-border-color);border-top-color:var(--cap-accent);border-radius:50%;animation:cap-spin .6s linear infinite}@keyframes cap-spin{to{transform:rotate(360deg)}}.cap-loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--cap-background);z-index:var(--cap-z-overlay, 999)}.cap-scrollbar::-webkit-scrollbar{width:6px;height:6px}.cap-scrollbar::-webkit-scrollbar-thumb{background:var(--cap-border-color);border-radius:3px}.cap-scrollbar::-webkit-scrollbar-track{background:transparent}.cap-debug-drawer{position:relative;display:flex;flex-direction:column;background:var(--cap-bg-panel);border:1px solid var(--cap-border-color);border-radius:var(--cap-radius-md);box-shadow:var(--cap-shadow-md);pointer-events:auto;overflow:hidden;max-height:80vh}.cap-debug-drawer__tabs{display:flex;border-bottom:1px solid var(--cap-border-color);flex-shrink:0}.cap-debug-drawer__tab{flex:1;padding:6px 4px;border:none;background:transparent;color:var(--cap-text-secondary);font-family:inherit;font-size:var(--cap-font-size-xs);font-weight:500;cursor:pointer;text-align:center;transition:color var(--cap-duration-fast),background var(--cap-duration-fast);outline:none}.cap-debug-drawer__tab:hover{background:var(--cap-bg-hover);color:var(--cap-text-primary)}.cap-debug-drawer__tab[data-active]{color:var(--cap-accent);box-shadow:inset 0 -2px 0 var(--cap-accent)}.cap-debug-drawer__content{flex:1;overflow:hidden}.cap-debug-drawer__resize{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:ew-resize;z-index:1}.cap-debug-drawer__resize:hover,.cap-debug-drawer__resize:active{background:var(--cap-accent-muted)}.cap-debug-tab{padding:var(--cap-space-2);overflow-y:auto;max-height:calc(80vh - 34px)}.cap-debug-tab__section{padding:var(--cap-space-1) 0}.cap-debug-tab__section+.cap-debug-tab__section{border-top:1px solid var(--cap-border-color)}.cap-debug-tab__section-title{font-size:var(--cap-font-size-xs);font-weight:600;color:var(--cap-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--cap-space-1);padding:0}.cap-debug-tab__section-title--toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:none;cursor:pointer;font:inherit;font-size:var(--cap-font-size-xs);font-weight:600;color:var(--cap-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:2px 0;border-radius:var(--cap-radius-sm)}.cap-debug-tab__section-title--toggle:hover{color:var(--cap-text-primary)}.cap-debug-tab__chevron{font-size:8px;transition:transform var(--cap-duration-fast)}.cap-debug-tab__chevron[data-open]{transform:rotate(90deg)}.cap-debug-tab__row{display:flex;align-items:baseline;gap:var(--cap-space-2);padding:2px 0;font-size:var(--cap-font-size-sm)}.cap-debug-tab__label{color:var(--cap-text-tertiary);flex-shrink:0;min-width:56px}.cap-debug-tab__value{color:var(--cap-text-primary);word-break:break-all}.cap-debug-tab__value--mono{font-family:var(--cap-font-mono);font-size:var(--cap-font-size-xs)}.cap-debug-tab__value--wrap{word-break:break-all}.cap-debug-tab__subsection{padding:var(--cap-space-1) 0}.cap-debug-tab__options{display:flex;flex-direction:column;gap:2px}.cap-debug-tab__flags{display:flex;flex-wrap:wrap;gap:4px}.cap-debug-tab__flag{font-size:var(--cap-font-size-xs);font-family:var(--cap-font-mono);padding:1px 6px;border-radius:3px;background:var(--cap-bg-tertiary);color:var(--cap-text-tertiary)}.cap-debug-tab__flag[data-active]{background:var(--cap-accent-muted);color:var(--cap-accent)}.cap-debug-tab__list{display:flex;flex-direction:column;gap:2px}.cap-debug-tab__list-item{display:flex;align-items:center;gap:var(--cap-space-1);padding:2px 4px;font-size:var(--cap-font-size-xs);border-radius:var(--cap-radius-sm)}.cap-debug-tab__list-detail{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cap-text-secondary)}.cap-debug-tab__badge{display:inline-block;font-size:10px;font-weight:600;padding:1px 5px;border-radius:3px;text-transform:uppercase;flex-shrink:0}.cap-debug-tab__badge[data-type=diff]{background:var(--cap-accent-muted);color:var(--cap-accent)}.cap-debug-tab__badge[data-type=stop],.cap-debug-tab__badge[data-type=shape]{background:var(--cap-bg-tertiary);color:var(--cap-text-secondary)}.cap-debug-tab__empty{font-size:var(--cap-font-size-xs);color:var(--cap-text-tertiary);padding:var(--cap-space-1) 0;font-style:italic}.cap-debug-tab__shape-row{display:flex;align-items:center;gap:var(--cap-space-1);width:100%;padding:3px 4px;border:none;background:transparent;cursor:pointer;font:inherit;font-size:var(--cap-font-size-xs);text-align:left;border-radius:var(--cap-radius-sm);color:var(--cap-text-primary);transition:background var(--cap-duration-fast)}.cap-debug-tab__shape-row:hover{background:var(--cap-bg-hover)}.cap-debug-tab__shape-row[data-selected]{background:var(--cap-accent-muted)}.cap-debug-tab__shape-id{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cap-text-secondary)}.cap-debug-tab__shape-pos{color:var(--cap-text-tertiary);flex-shrink:0}.cap-debug-tab__inspector{padding:var(--cap-space-1) var(--cap-space-2);margin:2px 0 4px;border-left:2px solid var(--cap-accent-muted)}.cap-debug-tab__json{margin-top:var(--cap-space-1)}.cap-debug-tab__json pre{font-family:var(--cap-font-mono);font-size:10px;line-height:1.4;color:var(--cap-text-secondary);background:var(--cap-bg-tertiary);border-radius:var(--cap-radius-sm);padding:var(--cap-space-2);margin:0;overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.cap-debug-tab__storage-entry{border-bottom:1px solid var(--cap-border-color)}.cap-debug-tab__storage-header{display:flex;align-items:center;gap:4px;padding:4px 0;cursor:pointer;font-size:var(--cap-font-size-xs)}.cap-debug-tab__storage-header:hover{background:var(--cap-bg-hover)}.cap-debug-tab__storage-preview{font-family:var(--cap-font-mono);font-size:10px;line-height:1.4;color:var(--cap-text-secondary);background:var(--cap-bg-tertiary);border-radius:var(--cap-radius-sm);padding:var(--cap-space-2);margin:0 0 4px;overflow-x:auto;max-height:150px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.cap-sidebar__header{display:flex;align-items:center;border-bottom:1px solid var(--cap-border-color);flex-shrink:0}.cap-sidebar__tabs{flex:1;display:flex}.cap-sidebar__tab{flex:1;padding:8px 4px;font-family:var(--cap-font-family);font-size:var(--cap-font-size-sm);font-weight:500;color:var(--cap-text-secondary);background:transparent;border:none;cursor:pointer;text-align:center;transition:color var(--cap-duration-fast)}.cap-sidebar__tab:hover{color:var(--cap-text-primary)}.cap-sidebar__tab[data-active]{color:var(--cap-accent, #3b82f6);box-shadow:inset 0 -2px 0 var(--cap-accent, #3b82f6)}.cap-sidebar__collapse,.cap-sidebar__expand{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--cap-text-tertiary);border-radius:var(--cap-radius-sm);flex-shrink:0;margin-right:4px}.cap-sidebar__collapse:hover,.cap-sidebar__expand:hover{color:var(--cap-text-primary);background:var(--cap-bg-hover)}.cap-sidebar__content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cap-border-color) var(--cap-bg-tertiary)}.cap-sidebar__content::-webkit-scrollbar{width:6px}.cap-sidebar__content::-webkit-scrollbar-track{background:var(--cap-bg-tertiary);border-radius:3px}.cap-sidebar__content::-webkit-scrollbar-thumb{background:var(--cap-border-color);border-radius:3px}.cap-sidebar__content::-webkit-scrollbar-thumb:hover{background:var(--cap-text-tertiary)}.cap-layout__right .cap-style-panel{width:100%;margin:0}.cap-layers-panel{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;font-family:var(--cap-font-family);font-size:var(--cap-font-size-sm);overflow:hidden}.cap-layers-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--cap-space-2) var(--cap-space-3);border-bottom:1px solid var(--cap-border-color);min-height:36px}.cap-layers-panel__title{font-weight:600;font-size:var(--cap-font-size-sm);color:var(--cap-text-primary)}.cap-layers-panel__header-actions{display:flex;gap:2px}.cap-layers-panel__tree{flex:1;overflow-y:auto;overflow-x:hidden;min-height:80px;scrollbar-width:thin;scrollbar-color:var(--cap-border-color) var(--cap-bg-tertiary)}.cap-layers-panel__tree::-webkit-scrollbar{width:6px}.cap-layers-panel__tree::-webkit-scrollbar-track{background:var(--cap-bg-tertiary);border-radius:3px}.cap-layers-panel__tree::-webkit-scrollbar-thumb{background:var(--cap-border-color);border-radius:3px}.cap-layers-panel__tree::-webkit-scrollbar-thumb:hover{background:var(--cap-text-tertiary)}.cap-layers-panel__empty{padding:var(--cap-space-4);color:var(--cap-text-tertiary);text-align:center;font-size:var(--cap-font-size-xs)}.cap-layers-panel__item{display:flex;align-items:center;gap:2px;padding:2px 4px;cursor:pointer;min-height:28px;-webkit-user-select:none;user-select:none;position:relative}.cap-layers-panel__item:hover{background:var(--cap-bg-hover)}.cap-layers-panel__item--selected,.cap-layers-panel__item--selected:hover{background:var(--cap-bg-selected)}.cap-layers-panel__item--active{border-left:2px solid #3b82f6}.cap-layers-panel__item--layer{font-weight:500}.cap-layers-panel__item-spacer{width:26px;flex-shrink:0}.cap-layers-panel__item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cap-text-primary);font-size:var(--cap-font-size-xs)}.cap-layers-panel__rename-input{flex:1;border:1px solid var(--cap-border-focus);border-radius:var(--cap-radius-sm);padding:1px 4px;font-size:var(--cap-font-size-xs);font-family:var(--cap-font-family);background:var(--cap-bg-input);color:var(--cap-text-primary);outline:none}.cap-layers-panel__clip-badge{font-size:9px;padding:0 4px;border-radius:var(--cap-radius-sm);background:var(--cap-bg-tertiary);color:var(--cap-text-secondary);text-transform:uppercase;letter-spacing:.5px}.cap-layers-panel__properties{border-top:1px solid var(--cap-border-color);padding:var(--cap-space-2) var(--cap-space-3);display:flex;flex-direction:column;gap:var(--cap-space-2)}.cap-layers-panel__prop-row{display:flex;align-items:center;gap:var(--cap-space-2)}.cap-layers-panel__prop-label{font-size:var(--cap-font-size-xs);color:var(--cap-text-secondary);width:40px;flex-shrink:0}.cap-layers-panel__slider{flex:1;height:4px;accent-color:var(--cap-accent)}.cap-layers-panel__slider-value{font-size:var(--cap-font-size-xs);color:var(--cap-text-secondary);width:36px;text-align:right;flex-shrink:0}.cap-layers-panel__blend-trigger{flex:1;text-align:left;padding:2px 6px;border:1px solid var(--cap-border-color);border-radius:var(--cap-radius-sm);background:var(--cap-bg-input);color:var(--cap-text-primary);font-size:var(--cap-font-size-xs);font-family:var(--cap-font-family);cursor:pointer}.cap-layers-panel__blend-trigger:hover{border-color:var(--cap-border-hover)}.cap-layers-panel__effects{border-top:1px solid var(--cap-border-color);padding-top:var(--cap-space-2)}.cap-layers-panel__effects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--cap-space-1)}.cap-layers-panel__effects-title{font-weight:600;font-size:var(--cap-font-size-xs);color:var(--cap-text-primary)}.cap-layers-panel__effects-empty{font-size:var(--cap-font-size-xs);color:var(--cap-text-tertiary);padding:var(--cap-space-1) 0}.cap-layers-panel__effect-row{display:flex;align-items:flex-start;gap:4px;padding:var(--cap-space-1) 0;border-bottom:1px solid var(--cap-border-light, var(--cap-border-color))}.cap-layers-panel__effect-label{font-size:var(--cap-font-size-xs);color:var(--cap-text-primary);min-width:60px;padding-top:4px}.cap-layers-panel__effect-controls{flex:1;display:flex;flex-direction:column;gap:2px}.cap-layers-panel__slider-row{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--cap-text-secondary)}.cap-layers-panel__slider-row span:first-child{width:36px;flex-shrink:0}.cap-layers-panel__slider-row input[type=range]{flex:1;height:3px;accent-color:var(--cap-accent)}.cap-layers-panel__slider-row input[type=color]{width:24px;height:24px;border:1px solid var(--cap-border-color);border-radius:var(--cap-radius-sm);padding:0;cursor:pointer}.cap-layers-panel__item--drop-before:before{content:"";position:absolute;top:0;left:8px;right:8px;height:2px;background:#3b82f6;border-radius:1px}.cap-layers-panel__item--drop-after:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;background:#3b82f6;border-radius:1px}.cap-layers-panel__item--drop-into{background:#3b82f640;outline:2px solid #3b82f6;outline-offset:-2px}.cap-layers-panel__item--dragging{opacity:.4}.cap-layers-panel__trash{display:flex;align-items:center}.cap-layers-panel__trash--drag-over{color:var(--cap-danger)!important;background:var(--cap-danger-muted)!important;border-radius:var(--cap-radius-sm)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f8f9fa;color:#1a1a1a;-webkit-font-smoothing:antialiased}.cap-center-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.cap-page{min-height:100vh;display:flex;flex-direction:column}.cap-muted{color:#888;font-size:14px}.cap-login-container{text-align:center;max-width:420px;width:100%;padding:0 20px}.cap-login-title{font-size:28px;font-weight:700;margin:0 0 4px;letter-spacing:-.5px}.cap-login-subtitle{color:#888;font-size:15px;margin:0 0 32px}.cap-user-cards{display:flex;flex-direction:column;gap:12px}.cap-user-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;font:inherit;color:inherit;width:100%}.cap-user-card:hover{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.cap-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600;flex-shrink:0}.cap-user-info{flex:1;min-width:0}.cap-user-name{font-size:15px;font-weight:600}.cap-user-email{font-size:13px;color:#888;margin-top:2px}.cap-user-orgs{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.cap-org-badge{font-size:11px;padding:2px 8px;border-radius:99px;background:#eef2ff;color:#4f46e5;font-weight:500}.cap-error-card{text-align:center;padding:32px;border:1px solid #fecaca;border-radius:12px;background:#fff;max-width:400px}.cap-error-card p:first-child{font-weight:600;margin-top:0}.cap-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e5e5e5;background:#fff}.cap-topbar-left,.cap-topbar-right{display:flex;align-items:center;gap:12px}.cap-org-switcher{position:relative}.cap-org-switcher-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:600}.cap-org-switcher-btn:hover{background:#f8f9fa}.cap-chevron{font-size:10px;color:#888}.cap-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:200px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden}.cap-dropdown-item{display:block;width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;font:inherit;font-size:14px;text-align:left;color:inherit}.cap-dropdown-item:hover{background:#f3f4f6}.cap-dropdown-item.cap-active{background:#eef2ff;color:#4f46e5;font-weight:500}.cap-user-badge-small{font-size:13px;font-weight:500;padding:4px 10px;border-radius:99px;background:#f3f4f6}.cap-btn-primary{padding:8px 16px;border:none;border-radius:8px;background:#4f46e5;color:#fff;font:inherit;font-size:14px;font-weight:500;cursor:pointer}.cap-btn-primary:hover{background:#4338ca}.cap-btn-text{padding:4px 8px;border:none;background:none;color:#888;font:inherit;font-size:13px;cursor:pointer}.cap-btn-text:hover{color:#333}.cap-content{flex:1;padding:24px 32px;max-width:960px;margin:0 auto;width:100%}.cap-docs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.cap-docs-header h2{margin:0;font-size:20px;font-weight:600}.cap-empty-state{text-align:center;padding:64px 0}.cap-empty-state p:first-child{font-size:16px;font-weight:500;margin:0 0 4px}.cap-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.cap-doc-card{border:1px solid #e0e0e0;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s;text-align:left}.cap-doc-card:hover{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.cap-doc-preview{height:120px;background:#f8f9fa;border-bottom:1px solid #f0f0f0;cursor:pointer}.cap-doc-meta{padding:12px 14px}.cap-doc-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cap-doc-card-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.cap-doc-date{font-size:12px;color:#888}.cap-rename-btn{border:none;background:none;cursor:pointer;font-size:13px;color:#aaa;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .15s}.cap-doc-card:hover .cap-rename-btn{opacity:1}.cap-rename-btn:hover{color:#4f46e5;background:#eef2ff}.cap-rename-input{font:inherit;font-size:14px;font-weight:600;border:1px solid #4f46e5;border-radius:4px;padding:2px 6px;outline:none;width:100%}.cap-editor-page{height:100vh;display:flex;flex-direction:column}.cap-editor-topbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #e5e5e5;background:#fff;position:relative;z-index:10000;flex-shrink:0}.cap-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:none;cursor:pointer;font-size:18px;color:#555}.cap-back-btn:hover{background:#f3f4f6}.cap-title-display{border:none;background:none;font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;color:inherit}.cap-title-display:hover{background:#f3f4f6}.cap-title-input{font:inherit;font-size:14px;font-weight:600;border:1px solid #4f46e5;border-radius:4px;padding:4px 8px;outline:none}.cap-editor-topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.cap-connection-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.cap-editor-canvas{flex:1;position:relative;overflow:hidden}.cap-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:20000}.cap-dialog{background:#fff;border-radius:12px;padding:24px;min-width:420px;max-width:520px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #00000026}.cap-dialog h3{margin:0 0 16px;font-size:18px;font-weight:600}.cap-dialog h4{margin:0 0 8px;font-size:14px;font-weight:600}.cap-dialog-close{position:absolute;top:16px;right:16px;border:none;background:none;font-size:20px;cursor:pointer;color:#888;padding:4px 8px;border-radius:4px;line-height:1}.cap-dialog-close:hover{background:#f3f4f6;color:#333}.cap-dialog-section{margin-bottom:20px}.cap-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.cap-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font:inherit;font-size:14px;outline:none;min-width:0}.cap-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.cap-input-full{width:100%}.cap-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font:inherit;font-size:14px;background:#fff;cursor:pointer}.cap-select-sm{padding:4px 8px;font-size:13px}.cap-label{display:block;font-size:13px;font-weight:500;margin-bottom:4px;color:#555}.cap-inline-form{display:flex;gap:8px;align-items:flex-start;margin-bottom:12px}.cap-search-wrapper{flex:1;position:relative;min-width:0}.cap-search-wrapper .cap-input{width:100%}.cap-search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden}.cap-search-dropdown .cap-dropdown-item{display:flex;justify-content:space-between}.cap-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.cap-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #f0f0f0;border-radius:8px;gap:8px}.cap-list-item-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.cap-list-item-actions{display:flex;gap:6px;flex-shrink:0}.cap-badge{font-size:11px;padding:2px 8px;border-radius:99px;background:#f3f4f6;color:#555;font-weight:500;white-space:nowrap}.cap-badge-owner{background:#fef3c7;color:#92400e}.cap-btn-secondary{padding:6px 12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;font:inherit;font-size:13px;cursor:pointer;color:inherit}.cap-btn-secondary:hover{background:#f3f4f6}.cap-btn-danger{padding:6px 12px;border:1px solid #fecaca;border-radius:6px;background:#fff;font:inherit;font-size:13px;cursor:pointer;color:#dc2626}.cap-btn-danger:hover{background:#fef2f2}.cap-divider{height:1px;background:#e0e0e0;margin:4px 0}.cap-share-url{font-size:12px;color:#888}.cap-error-text{color:#dc2626;font-size:13px;margin:8px 0 0}.cap-settings-section{margin-bottom:32px}.cap-settings-section h4{font-size:16px;font-weight:600;margin:0 0 12px}.cap-member-name{font-weight:500;font-size:14px}.cap-member-email{font-size:13px;margin-left:8px}