.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,0.5);--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:rgba(240,240,240,0.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,0.25);--xy-node-boxshadow-hover-default:0 1px 4px 1px rgba(0,0,0,0.08);--xy-node-boxshadow-selected-default:0 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,0.08);--xy-selection-border-default:1px dotted rgba(0,89,220,0.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,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,0.25);--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:rgba(60,60,60,0.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:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--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,0.25);--xy-node-boxshadow-hover-default:0 1px 4px 1px rgba(255,255,255,0.08);--xy-node-boxshadow-selected-default:0 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,0.08);--xy-selection-border-default:1px dotted rgba(200,200,220,0.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,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;touch-action:none}.react-flow__pane.draggable{cursor:-webkit-grab;cursor:grab}.react-flow__pane.dragging{cursor:-webkit-grabbing;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.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .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:-webkit-grab;cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:-webkit-grabbing;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:-webkit-grab;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.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-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{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{position:absolute;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.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-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{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-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.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.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{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.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.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.bottom,.react-flow__resize-control.line.top{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))}@font-face{font-family:Geist Pixel;src:url(/fonts/GeistPixel.ttf) format("truetype");font-display:swap}:root{color-scheme:light;--surface:#f4f6f6;--panel:#fafbfb;--panel-dim:#eef1f1;--border:#d7dcdd;--border-strong:#b9c0c1;--text:#2b3031;--user-text:#171b1c;--muted:#62696a;--soft:#7b8283;--primary:#323839;--on-primary:#f8fafa;--error:#a14545;--success:#3f725a;--success-surface:#eef6f1;--error-surface:#f8eeee;--warning-border:#b5625b;--warning-surface:#f7efee;--warning-text:#7b3d37;--canvas-surface:#f7f9f9;--canvas-dot:#cbd4d6;--nav-surface:rgb(244 246 246/95%);--primary-hover:#444b4c}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--surface);color:var(--text);font-family:Geist Pixel,ui-monospace,SFMono-Regular,monospace;font-size:14px;letter-spacing:0}button,input,select,textarea{font:inherit}[contenteditable=true],input,textarea{color:var(--user-text)}input::placeholder,textarea::placeholder{color:var(--soft)}button{cursor:pointer}.landing-page,.template-catalog-page{min-height:100%;overflow-x:hidden;background:var(--surface)}.landing-nav{position:-webkit-sticky;position:sticky;z-index:100;top:0;display:flex;height:62px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--nav-surface);padding:0 4vw;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-brand{display:inline-flex;align-items:center;gap:9px;color:var(--text);font-size:18px;text-decoration:none;white-space:nowrap}.landing-brand-mark{display:grid;width:17px;height:17px;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px}.landing-brand-mark i{border:1px solid var(--text)}.landing-brand-mark i:last-child{background:var(--text)}.landing-footer nav,.landing-nav nav{display:flex;align-items:center;gap:20px}.landing-footer nav>a,.landing-nav nav>a{color:var(--muted);text-decoration:none}.landing-footer nav>a:hover,.landing-nav nav>a:hover{color:var(--text)}.landing-nav .landing-sign-in{margin-left:6px;color:var(--text)}.landing-nav .landing-sign-out{display:inline-flex;min-height:34px;align-items:center;gap:6px;border:0;background:transparent;color:var(--text);padding:0 4px}.landing-nav .landing-start-free{display:inline-flex;min-height:34px;align-items:center;gap:6px;border:1px solid var(--text);border-radius:4px;background:var(--text);color:var(--panel);padding:8px 12px}.landing-hero{position:relative;height:670px;overflow:hidden;border-bottom:1px solid var(--border);background-color:var(--canvas-surface);background-image:radial-gradient(circle,var(--canvas-dot) 1.3px,transparent 1.4px);background-position:-1px -1px;background-size:42px 42px}.landing-hero-copy{position:absolute;z-index:10;top:86px;left:6vw;display:grid;width:610px;max-width:calc(100% - 40px);grid-gap:18px;gap:18px}.landing-eyebrow{color:var(--muted);font-size:11px;line-height:1.4;text-transform:uppercase}.landing-hero-copy h1{margin:0;font-size:64px;font-weight:500;line-height:1.02}.landing-hero-copy>p{max-width:600px;margin:0;color:var(--text);font-size:18px;line-height:1.55}.landing-actions{display:flex;align-items:center;gap:18px}.landing-primary-action,.landing-secondary-action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:9px;border-radius:4px;color:var(--text);text-decoration:none}.landing-primary-action{border:1px solid var(--primary);background:var(--primary);color:var(--on-primary);padding:0 17px}.landing-primary-action:hover{background:var(--primary-hover)}.landing-secondary-action{min-height:32px;border-bottom:1px solid var(--text);border-radius:0}.landing-starter-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.landing-hero-workflow{position:absolute;z-index:1;top:120px;right:-14vw;width:66vw;max-width:1260px;margin:0;opacity:.84;pointer-events:none}.landing-canvas-image{display:block;width:100%;height:auto}.landing-section-inner{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:82px 0}.landing-section-heading{display:grid;max-width:720px;grid-gap:12px;gap:12px}.landing-final h2,.landing-mechanism h2,.landing-section-heading h2,.landing-template-heading h2{margin:0;font-size:34px;font-weight:500;line-height:1.22}.landing-comparison,.landing-faq,.landing-output-band,.landing-pricing,.landing-role-paths,.landing-templates{border-bottom:1px solid var(--border)}.landing-role-paths{background:var(--surface)}.landing-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;border-top:1px solid var(--border-strong)}.landing-role-grid>button{position:relative;display:grid;min-height:190px;grid-template-columns:38px 1fr;align-content:start;grid-gap:14px;gap:14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text);padding:24px;text-align:left}.landing-role-grid>button+button{border-left:1px solid var(--border)}.landing-role-grid>button.selected,.landing-role-grid>button:hover{background:var(--panel)}.landing-role-grid>button.selected{border-bottom-color:var(--text)}.landing-role-icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--border-strong);border-radius:4px}.landing-role-grid button>span:nth-child(2){display:grid;grid-gap:4px;gap:4px}.landing-role-grid strong{font-size:18px}.landing-role-grid p,.landing-role-grid small{color:var(--muted)}.landing-role-grid p{grid-column:2;margin:0;line-height:1.5}.landing-role-select{position:absolute;top:20px;right:20px;display:grid;width:20px;height:20px;place-items:center;border:1px solid var(--border-strong);border-radius:50%}.landing-role-grid .selected .landing-role-select{border-color:var(--text);background:var(--text);color:var(--panel)}.landing-templates{scroll-margin-top:62px;background:var(--panel)}.landing-template-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.landing-template-heading>div{display:grid;max-width:720px;grid-gap:12px;gap:12px}.landing-template-heading>a{display:inline-flex;align-items:center;gap:6px;color:var(--text);text-decoration:none}.template-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:38px}.template-card{display:grid;min-width:0;min-height:330px;grid-template-rows:auto auto minmax(56px,auto) 1fr auto;border:1px solid var(--border-strong);border-radius:6px;background:var(--panel);padding:18px}.template-card>footer,.template-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.template-card>header>span{border:1px solid var(--border);border-radius:3px;padding:3px 6px;font-size:10px}.template-card>header small{color:var(--muted)}.template-card h3{margin:24px 0 8px;font-size:19px;font-weight:500;overflow-wrap:anywhere}.template-card>p{margin:0;color:var(--muted);line-height:1.5}.template-kind-summary{display:grid;align-content:start;margin:22px 0}.template-kind-summary>div{display:grid;grid-template-columns:64px minmax(0,1fr);grid-gap:8px;gap:8px;border-top:1px solid var(--border);padding:8px 0}.template-kind-summary span{color:var(--muted);font-size:10px;text-transform:uppercase}.template-kind-summary p{margin:0;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.template-card>footer a{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;color:var(--text);text-decoration:none}.template-card>footer .template-use-action{border:1px solid var(--text);border-radius:4px;background:var(--text);color:var(--panel);padding:6px 9px}.template-empty{display:grid;min-height:180px;place-content:center;justify-items:center;grid-gap:7px;gap:7px;margin-top:38px;border:1px dashed var(--border-strong);color:var(--muted)}.landing-mechanism{border-bottom:1px solid var(--border);background-color:var(--canvas-surface);background-image:radial-gradient(circle,var(--canvas-dot) 1.3px,transparent 1.4px);background-position:-1px -1px;background-size:42px 42px}.landing-mechanism-copy{position:relative;z-index:3;display:grid;max-width:1180px;justify-items:start;grid-gap:14px;gap:14px}.landing-mechanism-copy>p{max-width:610px;margin:0;color:var(--muted);font-size:16px;line-height:1.55}.landing-mechanism-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.landing-mechanism-points span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-strong);border-radius:4px;background:var(--nav-surface);padding:8px 10px}.landing-comparison{background:var(--panel-dim);color:var(--text)}.landing-comparison .landing-eyebrow{color:var(--muted)}.landing-comparison-grid{margin-top:44px;border-top:1px solid var(--border-strong)}.landing-comparison-grid article{display:grid;grid-template-columns:170px 1fr 1fr;border-bottom:1px solid var(--border-strong)}.landing-comparison-grid article>div,.landing-comparison-grid article>strong{padding:18px}.landing-comparison-grid article>div{border-left:1px solid var(--border-strong)}.landing-comparison-grid article span{color:var(--soft);font-size:10px;text-transform:uppercase}.landing-comparison-grid article p{margin:7px 0 0;color:var(--muted);line-height:1.45}.landing-pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:42px;border-top:1px solid var(--border-strong)}.landing-pricing-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.landing-pricing-heading .currency-control{flex:0 0 auto}.landing-pricing-grid article{display:grid;align-content:start;grid-gap:14px;gap:14px;padding:24px}.landing-pricing-grid article+article{border-left:1px solid var(--border)}.landing-price{font-size:21px}.landing-pricing-grid p{min-height:62px;margin:0;color:var(--muted);line-height:1.5}.landing-pricing-grid a{justify-self:start;border-bottom:1px solid var(--text);color:var(--text);text-decoration:none}.landing-pricing-addons{margin:18px 0 0;color:var(--muted);text-align:center}.landing-byok{display:grid;grid-template-columns:minmax(190px,.55fr) 1fr auto;align-items:center;grid-gap:26px;gap:26px;margin-top:30px;border:1px solid var(--border-strong);background:var(--panel);padding:22px}.landing-byok>div{display:flex;align-items:center;gap:9px}.landing-byok p{margin:0;color:var(--muted);line-height:1.5}.landing-output-band{background:var(--panel)}.landing-output-band .landing-section-inner{display:grid;grid-template-columns:repeat(6,1fr);padding:26px 0}.landing-output-band span{display:flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border-right:1px solid var(--border)}.landing-output-band span:last-child{border-right:0}.landing-faq-list{margin-top:42px;border-top:1px solid var(--border-strong)}.landing-faq-list details{border-bottom:1px solid var(--border)}.landing-faq-list summary{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:16px;list-style:none}.landing-faq-list summary::-webkit-details-marker{display:none}.landing-faq-list summary span{font-size:22px}.landing-faq-list details[open] summary span{transform:rotate(45deg)}.landing-faq-list p{max-width:760px;margin:-4px 0 20px;color:var(--muted);line-height:1.55}.landing-final{display:flex;width:min(1180px,calc(100% - 48px));min-height:270px;align-items:center;justify-content:space-between;gap:40px;margin:0 auto}.landing-final>div{display:grid;max-width:700px;grid-gap:12px;gap:12px}.landing-final p{margin:0;color:var(--muted)}.landing-footer{display:grid;min-height:90px;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:20px;gap:20px;border-top:1px solid var(--border);background:var(--panel);color:var(--muted);padding:0 4vw}.landing-footer>span{justify-self:end}.template-catalog-hero{display:grid;width:min(1180px,calc(100% - 48px));min-height:390px;align-content:center;justify-items:start;grid-gap:14px;gap:14px;margin:0 auto}.template-catalog-hero h1{max-width:760px;margin:0;font-size:48px;font-weight:500;line-height:1.1}.template-catalog-hero>p{max-width:650px;margin:0;color:var(--muted);font-size:16px;line-height:1.5}.template-filter{display:flex;gap:5px;margin-top:14px}.template-filter button{min-height:34px;border:1px solid var(--border-strong);border-radius:4px;background:var(--panel);color:var(--text);padding:6px 12px}.template-filter button.selected{border-color:var(--text);background:var(--text);color:var(--panel)}@media (max-width:980px){.landing-nav nav>a:not(.landing-sign-in,.landing-start-free){display:none}.landing-hero{height:760px}.landing-hero-copy{top:64px;left:6vw;width:570px}.landing-hero-workflow{top:410px;right:auto;left:50%;width:940px;transform:translateX(-50%)}.template-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-output-band .landing-section-inner{grid-template-columns:repeat(3,1fr)}.landing-output-band span:nth-child(3){border-right:0}.landing-output-band span:nth-child(-n+3){border-bottom:1px solid var(--border)}.landing-footer{grid-template-columns:1fr auto}.landing-footer>span{display:none}}@media (max-width:760px){.landing-nav{height:56px;padding:0 16px}.landing-brand{font-size:15px}.landing-nav nav{gap:9px}.landing-nav .landing-sign-in{display:none}.landing-nav .landing-start-free{min-height:32px;padding:7px 9px}.landing-nav .landing-sign-out span{display:none}.landing-hero{height:680px;background-size:34px 34px}.landing-hero-copy{top:48px;left:18px;right:18px;width:auto;max-width:none;gap:14px}.landing-hero-copy h1{font-size:40px;line-height:1.06}.landing-hero-copy>p{font-size:15px;line-height:1.48}.landing-actions{align-items:flex-start;flex-direction:column;gap:10px}.landing-primary-action{width:100%}.landing-hero-workflow{top:475px;width:770px}.landing-section-inner{width:min(100% - 36px,620px);padding:62px 0}.landing-final h2,.landing-mechanism h2,.landing-section-heading h2,.landing-template-heading h2{font-size:27px}.landing-pricing-grid,.landing-role-grid{grid-template-columns:1fr}.landing-role-grid>button{min-height:150px;padding:20px 14px}.landing-pricing-grid article+article,.landing-role-grid>button+button{border-top:1px solid var(--border);border-left:0}.landing-template-heading{align-items:flex-start;flex-direction:column}.template-card-grid{grid-template-columns:1fr}.template-card{min-height:0}.landing-mechanism-copy{padding-top:54px}.landing-pricing-heading{align-items:flex-start;flex-direction:column}.landing-comparison-grid article{grid-template-columns:1fr}.landing-comparison-grid article>div{border-top:1px solid var(--border-strong);border-left:0}.landing-pricing-grid p{min-height:0}.landing-byok{grid-template-columns:1fr}.landing-byok>svg{display:none}.landing-output-band .landing-section-inner{grid-template-columns:repeat(2,1fr)}.landing-output-band span{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-output-band span:nth-child(2n){border-right:0}.landing-output-band span:nth-last-child(-n+2){border-bottom:0}.landing-final{width:calc(100% - 36px);min-height:300px;align-items:flex-start;flex-direction:column;justify-content:center;gap:26px}.landing-final .landing-primary-action{width:auto}.landing-footer{min-height:142px;grid-template-columns:1fr;align-content:center;gap:16px;padding:20px}.landing-footer nav{flex-wrap:wrap;gap:12px}.template-catalog-hero{width:calc(100% - 36px);min-height:360px}.template-catalog-hero h1{font-size:36px}.template-filter{width:100%;overflow-x:auto}}.boot-screen{display:grid;min-height:100vh;place-items:center}.boot-panel{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:16px 20px}.workspace{position:fixed;top:52px;bottom:0;left:0;right:0;background:var(--surface)}.workspace.anonymous-workspace{top:0}.workspace-file-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.storage-expiry-banner{position:absolute;z-index:30;top:0;left:0;right:0;display:flex;min-height:48px;align-items:center;justify-content:center;gap:16px;border-bottom:1px solid var(--warning-border);background:var(--warning-surface);color:var(--warning-text);padding:8px 16px;text-align:center}.storage-expiry-banner a,.storage-expiry-banner button{flex:0 0 auto;border:1px solid var(--warning-border);border-radius:4px;background:transparent;color:var(--warning-text);padding:6px 12px;text-decoration:none}.storage-expiry-banner button{display:grid;width:32px;height:32px;place-items:center;padding:0}.storage-expiry-banner button:disabled{opacity:.7}.storage-warning-active .top-bar{top:64px}.storage-warning-active>.react-flow{top:48px;height:calc(100% - 48px)}.top-bar{position:absolute;z-index:20;top:16px;left:16px;right:16px;display:grid;grid-template-columns:minmax(140px,300px) 1fr repeat(3,36px);align-items:center;grid-gap:8px;gap:8px;pointer-events:none}.top-bar-shared{grid-template-columns:minmax(140px,300px) 1fr 36px auto}.app-navbar{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;height:52px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--panel);padding:0 18px}.app-brand{color:var(--text);font-size:18px;text-decoration:none}.app-primary-links{display:flex;flex:1 1;align-items:center;gap:14px;margin-left:24px}.app-primary-links a{color:var(--muted);font-size:12px;text-decoration:none}.app-primary-links a:hover{color:var(--text)}.profile-wrap{position:relative}.profile-button{display:grid;width:34px;height:34px;place-items:center;overflow:hidden;border:1px solid var(--border-strong);border-radius:50%;background:var(--panel);padding:0}.profile-button img{width:100%;height:100%;object-fit:cover}.profile-menu{position:absolute;top:42px;right:0;display:grid;width:290px;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:0 8px 24px rgb(0 0 0/10%);overflow:hidden}.profile-identity,.profile-menu a,.profile-menu>button,.profile-resources{display:flex;min-height:40px;align-items:center;gap:9px;border:0;border-bottom:1px solid var(--border);background:var(--panel);color:var(--text);padding:9px 12px;text-align:left;text-decoration:none}.profile-identity{display:grid;grid-gap:2px;gap:2px}.profile-identity span,.profile-resources{color:var(--muted);font-size:12px}.profile-resources{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;padding:0}.profile-resources>div{display:flex;min-width:0;align-items:center;gap:8px;padding:10px 12px}.profile-resources>div+div{border-left:1px solid var(--border)}.profile-resources span{display:grid;min-width:0;grid-gap:2px;gap:2px}.profile-resources strong{overflow:hidden;color:var(--text);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.profile-menu a:hover,.profile-menu>button:hover{background:var(--panel-dim)}.auth-page{display:grid;min-height:100vh;place-items:center;padding:20px}.auth-panel{display:grid;width:min(380px,100%);grid-gap:14px;gap:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:28px}.auth-panel h1,.billing-plan h2,.page-heading h1{margin:0;font-weight:500}.auth-panel p{margin:0 0 6px;color:var(--muted)}.google-button{min-height:44px}.create-canvas input,.phone-panel input,.phone-panel select{min-width:0;height:38px;border:1px solid var(--border);border-radius:4px;background:var(--panel);padding:0 10px}.phone-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px}.phone-row span{color:var(--muted)}.primary-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--primary);border-radius:4px;background:var(--primary);color:var(--on-primary);padding:0 14px}.primary-button:disabled{cursor:default;opacity:.5}.form-error,.form-success{border-left:3px solid var(--error);background:var(--error-surface);color:var(--error);padding:9px 11px}.form-success{display:flex;align-items:center;gap:8px;border-left-color:var(--success);background:var(--success-surface);color:var(--success)}.onboarding-page{width:min(980px,calc(100% - 32px));margin:0 auto;padding:56px 0 72px}.onboarding-heading{max-width:680px}.onboarding-heading>span,.onboarding-preview>div>span{color:var(--muted);font-size:12px;text-transform:uppercase}.onboarding-heading h1{margin:9px 0 12px;font-size:36px;font-weight:500}.onboarding-heading p,.onboarding-key p,.onboarding-preview p{margin:0;color:var(--muted);line-height:1.55}.onboarding-page>.form-error{margin-top:22px}.onboarding-goals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:30px}.onboarding-goals>button{position:relative;display:grid;min-height:178px;align-content:start;grid-gap:10px;gap:10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--panel);color:var(--text);padding:18px;text-align:left}.onboarding-goals>button:hover:not(:disabled){border-color:var(--primary)}.onboarding-goals>button.selected{border-color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}.onboarding-goals strong{font-size:17px;font-weight:500}.onboarding-goals p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.onboarding-choice-indicator{position:absolute;top:13px;right:13px;display:grid;width:20px;height:20px;place-items:center;border:1px solid var(--border-strong);border-radius:50%}.onboarding-goals>button.selected .onboarding-choice-indicator{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.onboarding-preview{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);grid-gap:32px;gap:32px;margin-top:28px;border-block:1px solid var(--border);padding:24px 0}.onboarding-preview h2{margin:7px 0;font-size:22px;font-weight:500}.onboarding-preview dl{display:grid;grid-gap:9px;gap:9px;margin:0}.onboarding-preview dl>div{display:grid;grid-template-columns:74px minmax(0,1fr);grid-gap:10px;gap:10px}.onboarding-preview dt{color:var(--muted)}.onboarding-preview dd{margin:0;text-transform:capitalize}.onboarding-preview a{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--text);font-size:13px}.onboarding-key{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(220px,310px);align-items:center;grid-gap:14px;gap:14px;padding:24px 0}.onboarding-key strong{display:block;margin-bottom:4px;font-weight:500}.onboarding-key input{height:40px;min-width:0;border:1px solid var(--border-strong);border-radius:4px;background:var(--panel);padding:0 11px}.onboarding-key-ready{display:inline-flex;align-items:center;justify-self:end;gap:6px;color:var(--success)}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--border);padding-top:20px}.onboarding-actions>span{max-width:590px;color:var(--muted);line-height:1.45}@media (max-width:800px){.onboarding-goals{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-key,.onboarding-preview{grid-template-columns:1fr}.onboarding-key>svg{display:none}.onboarding-key-ready{justify-self:start}}@media (max-width:520px){.onboarding-page{width:min(100% - 24px,980px);padding-top:32px}.onboarding-heading h1{font-size:28px}.onboarding-goals{grid-template-columns:1fr}.onboarding-goals>button{min-height:138px}.onboarding-actions{align-items:stretch;flex-direction:column}}.page-shell{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:84px 0 48px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding-bottom:18px}.page-heading>div:first-child{display:grid;grid-gap:5px;gap:5px}.page-heading span{color:var(--muted)}.create-canvas{display:flex;gap:8px}.canvas-list{display:grid;margin-top:18px;border-top:1px solid var(--border)}.canvas-list-item{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;border-bottom:1px solid var(--border);background:var(--panel)}.canvas-list-item a{display:grid;grid-gap:5px;gap:5px;color:var(--text);padding:16px 14px;text-decoration:none}.canvas-list-item a:hover{background:var(--panel-dim)}.canvas-list-item span{color:var(--muted);font-size:12px}.canvas-list-item button{display:grid;width:30px;height:30px;place-items:center;border:0;background:transparent;color:var(--muted)}.canvas-list-item button:hover{color:var(--error)}.empty-state{color:var(--muted);padding:24px 14px}.canvas-template-section{margin-top:54px;border-top:1px solid var(--border);padding-top:28px}.canvas-template-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.canvas-template-section>header>div{display:grid;grid-gap:7px;gap:7px}.canvas-template-section h2,.canvas-template-section p{margin:0}.canvas-template-section h2{font-size:24px;font-weight:500}.canvas-template-section p{color:var(--muted)}.canvas-template-section>header>a{display:inline-flex;align-items:center;gap:6px;color:var(--text);text-decoration:none}.canvas-template-section .template-card-grid{margin-top:22px}.currency-control{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border-strong);border-radius:4px;overflow:hidden}.currency-control button{width:58px;height:34px;border:0;background:var(--panel)}.currency-control button+button{border-left:1px solid var(--border-strong)}.currency-control button.active{background:var(--primary);color:var(--on-primary)}.billing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px}.billing-section{margin-top:28px}.active-pass-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1px;gap:1px;margin-top:20px;border:1px solid var(--border);background:var(--border)}.active-pass-summary>div{display:grid;grid-gap:4px;gap:4px;background:var(--panel);padding:12px}.active-pass-summary span,.pass-capacity span{color:var(--muted);font-size:11px}.active-pass-summary strong{font-weight:500}.pass-capacity{display:grid;grid-gap:5px;gap:5px}.billing-addons{border-top:1px solid var(--border);padding-top:24px}.billing-section-heading{display:flex;align-items:center;gap:10px}.billing-section-heading h2{margin:0;font-size:17px}.billing-section-heading span{color:var(--muted);font-size:12px}.storage-usage-summary{display:grid;grid-gap:8px;gap:8px;max-width:620px;margin-top:18px}.storage-price span,.storage-usage-summary small,.storage-usage-summary span{color:var(--muted)}.storage-expiry-purchase-warning{border-left:3px solid var(--error);color:var(--error);padding:8px 10px}.storage-usage-track{height:7px;overflow:hidden;border:1px solid var(--border);border-radius:3px;background:var(--surface-dim)}.storage-usage-track span{display:block;height:100%;background:var(--primary)}.storage-purchase-row{grid-template-columns:auto 1fr auto;align-items:center}.storage-purchase-controls,.storage-purchase-row{display:grid;grid-gap:18px;gap:18px;max-width:760px}.storage-purchase-controls{margin-top:18px;border-top:1px solid var(--border);padding-top:18px}.storage-pack-options{display:grid;grid-template-columns:repeat(2,minmax(0,220px));grid-gap:10px;gap:10px}.storage-pack-options>button{display:grid;min-height:96px;align-content:center;grid-gap:5px;gap:5px;border:1px solid var(--border-strong);border-radius:6px;background:var(--panel);color:var(--text);padding:12px;text-align:left}.storage-pack-options>button.active,.storage-pack-options>button:hover:not(:disabled){border-color:var(--primary)}.storage-pack-options>button.active,.storage-pack-options>button:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--primary)}.storage-pack-options .value-pack{border-width:1px}.storage-pack-options small,.storage-pack-options span{color:var(--muted)}.storage-pack-options strong{font-size:17px;font-weight:500}.billing-option-heading,.billing-plan-selector-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.billing-option-heading>span:first-child{color:var(--text)}.storage-pack-options .value-pack>div{display:flex;align-items:baseline;gap:8px}.storage-pack-options del{color:var(--muted)}.storage-pack-options .value-pack small{width:-moz-fit-content;width:fit-content;background:var(--primary);color:var(--on-primary);padding:2px 5px}.storage-stepper{display:grid;grid-template-columns:32px 72px 32px;align-items:center;border:1px solid var(--border-strong);border-radius:4px;overflow:hidden}.storage-stepper button{display:grid;width:32px;height:32px;place-items:center;border:0;background:var(--panel)}.storage-stepper button:disabled{color:var(--muted)}.storage-stepper input{width:72px;height:32px;border:0;border-right:1px solid var(--border);border-left:1px solid var(--border);background:var(--panel);color:var(--text);outline:0;text-align:center;font-weight:500}.storage-price{display:grid;grid-gap:3px;gap:3px}.storage-price strong{font-size:20px;font-weight:500}.billing-plan{display:grid;min-height:180px;align-content:start;grid-gap:16px;gap:16px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer;font:inherit;padding:18px;text-align:left}.billing-plan:hover:not(.selected):not(:disabled){border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.billing-plan.selected{border-color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}.billing-plan:disabled{cursor:default}.billing-plan:focus-visible,.storage-pack-options>button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.billing-plan strong{font-size:24px;font-weight:500}.billing-package-price{display:grid;grid-gap:7px;gap:7px}.billing-price{display:flex;min-height:31px;align-items:baseline;gap:9px}.billing-price del{color:var(--muted);font-size:15px}.billing-current-price{color:var(--success)}.billing-saving{width:-moz-fit-content;width:fit-content;background:var(--primary);color:var(--on-primary);padding:3px 6px}.billing-selection-indicator{display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;border:1px solid var(--border-strong);border-radius:999px;background:var(--panel);color:transparent}.billing-selection-indicator.selected{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.billing-purchase-action{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:14px}.billing-selected-price{display:grid;min-width:120px;grid-gap:2px;gap:2px;text-align:right}.billing-selected-price span{color:var(--muted);font-size:12px}.billing-selected-price strong{color:var(--success);font-size:20px;font-weight:500}.billing-buy-button{min-width:116px}.purchase-table{margin-top:18px;border-top:1px solid var(--border)}.purchase-row{display:grid;grid-template-columns:1fr 1fr .8fr 1.2fr 1.4fr;grid-gap:12px;gap:12px;border-bottom:1px solid var(--border);padding:13px 10px}.purchase-head{color:var(--muted);font-size:12px}.status-credited,.status-paid{color:var(--success)}.status-failed{color:var(--error)}@media (max-width:720px){.storage-expiry-banner{height:72px;align-items:center;font-size:11px;text-align:left}.storage-warning-active .top-bar{top:88px}.storage-warning-active>.react-flow{top:72px;height:calc(100% - 72px)}.create-canvas,.page-heading{align-items:stretch;flex-direction:column}.canvas-template-section>header{align-items:flex-start;flex-direction:column}.billing-plans{grid-template-columns:1fr}.active-pass-summary{grid-template-columns:1fr 1fr}.storage-purchase-row{grid-template-columns:1fr;align-items:start}.billing-purchase-action{justify-content:space-between}.purchase-row{grid-template-columns:1fr 1fr}}.top-bar>*{pointer-events:auto}.canvas-title,.node-input,.node-textarea,select{border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text);outline:none}.canvas-title:focus,.node-input:focus,.node-textarea:focus,select:focus{border-color:var(--primary)}.canvas-title{height:36px;padding:0 12px}.top-status{color:var(--error);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu button,.send-button,.top-bar button{border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text)}.top-bar button{display:grid;height:36px;place-items:center}.top-bar .copy-template-button{display:flex;width:auto;align-items:center;gap:7px;padding:0 11px;white-space:nowrap}.top-bar .copy-template-button:disabled{cursor:wait;opacity:.65}@media (max-width:720px){.top-bar-shared{grid-template-columns:minmax(120px,1fr) minmax(0,1fr) 36px 36px}.top-bar .copy-template-button{width:36px;justify-content:center;padding:0}.top-bar .copy-template-button span{display:none}}.context-menu button:hover,.send-button:hover,.top-bar button:hover{border-color:var(--border-strong);background:var(--panel-dim)}.share-backdrop{position:fixed;z-index:220;inset:0;display:grid;place-items:center;background:rgb(0 0 0/24%);padding:20px}.share-dialog{display:grid;width:min(620px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid var(--border-strong);border-radius:8px;background:var(--panel);box-shadow:0 18px 50px rgb(0 0 0/18%)}.share-dialog>footer,.share-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.share-template{display:grid;grid-gap:10px;gap:10px;border-top:1px solid var(--border);padding:14px 16px}.share-template>header{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px}.share-template>header>div{display:grid;grid-gap:2px;gap:2px}.share-template label>small,.share-template>header small,.share-template>header>span:last-child{color:var(--muted);font-size:10px}.share-template>header>span:last-child.is-published{color:var(--success)}.share-template-icon{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--border);border-radius:50%}.template-category{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px}.template-category button.selected{border-color:var(--text);background:var(--text);color:var(--panel)}.share-template label{display:grid;grid-gap:5px;gap:5px}.share-template textarea{min-height:72px;resize:vertical;padding:8px 10px;font:inherit}.share-template select,.share-template textarea{border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text)}.share-template select{width:100%;height:38px;padding:0 9px}.share-template label>small{justify-self:end}.share-template-actions{display:flex;justify-content:flex-end;gap:6px}.share-template-actions .primary{border-color:var(--text);background:var(--text);color:var(--panel)}.template-setup-strip{position:absolute;z-index:12;top:56px;left:50%;display:flex;max-width:calc(100vw - 32px);align-items:center;gap:14px;transform:translateX(-50%);border:1px solid var(--border-strong);border-radius:4px;background:var(--panel);box-shadow:0 8px 24px rgb(0 0 0/10%);padding:8px 10px;white-space:nowrap}.template-setup-strip a,.template-setup-strip span{font-size:11px}.template-setup-strip a{color:var(--text);text-decoration:underline}.template-setup-strip button{display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--border);border-radius:4px;background:var(--panel)}.onboarding-welcome-strip{position:absolute;z-index:12;top:56px;left:50%;display:grid;width:min(680px,calc(100vw - 32px));grid-template-columns:auto minmax(0,1fr) 28px;align-items:center;grid-gap:12px;gap:12px;transform:translateX(-50%);border:1px solid var(--border-strong);border-radius:4px;background:var(--panel);box-shadow:0 8px 24px rgb(0 0 0/10%);padding:9px 10px}.onboarding-welcome-strip span{color:var(--muted);font-size:11px}.onboarding-welcome-strip button{display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--border);border-radius:4px;background:var(--panel)}.template-use-page{min-height:100vh;display:grid;place-items:center;padding:24px}.template-use-page>section{display:grid;width:min(440px,100%);justify-items:start;grid-gap:10px;gap:10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--panel);padding:24px}.template-use-page h1,.template-use-page p{margin:0}.template-use-page p{color:var(--muted);line-height:1.5}.template-use-actions{display:flex;align-items:center;gap:8px}.template-use-actions a,.template-use-actions button{display:inline-flex;min-height:34px;align-items:center;gap:6px;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text);padding:7px 10px;text-decoration:none}.is-spinning{animation:spin .8s linear infinite}.share-dialog>header{border-bottom:1px solid var(--border)}.share-dialog>header>div{display:grid;grid-gap:3px;gap:3px}.share-dialog>footer>span,.share-dialog>header span,.share-empty{color:var(--muted);font-size:12px}.share-dialog button,.share-dialog input,.share-dialog select{min-height:34px;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text);font:inherit}.share-dialog>header button,.share-person>button{display:grid;width:34px;place-items:center}.share-visibility{display:grid;grid-gap:8px;gap:8px;padding:18px}.share-visibility>button{display:grid;grid-template-columns:24px 1fr 20px;align-items:center;grid-gap:10px;gap:10px;padding:12px;text-align:left}.share-visibility>button.selected,.share-visibility>button:hover{border-color:var(--primary)}.share-visibility>button.selected{box-shadow:inset 0 0 0 1px var(--primary)}.share-visibility button>span:nth-child(2){display:grid;grid-gap:2px;gap:2px}.share-visibility small{color:var(--muted)}.share-radio{display:grid;width:18px;height:18px;place-items:center;border:1px solid var(--border-strong);border-radius:50%}.selected .share-radio{background:var(--primary);color:var(--on-primary)}.share-people{display:grid;grid-gap:14px;gap:14px;border-top:1px solid var(--border);padding:18px}.share-people>label{display:grid;grid-gap:7px;gap:7px}.share-invite-row{display:grid;grid-template-columns:20px minmax(0,1fr) 94px 58px;align-items:center;grid-gap:7px;gap:7px}.share-invite-row input,.share-invite-row select,.share-person select{min-width:0;padding:0 9px}.share-list{display:grid;grid-gap:6px;gap:6px}.share-person{display:grid;grid-template-columns:minmax(0,1fr) 94px 34px;align-items:center;grid-gap:8px;gap:8px;min-height:42px;border-top:1px solid var(--border);padding-top:7px}.share-person>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-dialog>footer{border-top:1px solid var(--border)}.share-copy{display:flex;align-items:center;gap:7px;padding:0 12px}.public-preview-banner{position:fixed;z-index:210;bottom:18px;left:50%;display:grid;width:min(680px,calc(100vw - 32px));grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;grid-gap:10px;gap:10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--panel);box-shadow:0 8px 30px rgb(0 0 0/14%);padding:10px 12px;transform:translateX(-50%)}.public-preview-banner>span:nth-child(2){display:grid;min-width:0;grid-gap:2px;gap:2px;font-size:12px}.public-preview-banner>span:nth-child(2) strong{font-size:13px;font-weight:500}.public-preview-timer{min-width:38px;border:1px solid var(--border-strong);border-radius:4px;padding:4px 6px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.public-preview-banner>a{display:flex;min-height:30px;align-items:center;gap:6px;border-radius:4px;background:var(--primary);color:var(--on-primary);padding:0 10px;text-decoration:none}.public-login-backdrop{position:fixed;z-index:230;inset:0;display:grid;place-items:center;background:rgb(0 0 0/36%);padding:20px}.public-login-dialog{display:grid;width:min(430px,100%);justify-items:start;grid-gap:12px;gap:12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--panel);box-shadow:0 18px 50px rgb(0 0 0/18%);padding:24px}.public-login-dialog h2,.public-login-dialog p{margin:0}.public-login-dialog h2{font-size:20px;font-weight:500}.public-login-dialog p{color:var(--muted);line-height:1.55}.public-login-dialog>a{display:flex;align-items:center;gap:8px;margin-top:4px;text-decoration:none}@media (max-width:600px){.share-backdrop{align-items:end;padding:8px}.share-dialog{max-height:calc(100vh - 16px)}.share-invite-row{grid-template-columns:minmax(0,1fr) 92px}.share-invite-row>svg{display:none}.share-invite-row>input{grid-column:1/-1}.share-person{grid-template-columns:minmax(0,1fr) 84px 34px}.share-dialog>footer{align-items:flex-start;flex-direction:column}.public-preview-banner{bottom:8px;grid-template-columns:20px minmax(0,1fr) auto}.public-preview-banner>span:nth-child(2){font-size:11px}.public-preview-banner>a{grid-column:2/-1;justify-content:center}}.react-flow__pane{cursor:default}.react-flow__controls{border:1px solid var(--border);border-radius:8px;box-shadow:none;overflow:hidden}.react-flow__controls-button{border-bottom:1px solid var(--border);background:var(--panel);color:var(--text);fill:var(--text)}.react-flow__controls-button:hover{background:var(--panel-dim)}.canvas-node{display:flex;flex-direction:column;width:100%;height:100%;min-width:150px;min-height:100px;border:1px solid var(--primary);border-radius:8px;background:var(--panel);color:var(--text);overflow:hidden}.canvas-node.node-syncing{border-style:dashed}.canvas-node.read-only input,.canvas-node.read-only select,.canvas-node.read-only textarea{cursor:default}.react-flow__edge{cursor:pointer}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--primary);stroke-width:2}.edge-delete-button{position:absolute;z-index:20;display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--border-strong);border-radius:999px;background:var(--panel);color:var(--error);line-height:0;padding:0;pointer-events:all}.edge-delete-button:hover{border-color:var(--error);background:var(--panel-dim)}.canvas-node.output{border-style:dashed}.canvas-node.audio_box,.canvas-node.image_box,.canvas-node.think_box,.canvas-node.video_box{border-width:2px}.node-header{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);padding:8px 10px}.node-header span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-actions{display:inline-flex;align-items:center;gap:6px}.node-delete-button,.node-icon-button{display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--muted);line-height:0;opacity:0;padding:0}.edge-delete-button svg,.node-delete-button svg,.node-icon-button svg{display:block;grid-area:1/1;margin:auto}.canvas-node:hover .node-delete-button,.canvas-node:hover .node-icon-button,.node-delete-button:focus-visible,.node-icon-button:focus-visible{opacity:1}.node-icon-button:hover{border-color:var(--border-strong);color:var(--primary)}.node-delete-button:hover{border-color:var(--error);color:var(--error)}.file-preview span,.node-header small,.preview-text,.top-status{color:var(--muted);font-size:12px}.node-body,.thinkbox-body{display:flex;flex-direction:column;flex:1 1;min-height:0;gap:8px;padding:10px}.node-large-icon{color:var(--muted)}.node-label{display:grid;grid-template-columns:18px 1fr;align-items:center;grid-gap:8px;gap:8px}.sampling-label{margin-top:4px;font-size:12px}.node-input{width:100%;height:34px;padding:0 10px}.node-textarea{width:100%;flex:1 1;min-height:60px;resize:none;padding:10px}.prompt-editor{position:relative;display:flex;flex-direction:column;flex:1 1;min-height:0}.skill-menu{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);display:grid;grid-gap:2px;gap:2px;border:1px solid var(--border);border-radius:4px;background:var(--panel);box-shadow:0 4px 20px rgb(0 0 0/8%);padding:4px}.skill-menu-portal{position:fixed;z-index:220;right:auto;max-height:280px;overflow-y:auto;border-color:var(--primary);box-shadow:0 10px 30px rgb(0 0 0/18%)}.skill-menu button{display:grid;grid-gap:2px;gap:2px;min-height:34px;border:0;border-radius:3px;background:transparent;color:var(--text);padding:5px 7px;text-align:left}.skill-menu button.active,.skill-menu button:hover{background:var(--panel-dim)}.skill-menu span{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-menu-portal .skill-menu-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text);overflow:visible;white-space:normal}.skill-menu-title small{border:1px solid var(--border-strong);border-radius:3px;padding:1px 4px;color:var(--muted);font-size:9px}.skill-menu-portal button>span:last-child{overflow:visible;text-overflow:clip;white-space:normal}.audiobox-body .node-input,.compact-select{flex:1 1;min-width:60px;height:28px;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--muted);padding:0 6px;font-size:10px}.model-select{flex-grow:1.5;max-width:160px}.voice-select{flex-grow:1;max-width:90px}.node-settings-link{color:var(--text);font-size:11px;text-decoration:underline}.audiobox-body .node-textarea{min-height:70px}.audio-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1 1;min-height:100px;gap:6px;border:0;background:transparent;padding:14px}.video-preview{display:grid;width:100%;height:100%;min-height:100px;place-items:center;grid-gap:6px;gap:6px;border:0;background:transparent;color:inherit;overflow:hidden;padding:8px}.video-preview video{width:100%;height:calc(100% - 24px);min-height:70px;object-fit:contain;pointer-events:none}.reader-audio{width:100%}.markdown-preview,.preview-text{flex:1 1;min-height:52px;margin:0;overscroll-behavior:contain;overflow:auto;white-space:pre-wrap}.preview-text-button{width:100%;border:0;background:transparent;color:var(--muted);padding:0;text-align:left}.preview-text-button:disabled{cursor:default}.preview-text-button:not(:disabled):hover{color:var(--primary)}.reader-backdrop{position:fixed;z-index:200;inset:0;display:grid;place-items:center;background:rgb(0 0 0/16%)}.reader-modal{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(760px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 32px));border:1px solid var(--border-strong);border-radius:8px;background:var(--panel);box-shadow:0 8px 30px rgb(0 0 0/10%)}.reader-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:10px 12px}.reader-header span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-header button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text)}.reader-header button:disabled{cursor:not-allowed;opacity:.45}.reader-actions{display:inline-flex;align-items:center;gap:6px}.reader-body{display:grid;grid-gap:12px;gap:12px;min-height:0;overscroll-behavior:contain;overflow:auto;padding:14px}.reader-metadata{display:grid;grid-gap:6px;gap:6px;margin:0}.reader-metadata div{display:grid;grid-template-columns:90px minmax(0,1fr);grid-gap:10px;gap:10px}.reader-metadata dt{color:var(--muted)}.reader-metadata dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-empty,.reader-metadata a{color:var(--muted)}.reader-media{width:100%;max-height:420px;object-fit:contain}.document-media{max-height:none}.pdf-preview-frame{width:100%;height:min(620px,calc(100vh - 220px));min-height:420px;border:1px solid var(--border);background:var(--panel-dim)}.document-preview-error,.document-preview-message{margin:0;padding:32px 16px;text-align:center}.document-preview-message{color:var(--muted)}.document-preview-error{color:var(--error)}.docx-preview-container{min-height:420px;overflow:auto;border:1px solid var(--border);background:var(--panel-dim)}.docx-preview-container .canvas-docx-wrapper{padding:20px;background:var(--panel-dim)}.docx-preview-container section.canvas-docx{margin:0 auto 16px;box-shadow:0 1px 4px rgb(0 0 0/12%)}.spreadsheet-preview{display:grid;min-height:420px;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--border)}.spreadsheet-tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--border);background:var(--panel-dim);padding:6px}.spreadsheet-tabs button{flex:0 0 auto;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);padding:6px 10px}.spreadsheet-tabs button.active{border-color:var(--border-strong);background:var(--panel);color:var(--text)}.spreadsheet-table-wrap{position:relative;max-height:min(560px,calc(100vh - 270px));overflow:auto}.spreadsheet-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-family:Arial,sans-serif;font-size:13px}.spreadsheet-table td,.spreadsheet-table th{min-width:100px;max-width:280px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;padding:6px 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.spreadsheet-table .spreadsheet-row-number{position:-webkit-sticky;position:sticky;left:0;z-index:1;min-width:42px;width:42px;background:var(--panel-dim);color:var(--muted);text-align:right}.spreadsheet-limit-message{position:-webkit-sticky;position:sticky;left:0;bottom:0;margin:0;border-top:1px solid var(--border);background:var(--panel);color:var(--muted);padding:8px}.reader-content{margin:0;overscroll-behavior:contain;overflow:auto;white-space:pre-wrap}.markdown-content{display:block;line-height:1.45;white-space:normal}.markdown-content>*{margin:0 0 10px}.markdown-content>:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3{font-size:16px}.markdown-content ol,.markdown-content ul{padding-left:22px}.file-preview,.image-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;min-height:100px;width:100%;height:100%;gap:6px;padding:12px;position:relative;text-align:center}.markdown-preview-button,button.file-preview,button.image-preview{width:100%;border:0;background:transparent;color:inherit}.markdown-preview-button{text-align:left}.file-preview-details,.file-upload-zone{display:grid;place-items:center}.file-upload-zone{color:inherit;gap:6px;width:100%}.file-upload-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.file-upload-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text);cursor:pointer;min-height:36px;padding:6px;width:136px}.file-upload-button:hover{border-color:var(--border-strong);background:var(--panel-dim)}.upload-limit{color:var(--muted);font-size:10px}.upload-progress{display:grid;grid-template-columns:1fr auto;align-items:center;width:min(220px,100%);grid-gap:5px 8px;gap:5px 8px}.upload-progress progress{width:100%}.upload-progress span{font-size:11px}.upload-cancel-button{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:28px;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--error)}.file-preview-details{gap:6px;width:100%;border:0;background:transparent;color:inherit}.file-preview strong{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview a{color:var(--primary)}.image-preview img{width:100%;height:100%;max-height:100%;object-fit:contain}.status-pill{width:-moz-fit-content;width:fit-content;border:1px solid var(--border);border-radius:999px;padding:2px 8px;color:var(--muted);font-size:11px}.status-pill.queued,.status-pill.ready,.status-pill.running,.status-pill.syncing{border-color:var(--primary);color:var(--primary)}.status-pill.failed{border-color:var(--error);color:var(--error)}.thinkbox-footer{display:flex;align-items:center;justify-content:flex-start;gap:8px}.aspect-selector{display:inline-flex;flex:0 0 auto;border:1px solid var(--border);border-radius:4px;overflow:hidden}.aspect-selector button{display:grid;width:30px;height:28px;place-items:center;border:0;border-right:1px solid var(--border);background:var(--panel);color:var(--muted);padding:0}.aspect-selector button:last-child{border-right:0}.aspect-selector button.selected{background:var(--primary);color:var(--panel)}.checkbox-label{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.send-button{display:grid;width:34px;height:34px;margin-left:auto;place-items:center}.send-button:disabled{cursor:not-allowed;opacity:.45}.spin-icon{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.settings-page{display:grid;grid-gap:18px;gap:18px;width:min(820px,calc(100% - 32px))}.settings-section{grid-gap:14px;gap:14px;border-top:1px solid var(--border);padding:20px 0}.settings-section>header{display:flex;align-items:center;gap:8px}.settings-section h2{margin:0;font-size:17px;font-weight:500}.credential-status,.settings-field{display:grid;grid-gap:6px;gap:6px}.credential-status span,.settings-field span,.settings-note{color:var(--muted);font-size:12px}.settings-field input{width:min(520px,100%);height:40px;border:1px solid var(--border-strong);border-radius:4px;background:var(--panel);padding:0 10px}.model-summary,.settings-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.danger-button{display:inline-flex;min-height:38px;align-items:center;gap:7px;border:1px solid var(--error);border-radius:4px;background:var(--panel);color:var(--error);padding:0 12px}.model-summary span{border:1px solid var(--border);border-radius:4px;padding:4px 7px;color:var(--muted);font-size:11px}.folder-input{width:min(520px,100%);border:1px solid var(--border-strong);border-radius:4px;background:var(--panel);padding:9px}.skill-list{display:grid;border-top:1px solid var(--border)}.skill-list>div{display:grid;grid-template-columns:minmax(140px,190px) 1fr auto;grid-gap:12px;gap:12px;border-bottom:1px solid var(--border);padding:10px 0}.skill-list small,.skill-list span{color:var(--muted)}@media (max-width:640px){.skill-list>div{grid-template-columns:1fr;gap:4px}}.node-dot{width:18px;height:18px;border:2px solid var(--primary);background:var(--panel);opacity:0;transition:opacity .15s ease-in-out,background .15s ease-in-out;pointer-events:auto}.node-dot-left:before{left:-30px;right:-5px}.node-dot-left:before,.node-dot-right:before{content:"";position:absolute;top:-30px;bottom:-30px}.node-dot-right:before{left:-5px;right:-30px}.node-dot.react-flow__handle-connecting,.node-dot.react-flow__handle-valid,.node-dot:hover{opacity:1;background:var(--primary)}.context-backdrop{position:fixed;z-index:200;inset:0}.context-menu{position:fixed;display:grid;min-width:190px;grid-gap:2px;gap:2px;margin:0;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:0 4px 20px rgb(0 0 0/4%);list-style:none;overflow-y:auto;padding:6px}.context-menu button{display:grid;grid-template-columns:18px 1fr;align-items:center;grid-gap:8px;gap:8px;height:32px;padding:0 8px;text-align:left}.busy-line{z-index:25;bottom:16px;border:1px solid var(--border);border-radius:999px;padding:8px 12px;color:var(--muted)}.busy-line,.settings-panel{position:absolute;right:16px;background:var(--panel)}.settings-panel{z-index:35;top:16px;display:grid;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 84px);grid-gap:14px;gap:14px;overflow:auto;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px rgb(0 0 0/4%);padding:14px}.file-row,.settings-header,.settings-row,.upload-line{display:flex;align-items:center;gap:8px}.settings-header{justify-content:space-between}.settings-header span{font-size:16px}.settings-section{display:grid;grid-gap:8px;gap:8px}.settings-section label{color:var(--muted);font-size:12px}.settings-row{align-items:stretch}.settings-row input,.settings-row select,.settings-section textarea{min-width:0;width:100%;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text);outline:none;padding:8px 10px}.settings-section textarea{min-height:120px;resize:vertical}.settings-panel button,.settings-section button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text);padding:0 10px}.settings-panel button:hover,.settings-section button:hover,.upload-line:hover{border-color:var(--border-strong);background:var(--panel-dim)}.settings-panel button:disabled,.settings-section button:disabled,.upload-line:has(input:disabled){cursor:not-allowed;opacity:.5}.upload-line{position:relative;justify-content:center;min-height:38px;border:1px dashed var(--border-strong);border-radius:4px;color:var(--muted)}.upload-line input{position:absolute;inset:0;opacity:0}.file-list{display:grid;border-top:1px solid var(--border)}.file-row{justify-content:space-between;border-bottom:1px solid var(--border);padding:8px 0}.file-row a{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.settings-collection{gap:10px;border-top:1px solid var(--border);padding-top:12px}.collection-header{display:flex;align-items:center;justify-content:space-between}.collection-header h2{margin:0;font-size:14px;font-weight:500}.collection-header button,.file-row button,.skill-actions button{width:32px;min-height:32px;padding:0}.settings-list{display:grid;border-top:1px solid var(--border)}.settings-list>button{justify-content:space-between;width:100%;border-width:0 0 1px;border-radius:0;padding:8px 4px;text-align:left}.settings-list>button.is-selected{border-color:var(--border-strong);background:var(--panel-dim)}.settings-list>button small{color:var(--muted)}.empty-create{width:100%;border-style:dashed!important}.settings-form{display:grid;grid-gap:9px;gap:9px;border-left:2px solid var(--border-strong);padding-left:10px}.settings-form>label:not(.upload-line){display:grid;grid-gap:5px;gap:5px}.settings-form input:not([type=file]),.settings-form textarea{width:100%;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text);outline:none;padding:8px 10px}.settings-form textarea{min-height:96px;resize:vertical}.form-actions,.settings-danger-row{display:flex;justify-content:flex-end;gap:8px}.form-actions button:last-child{border-color:var(--text);background:var(--text);color:var(--panel)}.pending-files{display:grid}.pending-files .file-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-panel .skill-list>.skill-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:9px 0}.skill-row>div:first-child{display:grid;min-width:0;grid-gap:3px;gap:3px}.skill-row span,.skill-row strong{overflow-wrap:anywhere}.skill-row span{font-size:11px}.skill-actions{display:flex;align-items:center;flex:0 0 auto;gap:5px}.skill-origin{border:1px solid var(--border);border-radius:3px;padding:2px 5px;font-size:9px}.skill-origin.platform{background:var(--panel-dim);color:var(--muted)}.purchase-prompt-backdrop{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px;background:rgb(0 0 0/24%)}.purchase-prompt{width:min(440px,100%);border:1px solid var(--border-strong);border-radius:6px;background:var(--panel);box-shadow:0 18px 50px rgb(0 0 0/18%);padding:18px}.purchase-prompt footer,.purchase-prompt header{display:flex;align-items:center}.purchase-prompt header{justify-content:space-between}.purchase-prompt footer button,.purchase-prompt header button{min-height:34px}.purchase-prompt-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--border);border-radius:50%}.purchase-prompt h2{margin:16px 0 7px;font-size:18px}.purchase-prompt p{margin:0;color:var(--muted);line-height:1.5}.purchase-prompt footer{justify-content:flex-end;gap:8px;margin-top:22px}.box-rerun-prompt{width:min(480px,100%)}.box-rerun-choice{display:flex;align-items:flex-start;gap:9px;margin-top:18px;color:var(--muted);font-size:12px;line-height:1.4}.box-rerun-choice input{width:15px;height:15px;margin:1px 0 0;accent-color:var(--ink)}.time-warning-banner{position:absolute;z-index:29;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;min-height:38px;border-bottom:1px solid var(--warning-border);background:var(--warning-surface);color:var(--warning-text);padding:7px 18px;font-size:12px;text-align:center}.storage-warning-active .time-warning-banner{top:48px}.time-warning-active .top-bar{top:54px}.time-warning-active>.react-flow{top:38px;height:calc(100% - 38px)}.storage-warning-active.time-warning-active .top-bar{top:102px}.storage-warning-active.time-warning-active>.react-flow{top:86px;height:calc(100% - 86px)}.time-warning-banner a{color:inherit;font-weight:700;text-decoration-thickness:1px;text-underline-offset:2px}.billing-entitlement-note{border-left:2px solid var(--text);color:var(--muted);padding:7px 10px;font-size:12px}