.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root,[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-hover: #151515;--bg-selected: #1e3a5f;--border: #1a1a1a;--border-strong: #222222;--border-hover: #444444;--text-primary: #e5e5e5;--text-secondary: #999999;--text-muted: #666666;--text-dim: #555555;--text-faint: #444444;--text-selected: #93c5fd;--accent: #3b82f6;--accent-bg: #0f1a2e;--danger-bg: #1a0a0a;--danger-border: #331a1a;--danger-text: #fca5a5;--code-text: #93c5fd;--success: #6ee7b7;--warning: #fbbf24}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-hover: #e5e7eb;--bg-selected: #dbeafe;--border: #e5e7eb;--border-strong: #d1d5db;--border-hover: #9ca3af;--text-primary: #111827;--text-secondary: #374151;--text-muted: #4b5563;--text-dim: #6b7280;--text-faint: #9ca3af;--text-selected: #111827;--accent: #3b82f6;--accent-bg: #f3f4f6;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #dc2626;--code-text: #1d4ed8;--success: #059669;--warning: #d97706}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;background:var(--bg-primary);color:var(--text-primary);height:100%;overflow:hidden}#root{height:100%}.workspace-shell{display:flex;flex-direction:column;height:100%}.workspace-header{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 1rem;height:42px;background:var(--bg-secondary);border-bottom:1px solid var(--border-strong);flex-shrink:0}.header-left{display:flex;align-items:center;gap:.4rem;min-width:0}.header-divider{color:var(--text-faint);font-size:.85rem}.header-project-name{font-size:.85rem;color:var(--text-secondary);font-weight:400}.header-status{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:9999px;letter-spacing:.04em;text-transform:uppercase;margin-left:8px}.header-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.header-status--live{background:#6ee7b726;color:#34d399}.header-status--draft{background:#fbbf2426;color:#fbbf24}.header-status--building{background:#3b82f626;color:#60a5fa}.header-status--building .header-status-dot{animation:hk-pulse 1.4s ease-in-out infinite}@keyframes hk-pulse{0%,to{opacity:.4}50%{opacity:1}}.header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:.4rem}.theme-menu{position:relative}.theme-menu-trigger{height:30px;display:flex;align-items:stretch;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:5px;overflow:hidden}.theme-menu-trigger:hover{border-color:var(--text-faint)}.theme-menu-trigger.active{background:var(--bg-selected);border-color:var(--accent)}.theme-menu-cycle,.theme-menu-chevron{background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.theme-menu-trigger.active .theme-menu-cycle,.theme-menu-trigger.active .theme-menu-chevron{color:var(--text-selected)}.theme-menu-cycle{padding:0 .5rem}.theme-menu-chevron{padding:0 .3rem;border-left:1px solid var(--border-strong);color:var(--text-dim)}.theme-menu-chevron:hover{color:var(--text-primary)}.theme-menu-popover{position:absolute;top:calc(100% + 6px);right:0;min-width:280px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 8px 24px #00000059;padding:.5rem;z-index:60;display:flex;flex-direction:column;gap:.35rem}.theme-menu-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .4rem}.theme-menu-scope{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:500;color:var(--text-secondary)}.theme-segmented{display:flex;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:5px;padding:2px;gap:2px}.theme-segmented-option{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;background:transparent;border:none;border-radius:3px;color:var(--text-secondary);cursor:pointer;font-size:.7rem}.theme-segmented-option:hover{color:var(--text-primary)}.theme-segmented-option.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 2px #00000026}.header-theme-btn{height:30px;display:flex;align-items:center;gap:.3rem;padding:0 .55rem;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:5px;color:var(--text-secondary);cursor:pointer;font-size:.7rem}.header-theme-btn:hover{color:var(--text-primary);border-color:var(--border-hover)}.header-toggle{width:30px;height:30px;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:5px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.header-toggle:hover{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--text-faint)}.header-toggle.active{background:var(--bg-selected);border-color:var(--accent);color:var(--text-selected)}.header-staged{height:30px;padding:0 .55rem;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:5px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500}.header-staged:hover{border-color:var(--text-faint)}.header-staged.active{background:var(--bg-selected);border-color:var(--accent);color:var(--text-selected)}.header-staged:disabled{opacity:.5;cursor:not-allowed}.header-staged-badge{background:var(--accent);color:#fff;border-radius:999px;padding:0 .4rem;min-width:1.2rem;height:1.2rem;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700}.header-btn-group{display:flex;align-items:center;border:1px solid var(--border-strong);border-radius:5px;overflow:hidden}.header-btn-group>button{border:none;border-radius:0;height:28px}.header-btn-group>button+button{border-left:1px solid var(--border-strong)}.header-btn-group>button.active{border-color:var(--border-strong)}.header-publish{height:30px;padding:0 .7rem;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600}.header-publish:hover:not(:disabled){filter:brightness(1.1)}.header-publish:disabled{opacity:.4;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.staged-panel{height:100%;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.staged-panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--bg-tertiary)}.staged-panel-header h2{font-size:.95rem;font-weight:600;margin:0}.staged-panel-meta{font-size:.7rem;color:var(--text-dim);margin-top:.15rem}.staged-panel-close{width:24px;height:24px;background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.staged-panel-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.staged-panel-empty{padding:2rem 1rem;text-align:center;color:var(--text-dim);font-size:.85rem}.staged-panel-body{flex:1;overflow-y:auto;padding:.5rem 0}.staged-section{padding:.5rem 1rem}.staged-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin:0 0 .4rem}.staged-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.staged-row{display:flex;gap:.5rem;padding:.4rem .5rem;border:1px solid transparent;border-radius:4px;background:var(--bg-secondary)}.staged-row-icon{color:var(--text-dim);padding-top:.1rem}.staged-row-body{flex:1;min-width:0}.staged-row-summary{font-size:.78rem;color:var(--text-primary);word-break:break-word}.staged-row-paths{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}.staged-row-path-link{font-family:monospace;font-size:.7rem;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:3px;color:var(--text-secondary);cursor:pointer;padding:.1rem .4rem;display:inline-flex;align-items:center;gap:.25rem}.staged-row-path-link:hover{border-color:var(--accent);color:var(--text-primary)}.staged-row-added{border-left:2px solid #4ade80}.staged-row-removed{border-left:2px solid #f87171}.staged-row-modified{border-left:2px solid #facc15}.staged-row-moved{border-left:2px solid #60a5fa}.staged-row-discard{align-self:flex-start;font-size:.7rem;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:3px;color:var(--text-secondary);cursor:pointer;padding:.2rem .45rem;display:inline-flex;align-items:center;gap:.25rem}.staged-row-discard:hover:not(:disabled){border-color:#f87171;color:#f87171}.staged-row-discard:disabled{opacity:.5;cursor:progress}.staged-panel-header-actions{display:flex;align-items:center;gap:.4rem}.staged-panel-discard-all{font-size:.72rem;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:3px;color:var(--text-secondary);cursor:pointer;padding:.25rem .55rem;display:inline-flex;align-items:center;gap:.3rem}.staged-panel-discard-all:hover:not(:disabled){border-color:#f87171;color:#f87171}.staged-panel-discard-all.confirming{background:#f87171;border-color:#f87171;color:#fff}.staged-panel-discard-all.confirming:hover{background:#ef4444;border-color:#ef4444}.staged-panel-discard-all:disabled{opacity:.5;cursor:progress}.history-list{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.history-row{padding:.4rem .6rem;border-bottom:1px solid var(--bg-tertiary)}.history-row-summary{display:flex;align-items:center;gap:.5rem;font-size:.78rem}.history-row-toggle{width:22px;height:22px;background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px}.history-row-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.history-row-version{font-weight:600;color:var(--text-primary);min-width:2.5rem}.history-row-status{font-size:.65rem;padding:.1rem .4rem;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.history-row-status.status-active{background:var(--accent);color:#fff}.history-row-status.status-superseded{background:var(--bg-tertiary);color:var(--text-dim)}.history-row-status.status-failed{background:#f87171;color:#fff}.history-row-status.status-rolled_back{background:var(--bg-tertiary);color:var(--text-dim)}.history-row-status.status-building{background:var(--accent);color:#fff}.history-row-meta{color:var(--text-dim);font-size:.7rem}.history-row-time{margin-left:auto}.history-row-rollback{background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:3px;color:var(--text-secondary);cursor:pointer;padding:.15rem .45rem;font-size:.7rem;display:inline-flex;align-items:center;gap:.25rem}.history-row-rollback:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.history-row-rollback:disabled{opacity:.5;cursor:not-allowed}.history-load-more{width:100%;margin:.5rem 0 .25rem;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.78rem}.history-load-more:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.history-load-more:disabled{opacity:.5;cursor:not-allowed}.history-row-details{padding:.5rem .5rem .6rem 2.2rem;border-top:1px dashed var(--bg-tertiary);margin-top:.4rem}.history-empty{font-size:.75rem;color:var(--text-dim);padding:.4rem 0}.history-changes-section{margin-top:.4rem}.history-changes-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:.25rem}.history-changes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem}.history-changes-row{display:flex;gap:.5rem;align-items:flex-start;font-size:.74rem}.history-changes-kind{font-size:.6rem;font-weight:700;text-transform:uppercase;padding:.1rem .35rem;border-radius:3px;min-width:4.5rem;text-align:center}.history-changes-kind-added{background:#4ade8026;color:#4ade80}.history-changes-kind-removed{background:#f8717126;color:#f87171}.history-changes-kind-modified{background:#facc1526;color:#facc15}.history-changes-kind-moved{background:#60a5fa26;color:#60a5fa}.history-changes-summary{color:var(--text-secondary);flex:1;word-break:break-word}.history-changes-view{display:inline-flex;align-items:center;gap:.2rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:3px;padding:.1rem .4rem;font-size:.65rem;font-weight:500;cursor:pointer}.history-changes-view:hover{color:var(--accent);border-color:var(--accent)}.history-notes{margin-top:.4rem}.history-notes-textarea{width:100%;resize:vertical;font:inherit;font-size:.78rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:4px;padding:.4rem .5rem;margin-top:.15rem}.history-notes-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.25rem}.history-notes-count{font-size:.65rem;color:var(--text-dim)}.history-notes-save{display:inline-flex;align-items:center;gap:.25rem;background:var(--accent);color:#fff;border:0;border-radius:4px;padding:.25rem .55rem;font-size:.7rem;font-weight:600;cursor:pointer}.history-notes-save:disabled{opacity:.5;cursor:not-allowed}.history-agent-summary{margin-top:.6rem}.history-agent-summary-list{list-style:disc;padding-left:1.1rem;margin:0;display:flex;flex-direction:column;gap:.15rem;font-size:.75rem;color:var(--text-secondary)}.diff-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:2rem}.diff-modal{background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:8px;width:100%;max-width:1400px;height:100%;max-height:calc(100% - 64px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #00000080}.diff-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--bg-tertiary)}.diff-modal-header h2{font-size:.95rem;font-weight:600;margin:0}.diff-modal-meta{display:flex;align-items:center;gap:.4rem;margin-top:.15rem;font-size:.7rem;color:var(--text-dim)}.diff-modal-meta code{background:var(--bg-tertiary);padding:.1rem .4rem;border-radius:3px;font-family:monospace}.diff-modal-tag{background:var(--accent);color:#fff;padding:.05rem .4rem;border-radius:3px;font-size:.6rem;font-weight:700;text-transform:uppercase}.diff-modal-close{width:28px;height:28px;background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.diff-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.diff-modal-body{flex:1;overflow:auto;padding:.5rem 0}.diff-modal-status{padding:2rem 1rem;text-align:center;color:var(--text-dim);font-size:.85rem}.diff-modal-error{color:#f87171}.view-switcher{display:flex;gap:2px}.view-tab{display:flex;align-items:center;gap:.35rem;padding:.3rem .75rem;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.8rem}.view-tab:hover{color:var(--text-primary)}.view-tab.active{background:var(--bg-tertiary);color:var(--text-primary)}.view-switcher-more{position:relative}.view-switcher-menu{position:fixed;z-index:1000;min-width:180px;padding:4px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;gap:2px}.view-switcher-menu-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:none;border:none;border-radius:4px;color:var(--text-secondary);font-size:.8rem;text-align:left;cursor:pointer}.view-switcher-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.view-switcher-menu-item.active{background:var(--bg-tertiary);color:var(--text-primary)}.workspace-body{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}.workspace-body [data-group]{flex:1;width:100%;height:100%;min-height:0;min-width:0}.workspace-body [data-panel]{min-height:0;min-width:0}.resize-handle{width:2px;min-width:2px;background:var(--bg-tertiary);cursor:col-resize;touch-action:none;position:relative;z-index:2;transition:background .15s}.resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:-3px;right:-3px}.resize-handle:hover,.resize-handle[data-resize-handle-active=pointer]{background:var(--accent)}.workspace-sidebar{height:100%;display:flex;flex-direction:column;overflow:hidden}.sidebar-content{flex:1;overflow-y:auto;padding:.75rem}.sidebar-footer{padding:.5rem .75rem;border-top:1px solid var(--bg-tertiary)}.sidebar-settings-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .6rem;background:none;border:none;border-radius:5px;color:var(--text-secondary);cursor:pointer;font-size:.8rem}.sidebar-settings-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-settings-btn.active{background:var(--bg-selected);color:var(--text-selected)}.workspace-main{height:100%;overflow:hidden;display:flex;flex-direction:column}.agent-pane{height:100%;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.agent-pane-header{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;border-bottom:1px solid var(--bg-tertiary);background:var(--bg-primary);gap:.5rem;flex-shrink:0}.agent-pane-tabs{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto}.agent-pane-title{flex:1;min-width:0;padding:0 .4rem;margin:0;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.agent-pane-tab{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .55rem;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap}.agent-pane-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.agent-pane-tab.active{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--border-strong)}.agent-pane-actions{display:flex;gap:2px;flex-shrink:0}.agent-pane-btn{width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center}.agent-pane-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.agent-pane-btn:disabled{opacity:.35;cursor:not-allowed}.agent-pane-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.agent-panel{display:flex;flex-direction:column;height:100%;min-height:0}.agent-console{margin:1rem 1rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:8px;display:flex;flex-direction:column;transition:border-color .15s;flex-shrink:0;max-height:calc(100% - 2.25rem);overflow:hidden}.agent-console:focus-within{border-color:var(--border-hover)}.agent-console-chips{display:flex;flex-wrap:wrap;gap:.3rem;padding:.5rem .6rem 0}.agent-context-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:transparent;border:none;border-radius:6px;font-size:14px;color:var(--text-secondary)}.agent-context-chip svg{color:var(--text-dim)}.agent-console-input{flex:0 0 auto;background:transparent;border:none;resize:none;padding:14px 16px;color:var(--text-primary);font-family:inherit;font-size:16px;line-height:1.3;outline:none;min-height:52px;max-height:278px;overflow-y:auto}.agent-console-input::placeholder{color:var(--text-dim)}.agent-console-actions{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-top:1px solid var(--text-faint)}.agent-console-actions-left{display:flex;align-items:center;gap:6px}.agent-console-divider{width:1px;height:26px;background:var(--text-faint);margin:0 8px}.agent-console-btn{width:36px;height:36px;background:transparent;border:none;border-radius:6px;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center}.agent-console-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.agent-console-btn:disabled{opacity:.35;cursor:not-allowed}.agent-console-send{width:36px;height:36px;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.agent-console-send:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.agent-console-send:disabled{opacity:.4;cursor:not-allowed}.agent-messages{flex:1;min-height:0;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem;overflow-anchor:none}.agent-messages:before{content:"";margin-top:auto;flex-shrink:0}.agent-message{flex-shrink:0;font-size:15px;line-height:1.55}.agent-message strong{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.agent-user>p{color:var(--text-primary)}.agent-assistant>p{color:var(--text-selected)}.agent-empty{color:var(--text-faint);font-size:15px;padding:1rem 0}.agent-hint{display:block;color:var(--accent);font-size:14px;margin-top:.5rem}.agent-thinking{color:var(--text-dim);font-style:italic}.agent-pane-credits{padding:4px 12px 6px;font-size:14px;color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex-shrink:0}.agent-pane-credits-sep{padding:0 4px}.agent-pane-history{border-bottom:1px solid var(--border-strong);background:var(--bg-secondary);max-height:240px;overflow-y:auto;flex-shrink:0}.agent-pane-history-empty{padding:12px;font-size:14px;color:var(--text-faint)}.agent-pane-history-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;cursor:pointer;border-bottom:1px solid var(--border-strong)}.agent-pane-history-row:hover,.agent-pane-history-row.active{background:var(--bg-tertiary)}.agent-pane-history-title{flex:1;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-pane-history-meta{font-size:14px;color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.agent-pane-history-delete{background:transparent;border:none;color:var(--text-faint);cursor:pointer;padding:4px}.agent-pane-history-delete:hover{color:var(--text-primary)}.agent-tool-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:999px;font-size:14px;color:var(--text-dim);margin-top:4px}.agent-tool-chip code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.agent-action-chip{margin-top:6px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);display:flex;flex-direction:column;gap:6px}.agent-action-chip.status-pending{background:var(--bg-tertiary);color:var(--text-primary)}.agent-action-chip.status-applied{border-color:var(--accent)}.agent-action-chip.status-rejected{opacity:.55}.agent-action-chip.status-failed{border-color:#c33}[data-theme=light] .agent-action-chip,[data-theme=light] .agent-action-chip.status-pending{background:#f3f4f6;color:#111827;border-color:#d1d5db}[data-theme=light] .agent-action-chip-summary{color:#111827}[data-theme=light] .agent-action-chip-target{color:#4b5563;opacity:1}.agent-action-chip-summary{font-size:15px;font-weight:600;color:var(--text-primary)}.agent-action-chip-target{font-size:14px;color:var(--text-primary);opacity:.75}.agent-action-chip-error{font-size:14px;color:#c33;display:flex;flex-direction:column;gap:2px}.agent-action-chip-error-hint{font-weight:600}.agent-action-chip-error-message{font-family:var(--font-mono, monospace);white-space:pre-wrap}.agent-action-chip-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.agent-action-chip-status{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--text-dim)}.agent-action-chip-inspect{font-size:14px;color:var(--text-dim);margin-top:4px;padding:6px 8px;background:var(--bg-secondary);border-radius:4px}.agent-action-chip-inspect>summary{cursor:pointer;font-weight:600;margin-bottom:4px}.agent-action-chip-inspect pre{margin:4px 0;font-size:14px;max-height:240px;overflow:auto}.agent-system-event{display:flex;align-items:baseline;gap:8px;margin:6px 0;padding:6px 10px;border-left:3px solid var(--text-dim);font-size:14px;color:var(--text-dim);background:var(--bg-secondary);border-radius:0 4px 4px 0}.agent-system-event--failure{border-left-color:#c33;color:var(--text-primary)}.agent-system-event-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);flex-shrink:0}.agent-system-event-message{line-height:1.4}.agent-tool-result{margin-top:4px;font-size:14px}.agent-tool-result summary{cursor:pointer;color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.agent-tool-result pre{margin-top:4px;padding:8px;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:6px;white-space:pre-wrap;word-break:break-word;font-size:14px;color:var(--text-dim)}.agent-confirmation-card{margin-top:6px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:6px}.agent-confirmation-title{font-size:15px;color:var(--text-primary);margin-bottom:6px}.agent-confirmation-summary{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.agent-confirmation-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;color:var(--text-dim);white-space:pre-wrap;word-break:break-word;margin-bottom:8px}.agent-confirmation-actions{display:flex;gap:6px;justify-content:flex-end}.agent-confirmation-card.resolved{border-color:var(--border-strong);opacity:.6}.agent-streaming-cursor{display:inline-block;width:6px;height:.85em;margin-left:2px;vertical-align:-2px;background:var(--text-selected);border-radius:1px;animation:agent-cursor-blink 1s step-end infinite}@keyframes agent-cursor-blink{50%{opacity:0}}.agent-console-stop{background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.agent-console-stop:hover{border-color:var(--border-hover)}.status-bar{height:26px;flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;background:var(--bg-secondary);border-top:1px solid var(--border-strong);border-bottom-left-radius:16px;border-bottom-right-radius:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.status-bar-section{display:flex;align-items:center;gap:12px;min-width:0;height:100%}.status-bar-left{justify-self:start}.status-bar-center{justify-self:center}.status-bar-right{justify-self:end}.status-bar-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px;line-height:1}.status-bar-item svg{color:var(--text-secondary);flex-shrink:0}.status-bar-dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary)}.status-bar-deployment.active .status-bar-dot{background:var(--success)}.status-bar-deployment.building .status-bar-dot{background:var(--warning);animation:status-pulse 1.4s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.4}}.status-bar-credits{color:var(--text-secondary)}.status-bar-credits svg{color:var(--text-secondary)}.status-bar-credits.low{color:var(--warning)}.status-bar-credits.low svg{color:var(--warning)}.agent-turn-footer{margin-top:4px;font-size:14px;color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.agent-md{color:var(--text-selected);font-size:15px;line-height:1.5}.agent-md>*:first-child{margin-top:0}.agent-md>*:last-child{margin-bottom:0}.agent-md p{margin:0 0 .5rem;color:var(--text-selected)}.agent-md p:last-child{margin-bottom:0}.agent-md h1,.agent-md h2,.agent-md h3,.agent-md h4,.agent-md h5,.agent-md h6{font-size:16px;font-weight:600;margin:.6rem 0 .3rem;color:var(--text-primary)}.agent-md ul,.agent-md ol{margin:.25rem 0 .5rem 1.1rem;padding:0}.agent-md li{margin:.15rem 0}.agent-md li>p{margin:0}.agent-md li::marker{color:var(--text-muted)}.agent-md a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.agent-md a:hover{filter:brightness(1.15)}.agent-md strong{color:var(--text-primary);font-weight:600}.agent-md em{color:inherit;font-style:italic}.agent-md-inline-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;padding:1px 5px;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:4px;color:var(--code-text)}.agent-md pre{margin:.5rem 0;padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:6px;overflow-x:auto}.agent-md pre code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;color:var(--code-text);background:transparent;border:none;padding:0}.agent-md blockquote{margin:.5rem 0;padding:2px 0 2px 10px;border-left:2px solid var(--border-strong);color:var(--text-secondary)}.agent-md hr{margin:.6rem 0;border:none;border-top:1px solid var(--border-strong)}.agent-md table{border-collapse:collapse;margin:.5rem 0;font-size:14px}.agent-md th,.agent-md td{border:1px solid var(--border-strong);padding:4px 8px;text-align:left}.agent-md th{background:var(--bg-tertiary);color:var(--text-primary)}.agent-md input[type=checkbox]{margin-right:4px;vertical-align:middle}.agent-system-note p{color:var(--text-faint);font-style:italic}.agent-billing-cta{margin-top:6px}.agent-tool{font-size:14px}.agent-image-block{max-width:100%;border-radius:6px;margin-top:4px}.agent-input{display:flex;gap:.5rem;padding:.5rem .75rem .75rem}.agent-input input{flex:1;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-primary);font-size:14px}.agent-input input:focus{outline:none;border-color:var(--accent)}.agent-input button{padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.agent-input button:disabled{opacity:.4}.import-form{margin-bottom:1rem}.import-form h3{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem}.import-form button{padding:.4rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.8rem}.import-form button:disabled{opacity:.4;cursor:not-allowed}.import-status{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.4rem;font-size:.7rem;color:var(--text-secondary)}.import-form button.import-status__report{padding:.2rem .45rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.68rem}.import-form button.import-status__report:hover{background:var(--bg-tertiary)}.status-badge{padding:1px 5px;border-radius:3px;font-size:.65rem;text-transform:uppercase}.status-completed{background:#065f46;color:var(--success)}.status-running{background:#92400e;color:#fcd34d}.status-failed{background:#7f1d1d;color:var(--danger-text)}.status-pending{background:#333;color:var(--text-secondary)}.site-tree{flex:1;overflow-y:auto}.tree-section{margin-bottom:.5rem}.tree-section-header{display:flex;align-items:center;justify-content:space-between}.tree-section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:.5rem 0 .2rem}.tree-view-all{background:none;border:none;color:var(--accent);font-size:.72rem;cursor:pointer}.tree-list{list-style:none}.tree-node-row{display:flex;align-items:center;gap:.3rem;padding:.35rem .4rem;border-radius:3px;cursor:pointer;font-size:.85rem;transition:background .1s}.tree-node-row:hover{background:var(--bg-hover)}.tree-node-row.selected{background:var(--bg-selected);color:var(--text-selected)}.tree-expand{background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;width:16px;text-align:center}.tree-icon{font-size:1.1rem;opacity:.8}.tree-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-path{font-size:.72rem;color:var(--text-faint);font-family:monospace}.tree-meta{font-size:.7rem;color:var(--text-faint);font-style:italic}.tree-meta--updated{font-style:normal;font-variant-numeric:tabular-nums;margin-left:auto;padding-left:6px}.tree-children{list-style:none;padding-left:1.2rem}.tree-component{padding-left:1.5rem;font-size:.7rem;color:var(--text-secondary)}.tree-more{padding:.25rem .5rem;font-size:.65rem;color:var(--accent);cursor:pointer}.preview-frame{display:flex;flex-direction:column;height:100%}.preview-toolbar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;background:var(--bg-primary);border-bottom:1px solid var(--bg-tertiary);flex-shrink:0}.preview-url{font-size:.7rem;color:var(--text-dim);font-family:monospace}.preview-actions{display:flex;gap:.35rem}.preview-toolbar button{padding:.2rem .5rem;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:3px;cursor:pointer;font-size:.65rem}.preview-iframe{flex:1;border:none;background:#0a0a0a}[data-theme=light] .preview-iframe{background:#fff}.page-editor,.post-editor{padding:1.5rem 2rem;overflow-y:auto;height:100%}.editor-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.editor-title-row h2{font-size:1.2rem;color:var(--text-primary)}.editor-path{font-size:.75rem;color:var(--text-dim);font-family:monospace}.editor-meta{display:flex;gap:.75rem;margin-bottom:1.5rem;font-size:.7rem;color:var(--text-secondary)}.editor-status{text-transform:uppercase;letter-spacing:.03em}.editor-components h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem}.editor-component{padding:.75rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;margin-bottom:.5rem;cursor:pointer;transition:border-color .15s}.editor-component:hover{border-color:var(--text-faint)}.editor-component.focused{border-color:var(--accent)}.editor-component-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.editor-component-index{width:18px;height:18px;background:var(--bg-tertiary);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--text-secondary)}.editor-component-type{font-size:.8rem;color:var(--text-primary);font-weight:500}.editor-component-id{font-size:.6rem;color:var(--text-faint);font-family:monospace;margin-left:auto}.component-text-preview{font-size:.75rem;color:var(--text-muted);line-height:1.4}.editor-empty{font-size:.8rem;color:var(--text-dim);font-style:italic}.editor-hint{font-size:.7rem;color:var(--text-faint);margin-top:1.5rem;font-style:italic}.post-table{padding:1.5rem 2rem;overflow-y:auto;height:100%}.post-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.post-table-header h2{font-size:1rem;color:var(--text-primary)}.post-table-search{padding:.4rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:5px;color:var(--text-primary);font-size:.8rem;width:240px}.post-table-search:focus{outline:none;border-color:var(--accent)}.post-table-body table{width:100%;border-collapse:collapse}.post-table-body th{text-align:left;padding:.5rem .75rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-strong)}.post-table-body tr{cursor:pointer;transition:background .1s}.post-table-body tr:hover{background:var(--bg-secondary)}.post-table-body tr.selected{background:var(--bg-selected)}.post-table-body td{padding:.5rem .75rem;font-size:.8rem;border-bottom:1px solid var(--border)}.post-title-cell{color:var(--text-primary)}.post-path-cell{font-family:monospace;color:var(--text-dim);font-size:.7rem}.post-date-cell{color:var(--text-muted);font-size:.75rem}.post-status-badge{padding:1px 6px;border-radius:3px;font-size:.6rem;text-transform:uppercase}.post-table-empty{padding:2rem;text-align:center;color:var(--text-dim);font-size:.8rem}.post-editor-section{margin-bottom:1.5rem}.post-editor-section h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.post-editor-excerpt{font-size:.85rem;color:var(--text-secondary);font-style:italic}.post-editor-content{font-size:.85rem;color:var(--text-primary);line-height:1.6;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;padding:1rem}.post-editor-content img{max-width:100%;height:auto}.deployment-list{list-style:none;font-size:.7rem}.deployment-item{padding:.35rem 0;border-bottom:1px solid var(--bg-secondary)}.deployment-info{display:flex;align-items:center;gap:.4rem}.deployment-version{font-weight:600;color:var(--text-primary);font-family:monospace;font-size:.7rem}.deployment-status{font-size:.55rem;text-transform:uppercase}.deployment-meta{color:var(--text-dim);font-size:.55rem;display:flex;gap:.4rem}.btn-rollback{margin-top:2px;padding:1px 6px;background:var(--bg-tertiary);color:var(--warning);border:1px solid var(--border-strong);border-radius:3px;cursor:pointer;font-size:.55rem}.btn-rollback:hover{border-color:var(--warning)}.btn-primary{padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{padding:.35rem .75rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:5px;cursor:pointer;font-size:.75rem}.btn-back{padding:.25rem .6rem;background:none;color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:3px;cursor:pointer;font-size:.7rem}.btn-back:hover{color:var(--text-primary);border-color:var(--text-faint)}.dashboard{max-width:900px;margin:0 auto;padding:3rem 2rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.dashboard-tagline{font-size:.78rem;color:var(--text-dim);margin:.25rem 0 0}.dashboard-header-actions{display:flex;align-items:center;gap:.75rem}.user-menu{display:flex;align-items:center;gap:.5rem;min-width:0}.user-menu-email{font-size:.78rem;color:var(--text-muted);max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-logout{font-size:.78rem;color:var(--text-muted);background:none;border:1px solid var(--border-color, rgba(128,128,128,.35));border-radius:6px;padding:.3rem .6rem;cursor:pointer;white-space:nowrap}.user-menu-logout:hover{color:var(--text-primary);border-color:var(--text-muted)}.user-menu-logout:disabled{opacity:.6;cursor:default}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.project-card{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;cursor:pointer;text-align:left;color:var(--text-primary);transition:border-color .15s}.project-card:hover{border-color:var(--text-faint)}.project-card h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.project-slug{font-size:.7rem;color:var(--text-dim);font-family:monospace}.project-source{font-size:.65rem;color:var(--text-faint)}.project-status{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em}.project-status.deployed{color:var(--success)}.project-status.no-deploy{color:var(--text-dim)}.create-form{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px}.create-form h2{font-size:1rem;margin-bottom:1rem;color:var(--text-primary)}.create-form input{display:block;width:100%;padding:.5rem .75rem;margin-bottom:.75rem;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-primary);font-size:.85rem}.create-form input:focus{outline:none;border-color:var(--accent)}.create-form-actions{display:flex;gap:.5rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-dim)}.empty-view{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim)}.settings{display:flex;height:100%;overflow:hidden}.settings-nav{width:200px;border-right:1px solid var(--bg-tertiary);padding:1.5rem 1rem;flex-shrink:0}.settings-nav h2{font-size:.9rem;color:var(--text-primary);margin-bottom:1rem}.settings-nav-list{list-style:none}.settings-nav-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .6rem;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;text-align:left}.settings-nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.settings-nav-item.active{background:var(--bg-selected);color:var(--text-selected)}.settings-nav-item svg{flex-shrink:0}.settings-content{flex:1;overflow-y:auto;padding:1.5rem 2rem}.settings-section h3{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem}.settings-description{font-size:.8rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.settings-field{margin-bottom:1rem}.settings-field label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.3rem}.settings-field input{width:100%;max-width:400px;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:5px;color:var(--text-primary);font-size:.85rem}.settings-field input:disabled{opacity:.5}.settings-code{display:inline-block;padding:.4rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:5px;font-size:.8rem;color:var(--text-selected)}.settings-value{font-size:.85rem;color:var(--text-secondary)}.settings-hint{font-size:.75rem;color:var(--text-dim);font-style:italic;margin-top:1.5rem}.settings-placeholder{padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:6px;font-size:.8rem;color:var(--text-muted)}.settings-placeholder code{display:block;margin-top:.5rem;color:var(--text-selected)}.settings-danger{display:flex;flex-direction:column;gap:1rem}.danger-item{padding:1rem;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:6px}.danger-item strong{color:var(--danger-text);font-size:.85rem}.danger-item p{color:var(--text-secondary);font-size:.75rem;margin-top:.25rem}.theme-toggle-group{display:flex;gap:.5rem}.theme-option{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.85rem}.theme-option:hover{border-color:var(--border-hover);color:var(--text-primary)}.theme-option.active{background:var(--bg-selected);border-color:var(--accent);color:var(--text-selected)}.search-trigger{display:flex;align-items:center;gap:.3rem;padding:.25rem .35rem;margin-left:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:5px;color:var(--text-muted);cursor:pointer;font-size:.75rem}.search-trigger:hover{color:var(--text-primary);border-color:var(--border-hover)}.search-trigger kbd{font-size:.6rem;padding:1px 4px;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:3px;color:var(--text-dim);font-family:inherit}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;z-index:100}.search-palette{width:560px;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 20px 60px #00000080;overflow:hidden}.search-input-row{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);color:var(--text-muted)}.search-input-row input{flex:1;background:none;border:none;color:var(--text-primary);font-size:1rem;outline:none}.search-input-row input::placeholder{color:var(--text-dim)}.search-close{background:none;border:none;color:var(--text-dim);cursor:pointer}.search-close:hover{color:var(--text-primary)}.search-results{list-style:none;max-height:360px;overflow-y:auto}.search-result{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;cursor:pointer}.search-result:hover,.search-result.selected{background:var(--bg-tertiary)}.search-result-icon{color:var(--text-dim);flex-shrink:0}.search-result-content{flex:1;min-width:0}.search-result-title{display:block;font-size:.85rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-excerpt{display:block;font-size:.7rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-type{font-size:.6rem;text-transform:uppercase;color:var(--text-faint);flex-shrink:0}.search-empty{padding:1.5rem;text-align:center;color:var(--text-dim);font-size:.85rem}.search-footer{display:flex;gap:1rem;padding:.5rem 1rem;border-top:1px solid var(--border);font-size:.65rem;color:var(--text-faint)}.search-footer kbd{padding:1px 4px;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:3px;font-family:inherit;font-size:.6rem}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.site-canvas{width:100%;height:100%;background:var(--bg-secondary);position:relative}.focus-mode-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-secondary);z-index:100}.focus-mode-exit{position:absolute;top:14px;right:14px;z-index:200;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 14px #0000001a;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.focus-mode-exit:hover{background:var(--bg-secondary);color:var(--text-primary)}.header-focus{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:5px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.header-focus:hover{background:var(--bg-tertiary);border-color:var(--text-faint);color:var(--text-primary)}.focus-agent-dock{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;width:min(640px,calc(100% - 48px));background:var(--bg-primary);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #0003;overflow:visible}.focus-updater{position:absolute;top:14px;left:14px;z-index:199;width:min(360px,calc(100% - 28px));max-height:calc(100% - 200px);overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column}.focus-updater__header{display:flex;align-items:center;gap:6px;padding:10px 12px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;text-align:left;width:100%}.focus-updater__header:hover{background:var(--bg-secondary)}.focus-updater__prompt-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-updater__caret{transition:transform .12s;flex-shrink:0}.focus-updater__caret.is-open{transform:rotate(180deg)}.focus-updater__status{display:flex;align-items:center;gap:8px;padding:10px 14px;color:var(--text-secondary);font-size:12px;font-style:italic}.focus-updater__status--done{color:var(--text-primary);font-style:normal;font-weight:600}.focus-updater__spin{animation:focus-updater-spin .8s linear infinite}@keyframes focus-updater-spin{to{transform:rotate(360deg)}}.focus-updater__done-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#10b981;color:#fff;border-radius:50%}.focus-updater__body{padding:10px 14px 14px;font-size:13px;line-height:1.5;color:var(--text-primary)}.focus-agent-log{position:absolute;bottom:14px;left:14px;z-index:199;width:min(280px,calc(100% - 28px));max-height:calc(100% - 240px);display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 18px #0000001a;overflow:hidden}.focus-agent-log__toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;text-align:left}.focus-agent-log__toggle>span{flex:1}.focus-agent-log__toggle:hover{color:var(--text-primary);background:var(--bg-secondary)}.focus-agent-log__list{margin:0;padding:0 4px 6px;list-style:none;max-height:240px;overflow-y:auto}.focus-agent-log__item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:5px;font-size:12px;color:var(--text-primary);cursor:pointer}.focus-agent-log__item:hover{background:var(--bg-secondary)}.focus-agent-log__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;flex-shrink:0}.focus-agent-log__item--complete .focus-agent-log__icon{background:#10b981;color:#fff}.focus-agent-log__item--running .focus-agent-log__icon{color:var(--accent)}.focus-agent-log__spin{animation:focus-updater-spin .8s linear infinite}.focus-agent-log__title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-agent-log__cancel{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;color:var(--text-secondary);border-radius:50%;cursor:pointer;flex-shrink:0}.focus-agent-log__cancel:hover{background:var(--border);color:var(--text-primary)}.agent-panel--composer-only{background:transparent;border:none;display:flex;flex-direction:column}.agent-activity-strip{display:flex;align-items:center;gap:8px;padding:6px 14px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:14px}.agent-activity-strip__dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:agent-activity-pulse 1.2s ease-in-out infinite}.agent-activity-strip__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes agent-activity-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.canvas-view-segment{display:inline-flex;align-items:center;gap:4px}.canvas-view-segment__btn{display:inline-flex;align-items:center;padding:7px 14px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:background .1s,color .1s}.canvas-view-segment__btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.canvas-view-segment__btn.is-active{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;box-shadow:inset 0 0 0 1px var(--border-strong, var(--border))}.canvas-view-segment__btn.is-active:hover{background:var(--bg-secondary);color:var(--text-primary)}.posts-control-panel{position:absolute;bottom:14px;left:14px;z-index:10;display:flex;flex-direction:column;gap:14px;width:240px;padding:14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 14px #0000001a;max-height:calc(100% - 80px);overflow-y:auto}.posts-control-panel__header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border)}.posts-control-panel__title{font-size:13px;font-weight:600;color:var(--text-primary)}.posts-control-panel__count{font-size:11px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.posts-control-panel__pagination{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 0}.posts-control-panel__page-count{display:inline-flex;align-items:baseline;gap:2px;font-size:12px;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.posts-control-panel__filters{display:flex;flex-direction:column;gap:12px;padding-top:6px;border-top:1px solid var(--border)}.posts-control-panel__filter{display:flex;flex-direction:column;gap:6px}.posts-control-panel__filter-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:600}.canvas-zoom-controls{display:inline-flex;align-items:center;gap:4px;padding:6px;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 14px #0000001a;transition:gap .18s ease}.canvas-zoom-controls .is-secondary{max-width:0;opacity:0;padding-left:0;padding-right:0;margin-left:-4px;overflow:hidden;pointer-events:none;transition:max-width .22s ease,opacity .18s ease,padding .22s ease,margin .22s ease}.canvas-control-bar-anchor{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:5;pointer-events:auto}.canvas-zoom-exit{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:6;display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:999px;color:var(--text-primary);font-size:.8rem;cursor:pointer;box-shadow:0 4px 16px #00000040}.canvas-zoom-exit:hover{border-color:var(--accent)}.canvas-zoom-controls.is-expanded .is-secondary{max-width:60px;opacity:1;margin-left:0;pointer-events:auto}.canvas-zoom-controls.is-expanded .canvas-zoom-controls__btn.is-secondary{padding-left:initial;padding-right:initial}.canvas-zoom-controls.is-expanded .canvas-view-segment__btn.is-secondary{max-width:120px;padding:7px 14px;margin-left:0}.canvas-zoom-controls.is-expanded .canvas-zoom-controls__divider.is-secondary{max-width:20px}.canvas-zoom-controls__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--text-secondary);border-radius:6px;cursor:pointer}.canvas-zoom-controls__btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.canvas-zoom-controls__pct{box-sizing:border-box;width:56px;padding:5px 10px;background:transparent;border:none;color:var(--text-primary);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;text-align:center;border-radius:6px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.canvas-zoom-controls__pct::-webkit-outer-spin-button,.canvas-zoom-controls__pct::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.canvas-zoom-controls__pct:hover{background:var(--bg-secondary)}.canvas-zoom-controls__pct--input{outline:none;background:var(--bg-secondary);cursor:text}.canvas-zoom-controls__divider{display:inline-block;width:1px;height:20px;margin:0 6px;background:var(--border)}.canvas-zoom-controls__btn.is-active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:inset 0 0 0 1.5px var(--border-strong, var(--text-primary))}.canvas-zoom-controls__btn.is-active:hover{background:var(--bg-secondary);color:var(--text-primary)}.site-canvas .react-flow{background:var(--bg-secondary)}.site-canvas .react-flow__controls button{background:var(--bg-primary);border-color:var(--border-strong);color:var(--text-secondary);fill:var(--text-secondary)}.site-canvas .react-flow__controls button:hover{background:var(--bg-tertiary);color:var(--text-primary);fill:var(--text-primary)}.site-canvas .react-flow__minimap{background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:6px}.canvas-node{position:relative;background:var(--bg-secondary);border-radius:2px;overflow:visible;transition:box-shadow .15s;cursor:pointer}.canvas-page{width:240px}.canvas-post{width:220px}.canvas-node-label{position:absolute;bottom:100%;left:0;margin-bottom:6px;display:flex;align-items:center;gap:.35rem;width:100%;box-sizing:border-box;padding:.28rem .55rem;background:var(--bg-secondary);border-radius:6px;pointer-events:none}.canvas-node-icon{display:inline-flex;align-items:center;flex:none;color:var(--text-secondary)}.canvas-node-title{flex:1;min-width:0;font-size:.75rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-node-home-badge{display:inline-flex;align-items:center;padding:2px 6px;background:var(--bg-secondary);border:1px solid var(--border-strong, var(--border));border-radius:4px;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--text-secondary);flex-shrink:0}.canvas-node-menu{position:relative;flex-shrink:0}.canvas-node-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;color:var(--text-secondary);border-radius:4px;cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s}.canvas-node:hover .canvas-node-menu__trigger{opacity:.6}.canvas-node-menu__trigger:hover,.canvas-node-menu__trigger[aria-expanded=true]{opacity:1;background:var(--bg-secondary);color:var(--text-primary)}.canvas-node-menu__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.canvas-node-menu__items{position:absolute;top:calc(100% + 4px);right:0;z-index:51;min-width:160px;padding:4px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 16px #0000001f}.canvas-node-menu__item{display:block;width:100%;padding:6px 10px;background:transparent;border:none;color:var(--text-primary);font-size:12px;text-align:left;border-radius:4px;cursor:pointer}.canvas-node-menu__item:hover{background:var(--bg-secondary)}.canvas-home-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-strong, var(--border));border-radius:8px;box-shadow:0 4px 14px #0000001a;max-width:calc(100% - 40px);font-size:12px;color:var(--text-secondary)}.canvas-home-banner__body code{padding:1px 5px;background:var(--bg-secondary);border-radius:3px;font-size:11px;color:var(--text-primary)}.canvas-home-banner__btn{padding:6px 12px;background:var(--accent);border:none;border-radius:5px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.canvas-home-banner__btn:hover{filter:brightness(1.05)}.canvas-home-banner__btn:disabled{opacity:.6;cursor:not-allowed}.canvas-node-preview{width:100%;overflow:hidden;border-radius:2px;position:relative;background:#fff}.canvas-node-iframe{border:none;transform-origin:top left;pointer-events:none;display:block}.canvas-wireframe{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fff;pointer-events:none}[data-theme=dark] .canvas-wireframe{background:#18181b}.canvas-wireframe__chrome{display:flex;align-items:center;gap:7px;height:28px;padding:8px 10px;border-bottom:1px solid rgba(15,23,42,.08);background:#ffffffe0}[data-theme=dark] .canvas-wireframe__chrome{border-bottom-color:#ffffff14;background:#18181be0}.canvas-wireframe__chrome span,.canvas-wireframe__line,.canvas-wireframe__cells span{display:block;border-radius:3px;background:#d4d4d8}[data-theme=dark] .canvas-wireframe__chrome span,[data-theme=dark] .canvas-wireframe__line,[data-theme=dark] .canvas-wireframe__cells span{background:#52525b}.canvas-wireframe__chrome span{width:24px;height:4px}.canvas-wireframe__chrome span:first-child{width:42px;background:#a1a1aa}[data-theme=dark] .canvas-wireframe__chrome span:first-child{background:#71717a}.canvas-wireframe__body{display:flex;flex-direction:column}.canvas-wireframe__section{position:relative;min-height:84px;padding:16px 14px;border-bottom:1px solid rgba(15,23,42,.05);background:linear-gradient(180deg,#fafafaf2,#f4f4f5f2)}[data-theme=dark] .canvas-wireframe__section{border-bottom-color:#ffffff0f;background:linear-gradient(180deg,#27272af2,#18181bf2)}.canvas-wireframe__section.is-hero{min-height:320px;padding-top:110px;background:linear-gradient(180deg,#3f3f467a,#a44a2361),linear-gradient(135deg,#f4f4f580,#71717a33)}.canvas-wireframe__section.is-copy{min-height:116px;background:#fff}[data-theme=dark] .canvas-wireframe__section.is-copy{background:#18181b}.canvas-wireframe__section.is-grid,.canvas-wireframe__section.is-process{min-height:178px}.canvas-wireframe__section.is-logos{min-height:112px}.canvas-wireframe__section.is-quote{min-height:148px;background:linear-gradient(90deg,rgba(164,74,35,.08),transparent),#fff}[data-theme=dark] .canvas-wireframe__section.is-quote{background:linear-gradient(90deg,rgba(164,74,35,.16),transparent),#18181b}.canvas-wireframe__section.is-stats,.canvas-wireframe__section.is-cta{min-height:96px;background:#a44a23}.canvas-wireframe__section.is-media-feature{min-height:148px;background:linear-gradient(90deg,rgba(212,212,216,.72) 0 42%,transparent 42%),#fff}[data-theme=dark] .canvas-wireframe__section.is-media-feature{background:linear-gradient(90deg,rgba(82,82,91,.72) 0 42%,transparent 42%),#18181b}.canvas-wireframe__line{height:8px;margin-bottom:10px}.canvas-wireframe__line.is-kicker{width:32%;height:6px;opacity:.55}.canvas-wireframe__line.is-heading{width:74%;height:16px;opacity:.9}.canvas-wireframe__line.is-body{width:62%;opacity:.58}.canvas-wireframe__line.is-body.is-short{width:44%}.canvas-wireframe__section.is-hero .canvas-wireframe__line,.canvas-wireframe__section.is-stats .canvas-wireframe__line,.canvas-wireframe__section.is-cta .canvas-wireframe__line{background:#ffffffc2}.canvas-wireframe__cells{display:none;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.canvas-wireframe__section.is-grid .canvas-wireframe__cells,.canvas-wireframe__section.is-process .canvas-wireframe__cells,.canvas-wireframe__section.is-logos .canvas-wireframe__cells,.canvas-wireframe__section.is-stats .canvas-wireframe__cells{display:grid}.canvas-wireframe__cells span{height:48px;border-radius:5px;opacity:.55}.canvas-wireframe__section.is-logos .canvas-wireframe__cells span{height:18px;border-radius:999px}.canvas-wireframe__section.is-stats .canvas-wireframe__cells span{height:28px;background:#ffffffb3}.canvas-node.is-block-select .canvas-node-iframe{pointer-events:auto}.canvas-node.is-block-select{outline:1px dashed var(--accent);outline-offset:4px;cursor:crosshair}.canvas-node.is-zoomed.is-block-select{outline:none;cursor:default}.canvas-node-toggle{margin-left:auto;background:transparent;border:0;color:var(--text-faint);cursor:pointer;padding:2px 4px;border-radius:4px;display:inline-flex;align-items:center}.canvas-section-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);padding:4px 12px;background:transparent;white-space:nowrap;-webkit-user-select:none;user-select:none}.canvas-pagination{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:.7rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none;width:100%}.canvas-pagination__count{display:inline-flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums;line-height:1}.canvas-pagination__jump{padding:0 2px;background:transparent;border:1px solid transparent;border-radius:3px;color:var(--text-primary);font-size:.7rem;line-height:1;text-align:center;font-variant-numeric:tabular-nums;vertical-align:baseline}.canvas-pagination__jump:hover,.canvas-pagination__jump:focus{background:var(--bg-secondary);border-color:var(--border);outline:none}.canvas-pagination__jump::-webkit-outer-spin-button,.canvas-pagination__jump::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.canvas-pagination__jump{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.canvas-pagination__btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:0;color:var(--text-secondary);border-radius:3px;cursor:pointer}.canvas-pagination__btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.canvas-pagination__btn:disabled{opacity:.35;cursor:not-allowed}.canvas-pagination__count{padding:0 6px;font-variant-numeric:tabular-nums}.canvas-term-filter__chips{max-height:140px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.canvas-term-filter__chip{padding:3px 8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);border-radius:999px;font-size:11px;cursor:pointer;transition:background .1s,color .1s,border-color .1s}.canvas-term-filter__chip:hover{background:var(--bg-tertiary, var(--bg-secondary));color:var(--text-primary)}.canvas-term-filter__chip.is-selected{background:var(--accent);color:#fff;border-color:var(--accent)}.canvas-term-filter__clear{margin-left:4px;padding:3px 8px;background:transparent;border:none;color:var(--text-secondary);font-size:11px;cursor:pointer;text-decoration:underline}.canvas-term-filter__clear:hover{color:var(--text-primary)}.canvas-node-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.canvas-node-excerpt{padding:.5rem .65rem;font-size:.65rem;color:var(--text-secondary);line-height:1.4}.btn-danger{padding:.5rem 1rem;background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);border-radius:6px;cursor:pointer;font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem}.btn-danger:hover{background:var(--danger-border)}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.4rem}.btn-icon{padding:.4rem .5rem!important;background:transparent}.redesign-view{display:grid;grid-template-columns:320px 1fr;height:100%;overflow:hidden;background:var(--bg-primary)}.redesign-view__list{border-right:1px solid var(--border-strong);overflow-y:auto;display:flex;flex-direction:column}.redesign-view__list-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-strong);position:sticky;top:0;background:var(--bg-primary);z-index:1}.redesign-view__list-header h2{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0}.redesign-view__empty{padding:2rem 1rem;color:var(--text-muted);font-size:.8rem;text-align:center;line-height:1.5}.redesign-view__row{text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border-strong);padding:.85rem 1rem;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;color:var(--text-primary)}.redesign-view__row:hover{background:var(--bg-secondary)}.redesign-view__row.is-selected{background:var(--bg-tertiary)}.redesign-view__row-title{font-size:.85rem;font-weight:500;display:flex;align-items:baseline;gap:.4rem}.redesign-view__row-path{font-size:.7rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.redesign-view__row-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-muted)}.redesign-view__status{padding:.1rem .5rem;border-radius:999px;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.redesign-view__status--pending{background:var(--accent);color:#fff}.redesign-view__status--applied{background:var(--success);color:#000}.redesign-view__status--rejected{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-strong)}.redesign-view__status--superseded{background:var(--bg-tertiary);color:var(--text-faint)}.redesign-view__detail{display:flex;flex-direction:column;overflow:hidden}.redesign-view__detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-strong);gap:1rem}.redesign-view__detail-header h2{font-size:1rem;font-weight:600;margin:0 0 .25rem}.redesign-view__detail-path{font-size:.7rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin:0}.redesign-view__actions{display:flex;gap:.5rem;align-items:center}.redesign-view__notes{padding:.85rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-strong);font-size:.8rem;color:var(--text-primary);line-height:1.5}.redesign-view__compare{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;overflow:hidden}.redesign-view__pane{display:flex;flex-direction:column;border:1px solid var(--border-strong);border-radius:6px;overflow:hidden;background:var(--bg-secondary)}.redesign-view__pane-label{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-strong);font-size:.75rem;color:var(--text-secondary);font-weight:500}.redesign-view__pane-label a{color:var(--text-muted);display:inline-flex}.redesign-view__pane-label a:hover{color:var(--text-primary)}.redesign-view__iframe{flex:1;width:100%;border:none;background:#fff}.component-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);overflow:hidden}.component-view__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-strong);gap:1rem}.component-view__header h2{font-size:1rem;margin:0 0 .25rem}.component-view__sub{font-size:.75rem;color:var(--text-muted);margin:0}.component-view__controls{display:flex;gap:.5rem;align-items:center}.component-view__search{padding:.4rem .7rem;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:5px;color:var(--text-primary);font-size:.8rem;min-width:200px}.component-view__filter{display:flex;gap:1px;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:5px;padding:2px}.component-view__filter-btn{background:transparent;border:none;color:var(--text-secondary);padding:.3rem .65rem;cursor:pointer;font-size:.75rem;border-radius:3px}.component-view__filter-btn.is-active{background:var(--bg-tertiary);color:var(--text-primary)}.component-view__filter-btn:hover{color:var(--text-primary)}.component-view__body{flex:1;display:grid;grid-template-columns:1fr auto;overflow:hidden}.component-view__sections{overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;padding:1rem 1.25rem}.component-view__section{display:flex;flex-direction:column;gap:.625rem}.component-view__section-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0}.component-view__section-count{font-size:.7rem;font-weight:500;color:var(--text-muted);background:var(--bg-tertiary);padding:.1rem .4rem;border-radius:999px;letter-spacing:0}.component-view__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;align-content:start}.component-tile{background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:8px;padding:.85rem;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;position:relative;transition:border-color .15s ease,transform .15s ease}.component-tile:hover{border-color:var(--accent);transform:translateY(-1px)}.component-tile--custom{border-color:var(--accent)}.component-tile__type{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.component-tile__name{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary)}.component-tile__desc{margin:0;font-size:.75rem;color:var(--text-secondary);line-height:1.5;flex:1}.component-tile__meta{display:flex;flex-wrap:wrap;gap:.35rem}.component-tile__chip{font-size:.65rem;padding:.15rem .5rem;background:var(--bg-tertiary);color:var(--text-muted);border-radius:999px}.component-tile__fork{position:absolute;top:.5rem;right:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-strong);color:var(--text-secondary);padding:.25rem .55rem;border-radius:4px;font-size:.7rem;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.component-tile__fork:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.component-view__detail{width:480px;border-left:1px solid var(--border-strong);background:var(--bg-secondary);overflow-y:auto;padding:1rem 1.25rem}.fork-editor{display:flex;flex-direction:column;gap:.75rem}.fork-editor__meta p{margin:0 0 .25rem}.fork-editor__tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-strong);margin-top:.5rem}.fork-editor__tab{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .6rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.75rem;cursor:pointer}.fork-editor__tab:hover{color:var(--text-primary)}.fork-editor__tab.is-active{color:var(--text-primary);border-bottom-color:var(--accent)}.fork-editor__panel{display:flex;flex-direction:column;gap:.4rem}.fork-editor__label{font-size:.7rem;color:var(--text-muted)}.fork-editor__label code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--text-primary)}.fork-editor__textarea{width:100%;padding:.5rem .6rem;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.4;resize:vertical;-moz-tab-size:2;tab-size:2}.fork-editor__textarea:focus{outline:none;border-color:var(--accent)}.fork-editor__hint{font-size:.7rem;color:var(--text-dim);margin:0;font-style:italic}.fork-editor__error{padding:.5rem .625rem;background:var(--danger-bg, rgba(196, 68, 68, .1));border:1px solid var(--danger-border, #c44);border-radius:4px;font-size:.75rem;color:var(--danger-text, #c44);white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.fork-editor__actions{display:flex;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-strong)}.fork-editor__history{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.fork-editor__history-row{padding:.5rem .6rem;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:4px;display:flex;flex-direction:column;gap:.35rem}.fork-editor__history-meta{display:flex;gap:.5rem;font-size:.7rem;color:var(--text-dim);align-items:center}.fork-editor__history-time{color:var(--text-primary)}.fork-editor__history-source{padding:1px 6px;background:var(--bg-tertiary);border-radius:999px;font-size:.65rem;text-transform:uppercase}.fork-editor__history-version,.fork-editor__history-bytes{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.fork-editor__history-summary{font-size:.75rem;color:var(--text-secondary)}.fork-editor__restore-btn{align-self:flex-start;font-size:.7rem;padding:.25rem .5rem;display:inline-flex;align-items:center;gap:.25rem}.component-view__detail header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.component-view__detail h3{margin:0;font-size:.95rem}.component-view__detail h4{margin:1rem 0 .5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.component-view__detail p{font-size:.85rem;color:var(--text-primary);line-height:1.5;margin:0 0 .5rem}.component-view__detail-line{font-size:.8rem;color:var(--text-secondary)}.component-view__close{background:transparent;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;padding:0 .3rem}.component-view__close:hover{color:var(--text-primary)}.component-view__pre{background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:4px;padding:.75rem;font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-primary);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.component-view__pre--code{max-height:280px;overflow-y:auto;font-size:.65rem}.component-view__detail-actions{display:flex;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-strong)}.component-view__dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.component-view__dialog{background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:8px;padding:1.5rem;width:420px;max-width:calc(100% - 48px)}.component-view__dialog h3{margin:0 0 .5rem;font-size:1rem}.component-view__dialog p{font-size:.8rem;color:var(--text-secondary);margin:0 0 1rem}.component-view__dialog label{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;color:var(--text-primary)}.component-view__dialog input{padding:.5rem .7rem;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:5px;color:var(--text-primary);font-size:.9rem}.component-view__dialog input:focus{outline:none;border-color:var(--accent)}.component-view__dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.media-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);overflow:hidden;position:relative}.media-view.is-dragover{outline:2px dashed var(--accent);outline-offset:-8px}.media-view__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-strong);gap:1rem}.media-view__header h2{font-size:1rem;margin:0 0 .25rem}.media-view__sub{font-size:.75rem;color:var(--text-muted);margin:0}.media-view__controls{display:flex;gap:.5rem;align-items:center}.media-view__search{padding:.4rem .7rem;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:5px;color:var(--text-primary);font-size:.8rem;min-width:200px}.media-view__filter{display:flex;gap:1px;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:5px;padding:2px}.media-view__filter-btn{background:transparent;border:none;color:var(--text-secondary);padding:.3rem .6rem;cursor:pointer;font-size:.75rem;border-radius:3px}.media-view__filter-btn.is-active{background:var(--bg-tertiary);color:var(--text-primary)}.media-view__upload-btn,label.btn-primary.media-view__upload-btn{display:inline-flex;flex-direction:row;align-items:center;gap:.375rem;cursor:pointer;color:#fff;font-size:.8125rem}.media-view__error{padding:.6rem 1rem;background:var(--danger-bg);color:var(--danger-text);border-bottom:1px solid var(--danger-border);font-size:.8rem}.media-view__dropzone{position:absolute;top:60px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;font-size:1.5rem;font-weight:600;pointer-events:none;z-index:10}.media-view__body{flex:1;position:relative;display:flex;overflow:hidden}.media-view__grid{flex:1;padding:1rem 1.25rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;overflow-y:auto;align-content:start}.media-view__empty{grid-column:1 / -1;padding:3rem 1rem;color:var(--text-muted);font-size:.85rem;text-align:center}.media-tile{background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s ease}.media-tile:hover{border-color:var(--accent)}.media-tile.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.media-tile__thumb{aspect-ratio:1 / 1;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-tile__thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-tile__icon{color:var(--text-faint);font-size:2rem}.media-tile__name{padding:.4rem .5rem .2rem;font-size:.75rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-tile__meta{padding:0 .5rem .5rem;display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--text-muted)}.media-view__detail{height:100%;border-left:1px solid var(--border-strong);background:var(--bg-secondary);overflow-y:auto;padding:1rem 1.25rem}.media-view__detail header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.5rem}.media-view__detail h3{margin:0;font-size:.9rem;word-break:break-word}.media-view__close{background:transparent;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer}.media-view__close:hover{color:var(--text-primary)}.media-view__preview{width:100%;border-radius:6px;margin-bottom:1rem;background:var(--bg-primary);object-fit:contain;display:block}.media-view__meta{display:grid;grid-template-columns:auto 1fr;gap:.4rem .75rem;font-size:.75rem;margin:0}.media-view__meta dt{color:var(--text-muted)}.media-view__meta dd{margin:0;color:var(--text-primary)}.media-view__hash{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;word-break:break-all}.media-view__detail-actions{display:flex;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-strong);flex-wrap:wrap}.media-view__detail-actions label.btn-secondary{cursor:pointer}.media-tile__thumb{position:relative}.media-tile__usage-badge{position:absolute;top:6px;right:6px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:999px;line-height:1}.media-view__metadata-editor{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-strong)}.media-view__metadata-editor label{display:flex;flex-direction:column;gap:.2rem;font-size:.7rem;color:var(--text-muted)}.media-view__metadata-editor input{padding:.35rem .5rem;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-primary);font-size:.8rem}.media-view__metadata-editor input:focus{outline:none;border-color:var(--accent)}.media-view__save-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;margin-top:.25rem}.editor-component-tools{display:flex;gap:.25rem;margin-left:auto;align-items:center}.editor-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid var(--border-strong);border-radius:4px;color:var(--text-muted);cursor:pointer;padding:0}.editor-tool-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary)}.editor-tool-btn:disabled{opacity:.4;cursor:not-allowed}.editor-tool-btn--danger:hover:not(:disabled){color:#fff;background:var(--danger, #c44);border-color:var(--danger, #c44)}.component-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.component-picker{background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:8px;width:min(720px,calc(100% - 48px));max-height:calc(100% - 96px);display:flex;flex-direction:column;overflow:hidden}.component-picker__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-strong)}.component-picker__header h3{margin:0;font-size:1rem}.component-picker__close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.component-picker__close:hover{color:var(--text-primary)}.component-picker__error{margin:.75rem 1.25rem 0;padding:.625rem .75rem;background:#c444441a;border:1px solid var(--danger, #c44);border-radius:4px;font-size:.8125rem;color:var(--danger, #c44)}.component-picker__section{padding:1rem 1.25rem;overflow-y:auto}.component-picker__section h4{margin:0 0 .625rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.component-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.625rem}.component-picker__tile{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:6px;padding:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;color:var(--text-primary)}.component-picker__tile:hover:not(:disabled){border-color:var(--accent);background:var(--bg-tertiary)}.component-picker__tile:disabled{opacity:.5;cursor:not-allowed}.component-picker__tile-name{font-weight:600;font-size:.875rem}.component-picker__tile-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.component-picker__tile--custom{border-left:3px solid var(--accent)}.pe-shell{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.pe-topbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border-strong);background:var(--bg-secondary);flex-shrink:0}.pe-topbar__title{display:flex;align-items:center;gap:.625rem;min-width:0}.pe-topbar__title h2{margin:0;font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-topbar__path{font-size:.7rem;color:var(--text-muted)}.pe-topbar__add{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;flex-shrink:0}.pe-topbar__add:hover{filter:brightness(1.1)}.pe-topbar__actions{display:flex;align-items:center;gap:.5rem}.pe-status{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;padding:.125rem .375rem;border-radius:999px;font-weight:600}.pe-status--published{background:#22c55e26;color:#22c55e}.pe-status--draft{background:#eab30826;color:#eab308}.pe-status--archived{background:#73737326;color:var(--text-muted)}.pe-version{font-size:.7rem;color:var(--text-muted)}.pe-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:1px solid var(--border-strong);border-radius:4px;color:var(--text-muted);cursor:pointer}.pe-icon-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary)}.pe-icon-btn:disabled{opacity:.4;cursor:not-allowed}.pe-icon-btn--danger:hover:not(:disabled){color:#fff;background:var(--danger, #c44);border-color:var(--danger, #c44)}.pe-body{display:flex;flex:1 1 0;min-height:0;overflow:hidden}.pe-rail{height:100%;width:100%;background:var(--bg-secondary);overflow-y:auto;display:flex;flex-direction:column}.pe-canvas{background:#fff;position:relative;overflow:hidden;height:100%;width:100%;display:flex}.pe-canvas__iframe{width:100%;height:100%;border:none;background:#fff}.pe-canvas__empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.875rem}.pe-outline{display:flex;flex-direction:column;padding:.75rem;gap:1.25rem}.pe-outline__section h3{margin:0 0 .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.pe-outline__empty{font-size:.75rem;color:var(--text-muted);margin:0}.pe-outline__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.pe-outline__heading{display:flex;align-items:center;gap:.5rem;font-size:.75rem;padding:.25rem .375rem;border-radius:4px;cursor:pointer;color:var(--text-primary)}.pe-outline__heading:hover{background:var(--bg-tertiary)}.pe-outline__level{font-size:.625rem;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);padding:.05rem .3rem;border-radius:3px;flex-shrink:0}.pe-outline__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-outline__heading--h1{padding-left:.375rem;font-weight:600}.pe-outline__heading--h2{padding-left:.75rem}.pe-outline__heading--h3{padding-left:1.25rem}.pe-outline__heading--h4,.pe-outline__heading--h5,.pe-outline__heading--h6{padding-left:1.75rem}.pe-outline__stats{margin:0;display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem;font-size:.75rem}.pe-outline__stats dt{color:var(--text-muted)}.pe-outline__stats dd{margin:0;color:var(--text-primary);font-weight:500}.pe-outline__blocks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.pe-outline__block{display:flex;align-items:center;gap:.5rem;padding:.25rem .375rem;border-radius:4px;cursor:pointer;font-size:.75rem}.pe-outline__block:hover{background:var(--bg-tertiary)}.pe-outline__block.is-selected{background:var(--bg-tertiary);color:var(--accent)}.pe-outline__block-type{font-weight:500}.pe-outline__block{position:relative}.pe-outline__block-grip{display:inline-flex;align-items:center;color:var(--text-muted);cursor:grab;width:12px;flex-shrink:0;opacity:0}.pe-outline__block:hover .pe-outline__block-grip{opacity:.7}.pe-outline__block:active .pe-outline__block-grip{cursor:grabbing}.pe-outline__block-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:3px;background:var(--bg-secondary);color:var(--text-muted);flex-shrink:0}.pe-outline__block.is-selected .pe-outline__block-icon{color:var(--accent)}.pe-outline__block-thumb{width:20px;height:20px;border-radius:3px;object-fit:cover;background:var(--bg-secondary);flex-shrink:0}.pe-outline__block.is-drag-source{opacity:.4}.pe-outline__block.is-drop-above:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px;pointer-events:none}.pe-outline__block-tail-drop{height:2px;background:var(--accent);margin:2px 0;border-radius:1px;list-style:none}.pe-lints{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.pe-lint{display:flex;gap:.5rem;font-size:.7rem;padding:.375rem .5rem;border-radius:4px;background:var(--bg-tertiary);color:var(--text-primary);border-left:3px solid var(--text-muted);align-items:flex-start}.pe-lint__dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);margin-top:5px;flex-shrink:0}.pe-lint--warning{border-color:#eab308}.pe-lint--warning .pe-lint__dot{background:#eab308}.pe-lint--error{border-color:#c44444}.pe-lint--error .pe-lint__dot{background:#c44444}.pe-lint--clickable{cursor:pointer}.pe-lint--clickable:hover{background:var(--bg-secondary)}.pe-lint__msg{line-height:1.35}.pe-lint-empty{color:#22c55e}.pe-inspector__tabs{display:flex;border-bottom:1px solid var(--border-strong);flex-shrink:0}.pe-inspector__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;background:transparent;border:none;padding:.625rem .5rem;font-size:.75rem;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent}.pe-inspector__tab:hover{color:var(--text-primary)}.pe-inspector__tab.is-active{color:var(--text-primary);border-bottom-color:var(--accent)}.pe-inspector__tab.is-dim{opacity:.5}.pe-inspector__body{padding:.875rem;display:flex;flex-direction:column;gap:.625rem;overflow-y:auto}.pe-inspector__body h4{margin:.5rem 0 0;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.pe-inspector__body label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.pe-inspector__body input[type=text],.pe-inspector__body input[type=url],.pe-inspector__body input[type=number],.pe-inspector__body textarea,.pe-inspector__body select{width:100%;padding:.375rem .5rem;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-primary);font-size:.8125rem;font-family:inherit}.pe-inspector__body textarea{resize:vertical;min-height:60px;line-height:1.4}.pe-inspector__hint{font-size:.65rem;color:var(--text-muted)}.pe-inspector__checkbox{display:flex!important;flex-direction:row!important;align-items:center;gap:.5rem}.pe-inspector__checkbox input{width:auto!important}.pe-inspector__actions{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.625rem;border-top:1px solid var(--border-strong)}.pe-inspector__actions--autosave{justify-content:flex-start}.pe-autosave-indicator{font-size:.7rem;color:var(--text-muted);font-style:italic}.pe-inspector__empty{padding:1rem;color:var(--text-muted);font-size:.8125rem;text-align:center}.pe-inspector__error{font-size:.75rem;color:var(--danger, #c44);padding:.375rem .5rem;background:#c4444414;border-radius:4px}.pe-inspector__block-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.625rem;border-bottom:1px solid var(--border-strong)}.pe-inspector__block-type{font-weight:600;font-size:.8125rem;color:var(--text-primary)}.pe-inspector__block-id{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;color:var(--text-muted)}.pe-inspector__block-tools{display:flex;gap:.25rem}.pe-schema-form{display:flex;flex-direction:column;gap:.625rem}.pe-schema-array,.pe-schema-object{border:1px solid var(--border-strong);border-radius:4px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;margin:0}.pe-schema-array legend,.pe-schema-object legend{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:0 .25rem}.pe-layout{border:1px solid var(--border-strong);border-radius:4px;padding:.375rem .5rem .5rem;margin:0}.pe-layout__legend{padding:0;width:100%}.pe-layout__toggle{display:inline-flex;align-items:center;gap:.35rem;background:none;border:0;padding:.15rem 0;cursor:pointer;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, var(--text-muted))}.pe-layout__groups{display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem}.pe-layout__group{display:flex;flex-direction:column;gap:.3rem}.pe-layout__group-title{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.pe-layout__row{display:flex;gap:.5rem}.pe-layout__field{display:flex;flex-direction:column;gap:.18rem;flex:1 1 0;min-width:0}.pe-layout__label{font-size:.68rem;color:var(--text-secondary, var(--text-muted))}.pe-layout__px{position:relative;display:flex;align-items:center}.pe-layout__px input{width:100%;padding-right:1.6rem}.pe-layout__unit{position:absolute;right:.5rem;font-size:.65rem;color:var(--text-muted);pointer-events:none}.pe-layout__color{display:flex;gap:.3rem;align-items:center}.pe-layout__color input[type=color]{width:1.6rem;height:1.6rem;padding:0;border:1px solid var(--border-strong);border-radius:3px;background:none;cursor:pointer;flex:0 0 auto}.pe-layout__color-text{flex:1 1 0;min-width:0}.pe-schema-array__item{display:flex;gap:.375rem;align-items:flex-start;padding:.375rem;background:var(--bg-primary);border-radius:4px}.pe-schema-array__item>label{flex:1}.pe-schema-array__index{font-size:.65rem;color:var(--text-muted);padding-top:.5rem;flex-shrink:0}.pe-schema-array__add{align-self:flex-start;font-size:.75rem;padding:.25rem .5rem}.pe-schema-array__buttons{display:flex;gap:.5rem;flex-wrap:wrap}.pe-schema-array__add-multi{font-size:.75rem;padding:.25rem .5rem;display:inline-flex;align-items:center;gap:.25rem}.pe-raw-json{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.pe-picker__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.pe-picker{background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:8px;width:min(720px,calc(100% - 48px));max-height:calc(100% - 96px);display:flex;flex-direction:column;overflow:hidden}.pe-picker__header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-bottom:1px solid var(--border-strong)}.pe-picker__header h3{margin:0;font-size:.95rem}.pe-picker__hint{margin:0;font-size:.7rem;color:var(--text-muted)}.pe-picker__search{padding:.5rem 1rem;border-bottom:1px solid var(--border-strong)}.pe-picker__search-input{width:100%;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-primary);font-size:.85rem;outline:none}.pe-picker__search-input:focus{border-color:var(--accent)}.pe-picker__section{padding:.875rem 1rem;overflow-y:auto}.pe-picker__section h4{margin:0 0 .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.pe-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.pe-picker__tile{text-align:left;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:6px;padding:.625rem;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;color:var(--text-primary)}.pe-picker__tile:hover:not(:disabled){border-color:var(--accent);background:var(--bg-tertiary)}.pe-picker__tile:disabled{opacity:.5;cursor:not-allowed}.pe-picker__tile-name{font-weight:600;font-size:.8125rem}.pe-picker__tile-desc{font-size:.7rem;color:var(--text-muted);line-height:1.4}.pe-picker__tile-meta{font-size:.65rem;color:var(--text-muted);margin-top:.25rem}.pe-picker__tile--custom{border-left:3px solid var(--accent)}.pe-picker__tile--pattern{border-left:3px solid rgb(34,197,94)}.pe-picker__tabs{display:flex;gap:.25rem;margin:0 auto}.pe-picker__tab{background:transparent;border:1px solid var(--border-strong);border-radius:4px;color:var(--text-muted);padding:.25rem .625rem;font-size:.75rem;cursor:pointer}.pe-picker__tab.is-active{color:var(--accent);background:var(--bg-tertiary);border-color:var(--accent)}.pe-schema-rte{display:flex;flex-direction:column;gap:.25rem}.pe-schema-rte__label{font-size:.75rem;color:var(--text-muted)}.rte{border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-primary);overflow:hidden}.rte__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-strong)}.rte__btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid transparent;border-radius:3px;color:var(--text-muted);cursor:pointer;padding:0}.rte__btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary)}.rte__btn.is-active{color:var(--accent);background:var(--bg-tertiary);border-color:var(--border-strong)}.rte__btn:disabled{opacity:.35;cursor:not-allowed}.rte__sep{width:1px;height:16px;background:var(--border-strong);margin:0 2px}.rte__content{padding:.5rem .625rem;font-size:.8125rem;line-height:1.5;min-height:80px}.rte__content :focus{outline:none}.rte__content .ProseMirror{outline:none;min-height:64px}.rte__content .ProseMirror p{margin:0 0 .5rem}.rte__content .ProseMirror h1{font-size:1.25rem;margin:.5rem 0 .25rem}.rte__content .ProseMirror h2{font-size:1.05rem;margin:.5rem 0 .25rem}.rte__content .ProseMirror h3{font-size:.95rem;margin:.5rem 0 .25rem}.rte__content .ProseMirror a{color:var(--accent);text-decoration:underline}.rte__content .ProseMirror blockquote{border-left:3px solid var(--border-strong);padding-left:.625rem;color:var(--text-muted);margin:.5rem 0}.rte__content .ProseMirror pre{background:var(--bg-tertiary);border-radius:3px;padding:.375rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;overflow-x:auto}.rte__content .ProseMirror ul,.rte__content .ProseMirror ol{padding-left:1.25rem;margin:.25rem 0 .5rem}.rte__content .ProseMirror li>p{margin:0}.rte{position:relative}.rte__slash-menu{position:absolute;z-index:50;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 6px 20px #00000040;display:flex;flex-direction:column;min-width:200px;padding:.25rem}.rte__slash-item{display:flex;align-items:center;gap:.625rem;background:transparent;border:none;color:var(--text-primary);font-size:.8125rem;padding:.375rem .5rem;border-radius:4px;cursor:pointer;text-align:left}.rte__slash-item:hover,.rte__slash-item.is-active{background:var(--bg-tertiary);color:var(--accent)}.rte__slash-hint{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--text-muted);background:var(--bg-secondary);padding:.05rem .375rem;border-radius:3px;min-width:28px;text-align:center}.pe-history{position:absolute;top:48px;right:16px;width:420px;max-height:calc(100% - 96px);background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 10px 28px #00000052;display:flex;flex-direction:column;z-index:80}.pe-history__header{display:flex;justify-content:space-between;align-items:center;padding:.625rem .875rem;border-bottom:1px solid var(--border-strong)}.pe-history__header h3{margin:0;font-size:.875rem}.pe-history__empty{padding:1rem;font-size:.8125rem;color:var(--text-muted);text-align:center}.pe-history__list{list-style:none;margin:0;padding:0;overflow-y:auto}.pe-history__row{display:flex;flex-direction:column;gap:.25rem;padding:.625rem .875rem;border-bottom:1px solid var(--border-strong)}.pe-history__row-main{display:flex;align-items:center;gap:.5rem}.pe-history__source{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;padding:.05rem .375rem;border-radius:3px;letter-spacing:.04em}.pe-history__source--user{background:#6366f126;color:#6366f1}.pe-history__source--agent{background:#22c55e26;color:#22c55e}.pe-history__source--import{background:#73737326;color:var(--text-muted)}.pe-history__summary{font-size:.8125rem;color:var(--text-primary)}.pe-history__row-meta{display:flex;justify-content:space-between;align-items:center}.pe-history__time{font-size:.7rem;color:var(--text-muted)}.pe-icon-btn.is-active{color:var(--accent);background:var(--bg-tertiary);border-color:var(--accent)}.frp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:120}.frp{background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:8px;width:min(820px,calc(100% - 48px));max-height:calc(100% - 96px);display:flex;flex-direction:column;overflow:hidden}.frp__header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-bottom:1px solid var(--border-strong)}.frp__header h3{margin:0;font-size:.95rem}.frp__body{padding:.875rem 1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.875rem}.frp__row{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.frp__field{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.frp__field span{display:inline-flex;align-items:center;gap:.25rem}.frp__field input{padding:.375rem .5rem;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-primary);font-size:.8125rem}.frp__options{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.frp__options label{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-primary)}.frp__results{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--border-strong);padding-top:.625rem}.frp__results header{font-size:.8125rem;color:var(--text-muted)}.frp__results ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto}.frp__result{background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:6px;padding:.5rem .625rem}.frp__result-head{display:flex;align-items:center;gap:.5rem}.frp__chip{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--bg-tertiary);padding:.05rem .375rem;border-radius:3px;color:var(--text-primary)}.frp__path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--text-muted)}.frp__count{margin-left:auto;font-size:.7rem;color:var(--accent);font-weight:600}.frp__result-diff{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.375rem}.frp__before,.frp__after{margin:0;padding:.375rem .5rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;white-space:pre-wrap;word-break:break-word;max-height:100px;overflow:auto}.frp__before{background:#c444441a;color:#c44444}.frp__after{background:#22c55e1a;color:#22c55e}.ttp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:120}.ttp{background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:8px;width:min(560px,calc(100% - 48px));max-height:calc(100% - 96px);display:flex;flex-direction:column;overflow:hidden}.ttp__header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-bottom:1px solid var(--border-strong)}.ttp__header h3{margin:0;font-size:.95rem;display:inline-flex;align-items:center;gap:.375rem}.ttp__hint{margin:0;padding:.625rem 1rem;font-size:.75rem;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border-strong)}.ttp__form{padding:.875rem 1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.625rem}.ttp__field{display:flex;flex-direction:column;gap:.25rem}.ttp__field-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.75rem;color:var(--text-muted)}.ttp__field-help{font-size:.65rem}.ttp__field input[type=text]{flex:1;padding:.375rem .5rem;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-primary);font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ttp__color{display:flex;gap:.375rem;align-items:center}.ttp__color input[type=color]{width:32px;height:32px;padding:0;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-primary);cursor:pointer}.ttp__actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;padding-top:.625rem;border-top:1px solid var(--border-strong)}.pe-compare__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:120}.pe-compare{background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:8px;width:min(1400px,calc(100% - 64px));height:min(calc(100% - 80px),900px);display:flex;flex-direction:column;overflow:hidden}.pe-compare__header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-strong)}.pe-compare__header h3{margin:0;font-size:.95rem}.pe-compare__hint{margin:0;font-size:.7rem;color:var(--text-muted)}.pe-compare__panes{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-strong);min-height:0}.pe-compare__pane{display:flex;flex-direction:column;background:#fff;min-height:0}.pe-compare__pane-label{display:flex;justify-content:space-between;align-items:center;padding:.375rem .625rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-strong);font-size:.75rem;color:var(--text-primary);font-weight:600}.pe-compare__pane-label a{color:var(--accent);text-decoration:none;font-size:.7rem;font-weight:500}.pe-compare__iframe{flex:1;border:none;width:100%}.templates-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.templates-view__header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid var(--border-strong);background:var(--bg-secondary)}.templates-view__header h2{margin:0;font-size:1rem}.templates-view__sub{margin:.25rem 0 0;font-size:.75rem;color:var(--text-muted);max-width:480px;line-height:1.4}.templates-view__grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.875rem;padding:1rem 1.25rem;overflow-y:auto;align-content:start}.templates-view__empty{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:.875rem}.template-tile{position:relative;background:var(--bg-secondary);border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:6px;padding:.875rem;cursor:pointer;display:flex;flex-direction:column;gap:.375rem;transition:background .12s}.template-tile:hover{background:var(--bg-tertiary)}.template-tile__head{display:flex;align-items:center;gap:.5rem;color:var(--accent)}.template-tile__head h3{margin:0;font-size:.9rem;color:var(--text-primary)}.template-tile__slug{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--text-muted)}.template-tile__meta{display:flex;flex-wrap:wrap;gap:.25rem}.template-tile__chip{font-size:.65rem;background:var(--bg-tertiary);color:var(--text-muted);padding:.1rem .4rem;border-radius:999px}.template-tile__chip--priority{color:var(--accent)}.template-tile__delete{position:absolute;top:.625rem;right:.625rem;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid var(--border-strong);border-radius:4px;color:var(--text-muted);cursor:pointer;opacity:0}.template-tile:hover .template-tile__delete{opacity:1}.template-tile__delete:hover{color:#fff;background:var(--danger, #c44);border-color:var(--danger, #c44)}.templates-edit{display:flex;flex-direction:column;height:100%;min-height:0}.auth-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.875rem}.login-shell{min-height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-card{background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:8px;padding:2rem;width:min(380px,calc(100% - 48px));display:flex;flex-direction:column;gap:.75rem}.login-card h1{margin:0 0 .25rem;font-size:1.5rem}.login-hint{margin:0 0 .75rem;font-size:.875rem;color:var(--text-muted)}.login-hint--small{font-size:.75rem;margin-top:.75rem}.login-hint code{background:var(--bg-tertiary);padding:.05rem .3rem;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.login-card label{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;color:var(--text-muted)}.login-card input{padding:.5rem .625rem;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-primary);font-size:.875rem}.login-error{padding:.5rem .625rem;background:#c444441a;border:1px solid var(--danger, #c44);border-radius:4px;font-size:.8125rem;color:var(--danger, #c44)}.login-card button[type=submit]{margin-top:.5rem;padding:.625rem 1rem;font-size:.9rem}.forms-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.forms-view__header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid var(--border-strong);background:var(--bg-secondary)}.forms-view__header h2{margin:0;font-size:1rem}.forms-view__sub{margin:.25rem 0 0;font-size:.75rem;color:var(--text-muted)}.forms-view__grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.875rem;padding:1rem 1.25rem;overflow-y:auto;align-content:start}.forms-view__empty{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:.875rem}.form-tile{position:relative;background:var(--bg-secondary);border:1px solid var(--border-strong);border-left:3px solid rgb(99,102,241);border-radius:6px;padding:.875rem;cursor:pointer;display:flex;flex-direction:column;gap:.375rem}.form-tile:hover{background:var(--bg-tertiary)}.form-tile__head{display:flex;align-items:center;gap:.5rem;color:#6366f1}.form-tile__head h3{margin:0;font-size:.9rem;color:var(--text-primary)}.form-tile__meta{margin:0;font-size:.7rem;color:var(--text-muted)}.form-tile__meta code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg-tertiary);padding:.05rem .3rem;border-radius:3px}.form-tile__actions{display:flex;gap:.375rem;margin-top:.25rem}.form-tile__delete{position:absolute;top:.625rem;right:.625rem;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid var(--border-strong);border-radius:4px;color:var(--text-muted);cursor:pointer;opacity:0}.form-tile:hover .form-tile__delete{opacity:1}.form-tile__delete:hover{color:#fff;background:var(--danger, #c44);border-color:var(--danger, #c44)}.form-editor{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-primary)}.form-editor__bar{display:flex;align-items:center;gap:1rem;padding:.625rem 1rem;border-bottom:1px solid var(--border-strong);background:var(--bg-secondary)}.form-editor__bar code{background:var(--bg-tertiary);padding:.05rem .3rem;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.form-editor__bar h3{margin:0;font-size:.95rem}.form-editor__bar>span{font-size:.75rem;color:var(--text-muted)}.form-editor__body{padding:1rem 1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.form-editor__section{background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.625rem}.form-editor__section h3{margin:0 0 .25rem;font-size:.875rem}.form-editor__section label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.form-editor__section input,.form-editor__section select{padding:.4rem .55rem;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-primary);font-size:.8125rem}.form-editor__field-row{display:flex;gap:.5rem;align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:4px;padding:.625rem}.form-editor__field-row-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.5rem;flex:1;min-width:0}.form-editor__field-row__required{flex-direction:row!important;align-items:center;gap:.375rem;align-self:end;padding-bottom:.5rem}.form-editor__field-row__required input{width:auto}.form-editor__actions{display:flex;justify-content:flex-end}.form-submission{background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:6px;padding:.875rem 1rem}.form-submission header{font-size:.7rem;color:var(--text-muted);margin-bottom:.5rem}.form-submission dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem}.form-submission__row{display:contents}.form-submission dt{font-weight:600;color:var(--text-muted);font-size:.75rem}.form-submission dd{margin:0;color:var(--text-primary);font-size:.85rem}.templates-edit__bar{padding:.5rem .75rem;border-bottom:1px solid var(--border-strong);background:var(--bg-secondary);flex-shrink:0}.pe-asset-field{display:flex;flex-direction:column;gap:.25rem}.pe-asset-field__label{font-size:.75rem;color:var(--text-muted)}.pe-asset-field__row{display:flex;gap:.625rem;align-items:center;background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:4px;padding:.375rem}.pe-asset-field__thumb{width:56px;height:56px;border-radius:4px;object-fit:cover;background:var(--bg-tertiary);flex-shrink:0}.pe-asset-field__thumb--empty{border:1px dashed var(--border-strong);background:transparent}.pe-asset-field__meta{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:0}.pe-asset-field__name{font-size:.75rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-asset-field__actions{display:flex;gap:.375rem;align-items:center}.asset-picker__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:110}.asset-picker{background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:8px;width:min(820px,calc(100% - 48px));max-height:calc(100% - 96px);display:flex;flex-direction:column;overflow:hidden}.asset-picker.is-dragover{outline:2px dashed var(--accent);outline-offset:-4px}.asset-picker__header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-bottom:1px solid var(--border-strong)}.asset-picker__header h3{margin:0;font-size:.95rem}.asset-picker__controls{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-strong)}.asset-picker__search{flex:1;padding:.375rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-primary);font-size:.8125rem}.asset-picker__upload,.pe-inspector__body label.asset-picker__upload,label.btn-primary.asset-picker__upload{display:inline-flex;flex-direction:row;align-items:center;gap:.375rem;cursor:pointer;color:#fff;font-size:.8125rem}.asset-picker__error{margin:.5rem 1rem 0;padding:.5rem .625rem;background:#c444441a;border:1px solid var(--danger, #c44);border-radius:4px;font-size:.75rem;color:var(--danger, #c44)}.asset-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.625rem;padding:.875rem 1rem;overflow-y:auto}.asset-picker__empty{grid-column:1 / -1;text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.8125rem}.asset-picker__tile{display:flex;flex-direction:column;gap:.375rem;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:6px;padding:.375rem;cursor:pointer;text-align:left;color:var(--text-primary)}.asset-picker__tile:hover{border-color:var(--accent);background:var(--bg-tertiary)}.asset-picker__thumb{width:100%;aspect-ratio:1 / 1;border-radius:4px;object-fit:cover;background:var(--bg-tertiary)}.asset-picker__thumb--icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.asset-picker__name{font-size:.7rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-picker__tile{position:relative}.asset-picker__tile.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.asset-picker__selection-badge{position:absolute;top:8px;right:8px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.asset-picker__count{font-weight:400;color:var(--text-muted);font-size:.8rem}.asset-picker__footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border-strong);background:var(--bg-secondary)}.fork-build-status{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .625rem;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:4px;margin-top:.5rem}.fork-build-status__header{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-primary)}.fork-build-status__header.is-unpublished{color:var(--warning, #d97706)}.fork-build-status__header.is-published{color:var(--success, #059669)}.fork-build-status__since{margin-left:auto;margin-right:.5rem;color:var(--text-muted);font-size:.7rem}.fork-build-status__publish{font-size:.72rem;padding:.25rem .55rem;display:inline-flex;align-items:center;gap:.25rem}.fork-build-status__clean{font-size:.72rem;color:var(--text-muted);margin:0;display:inline-flex;align-items:center;gap:.3rem}.fork-build-status__diag-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.fork-build-status__diag{padding:.4rem .55rem;border-radius:4px;font-size:.75rem;border:1px solid var(--border-strong)}.fork-build-status__diag--error{background:var(--danger-bg, rgba(196, 68, 68, .08));border-color:var(--danger-border, #c44);color:var(--danger-text, #c44)}.fork-build-status__diag--warn{background:#d9770614;border-color:#d9770666;color:var(--warning, #d97706)}.design-tab{padding:24px 28px 80px;max-width:1400px;margin:0 auto;overflow-y:auto;height:100%}.design-tab__header{margin-bottom:24px}.design-tab__title{display:flex;align-items:center;gap:8px}.design-tab__title h2{margin:0;font-size:1.25rem;font-weight:600}.design-tab__subtitle{margin:8px 0 0;color:var(--text-muted);font-size:.875rem;max-width:720px;line-height:1.55}.design-tab__empty{padding:48px;text-align:center;color:var(--text-muted)}.design-tab__error{margin-top:24px;padding:12px 16px;border:1px solid var(--danger-border, #c44);background:var(--danger-bg, rgba(196, 68, 68, .08));color:var(--danger-text, #c44);border-radius:6px;font-size:.825rem}.design-tab__group{margin-top:32px}.design-tab__group-title{margin:0 0 12px;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.design-tab__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.design-card{display:flex;flex-direction:column;text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);overflow:hidden;cursor:pointer;padding:0;font-family:inherit;font-size:1rem;color:inherit;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.design-card:not(:disabled):hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px -8px #0003}.design-card:not(:disabled):active{transform:translateY(0)}.design-card.is-current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.design-card.is-applying{opacity:.6}.design-card:disabled{cursor:default}.design-card__preview{height:240px;position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:var(--bg-tertiary)}.design-card__preview-frame{display:block;width:250%;height:250%;border:0;transform:scale(.4);transform-origin:0 0;pointer-events:none;box-shadow:inset 0 0 0 1px #0000000a}.design-card__meta{padding:12px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.design-card__row{display:flex;justify-content:space-between;align-items:center;gap:8px}.design-card__name{font-size:.9rem;font-weight:600}.design-card__current{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:9999px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:600;letter-spacing:.04em}.design-card__description{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.5}.fork-build-status__diag p{margin:.15rem 0 0}.fork-build-status__diag pre{margin:.25rem 0 0;font-size:.7rem;white-space:pre-wrap;word-break:break-word}.fork-build-status__diag-tags{display:flex;gap:.4rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em}.fork-build-status__diag-level,.fork-build-status__diag-source{padding:1px 6px;border-radius:999px;background:#00000014;color:var(--text-secondary);font-weight:600}.fork-build-status__usage{border-top:1px solid var(--border-strong);padding-top:.4rem}.fork-build-status__usage h4{font-size:.7rem;color:var(--text-muted);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.04em}.fork-build-status__usage ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.fork-build-status__page-link{background:none;border:none;padding:.2rem 0;cursor:pointer;text-align:left;font-size:.78rem;color:var(--accent);display:inline-flex;align-items:center;gap:.3rem}.fork-build-status__page-link:hover{text-decoration:underline}.fork-build-status__page-path{color:var(--text-muted);font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.import-route{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);color:var(--text-primary)}.import-route__breadcrumb{padding:12px 24px;border-bottom:1px solid var(--border-subtle)}.import-route__breadcrumb button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px}.import-route__breadcrumb button:hover{color:var(--text-primary)}.import-pipeline{display:flex;flex-direction:column;flex:1;min-height:0}.import-pipeline__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-subtle)}.import-pipeline__title h2{margin:0;font-size:18px;font-weight:600}.import-pipeline__wp-version{display:inline-block;margin-left:12px;padding:2px 8px;background:var(--bg-tertiary);border-radius:4px;font-size:12px;color:var(--text-muted)}.import-pipeline__mode-toggle{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);padding:6px 14px;border-radius:6px;font-size:14px;cursor:pointer}.import-pipeline__mode-toggle:hover{background:var(--bg-tertiary)}.import-pipeline__body{display:grid;grid-template-columns:220px minmax(420px,1fr) minmax(460px,520px);flex:1;min-height:0;overflow:hidden}.import-rail{border-right:1px solid var(--border-subtle);padding:16px;overflow-y:auto}.import-rail__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.import-rail__phase{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;font-size:14px;color:var(--text-secondary)}.import-rail__phase.is-active{background:var(--bg-secondary);color:var(--text-primary)}.import-rail__phase-marker{width:8px;height:8px;border-radius:50%;background:var(--border-subtle);flex-shrink:0}.import-rail__phase--running .import-rail__phase-marker{background:#f59e0b;animation:pulse 1.5s infinite}.import-rail__phase--completed .import-rail__phase-marker{background:#10b981}.import-rail__phase--failed .import-rail__phase-marker{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.import-narration{overflow-y:auto;padding:24px 32px}.import-narration__empty{color:var(--text-muted);font-style:italic}.import-narration__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.import-narration__line{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5}.import-narration__line--warn{color:#f59e0b}.import-narration__line--error{color:#ef4444}.import-narration__phase-tag{flex-shrink:0;min-width:80px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding-top:2px}.import-side{border-left:1px solid var(--border-subtle);padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.import-side__decisions h3{margin:0 0 12px;font-size:14px;font-weight:600}.import-decision{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;padding:16px;margin-bottom:12px}.import-decision h4{margin:0 0 6px;font-size:14px;font-weight:600}.import-decision p{margin:0 0 12px;font-size:13px;color:var(--text-secondary)}.import-decision__options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.import-decision__options label{display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:6px;cursor:pointer;font-size:14px}.import-decision__options label.is-selected{background:var(--bg-tertiary)}.import-decision__options label input{margin-top:4px}.import-decision__options label em{display:block;font-style:normal;font-size:12px;color:var(--text-muted);margin-top:2px}.import-decision button{width:100%;padding:8px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.import-decision button:disabled{opacity:.6;cursor:not-allowed}.import-inspector{border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.import-inspector__tabs{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.import-inspector__tabs button{flex:1;padding:10px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:13px}.import-inspector__tabs button.is-active{background:var(--bg-tertiary);color:var(--text-primary)}.import-inspector__body{padding:12px;max-height:400px;overflow:auto;font-size:12px}.import-inspector__json{white-space:pre-wrap;word-break:break-all;font-family:ui-monospace,monospace}.import-inspector__empty{color:var(--text-muted);font-style:italic}.import-inspector__table{width:100%;border-collapse:collapse}.import-inspector__table th,.import-inspector__table td{padding:6px;text-align:left;border-bottom:1px solid var(--border-subtle);font-size:12px}.import-inspector__logs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.import-inspector__logs header{display:flex;justify-content:space-between;align-items:center;padding:6px;background:var(--bg-secondary);border-radius:4px}.import-inspector__logs pre{font-size:11px;padding:6px;background:var(--bg-tertiary);margin:4px 0 0;max-height:120px;overflow:auto}.import-loading{padding:48px;text-align:center;color:var(--text-muted)}.import-inspector__table--adapters select{width:100%;font-size:12px;padding:2px;background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px}.import-inspector__table--adapters tr.is-disabled{opacity:.5}.import-inspector__table--adapters button{font-size:11px;padding:2px 6px;background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;cursor:pointer}.import-inspector__table--adapters button:hover{background:var(--bg-tertiary)}.import-inspector__gap{background:#f59e0b;color:#111;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600}.import-inspector__table--redirects code{font-family:ui-monospace,monospace;font-size:11px}.import-inspector__table--redirects button{font-size:14px;padding:0 6px;background:none;border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:4px;cursor:pointer}.import-inspector__table--redirects button:hover{color:#ef4444;border-color:#ef4444}.import-inspector__sitemap p{font-size:12px;color:var(--text-muted);margin:0 0 8px}.import-inspector__sitemap code{font-family:ui-monospace,monospace;font-size:11px}.import-inspector__coverage h4{margin:12px 0 6px;font-size:13px;font-weight:600}.import-inspector__scores{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-bottom:16px}.import-inspector__scores>div{background:var(--bg-secondary);padding:8px;border-radius:6px;text-align:center}.import-inspector__scores strong{display:block;font-size:18px}.import-inspector__scores span{display:block;font-size:11px;color:var(--text-muted)}.import-inspector__content-list{list-style:none;padding:0;margin:0 0 12px;font-size:12px;color:var(--text-secondary)}.import-inspector__content-list li{padding:3px 0}.import-inspector__recommendations{list-style:none;padding:0;margin:0}.import-inspector__recommendations li{padding:6px 8px;margin-bottom:4px;border-radius:4px;font-size:12px}.import-inspector__recommendations li.is-high{background:#ef44441f;border-left:3px solid #ef4444}.import-inspector__recommendations li.is-medium{background:#f59e0b1f;border-left:3px solid #f59e0b}.import-inspector__recommendations li.is-low{background:var(--bg-secondary);border-left:3px solid var(--border-subtle)}.import-inspector__failures{list-style:none;padding:0;margin:0}.import-inspector__failures li{padding:6px 8px;margin-bottom:4px;border-radius:4px;font-size:12px}.import-inspector__failures li.is-critical{background:#ef44441f}.import-inspector__failures li.is-warning{background:#f59e0b1f}.import-inspector__failures li.is-info{background:var(--bg-secondary)}.import-inspector__coverage details summary{font-size:12px;color:var(--text-muted);cursor:pointer;margin-top:12px}.import-inspector__audit{margin:16px 0;padding:12px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-secondary)}.import-inspector__ai-score{text-align:center;padding:8px 0 12px}.import-inspector__ai-score strong{display:block;font-size:34px;line-height:1.1}.import-inspector__ai-score span{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.import-inspector__ai-score.is-good strong{color:#22c55e}.import-inspector__ai-score.is-warn strong{color:#f59e0b}.import-inspector__ai-score.is-bad strong{color:#ef4444}.import-inspector__audit-dims{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-bottom:12px}.import-inspector__audit-dims>div{background:var(--bg-primary);padding:8px;border-radius:6px;text-align:center}.import-inspector__audit-dims strong{display:block;font-size:16px}.import-inspector__audit-dims span{display:block;font-size:10px;color:var(--text-muted)}.import-inspector__audit h4{margin:8px 0 6px;font-size:12px}.import-inspector__audit-findings{list-style:none;padding:0;margin:0}.import-inspector__audit-findings li{padding:6px 8px;margin-bottom:4px;border-radius:4px;font-size:12px}.import-inspector__audit-findings li.is-high{background:#ef44441f;border-left:3px solid #ef4444}.import-inspector__audit-findings li.is-medium{background:#f59e0b1f;border-left:3px solid #f59e0b}.import-inspector__audit-findings code{font-size:11px;color:var(--text-muted)}.import-inspector__pathology{display:grid;grid-template-columns:110px 1fr;gap:10px;margin:12px 0;padding:10px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--bg-primary)}.import-inspector__pathology-score{text-align:center;padding:8px;border-radius:6px;background:var(--bg-secondary)}.import-inspector__pathology-score strong{display:block;font-size:28px;line-height:1}.import-inspector__pathology-score span{display:block;margin-top:4px;font-size:10px;color:var(--text-muted);text-transform:uppercase}.import-inspector__pathology-score.is-good strong{color:#22c55e}.import-inspector__pathology-score.is-warn strong{color:#f59e0b}.import-inspector__pathology-score.is-bad strong{color:#ef4444}.import-inspector__pathology-summary{display:flex;align-items:baseline;gap:8px;font-size:12px;color:var(--text-muted)}.import-inspector__pathology-summary strong{color:var(--text-primary);font-size:16px}.import-inspector__pathology-list{grid-column:1 / -1;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.import-inspector__pathology-list li{padding:7px 8px;border-radius:5px;background:var(--bg-secondary);border-left:3px solid var(--border-subtle);font-size:12px}.import-inspector__pathology-list li.is-high{border-left-color:#ef4444}.import-inspector__pathology-list li.is-medium{border-left-color:#f59e0b}.import-inspector__pathology-list code{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--text-muted)}.import-inspector__pathology-list p{margin:4px 0 0;font-size:11px;color:var(--text-secondary)}.import-inspector__component-map{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border-subtle)}.import-inspector__component-map h4{margin:0 0 8px;font-size:13px}.import-inspector__component-map-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.import-inspector__component-map-summary>div{background:var(--bg-primary);padding:8px;border-radius:6px;text-align:center}.import-inspector__component-map-summary strong{display:block;font-size:15px}.import-inspector__component-map-summary span{display:block;font-size:10px;color:var(--text-muted)}.import-inspector__component-map-missing{margin:0 0 8px;font-size:11px;color:#f59e0b}.import-inspector__component-demand{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.import-inspector__component-demand span{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 7px;border-radius:999px;background:var(--bg-primary);border:1px solid var(--border-subtle);font-size:11px;color:var(--text-secondary)}.import-inspector__component-demand span.is-fallback{border-color:#f59e0b}.import-inspector__component-demand span.is-missing{border-color:#ef4444}.import-inspector__component-demand strong{font-weight:600;color:var(--text-primary)}.import-inspector__component-demand em{font-style:normal;color:var(--text-muted)}.import-inspector__component-map-list{list-style:none;padding:0;margin:0}.import-inspector__component-map-list li{padding:7px 8px;margin-bottom:5px;border-radius:5px;background:var(--bg-primary);border-left:3px solid var(--border-subtle)}.import-inspector__component-map-list li.is-fallback{border-left-color:#f59e0b}.import-inspector__component-map-list li.is-missing{border-left-color:#ef4444}.import-inspector__component-map-list li>div{display:flex;align-items:baseline;gap:6px;font-size:12px}.import-inspector__component-map-list em{margin-left:auto;color:var(--text-muted);font-style:normal}.import-inspector__component-map-list p{margin:3px 0;font-size:11px;color:var(--text-secondary)}.import-inspector__component-map-list code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--text-muted)}.import-inspector__telemetry{display:flex;flex-direction:column;gap:14px}.import-inspector__telemetry-controls{display:inline-flex;align-self:flex-start;gap:2px;padding:3px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--bg-secondary)}.import-inspector__telemetry-controls button{min-width:74px;min-height:28px;padding:4px 10px;border:0;border-radius:5px;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer}.import-inspector__telemetry-controls button.is-active{background:var(--bg-tertiary);color:var(--text-primary)}.import-inspector__telemetry-summary{margin:0;font-size:13px;color:var(--text-secondary)}.import-inspector__telemetry-evidence{margin:4px 0 0;padding-left:16px;color:var(--text-muted);font-size:11px}.import-inspector__table--telemetry{min-width:420px}.import-inspector__build-plan{display:flex;flex-direction:column;gap:12px}.import-inspector__build-plan-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.import-inspector__build-plan-list li{padding:8px;border-radius:6px;background:var(--bg-secondary);border-left:3px solid var(--border-subtle)}.import-inspector__build-plan-list li.is-high{border-left-color:#ef4444}.import-inspector__build-plan-list li.is-medium{border-left-color:#f59e0b}.import-inspector__build-plan-list li>div{display:flex;align-items:center;gap:8px;font-size:12px}.import-inspector__build-plan-list code{margin-left:auto;font-size:10px;color:var(--text-muted)}.import-inspector__build-plan-list p{margin:5px 0 0;font-size:12px;color:var(--text-secondary)}.import-inspector__build-plan-list details{margin-top:6px}.import-inspector__build-plan-list summary{cursor:pointer;font-size:11px;color:var(--text-muted)}.import-inspector__build-plan-list pre{margin:6px 0 0;padding:7px;max-height:140px;overflow:auto;border-radius:5px;background:var(--bg-primary);font-size:10px;color:var(--text-secondary)}.error-boundary{min-height:100%;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-primary)}.error-boundary__card{max-width:520px;width:100%;padding:32px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary)}.error-boundary__card h2{margin:0 0 12px;font-size:1.5rem}.error-boundary__card p{color:var(--text-muted);margin:0 0 20px}.error-boundary__detail{padding:12px;background:var(--bg-primary);border-radius:6px;font-family:var(--font-mono, ui-monospace, monospace);font-size:12px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;overflow-x:auto;margin:0 0 24px}.error-boundary__actions{display:flex;gap:12px}.benchmark{padding:24px;max-width:1000px;margin:0 auto;overflow-y:auto}.benchmark__bar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;flex-wrap:wrap}.benchmark__title{margin:0;font-size:22px}.benchmark__sub{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.benchmark__run{display:flex;gap:8px}.benchmark__url{width:320px;max-width:calc(100% - 48px);padding:8px 12px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:13px}.benchmark__go{padding:8px 18px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.benchmark__go:disabled{opacity:.6;cursor:default}.benchmark__error{color:#ef4444;font-size:13px}.benchmark__empty{padding:48px;text-align:center;color:var(--text-secondary);border:1px dashed var(--border-subtle);border-radius:12px}.benchmark__scores{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:24px}.benchmark__score-card{display:flex;flex-direction:column;align-items:center;padding:16px 28px;border-radius:12px;background:var(--bg-secondary);min-width:180px}.benchmark__score-card.is-hikari{box-shadow:0 0 0 2px var(--accent)}.benchmark__score-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.benchmark__score{font-size:52px;line-height:1.1;font-weight:700}.benchmark__score.is-good{color:#22c55e}.benchmark__score.is-warn{color:#f59e0b}.benchmark__score.is-bad{color:#ef4444}.benchmark__score-host{font-size:12px;color:var(--text-muted)}.benchmark__arrow{font-size:28px;color:var(--text-muted)}.benchmark__headlines{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.benchmark__headline{display:grid;grid-template-columns:1.4fr 1fr auto 1fr;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;background:var(--bg-secondary)}.benchmark__headline.is-win{border-left:3px solid #22c55e}.benchmark__headline.is-tie{border-left:3px solid var(--border-subtle)}.benchmark__headline.is-lose{border-left:3px solid #f59e0b}.benchmark__h-label{font-weight:600}.benchmark__h-current{color:var(--text-secondary);text-align:right}.benchmark__h-arrow{color:var(--text-muted)}.benchmark__h-hikari{font-weight:600}.benchmark__table{width:100%;border-collapse:collapse;font-size:13px}.benchmark__table th{text-align:left;padding:8px 12px;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border-subtle)}.benchmark__table th:nth-child(2),.benchmark__table th:nth-child(3){text-align:right;width:140px}.benchmark__section-row td{padding:14px 12px 6px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.benchmark__row-label{padding:6px 12px;color:var(--text-secondary)}.benchmark__cell{padding:6px 12px;text-align:right;font-variant-numeric:tabular-nums}.benchmark__cell.is-good{color:#22c55e}.benchmark__cell.is-warn{color:#f59e0b}.benchmark__cell.is-bad{color:#ef4444}.benchmark__cell.is-unknown{color:var(--text-muted)}.import-inspector__llm{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border-subtle)}.import-inspector__llm h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px}.import-inspector__llm-score{font-weight:700}.import-inspector__llm-score.is-good{color:#22c55e}.import-inspector__llm-score.is-warn{color:#f59e0b}.import-inspector__llm-score.is-bad{color:#ef4444}.import-inspector__llm-facts{margin:8px 0 0;font-size:11px;color:var(--text-muted)}