:root{--bg: #fafafa;--bg-elev: #ffffff;--bg-inset: #f3f4f6;--bg-minimap-mask: rgba(250, 250, 250, .6);--border: #e5e7eb;--border-strong: #d4d4d8;--text: #111827;--text-dim: #6b7280;--text-faint: #9ca3af;--accent: #5b86ff;--accent-soft: rgba(91, 134, 255, .12);--danger: #dc2626;--danger-soft: #fef2f2;--scrollbar-thumb: rgba(91, 134, 255, .32);--scrollbar-thumb-hover: rgba(91, 134, 255, .55);--scrollbar-track: transparent;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-1: 0 1px 2px rgba(17, 24, 39, .04), 0 1px 1px rgba(17, 24, 39, .02);--shadow-2: 0 4px 12px rgba(17, 24, 39, .06), 0 2px 4px rgba(17, 24, 39, .04);--shadow-3: 0 12px 28px rgba(17, 24, 39, .1), 0 4px 10px rgba(17, 24, 39, .04);--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0f141c;--bg-elev: #1a2130;--bg-inset: #111827;--bg-minimap-mask: rgba(15, 20, 28, .6);--border: #262e3f;--border-strong: #374151;--text: #f3f4f6;--text-dim: #9ca3af;--text-faint: #6b7280;--accent: #7ca0ff;--accent-soft: rgba(124, 160, 255, .18);--danger: #f87171;--danger-soft: #2a1414;--scrollbar-thumb: rgba(124, 160, 255, .36);--scrollbar-thumb-hover: rgba(124, 160, 255, .6);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .25);--shadow-2: 0 4px 12px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-3: 0 12px 28px rgba(0, 0, 0, .6), 0 4px 10px rgba(0, 0, 0, .35);color-scheme:dark}}:root[data-theme=dark]{--bg: #0f141c;--bg-elev: #1a2130;--bg-inset: #111827;--bg-minimap-mask: rgba(15, 20, 28, .6);--border: #262e3f;--border-strong: #374151;--text: #f3f4f6;--text-dim: #9ca3af;--text-faint: #6b7280;--accent: #7ca0ff;--accent-soft: rgba(124, 160, 255, .18);--danger: #f87171;--danger-soft: #2a1414;--scrollbar-thumb: rgba(124, 160, 255, .36);--scrollbar-thumb-hover: rgba(124, 160, 255, .6);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .25);--shadow-2: 0 4px 12px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-3: 0 12px 28px rgba(0, 0, 0, .6), 0 4px 10px rgba(0, 0, 0, .35);color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px;border:1px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-corner{background:transparent}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em;background:var(--bg-inset);padding:1px 6px;border-radius:3px}.app-shell{display:grid;grid-template-rows:48px 1fr;grid-template-columns:260px 1fr 340px;height:100vh;width:100vw;background:var(--bg);transition:grid-template-columns .18s ease}.app-shell.gallery-collapsed{grid-template-columns:0 1fr 340px}.app-shell.inspector-collapsed{grid-template-columns:260px 1fr 0}.app-shell.gallery-collapsed.inspector-collapsed{grid-template-columns:0 1fr 0}.app-shell.gallery-collapsed .gallery,.app-shell.inspector-collapsed .inspector{visibility:hidden;overflow:hidden}.app-shell.empty{grid-template-rows:1fr;grid-template-columns:1fr}@media (max-width: 1100px){.app-shell:not(.empty):not(.inspector-collapsed){grid-template-columns:260px 1fr 0}.app-shell:not(.empty):not(.inspector-collapsed) .inspector{visibility:hidden;overflow:hidden}}@media (max-width: 860px){.app-shell:not(.empty):not(.gallery-collapsed){grid-template-columns:0 1fr 0}.app-shell:not(.empty):not(.gallery-collapsed) .gallery{visibility:hidden;overflow:hidden}}.crash-shell{min-height:100vh;width:100%;display:grid;place-items:center;background:var(--bg);padding:40px}.crash-card{max-width:520px;padding:32px 28px;background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-2);text-align:center}.crash-icon{font-size:28px;color:var(--danger);margin-bottom:8px}.crash-title{margin:0 0 8px;font-size:20px;color:var(--text);letter-spacing:-.01em}.crash-body{margin:0 0 16px;font-size:13.5px;color:var(--text-dim);line-height:1.6}.crash-detail{text-align:left;padding:10px 12px;background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;font-size:11.5px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word;max-height:160px;overflow-y:auto;margin-bottom:20px}.crash-actions{display:flex;gap:10px;justify-content:center}.crash-primary,.crash-danger{padding:8px 16px;font-size:13px;font-weight:500;border-radius:8px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;font-family:inherit}.crash-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.crash-primary:hover{background:#4c75e6;border-color:#4c75e6}.crash-danger:hover{color:var(--danger);border-color:#fca5a5;background:#fee}.topbar{grid-column:1 / -1;display:flex;align-items:center;padding:0 16px;gap:12px;border-bottom:1px solid var(--border);background:var(--bg-elev);font-size:13px}.topbar h1{font-size:14px;margin:0;font-weight:700;letter-spacing:-.01em;color:var(--text)}.topbar-home{display:inline-flex;align-items:center;gap:8px;padding:4px 10px!important;border:1px solid transparent;border-radius:8px;cursor:pointer;background:transparent;transition:background .12s,border-color .12s}.topbar-home:hover{background:var(--accent-soft);border-color:var(--accent)}.topbar-home-hint{font-size:11px;font-weight:500;color:var(--text-dim);text-transform:lowercase;opacity:.7}.topbar-home:hover .topbar-home-hint{opacity:1;color:var(--accent)}.topbar .topbar-meta{color:var(--text-dim);font-size:12px;font-variant-numeric:tabular-nums}.topbar .spacer{flex:1}.toolbar-group{display:flex;gap:4px;padding:2px;background:var(--bg-inset);border-radius:8px}.topbar button{padding:5px 12px;font-size:12px;font-weight:500;border:none;border-radius:6px;background:transparent;color:var(--text);cursor:pointer;transition:background .12s,color .12s}.topbar button:hover:not(:disabled){background:var(--bg-elev);box-shadow:var(--shadow-1)}.topbar button:active:not(:disabled){background:#eef0f3}.topbar button:disabled{color:var(--text-faint);cursor:not-allowed}.topbar button.topbar-secondary{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;color:var(--text-dim)}.canvas-area{position:relative;overflow:hidden;background:var(--bg)}.app-shell.tool-connect .canvas-area .react-flow__node{cursor:crosshair}.app-shell.tool-move .canvas-area .react-flow__node{cursor:grab}.app-shell.tool-move .canvas-area .react-flow__node:active{cursor:grabbing}.tool-picker{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:2px;padding:3px;background:#fffffff5;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center}.tool-picker button{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;color:var(--text-dim);background:transparent;border:none;border-radius:7px;cursor:pointer;transition:background .12s,color .12s}.tool-picker button kbd{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;padding:1px 4px;border-radius:3px;background:#00000014;color:inherit;opacity:.7;font-weight:600}.tool-picker button.active kbd{background:#ffffff40;color:#fff;opacity:1}.tool-picker button:hover{background:var(--bg-inset);color:var(--text)}.tool-picker button.active{background:var(--accent);color:#fff;box-shadow:0 1px 3px #5b86ff66}.tool-icon{font-size:14px;line-height:1}.tool-hint{font-size:10.5px;color:var(--text-faint);padding:0 8px 0 6px;border-left:1px solid var(--border);margin-left:4px}.canvas-placeholder{height:100%;display:grid;place-items:center;color:var(--text-dim);font-size:14px;text-align:center;padding:40px}.canvas-placeholder p{margin:4px 0}.canvas-placeholder .muted{color:var(--text-faint);font-size:12px}.react-flow__controls{box-shadow:var(--shadow-2)!important;border-radius:10px!important;overflow:hidden;border:1px solid var(--border)}.react-flow__controls-button{background:var(--bg-elev)!important;border:none!important;border-bottom:1px solid var(--border)!important;width:28px!important;height:28px!important;color:var(--text-dim)!important}.react-flow__controls-button:last-child{border-bottom:none!important}.react-flow__controls-button:hover{background:var(--bg-inset)!important;color:var(--text)!important}.react-flow__minimap{border-radius:8px!important;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-2);background:var(--bg-elev)!important}.react-flow__attribution{display:none}.state-node{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;min-width:220px;max-width:260px;box-shadow:var(--shadow-1);transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease}.state-node:hover{box-shadow:var(--shadow-2);border-color:var(--border-strong)}.react-flow__node.selected .state-node,.state-node:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-2)}.state-node.manual{border-style:dashed;background:var(--bg)}.state-node .kind{display:inline-block;padding:1px 5px;border-radius:3px;background:var(--bg-inset);color:var(--text-faint);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.state-node[data-kind=modal] .kind,.state-node[data-kind=drawer] .kind,.state-node[data-kind=menu] .kind{background:#fef3c7;color:#92400e}.state-node[data-kind=toast] .kind{background:#dbeafe;color:#1e40af}.state-node[data-kind=loading] .kind,.state-node[data-kind=error] .kind{background:#fecaca;color:#991b1b}.state-node.initial{box-shadow:0 0 0 2px #fde68a,var(--shadow-1)}.state-node-initial-badge{position:absolute;top:-10px;right:-10px;width:22px;height:22px;border-radius:50%;background:#f59e0b;color:#fff;display:grid;place-items:center;font-size:13px;line-height:1;box-shadow:0 2px 6px #f59e0b80;pointer-events:none;z-index:2}.state-node.invalid{box-shadow:0 0 0 2px #fca5a5,var(--shadow-1)}.state-node-issue-badge{position:absolute;top:-10px;left:-10px;width:22px;height:22px;border-radius:50%;background:var(--danger);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;line-height:1;box-shadow:0 2px 6px #dc262680;cursor:help;z-index:2}.validation-wrapper{position:relative}.topbar-validation{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:var(--danger);font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s}.topbar-validation:hover{background:#fee2e2;border-color:#fca5a5}.validation-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:360px;max-width:480px;max-height:420px;overflow:hidden;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-3);z-index:50;display:flex;flex-direction:column}.validation-dropdown-header{padding:10px 14px;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.validation-list{list-style:none;margin:0;padding:6px;overflow-y:auto}.validation-row{width:100%;display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;font-family:inherit;transition:background .12s}.validation-row:hover:not(:disabled){background:var(--bg-inset)}.validation-row:disabled{cursor:default}.validation-kind{display:inline-block;padding:2px 6px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:3px;flex-shrink:0;background:var(--bg-inset);color:var(--text-dim)}.validation-kind-state{background:#fef3c7;color:#92400e}.validation-kind-transition{background:#dbeafe;color:#1e40af}.validation-kind-flow{background:#e9d5ff;color:#6b21a8}.validation-kind-spec{background:#fecaca;color:#991b1b}.validation-row-body{flex:1;min-width:0}.validation-row-path{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--text);font-weight:500}.validation-row-msg{font-size:12px;color:var(--danger);line-height:1.4;margin-top:2px}.validation-row-cta{font-size:10.5px;color:var(--accent);font-weight:600;flex-shrink:0;align-self:center;opacity:0;transition:opacity .12s}.validation-row:hover .validation-row-cta{opacity:1}.validation-empty{padding:20px;text-align:center;color:var(--text-dim);font-size:12px}.topbar-validation-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px #dc262633;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.onboarding-tip{position:fixed;bottom:110px;right:24px;z-index:100;max-width:320px;padding:14px 16px 12px;background:#111827;color:#fff;border-radius:12px;box-shadow:0 12px 28px #00000040;font-size:12.5px;line-height:1.55;animation:onboarding-slide-in .35s cubic-bezier(.2,.9,.3,1)}@keyframes onboarding-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.onboarding-tip-title{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:6px;font-size:13px}.onboarding-tip-step{font-size:10px;font-weight:700;padding:2px 6px;background:#ffffff26;border-radius:4px;letter-spacing:.04em}.onboarding-tip-body{color:#ffffffd9;margin-bottom:10px}.onboarding-tip-body kbd{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;padding:1px 6px;border-radius:4px;background:#fff3;border:1px solid rgba(255,255,255,.15);color:#fff;margin:0 1px;vertical-align:baseline}.onboarding-tip-body strong{color:#fff;font-weight:600}.onboarding-tip-dismiss{font-size:11.5px;padding:5px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:#fff;cursor:pointer;font-weight:500}.onboarding-tip-dismiss:hover{background:#fff3;border-color:#ffffff4d}.modal-overlay.lightbox{background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:40px;cursor:zoom-out}.lightbox-image{max-width:100%;max-height:100%;display:block;box-shadow:0 20px 60px #00000080;border-radius:6px;cursor:default}.lightbox-close{position:absolute;top:20px;right:20px;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.lightbox-close:hover{background:#fff3;color:#fff}.state-node-thumb-wrap{position:relative;width:100%;height:120px;margin-bottom:8px;border-radius:6px;overflow:hidden;background:var(--bg-inset)}.state-node .thumb{width:100%;height:100%;background:var(--bg-inset);object-fit:cover;display:block}.state-node-region{position:absolute;border:2px solid currentColor;border-radius:3px;pointer-events:none;box-sizing:border-box}.state-node-region.wired{box-shadow:0 0 0 1px #fff,0 0 0 2px #00000026}.state-node-ports{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;justify-content:center}.state-node-port{position:relative!important;display:inline-flex!important;align-items:center;justify-content:center;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;border:2px solid white!important;border-radius:50%!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;opacity:.92!important;box-shadow:0 1px 3px #00000040}.state-node-port.wired{opacity:1!important;box-shadow:0 0 0 2px #fff,0 0 0 3px #0000002e}.app-shell.tool-move .state-node-port{pointer-events:none;opacity:.7!important}.app-shell.tool-connect .state-node-port{pointer-events:auto!important;cursor:crosshair}.app-shell.tool-connect .state-node-port:hover{transform:scale(1.25)!important;opacity:1!important}.state-node-port-label{font-size:10px;font-weight:700;color:#fff;pointer-events:none;line-height:1}.state-node .thumb.placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:11px;font-style:italic;background-image:linear-gradient(45deg,var(--bg-inset) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-inset) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-inset) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-inset) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;background-color:var(--bg)}.state-node .kind{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:2px}.state-node .label{font-size:13px;font-weight:600;color:var(--text);letter-spacing:-.01em;word-break:break-word}.state-node .label-id{margin-top:1px;font-size:10px;color:var(--text-faint);font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:0;word-break:break-all;opacity:.7}.state-node .state-handle{width:100%!important;height:100%!important;background:transparent!important;border:none!important;border-radius:0!important;top:0!important;left:0!important;transform:none!important;opacity:0!important}.app-shell.tool-move .state-node .state-handle{pointer-events:none}.app-shell.tool-connect .state-node .state-handle{pointer-events:auto;cursor:crosshair}.state-node-region-handle{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;border:2px solid white!important;border-radius:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 1px 3px #0000004d!important;opacity:1!important;z-index:4}.app-shell.tool-move .state-node-region-handle{pointer-events:none;opacity:.6!important}.app-shell.tool-connect .state-node-region-handle{pointer-events:auto!important;cursor:crosshair}.app-shell.tool-connect .state-node-region-handle:hover{transform:translate(-50%,-50%) scale(1.5)!important}.state-node-region-handle.wired{box-shadow:0 0 0 2px #fff,0 0 0 3px currentColor,0 1px 4px #0006!important}.state-node-region,.state-node-region-label{pointer-events:none}.state-node-region-label{position:absolute;top:-8px;left:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;box-shadow:0 1px 2px #0000004d;pointer-events:none}.state-node-connector{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:3px 8px;background:var(--accent);color:#fff;border-radius:10px;font-size:10px;font-weight:600;white-space:nowrap;letter-spacing:.02em;box-shadow:0 4px 10px #5b86ff59;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.state-node-connector-dot{width:6px;height:6px;border-radius:50%;background:var(--bg-elev)}.state-node:hover .state-node-connector{opacity:1;transform:translate(-50%) translateY(2px)}.react-flow__edge-path{stroke:#9ca3af;stroke-width:1.5;transition:stroke .12s,stroke-width .12s}.react-flow__edge:hover .react-flow__edge-path{stroke:#6b7280;stroke-width:2}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--accent);stroke-width:2.5}.edge-label{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;padding:2px 7px;max-width:240px;line-height:1.45;white-space:pre-wrap;word-break:break-word;cursor:text;color:var(--text);background:transparent;border:1px solid transparent;border-radius:6px;text-shadow:0 0 3px rgba(255,255,255,.95),0 0 3px rgba(255,255,255,.95),0 0 3px rgba(255,255,255,.95);transition:background .12s,border-color .12s,box-shadow .12s;-webkit-user-select:none;user-select:none}.edge-label-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;border:1.5px solid white;color:#fff;font-size:10px;font-weight:700;line-height:1;box-shadow:0 0 0 1px #0000002e,0 1px 2px #0000002e;text-shadow:none}.edge-label:hover,.edge-label.selected,.edge-label.editing{background:var(--bg-elev);border-color:var(--border);text-shadow:none;box-shadow:var(--shadow-1)}.edge-label-fallback{color:var(--text-faint);font-style:normal;font-size:10px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.edge-label-plus{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:10px;line-height:1}.edge-label:hover .edge-label-fallback,.edge-label.selected .edge-label-fallback{color:var(--text)}.edge-label:hover .edge-label-plus,.edge-label.selected .edge-label-plus{background:var(--accent);color:#fff}.edge-label-editor{width:200px;font-size:11.5px;padding:4px 6px;border:1px solid var(--accent);border-radius:4px;font-family:inherit;resize:vertical;outline:none;box-shadow:0 0 0 2px var(--accent-soft)}.gallery{border-right:1px solid var(--border);background:var(--bg-elev);display:flex;flex-direction:column;overflow:hidden}.gallery-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-elev);z-index:1}.gallery-header h2{font-size:11px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.gallery-add{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);cursor:pointer;font-size:16px;line-height:1;padding:0;display:grid;place-items:center;transition:background .12s,border-color .12s,color .12s}.gallery-add:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.gallery-empty{padding:20px 14px;font-size:12.5px;color:var(--text-dim);line-height:1.5}.gallery-empty p{margin:0 0 6px}.gallery-empty .muted{color:var(--text-faint);font-size:11.5px}.gallery-grid{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow-y:auto}.gallery-item{position:relative;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;background:var(--bg-inset);border:1px solid var(--border);cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .12s}.gallery-item:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);transform:translateY(-1px)}.gallery-item.used{border-color:var(--accent)}.gallery-item.used:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#5b86ff0f;pointer-events:none}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-item-meta{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:linear-gradient(to top,#000000bf,#0000);display:flex;align-items:center;gap:4px;color:#fff;font-size:10.5px;line-height:1.2;opacity:0;transition:opacity .12s}.gallery-item:hover .gallery-item-meta{opacity:1}.gallery-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-item-badge{background:var(--accent);color:#fff;font-weight:600;font-size:9px;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.gallery-item-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:10px;border:none;background:#111827b3;color:#fff;font-size:14px;line-height:1;padding:0;cursor:pointer;opacity:0;transition:opacity .12s,background .12s}.gallery-item:hover .gallery-item-remove{opacity:1}.gallery-item-remove:hover{background:var(--danger)}.inspector{border-left:1px solid var(--border);background:var(--bg-elev);padding:16px 18px;overflow-y:auto;font-size:13px}.inspector h2{font-size:11px;font-weight:700;margin:0 0 16px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.inspector .field{margin-bottom:14px}.inspector .field label{display:block;font-size:10.5px;color:var(--text-dim);margin-bottom:5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.inspector .field .value{color:var(--text);word-break:break-word}.inspector .field .value.readonly{color:var(--text-dim);font-size:12px;font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace}.inspector-id-input{font-family:ui-monospace,SF Mono,Menlo,monospace!important;font-size:12px!important;color:var(--text)!important}.inspector input[type=text],.inspector textarea,.inspector select{width:100%;font-family:inherit;font-size:12.5px;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--bg-elev);color:var(--text);transition:border-color .12s,box-shadow .12s}.inspector textarea{resize:vertical;line-height:1.5;min-height:52px}.inspector input[type=text]:focus,.inspector textarea:focus,.inspector select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.inspector .hint{color:var(--text-faint);font-size:11.5px;margin-top:6px}.inspector .error{color:var(--danger);font-size:12px}.inspector .muted{color:var(--text-faint)}.inspector-actions{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.inspector-actions .danger{padding:7px 12px;font-size:12px;font-weight:500;border:1px solid #fecaca;border-radius:7px;background:var(--bg-elev);color:var(--danger);cursor:pointer;align-self:flex-start;transition:background .12s,border-color .12s}.inspector-actions .danger:hover:not(:disabled){background:var(--danger-soft);border-color:#fca5a5}.inspector-actions .danger:disabled{color:var(--text-faint);border-color:var(--border);cursor:not-allowed}.inspector-actions .secondary{padding:7px 12px;font-size:12px;font-weight:500;border:1px solid var(--border);border-radius:7px;background:var(--bg-elev);color:var(--text);cursor:pointer;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;transition:background .12s,border-color .12s}.inspector-actions .secondary:hover{background:#fafbff;border-color:var(--accent);color:var(--accent)}.initial-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#fef3c7;border:1px solid #fde68a;border-radius:7px;color:#92400e;font-size:12px;font-weight:600;align-self:flex-start}.initial-star{color:#f59e0b;font-size:13px;line-height:1}.inspector-summary-stats{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;margin-top:12px;font-size:12px;color:var(--text-dim)}.inspector-summary-stats code{background:transparent;padding:0;color:var(--text);font-weight:500}.flows-panel{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.flows-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.flows-panel-header h3{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.flows-add{padding:4px 10px;font-size:11.5px;font-weight:500;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev);color:var(--text);cursor:pointer}.flows-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.flows-empty{font-size:12px;color:var(--text-dim);line-height:1.5;padding:12px;background:var(--bg-inset);border:1px dashed var(--border);border-radius:8px}.flows-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.flow-row{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px}.flow-row-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.flow-name{flex:1;font-family:inherit;font-size:13px;font-weight:600;padding:4px 6px;background:var(--bg-elev);border:1px solid transparent;border-radius:5px;color:var(--text)}.flow-name:hover{border-color:var(--border)}.flow-name:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.flow-delete{width:22px;height:22px;border-radius:50%;border:none;background:transparent;color:var(--text-faint);cursor:pointer;font-size:14px;line-height:1;padding:0}.flow-delete:hover{background:#fee;color:var(--danger)}.flow-description{width:100%;font-family:inherit;font-size:12px;padding:5px 7px;border:1px solid var(--border);border-radius:5px;background:var(--bg-elev);color:var(--text);resize:vertical;margin-bottom:8px}.flow-description:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.flow-chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.flow-chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;padding:2px 4px 2px 6px;font-size:11px;color:var(--text)}.flow-chip.missing{border-color:#fca5a5;background:#fef2f2;color:var(--danger)}.flow-chip-idx{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:700}.flow-chip-label{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;padding:0 4px}.flow-chip-btn,.flow-chip-remove{width:18px;height:18px;border:none;background:transparent;color:var(--text-faint);border-radius:3px;cursor:pointer;font-size:11px;line-height:1;padding:0}.flow-chip-btn:hover:not(:disabled),.flow-chip-remove:hover:not(:disabled){background:var(--bg-inset);color:var(--text)}.flow-chip-btn:disabled,.flow-chip-remove:disabled{opacity:.3;cursor:not-allowed}.flow-chip-remove:hover:not(:disabled){background:#fee;color:var(--danger)}.flow-add-state,.flow-picker{font-size:11px;padding:3px 8px;border:1px dashed var(--border);border-radius:6px;background:var(--bg-elev);color:var(--text-dim);cursor:pointer;font-family:inherit}.flow-add-state:hover,.flow-picker:hover{border-color:var(--accent);color:var(--accent);border-style:solid;background:var(--accent-soft)}.topbar-help,.topbar-side-toggle,.topbar-theme,.topbar-lang{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);font-weight:700;font-size:12px;cursor:pointer;padding:0;display:grid;place-items:center;margin-left:4px;flex-shrink:0}.topbar-side-toggle{font-size:14px;line-height:1}.topbar-help:hover,.topbar-theme:hover,.topbar-lang:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.topbar-theme{font-size:13px;line-height:1}.topbar-lang{font-size:11px;font-weight:700;letter-spacing:.02em}.floating-corner-controls{position:fixed;top:14px;right:14px;z-index:50;display:flex;gap:8px}.floating-theme-toggle{position:relative;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);font-size:14px;font-weight:700;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-1);transition:background .12s,border-color .12s,color .12s}.floating-theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.shortcuts-card{max-width:560px;width:100%}.shortcuts-grid{display:flex;flex-direction:column;padding:0}.shortcuts-row{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:10px 24px;border-bottom:1px solid var(--border);align-items:center}.shortcuts-row:last-child{border-bottom:none}.shortcuts-keys{display:flex;align-items:center;flex-wrap:wrap}.shortcuts-keys kbd{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;padding:2px 7px;min-width:22px;border-radius:5px;background:var(--bg-inset);border:1px solid var(--border);border-bottom-width:2px;color:var(--text);line-height:1.3;display:inline-block;text-align:center;font-weight:600}.shortcuts-sep{margin:0 4px;color:var(--text-faint);font-size:11px}.shortcuts-label{font-size:12.5px;color:var(--text)}.palette-overlay{align-items:flex-start;padding-top:14vh}.palette-card{width:100%;max-width:560px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-3);overflow:hidden;display:flex;flex-direction:column;max-height:68vh}.palette-input{width:100%;padding:16px 18px;border:none;background:transparent;font-family:inherit;font-size:15px;color:var(--text);border-bottom:1px solid var(--border);outline:none}.palette-list{list-style:none;margin:0;padding:6px;overflow-y:auto}.palette-empty{padding:24px;text-align:center;color:var(--text-faint);font-size:13px;list-style:none}.palette-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:7px;cursor:pointer;font-size:13px}.palette-row.active{background:var(--accent-soft);color:var(--accent)}.palette-row.active code{background:transparent;color:var(--accent)}.palette-kind{display:inline-block;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:3px;background:var(--bg-inset);color:var(--text-dim);min-width:72px;text-align:center}.palette-kind-state{background:#fef3c7;color:#92400e}.palette-kind-transition{background:#dbeafe;color:#1e40af}.palette-kind-flow{background:#e9d5ff;color:#6b21a8}.palette-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-id{color:var(--text-faint);font-size:11.5px;flex-shrink:0}.palette-footer{padding:8px 14px;border-top:1px solid var(--border);font-size:10.5px;color:var(--text-faint);background:var(--bg-inset)}.palette-footer kbd{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;padding:1px 5px;border-radius:3px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);margin:0 1px}.shortcuts-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--border);background:var(--bg-inset);font-size:11.5px;color:var(--text-dim)}.shortcuts-footer-note{line-height:1.4}.shortcuts-reset{padding:5px 10px;font-size:11.5px;font-weight:500;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev);color:var(--text);cursor:pointer;font-family:inherit}.shortcuts-reset:hover{color:var(--danger);border-color:#fca5a5;background:#fee}.inspector-regions{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.inspector-region-row{display:flex;align-items:center;gap:8px;font-size:12px}.inspector-region-swatch{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;color:#fff;font-size:10px;font-weight:700;flex-shrink:0}.inspector-region-desc{flex:1;min-width:0;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-region-wire{flex-shrink:0;max-width:130px;padding:3px 6px;font-size:11px;border:1px solid var(--border);border-radius:5px;background:var(--bg-elev);color:var(--text);cursor:pointer}.inspector-region-wire:hover{border-color:var(--accent)}.inspector-name-quickpicks{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.inspector-name-chip{padding:2px 8px;font-size:11px;line-height:1.5;border:1px solid var(--border);border-radius:999px;background:var(--bg-elev);color:var(--text-dim);cursor:pointer;transition:background .12s,border-color .12s,color .12s}.inspector-name-chip:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.inspector-edit-regions{margin-top:8px;padding:5px 10px;font-size:11.5px;font-weight:500;border:1px solid var(--border);border-radius:6px;background:var(--bg-elev);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s}.inspector-edit-regions:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.inspector-region-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.inspector-animation{margin-top:12px;padding:10px 12px;background:var(--bg-inset);border:1px solid var(--border);border-radius:8px}.inspector-animation .field{margin-bottom:10px}.inspector-animation .field:last-child{margin-bottom:0}.inspector-animation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.inspector-animation-clear{font-size:11px;padding:2px 8px;border:1px solid var(--border);border-radius:5px;background:var(--bg-elev);color:var(--text-dim);cursor:pointer;font-family:inherit}.inspector-animation-clear:hover{color:var(--danger);border-color:#fca5a5;background:#fee}.region-editor{max-width:1200px;width:calc(100vw - 64px);height:calc(100vh - 64px)}.region-editor-body{flex:1;display:grid;grid-template-columns:1fr 320px;overflow:hidden;min-height:0}.region-canvas{position:relative;overflow:auto;background:repeating-conic-gradient(#eef0f3,#eef0f3 25%,#f7f8fa 0%,#f7f8fa 50%) 50% / 20px 20px;display:grid;place-items:start center;padding:20px;-webkit-user-select:none;user-select:none;touch-action:none}.region-canvas img{max-width:100%;height:auto;display:block;box-shadow:var(--shadow-2);pointer-events:none}.region-stage{position:relative;display:block;width:max-content;max-width:100%}.region-canvas.tool-crop{cursor:crosshair}.region-editor-toolbar{display:flex;align-items:center;gap:12px;margin-left:auto;margin-right:16px}.region-editor-tools{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--bg-inset);gap:2px}.region-editor-tools button{padding:5px 10px;font-size:12px;font-weight:500;color:var(--text-dim);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .12s,color .12s}.region-editor-tools button:hover{color:var(--text)}.region-editor-tools button.active{background:var(--bg-elev);color:var(--accent);box-shadow:var(--shadow-1)}.region-editor-zoom{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);overflow:hidden}.region-editor-zoom button{width:28px;height:26px;border:none;background:transparent;color:var(--text-dim);font-size:14px;font-weight:700;cursor:pointer}.region-editor-zoom button:hover{background:var(--accent-soft);color:var(--accent)}.region-editor-zoom-display{padding:0 10px;font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--text-dim);border-left:1px solid var(--border);border-right:1px solid var(--border);cursor:pointer;height:26px;display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}.region-editor-zoom-display:hover{background:var(--bg-inset);color:var(--text)}.crop-mask{position:absolute;background:#0f141c80;pointer-events:none}.crop-rect{position:absolute;border:2px dashed var(--accent);box-shadow:0 0 0 1px #fff inset;pointer-events:none}.region-no-image{color:var(--text-dim);font-size:13px;padding:40px}.region-box{position:absolute;border:2px solid currentColor;border-radius:3px;cursor:pointer;box-sizing:border-box}.region-box.selected{border-width:3px;box-shadow:0 0 0 2px #ffffffb3,0 0 0 3px #0003}.region-box.draft{border:2px dashed var(--accent);background:#5b86ff1a;pointer-events:none}.region-resize-handle{position:absolute;width:12px;height:12px;background:var(--bg-elev);border:2px solid var(--accent);border-radius:2px;z-index:1;box-shadow:0 1px 3px #0003}.region-resize-handle.corner-nw{top:-6px;left:-6px;cursor:nw-resize}.region-resize-handle.corner-ne{top:-6px;right:-6px;cursor:ne-resize}.region-resize-handle.corner-sw{bottom:-6px;left:-6px;cursor:sw-resize}.region-resize-handle.corner-se{bottom:-6px;right:-6px;cursor:se-resize}.region-box.selected{cursor:move}.region-box-label{position:absolute;top:-10px;left:-10px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 1px 3px #0003}.region-editor-list{border-left:1px solid var(--border);background:var(--bg-elev);overflow-y:auto;display:flex;flex-direction:column}.region-list-header{padding:14px 16px 8px;position:sticky;top:0;background:var(--bg-elev);border-bottom:1px solid var(--border);z-index:1}.region-list-header h3{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.region-empty{padding:20px 16px;color:var(--text-dim);font-size:12.5px;line-height:1.5}.region-editor-list ul{list-style:none;margin:0;padding:10px}.region-item{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:8px;cursor:pointer;transition:background .12s}.region-item:hover{background:var(--bg-inset)}.region-item.selected{background:var(--accent-soft)}.region-item-swatch{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.region-item-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.region-item-desc{width:100%;font-family:inherit;font-size:12.5px;padding:3px 5px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text)}.region-item-desc:hover{border-color:var(--border);background:var(--bg-elev)}.region-item-desc:focus{outline:none;border-color:var(--accent);background:var(--bg-elev);box-shadow:0 0 0 2px var(--accent-soft)}.region-item-meta{font-size:10.5px;color:var(--text-faint);font-variant-numeric:tabular-nums}.region-item-a11y{display:flex;flex-direction:column;gap:4px;margin-top:4px;padding-top:6px;border-top:1px dashed var(--border)}.region-item-a11y-field{font-family:inherit;font-size:11.5px;padding:3px 6px;border:1px solid var(--border);border-radius:4px;background:var(--bg-elev);color:var(--text)}.region-item-a11y-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.region-item-meta code{background:transparent;padding:0;font-size:10.5px}.region-item-delete{border:none;background:transparent;width:20px;height:20px;border-radius:50%;cursor:pointer;color:var(--text-faint);font-size:14px;line-height:1;padding:0;opacity:.6;transition:opacity .12s,background .12s,color .12s}.region-item-delete:hover{opacity:1;background:#fee;color:var(--danger)}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#5b86ff14;border:3px dashed var(--accent);pointer-events:none;display:grid;place-items:center}.drop-overlay-message{background:var(--bg-elev);padding:18px 28px;border-radius:12px;font-size:14px;font-weight:500;color:var(--text);box-shadow:var(--shadow-3)}.progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;background:#11182740;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center}.progress-card{background:var(--bg-elev);padding:24px 28px;border-radius:12px;box-shadow:var(--shadow-3);min-width:320px;max-width:420px}.progress-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.progress-file{font-size:12px;color:var(--text-dim);margin-bottom:14px;font-family:ui-monospace,SF Mono,Menlo,monospace;word-break:break-all}.progress-bar{height:6px;background:var(--bg-inset);border-radius:3px;overflow:hidden;margin-bottom:10px}.progress-bar-fill{height:100%;background:var(--accent);transition:width .18s ease}.progress-meta{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1002;background:#11182773;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:32px}.modal-card{background:var(--bg-elev);border-radius:16px;box-shadow:var(--shadow-3);max-width:1040px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text);letter-spacing:-.01em}.modal-sub{font-size:12px;color:var(--text-dim);margin-top:4px;font-family:ui-monospace,SF Mono,Menlo,monospace}.modal-close{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:20px;line-height:1;padding:0;display:grid;place-items:center}.modal-close:hover{background:var(--bg-inset);color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.modal-actions button{padding:8px 16px;font-size:13px;font-weight:500;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s}.modal-actions button:hover:not(:disabled){background:var(--bg);border-color:var(--border-strong)}.modal-actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 6px #5b86ff4d}.modal-actions button.primary:hover:not(:disabled){background:#4c75e6;border-color:#4c75e6}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.video-selector{max-width:1040px}.video-selector-preview{position:relative;padding:16px 24px;background:#111827}.video-selector-preview video{width:100%;max-height:48vh;display:block;border-radius:8px;background:#000}.video-capture-btn{position:absolute;right:36px;top:28px;background:#fffffff2;color:var(--text);border:none;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:500;cursor:pointer;box-shadow:0 2px 10px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .12s,transform .12s}.video-capture-btn:hover:not(:disabled){background:var(--bg-elev);transform:translateY(-1px)}.video-capture-btn:disabled{opacity:.5;cursor:not-allowed}.video-error{position:absolute;left:24px;right:24px;bottom:24px;background:#dc2626f2;color:#fff;padding:12px 14px;border-radius:10px;font-size:12px;line-height:1.5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:8px}.video-error.transcoding{background:#111827eb}.video-error-text{font-weight:500;margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:11.5px;line-height:1.5;max-height:180px;overflow-y:auto}.video-transcode-btn{align-self:flex-start;border:1px solid rgba(255,255,255,.4);background:#ffffff26;color:#fff;padding:5px 10px;border-radius:6px;font-size:11.5px;font-weight:500;cursor:pointer;transition:background .12s}.video-transcode-btn:hover{background:#ffffff40}.transcode-progress{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.transcode-progress-fill{height:100%;background:var(--bg-elev);transition:width .2s ease}.video-selector-strip-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.video-selector-strip-header{padding:10px 24px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-dim);border-bottom:1px solid var(--border)}.strip-bulk{display:flex;gap:4px}.strip-bulk button{font-size:11px;padding:3px 8px;border:1px solid var(--border);background:var(--bg-elev);border-radius:6px;color:var(--text);cursor:pointer}.strip-bulk button:hover{background:var(--bg-inset);border-color:var(--border-strong)}.video-selector-strip{display:flex;gap:8px;overflow-x:auto;padding:16px 24px;min-height:130px;align-items:center}.strip-loading{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:12px}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.frame-chip{position:relative;flex:0 0 auto;width:120px;height:90px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#e5e7eb;cursor:pointer;transition:border-color .12s,transform .12s}.frame-chip img{width:100%;height:100%;object-fit:cover;display:block}.frame-chip:hover{transform:translateY(-2px)}.frame-chip.selected{border-color:var(--accent);box-shadow:0 2px 8px #5b86ff4d}.frame-chip.manual{outline:2px solid rgba(245,158,11,.5);outline-offset:-2px}.frame-chip-time{position:absolute;left:4px;bottom:4px;background:#000000b3;color:#fff;font-size:10px;padding:1px 5px;border-radius:3px;font-weight:500;font-variant-numeric:tabular-nums}.frame-chip-check{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;opacity:0;transition:opacity .12s}.frame-chip.selected .frame-chip-check{opacity:1}.welcome{display:grid;place-items:center;height:100%;padding:40px;background:radial-gradient(ellipse 800px 500px at 50% 30%,rgba(91,134,255,.06),transparent),var(--bg)}.welcome-card{max-width:560px;text-align:center}.welcome-mark{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);margin-bottom:20px}.welcome-title{font-size:32px;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0 0 16px;line-height:1.2}.welcome-sub{font-size:15px;line-height:1.6;color:var(--text-dim);margin:0 0 32px}.welcome-actions{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.welcome-actions button{padding:10px 18px;font-size:13.5px;font-weight:500;border:1px solid var(--border);border-radius:9px;background:var(--bg-elev);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s,transform .08s;box-shadow:var(--shadow-1)}.welcome-actions button:hover{border-color:var(--border-strong);background:var(--bg)}.welcome-actions button:active{transform:translateY(1px)}.welcome-actions button.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 6px #5b86ff59}.welcome-actions button.primary:hover{background:#4c75e6;border-color:#4c75e6}.welcome-hint{font-size:12px;color:var(--text-faint)}