.canvas-flow-wrapper{position:absolute;inset:0;background-color:var(--looma-color-bg-canvas);overflow:hidden}.canvas-flow-wrapper:before{content:"";position:absolute;top:30%;left:50%;width:800px;height:600px;transform:translate(-50%,-50%);background:transparent;pointer-events:none;z-index:0}.canvas-flow-wrapper .react-flow__background{background-color:var(--looma-color-bg-canvas)!important}.canvas-flow-wrapper:has(.canvas-node-generator-toolbar)>.react-flow{z-index:auto!important}.canvas-flow-wrapper:has(.canvas-node-generator-toolbar) .react-flow__renderer{z-index:auto}.canvas-flow-wrapper:has(.canvas-node-generator-toolbar) .react-flow__background{z-index:0}.canvas-flow-wrapper:has(.canvas-node-generator-toolbar) .react-flow__node-toolbar{z-index:4!important}.canvas-flow-wrapper:has(.canvas-node-generator-toolbar) .canvas-node-generator-toolbar{z-index:var(--looma-z-popover)!important}.canvas-provider-status-anchor{position:absolute;top:52px;right:16px;z-index:50;pointer-events:auto;max-width:calc(100vw - 32px)}@media (max-width:480px){.canvas-provider-status-anchor .cprov-badge-label{display:none}}.canvas-flow-wrapper .react-flow__minimap{background-color:var(--looma-color-glass)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--looma-color-border-subtle);border-radius:var(--looma-radius-md);overflow:hidden;box-shadow:var(--looma-shadow-card)}.canvas-flow-wrapper .react-flow__controls{background:var(--looma-color-surface-2);border:1px solid var(--looma-color-border-subtle);border-radius:var(--looma-radius-sm);box-shadow:var(--looma-shadow-card);overflow:hidden}.canvas-flow-wrapper .react-flow__controls-button{background:transparent;border:none;border-bottom:1px solid var(--looma-color-border-subtle);color:var(--looma-color-text-muted);width:36px;height:36px}.canvas-flow-wrapper .react-flow__controls-button:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary)}.canvas-flow-wrapper .react-flow__controls-button:focus-visible{outline:none;box-shadow:var(--looma-focus-ring)}.canvas-flow-wrapper .react-flow__controls-button svg{fill:currentColor}.canvas-flow-wrapper .react-flow__pane.dragging .looma-edge-flow{animation-play-state:paused}.canvas-flow-wrapper .react-flow__edge-path{stroke-width:1.5;filter:none;transition:stroke .2s}.canvas-flow-wrapper .react-flow__edge.selected .react-flow__edge-path{stroke:var(--looma-color-brand)!important;stroke-width:2.5}.canvas-flow-wrapper .react-flow__node-default,.canvas-flow-wrapper .react-flow__node-input,.canvas-flow-wrapper .react-flow__node-output{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important;color:inherit!important}.canvas-flow-wrapper .react-flow__node-default.selected,.canvas-flow-wrapper .react-flow__node-input.selected,.canvas-flow-wrapper .react-flow__node-output.selected{background:transparent!important;border:none!important;box-shadow:none!important}.cf-node{background:rgba(28,30,36,.97);border:1px solid rgba(255,255,255,.08);border-radius:16px;min-width:240px;max-width:400px;overflow:visible;font-family:Inter,SF Pro Text,-apple-system,sans-serif;font-size:12px;color:rgba(255,255,255,.85);transition:box-shadow .2s ease,outline-color .2s ease,border-color .2s ease,transform .15s ease;display:flex;flex-direction:column;outline:3px solid transparent;outline-offset:-1px;position:relative}.cf-node.cf-selected{outline-color:#4a9eff;box-shadow:0 0 0 1px rgba(74,158,255,.25)}.cf-node.cf-executing{outline-color:#22c55e;box-shadow:0 0 0 1px rgba(34,197,94,.2),0 0 20px rgba(34,197,94,.08);animation:cfn-pulse 2s ease-in-out infinite}@keyframes cfn-pulse{0%,to{box-shadow:0 0 0 1px rgba(34,197,94,.2),0 0 20px rgba(34,197,94,.08)}50%{box-shadow:0 0 0 1px rgba(34,197,94,.35),0 0 30px rgba(34,197,94,.15)}}.cf-node-header{padding:8px 12px 6px;user-select:none;cursor:grab;border-bottom:1px solid rgba(255,255,255,.04)}.cf-node-header,.cf-node-header-left{display:flex;align-items:center;gap:8px}.cf-node-header-left{flex:1;min-width:0}.cf-node-collapse-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:rgba(255,255,255,.5);cursor:pointer;flex-shrink:0;padding:0;transition:color .1s,background .1s}.cf-node-collapse-btn:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.06)}.cf-node-collapse-btn svg{transition:transform .15s}.cf-node.cf-collapsed .cf-node-collapse-btn svg{transform:rotate(-90deg)}.cf-node-header-title{flex:1;font-size:13px;font-weight:600;color:rgba(255,255,255,.95);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.cf-node-title-input{flex:1;font-size:13px;font-weight:600;color:#fff;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:1px 4px;outline:none;font-family:inherit}.cf-node-badge{flex-shrink:0;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.2);font-size:9px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.04em;text-transform:uppercase}.cf-node-body{background:#252528;padding:8px 12px 12px;display:flex;flex-direction:column;gap:6px;border-radius:0 0 16px 16px}.cf-node.cf-collapsed .cf-node-body{display:none}.cf-node.cf-collapsed .cf-node-header{border-radius:16px}.cf-field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.cf-field-label{font-size:11px;font-weight:500;color:rgba(255,255,255,.45);white-space:nowrap}.cf-combo-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 10px;border:none;border-radius:8px;background:#1e1e22;color:rgba(255,255,255,.85);font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;outline:none;transition:background .1s,box-shadow .15s}.cf-combo-trigger:hover{background:#282830}.cf-combo-trigger:disabled{opacity:.5;cursor:not-allowed}.cf-combo-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-combo-dropdown{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:50;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.6);padding:3px;max-height:200px;overflow-y:auto;animation:cfPanelUp .1s ease-out}.cf-combo-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 8px;border:none;border-radius:6px;background:transparent;color:rgba(255,255,255,.7);font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .08s}.cf-combo-option:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.9)}.cf-combo-option.active{color:var(--looma-color-brand);background:var(--looma-color-brand-soft)}.cf-input-number{width:100%;padding:5px 10px;border:none;border-radius:8px;background:#1e1e22;color:rgba(255,255,255,.85);font-size:11px;font-weight:500;font-family:inherit;outline:none;transition:background .1s,box-shadow .15s}.cf-input-number:hover{background:#282830}.cf-input-number:focus{box-shadow:inset 0 0 0 1.5px rgba(91,155,213,.5)}.cf-textarea{width:100%;min-height:56px;max-height:120px;padding:6px 10px;border:none;border-radius:8px;background:#1e1e22;color:rgba(255,255,255,.8);font-size:11px;font-weight:400;font-family:inherit;line-height:1.5;resize:vertical;outline:none;overflow:hidden;transition:background .1s,box-shadow .15s}.cf-textarea:hover{background:#282830;overflow:auto}.cf-textarea:focus{box-shadow:inset 0 0 0 1.5px rgba(91,155,213,.5);overflow:auto}.cf-textarea::placeholder{color:rgba(255,255,255,.2)}.cf-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0}.cf-toggle-label{font-size:11px;font-weight:500;color:rgba(255,255,255,.45)}.cf-toggle{position:relative;width:32px;height:18px;border-radius:9px;background:#1e1e22;border:none;cursor:pointer;transition:background .15s;flex-shrink:0;padding:0}.cf-toggle.on{background:#5b9bd5}.cf-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.3)}.cf-toggle.on:after{transform:translateX(14px)}.cf-divider{height:1px;background:rgba(255,255,255,.04);margin:2px 0}.cf-hint{font-size:10px;color:rgba(255,255,255,.25);line-height:1.4}.cf-empty{font-size:11px;color:rgba(255,255,255,.2);padding:8px 0;text-align:center}.cf-asset-count{display:flex;align-items:center;gap:4px;font-size:11px;color:rgba(255,255,255,.5)}.cf-asset-count-dot{width:5px;height:5px;border-radius:50%;background:#5b9bd5}.cf-ports-row{display:flex;justify-content:space-between;margin-top:4px;gap:8px}.cf-ports-col{display:flex;flex-direction:column;gap:3px}.cf-ports-right{align-items:flex-end}.cf-port-label{font-size:9px;color:rgba(255,255,255,.28);font-weight:500}.cf-handle{width:12px!important;height:12px!important;border:2px solid rgba(255,255,255,.08)!important;border-radius:50%!important;transition:transform .15s,border-color .15s}.cf-handle:hover{transform:scale(1.25);border-color:rgba(255,255,255,.25)!important}.cf-run-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:6px 0;border:none;border-radius:8px;background:#3a8c40;color:#fff;font-size:11px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .12s,box-shadow .12s}.cf-run-btn:hover{background:#47a34d;box-shadow:0 0 10px rgba(76,175,80,.2)}.cf-run-btn:active{background:#2e7632}.cf-run-btn svg{flex-shrink:0}.canvas-topbar{position:fixed;top:0;left:0;right:0;z-index:50;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(10,12,18,.82);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px 12px rgba(0,0,0,.3)}.canvas-topbar-left{display:flex;align-items:center;gap:8px}.canvas-topbar-logo{display:flex;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:5px 8px;border-radius:8px;transition:background .15s}.canvas-topbar-logo:hover{background:rgba(255,255,255,.05)}.canvas-topbar-logo-cine{background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text}.canvas-topbar-logo-ai,.canvas-topbar-logo-cine{font-size:15px;font-weight:800;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.canvas-topbar-logo-ai{background:linear-gradient(135deg,var(--looma-color-brand) 0,var(--looma-color-brand-active) 100%);-webkit-background-clip:text;background-clip:text}.canvas-topbar-breadcrumb-sep{font-size:12px;color:rgba(255,255,255,.12);margin:0 2px}.canvas-topbar-breadcrumb-name{font-size:12px;font-weight:500;color:rgba(255,255,255,.45)}.canvas-topbar-breadcrumb-current{font-size:12px;font-weight:600;color:rgba(255,255,255,.75)}.canvas-topbar-right{display:flex;align-items:center;gap:8px}.canvas-topbar-action{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.03);color:rgba(255,255,255,.55);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.canvas-topbar-action:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.85)}.canvas-topbar-action-label{display:none}@media (min-width:768px){.canvas-topbar-action-label{display:inline}}.canvas-toolbar-root{position:fixed;bottom:16px;right:16px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.canvas-toolbar-bar{display:flex;align-items:center;gap:1px;padding:3px 6px;background:var(--looma-color-surface-2);border:1px solid var(--looma-color-border-subtle);border-radius:12px;box-shadow:var(--looma-shadow-card)}.canvas-toolbar-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:9px;background:transparent;color:var(--looma-color-text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .12s;white-space:nowrap}.canvas-toolbar-btn:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary)}.canvas-toolbar-btn.active{background:var(--looma-color-brand-soft);color:var(--looma-color-brand)}.canvas-toolbar-btn.disabled,.canvas-toolbar-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.canvas-toolbar-divider{width:1px;height:16px;background:var(--looma-color-border-subtle);margin:0 3px}.canvas-toolbar-more{display:none}.canvas-toolbar-arrange{position:relative;display:flex}.canvas-toolbar-arrange-menu{position:absolute;right:0;bottom:calc(100% + 8px);display:grid;width:220px;gap:3px;padding:6px;transform:translateY(5px);border:1px solid var(--looma-color-border-default);border-radius:12px;background:var(--looma-color-surface-overlay);box-shadow:var(--looma-shadow-float);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.canvas-toolbar-arrange:focus-within .canvas-toolbar-arrange-menu,.canvas-toolbar-arrange:hover .canvas-toolbar-arrange-menu{transform:translateY(0);opacity:1;pointer-events:auto}.canvas-toolbar-root:has(.canvas-toolbar-arrange:focus-within),.canvas-toolbar-root:has(.canvas-toolbar-arrange:hover){z-index:calc(var(--looma-z-popover) + 10)}.canvas-toolbar-arrange-menu button{display:flex;align-items:center;gap:9px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--looma-color-text-secondary);text-align:left;cursor:pointer}.canvas-toolbar-arrange-menu button:focus-visible,.canvas-toolbar-arrange-menu button:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary);outline:none}.canvas-toolbar-arrange-menu button>svg{flex:none}.canvas-toolbar-arrange-menu button>span{display:grid;gap:2px}.canvas-toolbar-arrange-menu strong{font-size:10px}.canvas-toolbar-arrange-menu small{color:var(--looma-color-text-muted);font-size:9px}.canvas-toolbar-overflow-menu{display:none;min-width:168px;padding:6px;border:1px solid var(--looma-color-border-subtle);border-radius:14px;background:var(--looma-color-surface-overlay);box-shadow:var(--looma-shadow-float);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.canvas-toolbar-overflow-menu button{display:flex;width:100%;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--looma-color-text-secondary);font:inherit;font-size:12px;cursor:pointer}.canvas-toolbar-overflow-menu button:focus-visible,.canvas-toolbar-overflow-menu button:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary);outline:none}@media (max-width:640px){.canvas-toolbar-root{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}.canvas-toolbar-bar{max-width:100%;padding:3px 4px}.canvas-toolbar-btn{width:38px;height:38px;justify-content:center;padding:0}.canvas-toolbar-divider{margin:0 1px}.canvas-toolbar-secondary{display:none}.canvas-toolbar-more,.canvas-toolbar-overflow-menu{display:flex}.canvas-toolbar-overflow-menu{flex-direction:column}.canvas-flow-wrapper .react-flow__minimap{right:10px!important;bottom:64px!important;width:min(150px,calc(100vw - 20px))!important}}.canvas-readiness-btn{padding:6px 8px!important}.canvas-readiness-indicator{display:block;width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px currentColor;transition:background .3s}.canvas-readiness-indicator[style*="#f59e0b"],.canvas-readiness-indicator[style*="rgb(245, 158, 11)"]{animation:readiness-pulse 1.5s ease-in-out infinite}@keyframes readiness-pulse{0%,to{opacity:1}50%{opacity:.4}}.canvas-readiness-tooltip{position:absolute;bottom:calc(100% + 10px);left:6px;min-width:180px;background:#1a1a1a;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;box-shadow:0 8px 24px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04);z-index:60;animation:cfPanelUp .15s ease-out}.canvas-readiness-row{display:flex;align-items:center;gap:8px;padding:3px 0}.canvas-readiness-label{font-size:11px;font-weight:600;color:rgba(255,255,255,.4);min-width:56px}.canvas-readiness-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.canvas-readiness-value{font-size:11px;font-weight:700;color:rgba(255,255,255,.75)}.canvas-readiness-time{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06);font-size:10px;color:rgba(255,255,255,.2)}.canvas-toolbar-panel{background:var(--looma-color-surface-2);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.6);min-width:300px;max-height:380px;overflow-y:auto;animation:cfPanelUp .15s ease-out}@keyframes cfPanelUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.canvas-toolbar-panel-inner{padding:12px}.canvas-toolbar-panel-title{font-size:11px;font-weight:700;color:rgba(255,255,255,.7);margin-bottom:8px;letter-spacing:-.01em}.canvas-toolbar-panel-grid{display:flex;flex-direction:column;gap:2px}.canvas-toolbar-panel-placeholder{font-size:11px;color:rgba(255,255,255,.2);text-align:center;padding:24px 12px}.canvas-toolbar-panel-count{font-size:10px;font-weight:600;color:color-mix(in srgb,var(--looma-color-brand) 60%,transparent);margin-left:6px}.canvas-toolbar-panel-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 12px;font-size:11px;color:rgba(255,255,255,.2)}.canvas-toolbar-panel-empty-hint{font-size:9px;color:rgba(255,255,255,.12)}.canvas-asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.canvas-asset-card{position:relative;border:none;border-radius:6px;background:#1a1a1d;overflow:hidden;cursor:grab;transition:all .12s;padding:0}.canvas-asset-card:hover{background:#222226;box-shadow:0 0 0 1px color-mix(in srgb,var(--looma-color-brand) 15%,transparent)}.canvas-asset-card:active{cursor:grabbing}.canvas-asset-thumb{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:6px 6px 0 0;background:#111}.canvas-asset-thumb-media{width:100%;height:100%;object-fit:cover;display:block}.canvas-asset-thumb-icon{width:100%;height:100%;color:rgba(255,255,255,.15)}.canvas-asset-thumb-icon,.canvas-asset-type-badge{display:flex;align-items:center;justify-content:center}.canvas-asset-type-badge{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:4px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);color:rgba(255,255,255,.6)}.canvas-asset-drag-hint{position:absolute;bottom:3px;right:3px;opacity:0;transition:opacity .12s;color:rgba(255,255,255,.3)}.canvas-asset-card:hover .canvas-asset-drag-hint{opacity:1}.canvas-asset-status{font-size:8px;font-weight:600;text-align:center;padding:2px 4px;letter-spacing:.03em}.canvas-asset-status.pending{background:color-mix(in srgb,var(--looma-color-brand) 10%,transparent);color:color-mix(in srgb,var(--looma-color-brand) 60%,transparent)}.canvas-asset-label{font-size:9px;color:rgba(255,255,255,.5);padding:3px 5px 4px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:left;word-break:break-all}.canvas-toolbar-badge{font-size:9px;font-weight:700;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--looma-color-brand) 15%,transparent);color:color-mix(in srgb,var(--looma-color-brand) 70%,transparent);padding:0 4px}.canvas-toolbar-add-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:#fff;cursor:pointer;transition:background .1s;text-align:left}.canvas-toolbar-add-item:hover{background:rgba(255,255,255,.04)}.canvas-toolbar-add-icon{font-size:12px;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid rgba(255,255,255,.06);background:#1a1a1d}.canvas-toolbar-add-name{font-size:11px;font-weight:600;color:rgba(255,255,255,.8)}.canvas-toolbar-add-desc{font-size:9px;color:rgba(255,255,255,.3);margin-top:1px}.canvas-mode-toggle{position:fixed;bottom:16px;left:16px;z-index:50;display:flex;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:var(--looma-color-surface-2);box-shadow:0 2px 8px rgba(0,0,0,.4)}.canvas-mode-toggle-btn{padding:6px 12px;border:none;background:transparent;color:rgba(255,255,255,.35);font-size:11px;font-weight:700;cursor:pointer;transition:all .12s;text-decoration:none}.canvas-mode-toggle-btn:hover{color:rgba(255,255,255,.6);text-decoration:none}.canvas-mode-toggle-btn.active{background:rgba(91,155,213,.1);color:#5b9bd5}.canvas-ctx-backdrop{position:fixed;inset:0;z-index:9999}.canvas-ctx-menu{padding:3px;border-radius:12px;animation:cfPanelUp .1s ease-out}.canvas-ctx-add-menu{min-width:240px;max-width:280px;padding:0}.canvas-ctx-search-wrap{padding:8px 8px 4px}.canvas-ctx-search{width:100%;padding:6px 10px;border:1px solid var(--looma-color-border-subtle);border-radius:8px;background:var(--looma-color-surface-2);color:var(--looma-color-text-primary);font-size:11px;font-family:inherit;outline:none;transition:border-color .15s}.canvas-ctx-search::placeholder{color:var(--looma-color-text-disabled)}.canvas-ctx-search:focus{border-color:var(--looma-color-border-selected)}.canvas-ctx-scroll{max-height:320px;overflow-y:auto;padding:4px}.canvas-ctx-item{gap:6px;padding:6px 10px;border-radius:8px;font-size:11px;text-align:left}.canvas-ctx-add-item{padding:8px 10px;gap:10px}.canvas-ctx-add-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}.canvas-ctx-add-info{flex:1;min-width:0}.canvas-ctx-add-name{font-size:12px;font-weight:600;color:var(--looma-color-text-primary)}.canvas-ctx-add-desc{font-size:10px;color:var(--looma-color-text-muted);margin-top:1px}.canvas-ctx-run{color:var(--looma-color-success)}.canvas-ctx-run:hover{background:var(--looma-color-success-soft)}.canvas-ctx-danger{color:var(--looma-color-danger)}.canvas-ctx-danger:hover{background:var(--looma-color-danger-soft)}.canvas-ctx-divider{height:1px;background:var(--looma-color-border-subtle);margin:2px 6px}.canvas-ctx-color-grid{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px 6px}.canvas-ctx-color-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s}.canvas-ctx-color-dot:hover{transform:scale(1.2);border-color:var(--looma-color-border-strong)}.canvas-ctx-empty{padding:12px 16px;text-align:center;color:var(--looma-color-text-disabled);font-size:11px}.canvas-notice{position:fixed;top:56px;left:50%;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:#252528;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px rgba(0,0,0,.5);animation:cfPanelUp .15s ease-out}.canvas-notice-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.canvas-notice-dot.success{background:#4caf50}.canvas-notice-dot.warn{background:#c69026}.canvas-notice-content{display:flex;flex-direction:column;gap:1px}.canvas-notice-title{font-size:11px;font-weight:700;color:rgba(255,255,255,.85)}.canvas-notice-detail{font-size:10px;color:rgba(255,255,255,.4)}.cf-slots{display:flex;justify-content:space-between;gap:12px}.cf-slots-col{display:flex;flex-direction:column;gap:2px}.cf-slots-right{align-items:flex-end}.cf-slot-row{display:flex;align-items:center;gap:5px;padding:1px 0}.cf-slot-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.cf-slot-label{font-size:10px;font-weight:500;color:rgba(255,255,255,.4)}.cf-widgets{display:flex;flex-direction:column;gap:5px}.cf-textarea-wrap{position:relative}.cf-textarea-label{position:absolute;top:4px;left:10px;font-size:9px;font-weight:500;color:rgba(255,255,255,.3);pointer-events:none;z-index:1}.cf-textarea-wrap .cf-textarea{padding-top:18px}.cf-input-text{width:100%;padding:5px 10px;border:none;border-radius:8px;background:#1e1e22;color:rgba(255,255,255,.85);font-size:11px;font-weight:500;font-family:inherit;outline:none;transition:background .1s,box-shadow .15s}.cf-input-text:hover{background:#3d3d41}.cf-input-text:focus{box-shadow:inset 0 0 0 1.5px rgba(91,155,213,.5)}.cf-number-wrap{position:relative;width:100%}.cf-number-wrap .cf-input-number{position:relative;z-index:1;background:#1e1e22}.cf-number-slider{position:absolute;top:0;left:0;height:100%;background:rgba(91,155,213,.15);border-radius:8px;pointer-events:none;transition:width .1s}.cf-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px}.cf-preview-item{border-radius:8px;overflow:hidden;background:#1a1a1d;aspect-ratio:1}.cf-preview-img{width:100%;height:100%;object-fit:cover;display:block}.cf-preview-empty{font-size:10px;color:rgba(255,255,255,.2);text-align:center;padding:12px 0;background:#1a1a1d;border-radius:8px}.cf-color-picker{padding-top:4px}.cf-color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;justify-items:center}.cf-color-dot{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s;padding:0}.cf-color-dot:hover{transform:scale(1.15)}.cf-color-dot.active{border-color:rgba(255,255,255,.6);box-shadow:0 0 6px rgba(255,255,255,.2)}.cfn{--accent:#334155;--node-fill:#262727;--cfn-surface:#262727;--cfn-header:#151515;--cfn-control:#343637;--cfn-control-hover:#3b3d3e;--cfn-control-border:rgba(255,255,255,0.09);--cfn-control-text:rgba(246,247,249,0.9);--cfn-muted-text:rgba(190,193,222,0.76);box-sizing:border-box;width:100%;height:100%;background:var(--node-fill);border:1px solid rgba(255,255,255,.16);border-radius:19px;min-width:360px;max-width:none;overflow:visible;font-family:Inter,-apple-system,sans-serif;font-size:14px;color:rgba(255,255,255,.82);transition:box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column;position:relative;outline:none;box-shadow:0 18px 42px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.03)}.cfn:hover{border-color:rgba(255,255,255,.24);box-shadow:0 20px 46px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04)}.cfn-selected{border-color:rgba(255,255,255,.92)!important;outline:2px solid rgba(255,255,255,.86);outline-offset:0;box-shadow:0 0 0 2px rgba(255,255,255,.88),0 0 0 5px rgba(148,163,184,.2),0 22px 54px rgba(0,0,0,.5)!important}.cfn-selected:hover{border-color:rgba(255,255,255,.94)!important;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 5px rgba(148,163,184,.22),0 24px 58px rgba(0,0,0,.52)!important}.cfn-accent-strip{display:none}.cfn-selected .cfn-accent-strip{opacity:0}.cfn-floating-toolbar{position:absolute;top:-38px;left:50%;z-index:20;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(14,14,14,.94);box-shadow:0 16px 36px rgba(0,0,0,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateX(-50%)}.cfn-floating-tool{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:rgba(255,255,255,.58);cursor:pointer;transition:background .12s,color .12s}.cfn-floating-tool:hover:not(:disabled){background:rgba(255,255,255,.08);color:#fff}.cfn-floating-tool:disabled{color:rgba(255,255,255,.22);cursor:not-allowed}.cfn-floating-palette{position:fixed;z-index:9999;width:224px;padding:10px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#1a1a1a;box-shadow:0 20px 54px rgba(0,0,0,.6);animation:ctxFadeIn .1s ease-out}.cfn-floating-palette-title{margin-bottom:8px;color:rgba(255,255,255,.52);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cfn-floating-palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.cfn-floating-swatch{height:24px;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.32);transition:transform .12s,border-color .12s,box-shadow .12s}.cfn-floating-swatch.active,.cfn-floating-swatch:hover{border-color:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.22);transform:translateY(-1px)}.cfn-header{display:flex;align-items:center;gap:8px;padding:0 14px;min-height:42px;user-select:none;cursor:grab;background:rgba(0,0,0,.26);border-bottom:1px solid rgba(255,255,255,.08);border-radius:18px 18px 0 0}.cfn-icon{display:flex;flex-shrink:0;opacity:.85;transform:scale(.95)}.cfn-collapse-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid transparent;border-radius:7px;background:transparent;color:rgba(226,232,240,.42);cursor:pointer;transition:background .1s,border-color .1s,color .1s;padding:0;flex-shrink:0;margin-left:auto}.cfn-collapse-btn:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.78)}.cfn-header-icon{display:flex;flex-shrink:0}.cfn-title{color:rgba(255,255,255,.94);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text;letter-spacing:0}.cfn-title,.cfn-title-input{flex:1;font-size:15px;font-weight:700}.cfn-title-input{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:4px 8px;color:white;font-family:inherit;outline:none}.cfn-badge{display:none;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.4;flex-shrink:0}.cfn-body{padding:12px 14px 16px;background:transparent;border-radius:0 0 18px 18px}.cfn-generator-node{min-width:410px}.cfn-load-node,.cfn-output-node,.cfn-text-node{border:0;background:transparent;box-shadow:none}.cfn-load-node,.cfn-text-node{min-width:240px;max-width:none}.cfn-output-node{min-width:156px;max-width:none}.cfn-load-node:hover,.cfn-output-node:hover,.cfn-text-node:hover{border-color:transparent;box-shadow:none}.cfn-load-node .cfn-header,.cfn-output-node .cfn-header,.cfn-text-node .cfn-header{min-height:28px;padding:0 2px 8px;border:0;border-radius:0;background:transparent}.cfn-load-node .cfn-body,.cfn-output-node .cfn-body,.cfn-text-node .cfn-body{padding:0;border-radius:12px;background:transparent}.cfn-load-card{width:100%;height:100%;display:flex;flex-direction:column;background:#111214;box-shadow:0 12px 30px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04)}.cfn-load-card,.cfn-load-media{overflow:hidden;border-radius:8px}.cfn-load-media{position:relative;flex:1 1 auto;min-height:132px;background:#08090a}.cfn-load-media .cfn-preview-img,.cfn-load-media .cfn-preview-media{width:100%;height:100%;object-fit:contain;display:block}.cfn-load-audio{width:100%;height:100%;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;color:rgba(255,255,255,.62)}.cfn-load-audio audio{width:100%;height:30px}.cfn-load-replace{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:0;border-radius:7px;background:rgba(13,14,16,.84);color:rgba(255,255,255,.84);font-size:11px;font-weight:800;cursor:pointer;opacity:0;transform:translateY(-3px);backdrop-filter:blur(10px);transition:opacity .14s ease,transform .14s ease,background .14s ease}.cfn-load-media:hover .cfn-load-replace{opacity:1;transform:translateY(0)}.cfn-load-replace:hover{background:rgba(29,31,34,.92)}.cfn-load-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 2px 0;color:rgba(255,255,255,.58);font-size:11px;font-weight:800}.cfn-resize-line{border-color:rgba(255,255,255,.42)!important}.cfn-resize-handle{width:9px!important;height:9px!important;border:1px solid rgba(0,0,0,.42)!important;border-radius:999px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 4px 12px rgba(0,0,0,.45)}.cfn-load-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfn-load-meta span:last-child{flex:0 0 auto;color:rgba(255,255,255,.34);font-size:10px}.cfn-load-empty{min-height:166px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 16px;border-radius:8px;background:#111214;color:rgba(255,255,255,.58);text-align:center;transition:box-shadow .16s ease,background .16s ease,transform .16s ease}.cfn-load-empty.active{background:#17160f;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--looma-color-brand) 28%,transparent)}.cfn-load-empty-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.065);color:rgba(255,255,255,.62)}.cfn-load-empty-title{color:rgba(255,255,255,.86);font-size:13px;font-weight:900}.cfn-load-empty-hint{max-width:210px;color:rgba(255,255,255,.34);font-size:11px;font-weight:650;line-height:1.45}.cfn-load-actions{display:flex;align-items:center;gap:6px;margin-top:3px}.cfn-load-actions button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border:0;border-radius:7px;background:rgba(255,255,255,.075);color:rgba(255,255,255,.72);font-size:10px;font-weight:850;cursor:pointer;transition:background .12s ease,color .12s ease,transform .08s ease}.cfn-load-actions button:hover{background:rgba(255,255,255,.12);color:white}.cfn-load-actions button:active{transform:scale(.97)}.cfn-recent-assets{display:grid;grid-template-columns:repeat(4,34px);gap:6px;margin-top:5px}.cfn-recent-asset{width:34px;height:34px;overflow:hidden;border:0;border-radius:8px;background:rgba(255,255,255,.065);color:rgba(255,255,255,.56);cursor:pointer;padding:0;transition:transform .12s ease,box-shadow .12s ease}.cfn-recent-asset:hover{transform:translateY(-1px);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 50%,rgba(255,255,255,.16))}.cfn-recent-asset img{width:100%;height:100%;object-fit:cover;display:block}.cfn-textbox{width:100%;min-height:146px;padding:12px 13px;border:0;border-radius:8px;background:#141516;color:rgba(255,255,255,.86);box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.06);font-family:inherit;font-size:13px;font-weight:650;line-height:1.55;resize:vertical;outline:none}.cfn-textbox:focus{box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 0 0 1px color-mix(in srgb,var(--accent) 56%,rgba(255,255,255,.2))}.cfn-textbox::placeholder{color:rgba(255,255,255,.25)}.cfn-asset-target,.cfn-load-node.cfn-selected,.cfn-output-node.cfn-selected,.cfn-text-node.cfn-selected{outline:2px solid rgba(255,255,255,.92);outline-offset:8px;border-radius:14px;box-shadow:none!important}.cfn-asset-target{animation:cfnAssetTargetPulse 1.2s ease-in-out infinite}@keyframes cfnAssetTargetPulse{0%,to{outline-color:color-mix(in srgb,var(--looma-color-brand) 45%,transparent)}50%{outline-color:color-mix(in srgb,var(--looma-color-brand) 95%,transparent)}}.cfn-preview{margin:0 0 10px;border-radius:10px;overflow:hidden;background:#111;aspect-ratio:16/9}.cfn-preview-img,.cfn-preview-media{width:100%;height:100%;object-fit:cover}.cfn-slot{position:absolute;display:flex;align-items:center;gap:6px;z-index:5;pointer-events:none}.cfn-slot-left{left:0;transform:translateX(-50%);flex-direction:row}.cfn-slot-right{right:0;transform:translateX(50%);flex-direction:row}.cfn-slot-label{position:absolute;font-size:13px;font-weight:600;color:var(--cfn-muted-text);white-space:nowrap;pointer-events:none;letter-spacing:0;text-shadow:0 1px 2px rgba(0,0,0,.65)}.cfn-slot-left .cfn-slot-label{right:15px;padding:0;text-align:right}.cfn-generator-node .cfn-slot-left{left:-10px;transform:translateX(-100%);flex-direction:row-reverse;gap:7px}.cfn-generator-node .cfn-slot-left .cfn-slot-label{position:static;min-width:52px;padding:0;text-align:right}.cfn-generator-node .cfn-slot-right{right:-10px;transform:translateX(100%);gap:7px}.cfn-generator-node .cfn-slot-right .cfn-slot-label{position:static;min-width:56px;padding:0;text-align:left}.cfn-slot-right .cfn-slot-label{left:15px;padding:0;text-align:left}.cfn-divider{height:1px;background:rgba(255,255,255,.05);margin:10px 0}.cfn-menu-item{padding:5px 10px;font-size:11px;color:rgba(255,255,255,.75);cursor:pointer;border-radius:4px;transition:background .1s,color .1s}.cfn-menu-item:hover{background:rgba(255,255,255,.08);color:#fff}.cfn-menu-label{font-size:10px;color:rgba(255,255,255,.4);margin-bottom:4px;padding:0 2px;user-select:none}.cfn-expanded-section{animation:cfnExpandIn .15s ease-out}@keyframes cfnExpandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.cfn-param-group{padding:0;display:flex;flex-direction:column;gap:6px}.cfn-generator-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;margin-bottom:9px;padding:7px 9px;border-radius:9px;background:rgba(0,0,0,.16);color:rgba(255,255,255,.42);font-size:11px;font-weight:800}.cfn-generator-hint span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.62)}.cfn-generator-readiness{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(0,0,0,.18)}.cfn-generator-readiness.ready{border-color:rgba(74,222,128,.18)}.cfn-generator-readiness.blocked{border-color:rgba(255,255,255,.085)}.cfn-readiness-main{display:flex;align-items:center;gap:7px;min-width:0;color:rgba(255,255,255,.72);font-size:12px;font-weight:850}.cfn-readiness-main span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfn-readiness-dot{flex-shrink:0;width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.28)}.cfn-generator-readiness.ready .cfn-readiness-dot{background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.25)}.cfn-readiness-chips{display:flex;flex-wrap:wrap;gap:6px}.cfn-readiness-chips span{min-height:22px;padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.42);font-size:10px;font-weight:800}.cfn-readiness-chips span.is-ready{background:rgba(74,222,128,.1);color:rgba(187,247,208,.9)}.cfn-readiness-error{padding-top:7px;border-top:1px solid rgba(255,255,255,.06);color:rgba(248,113,113,.92);font-size:11px;font-weight:750;line-height:1.45}.cfn-param-section-title{display:flex;align-items:center;gap:6px;min-height:24px;margin-top:4px;color:rgba(255,255,255,.78);font-size:12px;font-weight:850}.cfn-param-section-title span{margin-left:auto;min-width:0;overflow:hidden;color:rgba(255,255,255,.34);font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.cfn-camera-panel{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.06)}.cfn-param-row{display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;align-items:center;min-height:34px}.cfn-param-key{font-size:14px;font-weight:500;color:var(--cfn-muted-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfn-param-val{font-size:14px;font-weight:700;color:rgba(255,255,255,.9);text-align:left}.cfn-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:12px 0 0;padding:9px 14px;border:1px solid var(--looma-color-brand-border);border-radius:10px;background:var(--looma-color-brand-soft);color:var(--looma-color-brand);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s,transform .05s}.cfn-generate-btn:hover{background:color-mix(in srgb,var(--looma-color-brand) 18%,transparent);border-color:color-mix(in srgb,var(--looma-color-brand) 32%,transparent)}.cfn-generate-btn:active{transform:scale(.97)}.cfn-cost-estimate{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;margin-top:12px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.18);color:rgba(255,255,255,.48);font-size:12px;font-weight:750}.cfn-cost-estimate strong{min-width:0;overflow:hidden;color:var(--looma-color-brand);font-size:12px;font-weight:900;text-align:right;text-overflow:ellipsis;white-space:nowrap}.cfn-prompt-section{padding:0}.cfn-prompt-module{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.cfn-prompt-module-label{font-size:10px;font-weight:600;color:rgba(255,255,255,.5)}.cfn-prompt-module-tag{font-size:8px;font-weight:700;color:color-mix(in srgb,var(--looma-color-brand) 50%,transparent);background:color-mix(in srgb,var(--looma-color-brand) 6%,transparent);padding:1px 5px;border-radius:4px;text-transform:uppercase}.cfn-note-textarea,.cfn-prompt-textarea{width:100%;min-height:70px;margin:0;padding:10px 12px;border:1px solid var(--cfn-control-border);border-radius:9px;background:var(--cfn-control);color:rgba(255,255,255,.8);font-size:13px;font-family:inherit;line-height:1.5;resize:vertical;outline:none;transition:border-color .15s}.cfn-note-textarea:focus,.cfn-prompt-textarea:focus{border-color:rgba(255,255,255,.2)}.cfn-note-textarea::placeholder,.cfn-prompt-textarea::placeholder{color:rgba(255,255,255,.2)}.cfn-param-select-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:34px;padding:0 12px;border:1px solid var(--cfn-control-border);border-radius:10px;background:var(--cfn-control);color:var(--cfn-control-text);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .1s}.cfn-param-select-btn:hover{background:var(--cfn-control-hover);border-color:rgba(255,255,255,.14)}.cfn-param-dropdown{position:fixed;z-index:9999;min-width:0;max-height:260px;overflow-y:auto;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.03);padding:4px;animation:ctxFadeIn .1s ease-out}.cfn-param-dropdown-item{display:block;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:rgba(255,255,255,.65);font-size:13px;font-weight:600;font-family:inherit;text-align:left;cursor:pointer;transition:background .08s}.cfn-param-dropdown-item:hover{background:rgba(255,255,255,.06);color:white}.cfn-param-dropdown-item.active{color:#fff;background:rgba(255,255,255,.1)}.cfn-inline-prompt{padding:0}.cfn-inline-prompt .cfn-prompt-textarea{width:100%;margin:0}.cfn-count-controls{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;width:100%;min-height:34px;border:1px solid var(--cfn-control-border);border-radius:10px;background:var(--cfn-control);overflow:hidden}.cfn-count-btn{height:100%;padding:0;border:none;background:transparent;color:rgba(246,247,249,.62);font-size:22px;font-family:inherit;cursor:pointer;transition:background .08s}.cfn-count-btn:hover{background:rgba(255,255,255,.08);color:white}.cfn-count-val{padding:0 10px;font-size:14px;font-weight:700;color:rgba(255,255,255,.94);text-align:center;border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07)}.cfn-param-row--slider{align-items:center}.cfn-slider-control{display:grid;grid-template-columns:34px minmax(86px,1fr) 48px 34px;align-items:center;min-width:0;min-height:34px;overflow:hidden;border:1px solid var(--cfn-control-border);border-radius:10px;background:var(--cfn-control)}.cfn-slider-step{width:34px;height:34px;border:0;background:transparent;color:rgba(255,255,255,.54);font-size:20px;line-height:1;cursor:pointer;transition:background .1s ease,color .1s ease}.cfn-slider-step:hover{background:rgba(255,255,255,.07);color:rgba(255,255,255,.86)}.cfn-slider-track{position:relative;height:34px;cursor:ew-resize}.cfn-slider-track:before{content:"";right:0;background:rgba(255,255,255,.08)}.cfn-slider-fill,.cfn-slider-track:before{position:absolute;left:0;top:50%;height:4px;border-radius:999px;transform:translateY(-50%)}.cfn-slider-fill{background:color-mix(in srgb,var(--accent) 58%,#5b9bd5)}.cfn-slider-thumb{position:absolute;top:50%;width:13px;height:13px;border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent),0 2px 8px rgba(0,0,0,.45);transform:translate(-50%,-50%)}.cfn-slider-value{min-width:0;color:rgba(255,255,255,.9);font-size:13px;font-weight:900;text-align:center}.cfn-toggle-row{display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;align-items:center;min-height:34px}.cfn-toggle-row-inline{margin-top:2px}.cfn-toggle{position:relative;justify-self:start;width:46px;height:24px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.16);cursor:pointer;transition:background .14s ease}.cfn-toggle:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:999px;background:rgba(255,255,255,.78);transition:left .14s ease,background .14s ease}.cfn-toggle.on{background:color-mix(in srgb,var(--accent) 55%,#5b9bd5)}.cfn-toggle.on:after{left:26px;background:white}.cfn-generate-btn.loading{opacity:.7;cursor:not-allowed;background:color-mix(in srgb,var(--looma-color-brand) 15%,transparent)!important}.cfn-generate-btn.loading:hover{transform:none;box-shadow:none}.canvas-bottom-toolbar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:1px;padding:4px;background:var(--looma-color-surface-2);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.5)}.canvas-bottom-toolbar button{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border:none;border-radius:8px;background:transparent;color:rgba(255,255,255,.45);font-size:11px;font-weight:600;font-family:Inter,-apple-system,sans-serif;cursor:pointer;transition:all .1s;white-space:nowrap}.canvas-bottom-toolbar button:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.8)}.canvas-bottom-toolbar button.active{background:var(--looma-color-brand-soft);color:var(--looma-color-brand)}.canvas-toolbar-sep{width:1px;height:18px;background:rgba(255,255,255,.06);margin:0 2px}.cfn-result-section{padding:0}.cfn-result-task-card{position:relative;width:100%;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--looma-color-brand) 12%,transparent),transparent 42%),#090a0b;box-shadow:0 16px 36px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.055)}.cfn-result-task-card.is-pending:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0,color-mix(in srgb,var(--looma-color-brand) 8%,transparent) 32%,rgba(255,231,106,.24) 50%,color-mix(in srgb,var(--looma-color-brand) 8%,transparent) 68%,transparent 100%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--looma-color-brand) 13%,transparent),transparent 58%);background-size:240% 100%,100% 100%;animation:cfnResultGoldSweep 1.8s ease-in-out infinite}.cfn-result-task-card.is-pending:after{content:"";position:absolute;inset:10px;border-radius:7px;border:1px solid color-mix(in srgb,var(--looma-color-brand) 11%,transparent);pointer-events:none}@keyframes cfnResultGoldSweep{0%{background-position:220% 0,0 0}to{background-position:-120% 0,0 0}}.cfn-result-loading-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px}.cfn-result-loading-orbit{width:52px;height:52px;border-radius:999px;border:1px solid color-mix(in srgb,var(--looma-color-brand) 22%,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--looma-color-brand) 18%,transparent),inset 0 0 18px color-mix(in srgb,var(--looma-color-brand) 6%,transparent);animation:cfnResultPulse 1.8s ease-in-out infinite}@keyframes cfnResultPulse{0%,to{transform:scale(.96);opacity:.66}50%{transform:scale(1.04);opacity:1}}.cfn-result-loading-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:1}.cfn-result-loading-title{color:rgba(255,231,106,.92);font-size:12px;font-weight:950}.cfn-result-loading-meta{color:rgba(255,255,255,.44);font-size:10px;font-weight:800}.cfn-result-progress-bar{position:absolute;left:12px;right:12px;bottom:12px;height:3px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.065);z-index:1}.cfn-result-progress-fill{height:100%;background:linear-gradient(90deg,var(--looma-color-brand-active) 0,var(--looma-color-brand-hover) 48%,var(--looma-color-brand-active) 100%);border-radius:999px;box-shadow:0 0 14px var(--looma-color-brand-soft);transition:width .3s ease-out}.cfn-result-status-text{position:absolute;right:12px;bottom:20px;display:flex;align-items:center;gap:4px;font-size:10px;color:rgba(255,231,106,.72);font-weight:900;z-index:1}.cfn-result-spinner{width:16px;height:16px;color:color-mix(in srgb,var(--looma-color-brand) 90%,transparent);animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.cfn-result-failed{position:absolute;inset:10px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:rgba(244,67,54,.07);border-radius:10px;border:1px solid rgba(244,67,54,.15)}.cfn-result-failed-icon{width:14px;height:14px;color:#f44336;flex-shrink:0}.cfn-result-failed-text{color:#f44336;font-size:10px;line-height:1.3;word-break:break-word}.cfn-result-warning{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--looma-color-brand) 14%,transparent);border-radius:10px;background:color-mix(in srgb,var(--looma-color-brand) 6%,transparent);color:rgba(255,224,102,.78);font-size:12px;line-height:1.35}.cfn-result-warning-dot{width:5px;height:5px;border-radius:999px;background:var(--looma-color-warning);flex-shrink:0}.cfn-result-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 10px;color:rgba(255,255,255,.3)}.cfn-result-empty-icon{width:20px;height:20px}.cfn-result-empty-text{font-size:10px}.cfn-result-audio{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:18px}.cfn-result-audio-icon{width:16px;height:16px;color:var(--looma-color-info);flex-shrink:0}.cfn-result-audio-player{width:100%;height:28px;border-radius:4px;filter:invert(1) hue-rotate(180deg)}.cfn-result-preview{width:100%;height:100%}.cfn-result-preview-img,.cfn-result-preview-media{width:100%;height:100%;object-fit:cover;display:block}.cfn-handle{width:13px!important;height:13px!important;border:2px solid #242626!important;border-radius:50%!important;transition:transform .12s,box-shadow .12s;cursor:crosshair!important;z-index:10;pointer-events:all;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.cfn-handle:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%}.cfn-handle:hover{transform:scale(1.25)!important;box-shadow:0 0 6px currentColor}.canvas-flow-wrapper .react-flow__handle-connecting,.canvas-flow-wrapper .react-flow__handle-valid{background:var(--looma-color-brand)!important}.canvas-flow-wrapper .react-flow__handle-connecting:not(.react-flow__handle-valid){background:#ef4444!important;box-shadow:0 0 0 4px rgba(239,68,68,.14)}.cfn-compact{min-width:220px;max-width:320px}.cfn-compact .cfn-header{min-height:34px;padding:0 10px}.cfn-compact .cfn-title{font-size:13px}.cfn-compact .cfn-badge{font-size:7px}.cfn-expanded{min-width:420px;max-width:560px}.canvas-ctx-menu{position:fixed;z-index:1000;min-width:180px;background:var(--looma-color-surface-overlay);border:1px solid var(--looma-color-border-subtle);border-radius:10px;box-shadow:var(--looma-shadow-float);padding:4px;font-family:Inter,-apple-system,sans-serif;animation:ctxFadeIn .08s ease-out}@keyframes ctxFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.canvas-ctx-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 10px;border:none;border-radius:6px;background:transparent;color:var(--looma-color-text-secondary);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .08s}.canvas-ctx-item:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary)}.canvas-ctx-item kbd{font-size:10px;color:var(--looma-color-text-disabled);font-weight:600}.canvas-ctx-item-danger:hover{background:var(--looma-color-danger-soft);color:var(--looma-color-danger)}.canvas-ctx-compliance{display:grid;gap:2px;margin:2px;padding:8px;border-radius:7px;background:var(--looma-color-info-soft);color:var(--looma-color-info)}.canvas-ctx-compliance.is-ready{background:var(--looma-color-success-soft);color:var(--looma-color-success)}.canvas-ctx-compliance.is-blocked{background:var(--looma-color-warning-soft);color:var(--looma-color-warning)}.canvas-ctx-compliance strong{font-size:11px}.canvas-ctx-compliance small{color:var(--looma-color-text-secondary);font-size:9px;line-height:1.35}.canvas-cmd-palette{width:560px;max-height:420px;background:var(--looma-color-surface-overlay);border:1px solid var(--looma-color-border-subtle);border-radius:16px;box-shadow:var(--looma-shadow-float);backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow:hidden;animation:cmdPaletteIn .15s ease-out;font-family:Inter,-apple-system,sans-serif}@keyframes cmdPaletteIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.canvas-cmd-search-bar{gap:8px;padding:10px 14px}.canvas-cmd-context,.canvas-cmd-search-bar{display:flex;align-items:center;border-bottom:1px solid var(--looma-color-border-subtle)}.canvas-cmd-context{justify-content:space-between;gap:12px;padding:8px 14px;background:var(--looma-color-surface-2);color:var(--looma-color-text-secondary);font-size:11px;font-weight:700}.canvas-cmd-context strong{flex-shrink:0;color:color-mix(in srgb,var(--looma-color-brand) 78%,transparent);font-size:10px;font-weight:850}.canvas-cmd-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--looma-color-text-primary);font-size:13px;font-family:inherit;font-weight:500}.canvas-cmd-search-input::placeholder{color:var(--looma-color-text-disabled)}.canvas-cmd-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:none;background:var(--looma-color-surface-2);color:var(--looma-color-text-muted);cursor:pointer;transition:background .1s,color .1s}.canvas-cmd-close:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary)}.canvas-cmd-body{display:flex;flex:1;min-height:0}.canvas-cmd-categories{width:110px;padding:8px 6px;border-right:1px solid var(--looma-color-border-subtle);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.canvas-cmd-cat-btn{display:flex;align-items:center;gap:6px;padding:6px 8px;border:none;border-radius:8px;background:transparent;color:var(--looma-color-text-muted);font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .08s,color .08s;white-space:nowrap;text-align:left}.canvas-cmd-cat-btn:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-secondary)}.canvas-cmd-cat-btn.active{background:var(--looma-color-brand-soft);color:var(--looma-color-brand)}.canvas-cmd-results{flex:1;padding:6px;overflow-y:auto;min-width:0}.canvas-cmd-section{margin-bottom:8px}.canvas-cmd-section-title{padding:4px 8px 6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--looma-color-text-disabled)}.canvas-cmd-asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 4px 8px}.canvas-cmd-asset-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:border-color .1s,transform .1s;background:#1a1a1e;padding:0}.canvas-cmd-asset-thumb:hover{border-color:color-mix(in srgb,var(--looma-color-brand) 30%,transparent);transform:scale(1.03)}.canvas-cmd-asset-img{width:100%;height:100%;object-fit:cover}.canvas-cmd-asset-type-badge{position:absolute;bottom:2px;right:2px;background:rgba(0,0,0,.6);border-radius:4px;padding:2px;color:white;display:flex}.canvas-cmd-result-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:var(--looma-color-text-secondary);cursor:pointer;transition:background .08s;font-family:inherit;text-align:left}.canvas-cmd-result-icon,.canvas-cmd-result-item:hover{background:var(--looma-color-surface-3)}.canvas-cmd-result-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--looma-color-text-secondary);flex-shrink:0}.canvas-cmd-result-info{flex:1;min-width:0}.canvas-cmd-result-label{font-size:12px;font-weight:600;color:var(--looma-color-text-primary)}.canvas-cmd-result-desc{font-size:10px;color:var(--looma-color-text-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-cmd-empty{padding:24px 16px;text-align:center;color:var(--looma-color-text-disabled);font-size:12px}.canvas-cmd-preview{width:160px;padding:16px 12px;border-left:1px solid var(--looma-color-border-subtle);display:flex;flex-direction:column;gap:8px}.canvas-cmd-preview-icon{width:36px;height:36px;border-radius:10px;background:var(--looma-color-brand-soft);color:var(--looma-color-brand);display:flex;align-items:center;justify-content:center}.canvas-cmd-preview-title{font-size:13px;font-weight:700;color:var(--looma-color-text-primary)}.canvas-cmd-preview-desc{font-size:11px;color:var(--looma-color-text-muted);line-height:1.4}.canvas-cmd-preview-ports{margin-top:4px;padding:6px 8px;background:var(--looma-color-surface-2);border-radius:8px}.canvas-cmd-preview-ports-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--looma-color-text-disabled);margin-bottom:4px}.canvas-cmd-preview-ports-text{font-size:10px;color:var(--looma-color-text-muted);line-height:1.5}.canvas-cmd-preview-empty{flex:1;justify-content:center;gap:8px;color:var(--looma-color-text-disabled);font-size:11px}.canvas-cmd-preview-empty,.canvas-empty-hint{display:flex;flex-direction:column;align-items:center}.canvas-empty-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:auto;width:min(560px,calc(100vw - 72px));gap:12px;padding:20px 22px;border:1px solid var(--looma-color-border-subtle);border-radius:12px;background:var(--looma-color-glass);box-shadow:var(--looma-shadow-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:1;animation:empty-fade-in .32s ease-out}@keyframes empty-fade-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.canvas-empty-hint-kicker{color:var(--looma-color-text-muted);font-size:11px;font-weight:800;letter-spacing:0}.canvas-empty-hint-title{color:var(--looma-color-text-primary);font-size:18px;font-weight:800;line-height:1.25;text-align:center}.canvas-empty-hint-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.canvas-empty-hint-steps span{min-width:0;padding:9px 10px;border:1px solid var(--looma-color-border-subtle);border-radius:10px;background:var(--looma-color-surface-2);color:var(--looma-color-text-secondary);font-size:11px;font-weight:700;text-align:center;white-space:nowrap}.canvas-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.canvas-empty-action{min-height:32px;padding:0 13px;border:1px solid var(--looma-color-border-subtle);border-radius:8px;background:var(--looma-color-surface-2);color:var(--looma-color-text-secondary);font-family:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.canvas-empty-action:hover{background:var(--looma-color-surface-3);border-color:var(--looma-color-border-strong);color:var(--looma-color-text-primary)}.canvas-empty-action-primary{background:var(--looma-color-surface-inverse);border-color:var(--looma-color-surface-inverse);color:var(--looma-color-text-inverse)}.canvas-empty-hint-desc{max-width:460px;font-size:12px;color:var(--looma-color-text-muted);line-height:1.6;text-align:center}.canvas-empty-hint-shortcut{font-size:11px;color:var(--looma-color-text-disabled)}.canvas-empty-hint-desc kbd,.canvas-empty-hint-shortcut kbd{display:inline-block;padding:2px 6px;border-radius:5px;background:var(--looma-color-surface-2);border:1px solid var(--looma-color-border-subtle);font-family:inherit;font-size:11px;color:var(--looma-color-text-disabled)}@media (max-width:640px){.canvas-empty-hint{align-items:stretch;padding:18px}.canvas-empty-hint-desc,.canvas-empty-hint-kicker,.canvas-empty-hint-title{text-align:center}.canvas-empty-hint-steps{grid-template-columns:1fr}.canvas-empty-hint-steps span{white-space:normal}}.canvas-inspector{position:absolute;top:12px;right:12px;bottom:60px;width:280px;background:#151619;border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5);display:flex;flex-direction:column;z-index:40;overflow:hidden;animation:ciSlideIn .18s ease-out}@keyframes ciSlideIn{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.ci-header{justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.ci-header,.ci-header-left{display:flex;align-items:center}.ci-header-left{gap:8px;min-width:0}.ci-header-icon{width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ci-header-info{min-width:0}.ci-header-kind{font-size:11px;font-weight:700;color:rgba(255,255,255,.8);letter-spacing:-.01em}.ci-header-id{font-size:9px;font-family:SF Mono,Cascadia Code,monospace;color:rgba(255,255,255,.2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ci-close-btn{width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;flex-shrink:0}.ci-close-btn:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.7)}.ci-status-bar{display:flex;align-items:center;gap:6px;padding:5px 12px;font-size:10px;font-weight:600;flex-shrink:0}.ci-status-bar.generating,.ci-status-bar.pending{background:color-mix(in srgb,var(--looma-color-brand) 6%,transparent);color:color-mix(in srgb,var(--looma-color-brand) 70%,transparent)}.ci-status-bar.ready{background:rgba(76,175,80,.06);color:rgba(76,175,80,.7)}.ci-status-bar.failed{background:rgba(244,67,54,.06);color:rgba(244,67,54,.7)}.ci-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ci-status-progress{margin-left:auto;font-family:SF Mono,Cascadia Code,monospace}.ci-body{flex:1;overflow-y:auto;padding:4px 0}.ci-body::-webkit-scrollbar{width:3px}.ci-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.06);border-radius:2px}.ci-section{border-bottom:1px solid rgba(255,255,255,.03)}.ci-section:last-child{border-bottom:none}.ci-section-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;border:none;background:transparent;color:rgba(255,255,255,.5);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:color .1s}.ci-section-header:hover{color:rgba(255,255,255,.8)}.ci-section-content{padding:0 12px 10px}.ci-field{margin-bottom:8px}.ci-field-label{display:block;font-size:9px;font-weight:600;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.ci-field-input{width:100%;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:rgba(255,255,255,.8);font-size:11px;font-family:inherit;outline:none;transition:border-color .12s}.ci-field-input:focus{border-color:color-mix(in srgb,var(--looma-color-brand) 30%,transparent)}.ci-field-textarea{width:100%;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:rgba(255,255,255,.8);font-size:11px;font-family:inherit;outline:none;resize:vertical;min-height:36px;transition:border-color .12s}.ci-field-textarea:focus{border-color:color-mix(in srgb,var(--looma-color-brand) 30%,transparent)}.ci-info-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:10px}.ci-info-key{color:rgba(255,255,255,.35);flex-shrink:0;min-width:32px}.ci-info-value{color:rgba(255,255,255,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.ci-mono{font-family:SF Mono,Cascadia Code,monospace;font-size:10px}.ci-url-truncate{max-width:140px}.ci-copy-btn{width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:rgba(255,255,255,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .1s}.ci-copy-btn:hover{background:rgba(255,255,255,.06);color:color-mix(in srgb,var(--looma-color-brand) 70%,transparent)}.ci-copy-copied{color:rgba(76,175,80,.8)!important}.ci-copy-failed{color:rgba(244,67,54,.7)!important}.ci-asset-preview{width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#111;margin-bottom:8px}.ci-asset-media{width:100%;height:100%;object-fit:cover;display:block}.ci-asset-audio-icon{width:100%;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border-radius:6px;background:rgba(255,255,255,.02)}.ci-segmented{display:flex;gap:2px;padding:2px;background:rgba(255,255,255,.03);border-radius:6px;border:1px solid rgba(255,255,255,.04)}.ci-segmented-btn{flex:1;padding:4px 6px;border:none;border-radius:4px;background:transparent;color:rgba(255,255,255,.4);font-size:10px;font-weight:600;cursor:pointer;transition:all .12s}.ci-segmented-btn:hover{color:rgba(255,255,255,.7)}.ci-segmented-btn.active{background:color-mix(in srgb,var(--looma-color-brand) 12%,transparent);color:color-mix(in srgb,var(--looma-color-brand) 85%,transparent)}.ci-connection-list{margin-top:4px}.ci-connection-item{display:flex;align-items:center;gap:5px;padding:2px 0;font-size:9px}.ci-connection-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.ci-connection-dot.in{background:#5b9bd5}.ci-connection-dot.out{background:var(--looma-color-brand)}.ci-connection-handle{color:rgba(255,255,255,.5)}.ci-connection-from,.ci-connection-handle{font-family:SF Mono,Cascadia Code,monospace}.ci-connection-from{color:rgba(255,255,255,.25);margin-left:auto}.ci-dropdown-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:rgba(255,255,255,.7);font-size:11px;font-family:SF Mono,Cascadia Code,monospace;cursor:pointer;transition:border-color .12s}.ci-dropdown-btn:hover{border-color:color-mix(in srgb,var(--looma-color-brand) 20%,transparent)}.ci-dropdown-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.ci-dropdown-menu{position:fixed;z-index:9999;max-height:200px;overflow-y:auto;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.6);padding:4px}.ci-dropdown-menu::-webkit-scrollbar{width:3px}.ci-dropdown-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}.ci-dropdown-item{display:block;width:100%;padding:5px 8px;border:none;border-radius:4px;background:transparent;color:rgba(255,255,255,.6);font-size:10px;font-family:SF Mono,Cascadia Code,monospace;text-align:left;cursor:pointer;transition:all .08s}.ci-dropdown-item:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.9)}.ci-dropdown-item.active{background:var(--looma-color-brand-soft);color:var(--looma-color-brand)}.cf-group-frame{width:100%;height:100%;min-height:100px;border:1.5px solid var(--looma-color-border-strong);border-radius:12px;background:var(--looma-color-surface-1);position:relative;pointer-events:all}.cf-group-frame:hover{border-color:var(--looma-color-brand-border);background:var(--looma-color-surface-2)}.cf-group-header{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:11px 11px 0 0;background:color-mix(in srgb,var(--looma-color-brand) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--looma-color-brand) 8%,transparent);user-select:none}.cf-group-grip{width:12px;height:12px;color:var(--looma-color-text-disabled);flex-shrink:0;cursor:grab}.cf-group-icon{width:14px;height:14px;flex-shrink:0}.cf-group-title{font-size:11px;font-weight:600;color:var(--looma-color-text-secondary);cursor:text;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-group-title:hover{color:var(--looma-color-text-primary)}.cf-group-title-input{font-size:11px;font-weight:600;color:var(--looma-color-focus);background:var(--looma-color-surface-2);border:1px solid var(--looma-color-brand-border);border-radius:4px;padding:1px 4px;outline:none;flex:1;min-width:0;font-family:inherit}.react-flow__selection{background:color-mix(in srgb,var(--looma-color-brand) 6%,transparent)!important;border:1px solid color-mix(in srgb,var(--looma-color-brand) 30%,transparent)!important;border-radius:4px}.canvas-restore-toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:flex-start;gap:10px;padding:12px 16px;max-width:520px;background:var(--looma-color-surface-overlay);border:1px solid var(--looma-color-border-subtle);border-radius:10px;box-shadow:var(--looma-shadow-float);animation:canvas-toast-in .3s ease-out;pointer-events:auto}@keyframes canvas-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.canvas-restore-toast-icon{flex-shrink:0;color:var(--looma-color-info);margin-top:2px}.canvas-restore-toast-body{flex:1;min-width:0}.canvas-restore-toast-title{font-size:13px;font-weight:600;color:var(--looma-color-info);line-height:1.4}.canvas-restore-toast-desc{font-size:12px;color:var(--looma-color-text-secondary);line-height:1.5;margin-top:2px;word-break:break-word}.canvas-restore-toast-close{flex-shrink:0;background:none;border:none;color:var(--looma-color-text-muted);font-size:18px;cursor:pointer;padding:0 2px;line-height:1;transition:color .15s}.canvas-restore-toast-close:hover{color:var(--looma-color-text-primary)}.canvas-notice-toast{position:absolute;top:72px;left:50%;z-index:130;display:flex;width:min(430px,calc(100% - 32px));align-items:center;gap:10px;padding:11px 12px;transform:translateX(-50%);border:1px solid var(--looma-color-border-default);border-radius:10px;background:var(--looma-color-surface-overlay);color:var(--looma-color-info);box-shadow:var(--looma-shadow-float);animation:canvas-notice-in .18s var(--looma-ease-standard);pointer-events:auto}@keyframes canvas-notice-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.canvas-notice-toast.is-success{color:var(--looma-color-success)}.canvas-notice-toast.is-error{color:var(--looma-color-danger)}.canvas-notice-toast>svg{width:18px;height:18px;flex:none}.canvas-notice-toast>div{display:grid;min-width:0;flex:1;gap:2px}.canvas-notice-toast strong{font-size:11px}.canvas-notice-toast span{color:var(--looma-color-text-secondary);font-size:11px;line-height:1.4}.canvas-notice-toast button{display:grid;width:26px;height:26px;flex:none;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--looma-color-text-muted);cursor:pointer}.canvas-notice-toast button:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary)}.canvas-notice-toast button svg{width:14px;height:14px}.canvas-notice-dialog-backdrop{position:absolute;inset:0;z-index:180;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--looma-color-scrim) 58%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}.canvas-notice-dialog{position:relative;display:grid;width:min(380px,calc(100vw - 48px));justify-items:center;gap:14px;padding:22px;border:1px solid var(--looma-color-border-default);border-radius:var(--looma-radius-lg);background:var(--looma-color-surface-overlay);color:var(--looma-color-info);box-shadow:var(--looma-shadow-float);text-align:center;animation:canvas-notice-dialog-in .18s var(--looma-ease-standard)}@keyframes canvas-notice-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.canvas-notice-dialog.is-success{color:var(--looma-color-success)}.canvas-notice-dialog.is-error{color:var(--looma-color-warning)}.canvas-notice-dialog-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,currentColor 38%,transparent);border-radius:50%;background:color-mix(in srgb,currentColor 10%,transparent)}.canvas-notice-dialog-icon svg{width:20px;height:20px}.canvas-notice-dialog-copy{display:grid;max-width:320px;gap:6px}.canvas-notice-dialog-copy strong{color:var(--looma-color-text-primary);font-size:15px;line-height:1.4}.canvas-notice-dialog-copy span{color:var(--looma-color-text-secondary);font-size:12px;line-height:1.65}.canvas-notice-dialog-close{position:absolute;top:10px;right:10px;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:var(--looma-radius-sm);background:transparent;color:var(--looma-color-text-muted);cursor:pointer}.canvas-notice-dialog-close:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary)}.canvas-notice-dialog-acknowledge:focus-visible,.canvas-notice-dialog-close:focus-visible{outline:none;box-shadow:var(--looma-focus-ring)}.canvas-notice-dialog-close svg{width:15px;height:15px}.canvas-notice-dialog-acknowledge{min-width:112px;min-height:38px;padding:0 18px;border:0;border-radius:var(--looma-radius-sm);background:var(--looma-color-brand);color:var(--looma-color-brand-on);font-size:12px;font-weight:700;cursor:pointer}.canvas-notice-dialog-acknowledge:hover{background:var(--looma-color-brand-hover)}@media (prefers-reduced-motion:reduce){.canvas-notice-dialog{animation:none}}.cs-scrub-container{position:relative;display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 10px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;user-select:none;transition:border-color .15s;font-size:12px;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.cs-scrub-container:hover{border-color:color-mix(in srgb,var(--looma-color-brand) 30%,transparent)}.cs-scrub-container:active{border-color:color-mix(in srgb,var(--looma-color-brand) 50%,transparent)}.cs-scrub-editing{cursor:text}.cs-scrub-editing,.cs-scrub-editing:hover{border-color:var(--looma-color-focus)}.cs-scrub-fill{position:absolute;top:0;left:0;height:100%;background:color-mix(in srgb,var(--looma-color-brand) 12%,transparent);border-radius:5px 0 0 5px;pointer-events:none;transition:width .08s ease-out}.cs-scrub-label{color:rgba(255,255,255,.5);font-size:11px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;flex-shrink:0;margin-right:8px}.cs-scrub-label,.cs-scrub-value{position:relative;z-index:1;pointer-events:none}.cs-scrub-value{color:rgba(255,255,255,.85);font-weight:500}.cs-scrub-input{flex:1;background:none;border:none;outline:none;color:var(--looma-color-focus);font-size:12px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-weight:600;padding:0;width:100%;text-align:right}.cs-scrub-input::placeholder{color:rgba(255,255,255,.2)}@keyframes looma-edge-flow{to{stroke-dashoffset:-272}}.looma-edge-flow{animation:looma-edge-flow 2.6s linear infinite}@keyframes looma-dash-march{to{stroke-dashoffset:-18}}.looma-dash-march{animation:looma-dash-march .9s linear infinite}.looma-dash-border{border:1.5px dashed var(--looma-color-brand-border);background:var(--looma-color-brand-soft)}.looma-create-shell{width:100%;max-width:100vw;height:100dvh;max-height:100dvh;overscroll-behavior:none;--canvas-effective-left-dock:var(--canvas-left-dock-user-width,0px);--canvas-effective-right-dock:0px}.looma-create-shell--canvas-drawer-open{--canvas-effective-right-dock:clamp(420px,var(--canvas-right-dock-user-width,0px),760px)}.looma-project-sidebar-backdrop{display:none;position:fixed;inset:0;z-index:139;width:100%;padding:0;border:0;background:var(--looma-color-scrim)}.looma-side-drawer-toggle{position:fixed;top:50%;z-index:120;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;transform:translateY(-50%);border:1px solid var(--looma-color-border-subtle);border-radius:var(--looma-radius-md);background:color-mix(in srgb,var(--looma-color-surface-1) 88%,transparent);color:var(--looma-color-text-muted);box-shadow:var(--looma-shadow-card);backdrop-filter:blur(18px);cursor:pointer;transition:left var(--looma-duration-normal) var(--looma-ease-standard),border-color var(--looma-duration-fast) var(--looma-ease-standard),background var(--looma-duration-fast) var(--looma-ease-standard),color var(--looma-duration-fast) var(--looma-ease-standard)}.looma-side-drawer-toggle:focus-visible,.looma-side-drawer-toggle:hover{border-color:var(--looma-color-border-default);background:var(--looma-color-surface-2);color:var(--looma-color-text-primary);outline:none;box-shadow:var(--looma-focus-ring)}.looma-project-sidebar-toggle[aria-expanded=false]{left:var(--looma-space-2)}.looma-project-sidebar-toggle[aria-expanded=true]{left:260px}.looma-canvas-main--drawer-open .canvas-flow-wrapper{right:var(--canvas-effective-right-dock);width:auto!important}.looma-canvas-topbar{left:var(--canvas-effective-left-dock);right:var(--canvas-effective-right-dock);padding-top:env(safe-area-inset-top)}.looma-canvas-bottom-dock{position:fixed;bottom:max(var(--looma-space-4),env(safe-area-inset-bottom));left:calc((100vw + var(--canvas-effective-left-dock) - var(--canvas-effective-right-dock)) / 2);z-index:70;display:flex;min-height:44px;align-items:center;gap:var(--looma-space-1);padding:var(--looma-space-1);transform:translateX(-50%);border:1px solid var(--looma-color-border-subtle);border-radius:var(--looma-radius-md);background:var(--looma-color-glass);backdrop-filter:blur(18px)}.looma-canvas-bottom-dock:has(>.looma-canvas-dock-popover,>.looma-canvas-navigation-menu){z-index:calc(var(--looma-z-popover) + 10)}@media (min-width:640px){.looma-canvas-topbar:has(.looma-canvas-topbar-actions--desktop [role=dialog],.looma-canvas-topbar-actions--desktop [role=menu]){z-index:calc(var(--looma-z-popover) + 10)}}@media (width < 640px){.looma-canvas-topbar:has(.looma-canvas-topbar-actions--mobile [role=dialog],.looma-canvas-topbar-actions--mobile [role=menu]){z-index:calc(var(--looma-z-popover) + 10)}}@media (max-width:1199px){.canvas-toolbar-root:has(>.canvas-toolbar-overflow-menu){z-index:calc(var(--looma-z-popover) + 10)}}.looma-canvas-dock-divider{width:1px;height:24px;margin:0 2px;background:var(--looma-color-border-subtle)}.looma-canvas-navigation-menu{position:absolute;bottom:calc(100% + 10px);left:42px;display:grid;width:172px;gap:3px;padding:5px;border:1px solid var(--looma-color-border-default);border-radius:var(--looma-radius-md);background:var(--looma-color-surface-overlay);box-shadow:var(--looma-shadow-float);backdrop-filter:blur(18px)}.looma-canvas-navigation-menu button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;min-height:38px;align-items:center;gap:8px;padding:7px 9px;border:0;border-radius:var(--looma-radius-sm);background:transparent;color:var(--looma-color-text-secondary);font:inherit;font-size:11px;font-weight:650;text-align:left;cursor:pointer}.looma-canvas-navigation-menu button.is-active,.looma-canvas-navigation-menu button:focus-visible,.looma-canvas-navigation-menu button:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary);outline:none}.looma-canvas-navigation-menu svg{width:15px;height:15px}.looma-canvas-navigation-menu kbd{color:var(--looma-color-text-muted);font:inherit;font-size:10px}.looma-canvas-dock-button{display:inline-flex;width:36px;height:36px;min-height:36px;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--looma-radius-sm);background:transparent;color:var(--looma-color-text-secondary);font:inherit;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer;transition:background .12s ease,color .12s ease,opacity .12s ease}.looma-canvas-dock-button>svg{width:17px;height:17px;flex:none}.looma-canvas-dock-button.is-active,.looma-canvas-dock-button:focus-visible,.looma-canvas-dock-button:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary);outline:none;box-shadow:var(--looma-focus-ring)}.looma-canvas-dock-button--primary{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary)}.looma-canvas-dock-button:disabled{color:var(--looma-color-text-disabled);cursor:not-allowed;box-shadow:none}.looma-canvas-dock-popover{position:absolute;bottom:calc(100% + 10px);left:50%;width:min(440px,calc(100vw - 24px));max-height:min(66vh,560px);overflow:auto;transform:translateX(-50%);border:1px solid var(--looma-color-border-default);border-radius:14px;background:var(--looma-color-surface-overlay);color:var(--looma-color-text-primary);box-shadow:var(--looma-shadow-float);backdrop-filter:blur(22px)}.looma-canvas-dock-popover--characters{width:min(760px,calc(100vw - 24px))}.looma-canvas-dock-popover>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 14px 12px;border-bottom:1px solid var(--looma-color-border-subtle);background:var(--looma-color-surface-overlay);backdrop-filter:blur(16px)}.looma-canvas-dock-popover>header div{display:grid;gap:3px}.looma-canvas-dock-popover>header strong{font-size:13px}.looma-canvas-dock-popover>header small{color:var(--looma-color-text-muted);font-size:10px}.looma-canvas-dock-popover>header button{display:grid;width:28px;height:28px;flex:none;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--looma-color-text-muted);cursor:pointer}.looma-canvas-dock-popover>header button:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary)}.looma-canvas-dock-popover>header button svg{width:14px;height:14px}.looma-canvas-character-detail{display:grid;gap:10px;margin:12px 12px 0;padding:12px;border:1px solid var(--looma-color-border-default);border-radius:12px;background:var(--looma-color-surface-1)}.looma-canvas-character-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.looma-canvas-character-detail-heading>div{display:grid;gap:3px}.looma-canvas-character-detail-heading strong{font-size:13px}.looma-canvas-character-detail-heading small,.looma-canvas-character-detail>p{margin:0;color:var(--looma-color-text-muted);font-size:10px}.looma-canvas-character-apply{display:inline-flex;min-height:32px;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--looma-color-text-primary);border-radius:8px;background:var(--looma-color-text-primary);color:var(--looma-color-surface-1);font:inherit;font-size:10px;font-weight:750;cursor:pointer}.looma-canvas-character-apply:disabled{cursor:wait;opacity:.72}.looma-canvas-character-apply svg{width:13px;height:13px}.looma-canvas-character-variant-grid{display:grid;grid-template-columns:.8fr .9fr 1.2fr;gap:7px}.looma-canvas-character-variant-grid figure{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid var(--looma-color-border-subtle);border-radius:8px;background:var(--looma-color-surface-2)}.looma-canvas-character-variant-grid figure.is-turnaround{grid-column:1/-1}.looma-canvas-character-variant-grid img{display:block;width:100%;height:150px;object-fit:contain;background:var(--looma-color-surface-2)}.looma-canvas-character-variant-grid figure.is-turnaround img{height:auto;aspect-ratio:12/5}.looma-canvas-character-variant-grid figcaption{position:absolute;right:5px;bottom:5px;padding:3px 5px;border-radius:5px;background:color-mix(in srgb,var(--looma-color-bg-canvas) 66%,transparent);color:var(--looma-color-text-primary);font-size:9px}.looma-canvas-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.looma-canvas-character-grid button{display:grid;gap:6px;min-width:0;padding:6px;border:1px solid var(--looma-color-border-subtle);border-radius:10px;background:var(--looma-color-surface-1);color:var(--looma-color-text-secondary);text-align:left;cursor:pointer}.looma-canvas-character-grid button:hover{border-color:var(--looma-color-border-strong);background:var(--looma-color-surface-2);color:var(--looma-color-text-primary)}.looma-canvas-character-grid button.is-selected{border-color:var(--looma-color-info);background:var(--looma-color-info-soft);color:var(--looma-color-text-primary);box-shadow:0 0 0 1px var(--looma-color-info)}.looma-canvas-character-grid button:disabled{cursor:wait;opacity:.72}.looma-canvas-character-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px;background:var(--looma-color-bg-canvas)}.looma-canvas-character-image{position:relative;display:block;overflow:hidden;border-radius:7px}.looma-canvas-character-image>svg{position:absolute;inset:50% auto auto 50%;width:22px;height:22px;padding:4px;transform:translate(-50%,-50%);border-radius:999px;background:color-mix(in srgb,var(--looma-color-bg-canvas) 72%,transparent);color:var(--looma-color-info)}.looma-canvas-character-copy{display:grid;min-width:0;gap:2px}.looma-canvas-character-copy small,.looma-canvas-character-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.looma-canvas-character-copy strong{font-size:11px}.looma-canvas-character-copy small{color:var(--looma-color-text-muted);font-size:9px}.looma-canvas-character-error{margin:10px 12px 0;padding:8px 10px;border:1px solid var(--looma-color-danger);border-radius:8px;background:var(--looma-color-danger-soft);color:var(--looma-color-danger);font-size:10px}.looma-canvas-dock-empty{display:grid;min-height:180px;place-items:center;align-content:center;gap:10px;color:var(--looma-color-text-disabled);font-size:11px}.looma-canvas-dock-empty svg{width:28px;height:28px}.looma-canvas-shortcut-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--looma-color-border-subtle)}.looma-canvas-shortcut-groups>div{padding:12px;background:var(--looma-color-surface-1)}.looma-canvas-shortcut-groups h4{margin:0 0 8px;color:var(--looma-color-text-muted);font-size:10px}.looma-canvas-shortcut-groups p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0;font-size:10px}.looma-canvas-shortcut-groups kbd{padding:3px 5px;border:1px solid var(--looma-color-border-default);border-radius:5px;background:var(--looma-color-surface-2);color:var(--looma-color-text-secondary)}.looma-canvas-shortcut-groups span{color:var(--looma-color-text-muted);text-align:right}.looma-canvas-help-list{display:grid;gap:1px;background:var(--looma-color-border-subtle)}.looma-canvas-help-list>button,.looma-canvas-help-list>div{display:flex;min-height:54px;align-items:center;gap:10px;padding:10px 14px;border:0;background:var(--looma-color-surface-1);color:var(--looma-color-text-secondary);text-align:left}.looma-canvas-help-list>div>svg{width:17px;height:17px}.looma-canvas-help-list>div>span{display:grid;gap:2px}.looma-canvas-help-list strong{font-size:11px}.looma-canvas-help-list small{color:var(--looma-color-text-muted);font-size:10px}.looma-canvas-help-list>button{justify-content:space-between;color:var(--looma-color-text-disabled)}.looma-canvas-help-list>.looma-canvas-help-replay{justify-content:flex-start;color:var(--looma-color-text-secondary);cursor:pointer;transition:background-color var(--looma-duration-fast) var(--looma-ease-standard),color var(--looma-duration-fast) var(--looma-ease-standard)}.looma-canvas-help-replay>svg{width:17px;height:17px;flex:none}.looma-canvas-help-replay>span{display:grid;gap:2px}.looma-canvas-help-list>.looma-canvas-help-replay small{color:var(--looma-color-text-secondary)}.looma-canvas-help-replay:focus-visible,.looma-canvas-help-replay:hover{outline:none;background:var(--looma-color-surface-2);color:var(--looma-color-text-primary);box-shadow:inset 0 0 0 1px var(--looma-color-brand-border),var(--looma-focus-ring)}.looma-canvas-support-channels{padding:10px;background:var(--looma-color-surface-1)}.looma-canvas-add-button,.looma-canvas-upload-button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:var(--looma-space-2);padding:0 var(--looma-space-3);border:0;border-radius:var(--looma-radius-sm);background:transparent;color:var(--looma-color-text-secondary);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.looma-canvas-add-button{background:var(--looma-color-surface-inverse);color:var(--looma-color-text-inverse)}.looma-canvas-add-button:focus-visible,.looma-canvas-add-button:hover,.looma-canvas-upload-button:focus-visible,.looma-canvas-upload-button:hover{background:var(--looma-color-surface-3);color:var(--looma-color-text-primary);outline:none;box-shadow:var(--looma-focus-ring)}.looma-canvas-asset-tab{border:1px solid var(--looma-color-border-subtle);border-right:0;background:var(--looma-color-glass);color:var(--looma-color-text-muted);box-shadow:var(--looma-shadow-card)}.looma-canvas-asset-tab:focus-visible,.looma-canvas-asset-tab:hover{width:44px;border-color:var(--looma-color-brand-border);background:var(--looma-color-surface-2);color:var(--looma-color-brand-hover);box-shadow:var(--looma-focus-ring)}.looma-agent-launcher{right:calc(var(--canvas-effective-right-dock) + var(--looma-space-4) + 224px);bottom:max(calc(max(var(--looma-space-4), env(safe-area-inset-bottom)) + 100px),var(--looma-composer-clearance,0px))}.canvas-toolbar-root{right:calc(var(--canvas-effective-right-dock) + var(--looma-space-4));bottom:max(var(--looma-space-4),env(safe-area-inset-bottom))}.canvas-flow-wrapper .react-flow__minimap{right:calc(var(--canvas-effective-right-dock) + var(--looma-space-4))!important;bottom:calc(max(var(--looma-space-4), env(safe-area-inset-bottom)) + 38px)!important}.canvas-flow-wrapper--hand-tool .react-flow__pane,.canvas-flow-wrapper--select-tool .react-flow__pane{touch-action:none}.canvas-flow-wrapper--select-tool .react-flow__pane{cursor:default}.canvas-flow-wrapper--hand-tool .react-flow__pane.dragging,.canvas-flow-wrapper--middle-pan .react-flow__pane,.canvas-flow-wrapper--middle-pan .react-flow__pane.dragging,.canvas-flow-wrapper--select-tool .react-flow__pane.dragging{cursor:grabbing}.canvas-flow-wrapper--hand-tool .react-flow__pane{cursor:grab}.canvas-flow-wrapper--hand-tool .react-flow__edge,.canvas-flow-wrapper--hand-tool .react-flow__edgelabel-renderer,.canvas-flow-wrapper--hand-tool .react-flow__node{pointer-events:none}.looma-canvas-project-center{position:absolute;inset:0;overflow:hidden auto;padding-top:calc(56px + env(safe-area-inset-top));background:var(--looma-color-bg-canvas)}.canvas-project-board{min-height:100%;color:var(--looma-color-text-primary)}.canvas-project-board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-project-card-menu-trigger{position:absolute;right:var(--looma-space-3);bottom:var(--looma-space-3);display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--looma-color-border-subtle);border-radius:var(--looma-radius-sm);background:var(--looma-color-surface-2);color:var(--looma-color-text-muted);cursor:pointer}.canvas-project-card-menu-trigger:focus-visible,.canvas-project-card-menu-trigger:hover{border-color:var(--looma-color-brand-border);color:var(--looma-color-brand-hover);outline:none;box-shadow:var(--looma-focus-ring)}@media (min-width:1440px){.canvas-project-board-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px) and (max-width:1279px){.looma-create-shell--canvas-drawer-open{--canvas-effective-right-dock:clamp(420px,var(--canvas-right-dock-user-width,0px),560px)}.canvas-project-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:641px) and (max-width:1199px){.canvas-toolbar-secondary{display:none}.canvas-toolbar-more,.canvas-toolbar-overflow-menu{display:flex}.canvas-toolbar-overflow-menu{flex-direction:column}}@media (max-width:1023px){.looma-create-shell{--canvas-effective-left-dock:0px;--canvas-effective-right-dock:0px}.looma-project-sidebar-backdrop{display:block}.looma-project-sidebar-shell{position:fixed!important;inset:0 auto 0 0;z-index:140!important;width:min(72vw,560px)!important;max-width:72vw;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--looma-shadow-float)}.looma-project-sidebar-toggle[aria-expanded=true]{z-index:141!important;left:calc(min(72vw, 560px) - 20px)}.canvas-project-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.looma-project-sidebar-shell{width:100vw!important;max-width:none;border-right:0}.looma-project-sidebar-toggle[aria-expanded=true]{right:max(var(--looma-space-3),env(safe-area-inset-right));left:auto!important;border:1px solid var(--looma-color-border-default)!important;border-radius:var(--looma-radius-md)!important;background:var(--looma-color-surface-2)!important}.looma-project-sidebar-toggle[aria-expanded=false],.looma-project-sidebar-toggle[aria-expanded=true]{top:max(var(--looma-space-3),env(safe-area-inset-top))!important;width:44px!important;height:44px!important;transform:none!important}.looma-project-sidebar-toggle[aria-expanded=false],.looma-workspace-view-switcher-anchor{left:max(var(--looma-space-2),env(safe-area-inset-left))!important}.looma-workspace-view-switcher-anchor{top:auto!important;right:auto!important;bottom:max(calc(96px + env(safe-area-inset-bottom)),var(--looma-composer-clearance,96px))!important;translate:none}.looma-canvas-topbar{top:calc(52px + env(safe-area-inset-top))!important;padding-inline:max(var(--looma-space-2),env(safe-area-inset-right))}.looma-canvas-project-center{padding-top:calc(100px + env(safe-area-inset-top))}.canvas-project-board-inner{padding:var(--looma-space-3)!important}.canvas-project-board-grid{grid-template-columns:1fr;gap:var(--looma-space-3)!important}.looma-canvas-bottom-dock{right:auto;bottom:max(var(--looma-space-2),env(safe-area-inset-bottom));left:50%;max-width:calc(100vw - 16px);transform:translateX(-50%)}.looma-canvas-dock-button{width:44px;min-width:44px;min-height:44px;padding:0}.looma-canvas-dock-button:disabled{display:none}.looma-canvas-dock-divider{margin:0}.looma-canvas-character-grid,.looma-canvas-character-variant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.looma-canvas-character-variant-grid img{height:118px}.looma-canvas-shortcut-groups{grid-template-columns:1fr}.looma-canvas-add-button,.looma-canvas-dock-button,.looma-canvas-upload-button{min-width:44px;min-height:44px}.canvas-toolbar-root{right:max(var(--looma-space-2),env(safe-area-inset-right));bottom:max(var(--looma-space-2),env(safe-area-inset-bottom))}.canvas-toolbar-divider,.canvas-toolbar-mobile-overflow{display:none}.canvas-toolbar-btn{width:44px;height:44px}.canvas-toolbar-overflow-menu{max-height:min(68dvh,520px);overflow-y:auto}.canvas-mobile-actions-item,.canvas-mobile-actions-trigger,.canvas-toolbar-overflow-menu button{min-width:44px;min-height:44px}.looma-canvas-asset-tab{top:auto!important;right:max(var(--looma-space-2),env(safe-area-inset-right))!important;bottom:calc(64px + env(safe-area-inset-bottom));width:44px!important;height:44px!important;transform:none!important;border-right:1px solid var(--looma-color-border-subtle);border-radius:var(--looma-radius-md)}.looma-canvas-asset-tab span{display:none}.looma-agent-launcher{right:max(var(--looma-space-2),env(safe-area-inset-right));bottom:max(calc(116px + env(safe-area-inset-bottom)),var(--looma-composer-clearance,116px));min-width:44px;min-height:44px;padding:0;justify-content:center}.canvas-flow-wrapper .react-flow__minimap{right:max(var(--looma-space-2),env(safe-area-inset-right))!important;bottom:calc(64px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - var(--looma-space-5))!important}.canvas-command-sheet,.canvas-ctx-menu,.canvas-project-menu{top:auto!important;right:max(var(--looma-space-2),env(safe-area-inset-right))!important;bottom:max(var(--looma-space-2),env(safe-area-inset-bottom));left:max(var(--looma-space-2),env(safe-area-inset-left))!important;width:auto!important;max-height:min(72dvh,560px)!important;overflow-y:auto;padding:var(--looma-space-2);border-color:var(--looma-color-border-default);border-radius:var(--looma-radius-lg);background:var(--looma-color-surface-overlay);box-shadow:var(--looma-shadow-float)}.canvas-command-sheet:before,.canvas-ctx-menu:before,.canvas-project-menu:before{content:"";display:block;width:36px;height:4px;margin:0 auto var(--looma-space-2);border-radius:var(--looma-radius-pill);background:var(--looma-color-border-strong)}.canvas-command-sheet-item,.canvas-ctx-item,.canvas-project-menu-item{min-height:48px}}@media (pointer:coarse){.canvas-command-sheet-item,.canvas-ctx-item,.canvas-mobile-actions-item,.canvas-mobile-actions-trigger,.canvas-project-card-menu-trigger,.canvas-project-menu-item,.canvas-toolbar-btn,.canvas-toolbar-overflow-menu button,.looma-canvas-add-button,.looma-canvas-dock-button,.looma-canvas-upload-button{min-width:44px;min-height:44px}}@keyframes looma-canvas-tour-breathe{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.045)}}.looma-canvas-tour-spotlight{border:2px solid var(--looma-color-brand);box-shadow:0 0 0 5px var(--looma-color-brand-soft);transform-origin:center;will-change:opacity,transform;animation:looma-canvas-tour-breathe 1.8s ease-in-out infinite}.looma-canvas-tour-shade{pointer-events:none;background:color-mix(in srgb,var(--looma-color-bg-canvas) 72%,transparent);backdrop-filter:saturate(.72)}[data-canvas-onboarding-highlighted=true]{outline:2px solid var(--looma-color-brand);outline-offset:4px}.looma-canvas-tour-arrow{position:absolute;z-index:0;width:14px;height:14px;margin-left:-7px;rotate:45deg;border:1px solid var(--looma-color-border-subtle);background:var(--looma-color-surface-overlay)}.looma-canvas-tour-card{position:relative;z-index:1}.looma-canvas-tour-arrow[data-coach-arrow=below]{top:-7px;border-bottom:0;border-right:0}.looma-canvas-tour-arrow[data-coach-arrow=above]{bottom:-7px;border-left:0;border-top:0}@media (prefers-reduced-motion:reduce){.looma-canvas-tour-spotlight{animation:none;opacity:1;transform:none}}