html.canvas-horizontal-pan-active,html.canvas-horizontal-pan-active body{overscroll-behavior-x:none}.canvas-shell{position:relative;display:grid;flex:1 1 auto;height:100%;min-height:0;grid-template-columns:minmax(0,1fr) 0;grid-template-rows:minmax(0,1fr);overflow:hidden}.assets-left-rail-mode-row{display:flex;min-width:0;align-items:center;gap:8px;justify-content:space-between;margin-bottom:10px}.assets-left-rail-mode-row .assets-mode-switch{flex:0 1 auto;width:auto}.assets-left-rail-mode-row>.asset-rail-icon-button{flex:0 0 auto}.canvas-main{grid-row:1/-1;grid-column:1;position:relative;display:flex;--canvas-side-control-width:222px;--canvas-toolbar-control-width:294px;--canvas-generation-center-offset:0px;--canvas-bottom-control-gap:12px;--canvas-bottom-control-reserve:calc(var(--canvas-toolbar-control-width) + var(--canvas-side-control-width) + 48px);min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:var(--canvas-background-color,var(--canvas-surface))}.canvas-toolbar{position:absolute;bottom:16px;left:var(--canvas-bottom-control-gap);z-index:80;display:flex;width:-moz-fit-content;width:fit-content;max-width:none;box-sizing:border-box;gap:6px;align-items:center;justify-content:space-between;overflow:visible;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--float-fill);box-shadow:var(--shadow-float);padding:5px}.canvas-main:has(.canvas-toolbar.is-compact){--canvas-toolbar-control-width:42px;--canvas-generation-center-offset:calc((var(--canvas-toolbar-control-width) - var(--canvas-side-control-width)) / 2)}.canvas-toolbar.is-compact{align-items:center;flex-direction:column;overflow:visible}.canvas-toolbar.is-compact:not(.is-expanded){border-color:transparent;background:transparent;box-shadow:none}.canvas-toolbar.is-compact:not(.is-expanded) .canvas-toolbar-scope,.canvas-toolbar.is-compact:not(.is-expanded) .canvas-toolbar-tools{display:none}.canvas-toolbar.is-compact.is-expanded .canvas-toolbar-tools{align-items:center;flex-direction:column}.canvas-toolbar.is-compact .canvas-toolbar-scope{width:30px;margin-left:0}.canvas-toolbar-toggle{flex:0 0 30px}.canvas-toolbar.is-compact.is-expanded .canvas-toolbar-toggle{order:3}.canvas-toolbar.is-compact.is-expanded .canvas-toolbar-tools{order:1}.canvas-toolbar.is-compact.is-expanded .canvas-toolbar-scope{order:2}.canvas-toolbar-tools{display:flex;flex:0 0 auto;gap:6px}.canvas-toolbar-scope{min-width:0;margin-left:auto}.canvas-toolbar-scope .assets-mode-switch{width:min(190px,36vw)}.canvas-tool-button{width:30px;min-width:30px;max-width:30px;height:30px;min-height:30px;max-height:30px;flex:0 0 30px;aspect-ratio:1;padding:0}.canvas-tool-button svg{width:17px;height:17px;stroke-width:2}.canvas-tool-button.active{background:var(--highlight-on-panel)}.canvas-comments-toolbar-button{position:relative}.canvas-comments-count{position:absolute;top:-5px;right:-5px;display:grid;min-width:16px;height:16px;place-items:center;border:1px solid var(--panel);border-radius:999px;background:var(--ink);color:var(--bg);font-size:9px;font-weight:500;line-height:1;padding:0 3px}.canvas-comment-placement-layer{position:absolute;inset:0;z-index:65;display:block;border:0;background:transparent;cursor:none}.canvas-comment-placement-layer>span{position:absolute;top:12px;left:50%;border-radius:var(--ui-radius);font-size:var(--font-ui-small);padding:6px 9px;pointer-events:none;transform:translateX(-50%)}.canvas-comment-placement-layer>.canvas-comment-placement-pin{display:grid;place-items:center;padding:0;line-height:1}.canvas-comment-anchor{position:absolute;z-index:60;display:block;pointer-events:auto;transform:translate(-50%,-50%) scale(var(--comment-inverse-zoom,1));transform-origin:center}.canvas-comment-pin{position:relative;display:grid;place-items:center;cursor:grab}.canvas-comment-pin:active{cursor:grabbing}.canvas-comment-anchor.draft .canvas-comment-pin{cursor:default}.canvas-comments-sidebar-list{display:grid;min-height:0;align-content:start;overflow-y:auto;scrollbar-gutter:stable}.canvas-comments-empty{display:grid;min-height:120px;place-content:center;justify-items:center;gap:6px;margin:0;padding:22px 8px;text-align:center}.canvas-comments-sidebar-body>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:var(--font-ui-micro)}.canvas-comments-toolbar-button.has-count{width:auto;min-width:0;max-width:none;flex:0 0 auto;aspect-ratio:auto;gap:6px;padding:0 9px}.canvas-comments-toolbar-button.has-count>span{font-size:11px;font-weight:500;line-height:1}.canvas-shell[data-rail-open].with-comment-sidebar,.canvas-shell[data-rail-open].with-context-sidebar{grid-template-columns:minmax(0,1fr) 328px}.canvas-timeline-context-rail{position:relative;z-index:auto;display:grid;min-width:0;min-height:0;grid-column:2;grid-row:1/-1;grid-template-rows:minmax(0,1fr);overflow:hidden;background:var(--paper)}.canvas-timeline-context-body{display:grid;min-width:0;min-height:0;grid-template-rows:auto auto 1px minmax(0,1fr)}.canvas-right-rail-closing{display:contents}.canvas-timeline-context-header{display:flex;min-width:0;align-items:center;gap:12px;justify-content:space-between;min-height:44px;padding:0 16px}.canvas-timeline-context-description{min-width:0;margin:0;padding:0 16px 12px;color:var(--muted);font-size:var(--font-ui-small);line-height:1.5;overflow-wrap:anywhere;text-wrap:pretty}.canvas-timeline-context-close{display:inline-grid;width:26px;height:26px;place-items:center;flex:0 0 26px;border:0;border-radius:var(--ui-radius);background:transparent;color:var(--muted);padding:0}.canvas-timeline-context-close:hover{color:var(--ink)}.canvas-timeline-context-close:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.canvas-timeline-context-tabs{display:flex;min-width:0;gap:16px;flex-wrap:wrap}.canvas-timeline-context-tabs button{position:relative;border:0;background:transparent;color:var(--muted);font:400 var(--font-ui-small)/1.5 var(--sans);padding:9px 0}.canvas-timeline-context-tabs button[aria-pressed=true]{color:var(--ink)}.canvas-timeline-context-tabs button[aria-pressed=true]:after{position:absolute;right:0;bottom:4px;left:0;height:1px;background:var(--ink);content:""}.canvas-timeline-context-tabs button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.canvas-timeline-context-scroll{min-height:0;overflow:auto;padding:0;scrollbar-width:thin}.canvas-timeline-context-scroll .workspace-universal-scene-collections{padding:0}.canvas-comments-sidebar{position:relative;z-index:auto;top:auto;right:auto;bottom:auto;display:grid;width:auto;min-width:0;min-height:0;grid-column:2;grid-row:1/-1;grid-template-rows:minmax(0,1fr);gap:0;overflow:hidden;border:0;border-radius:0;background:var(--paper);box-shadow:none;padding:0}.canvas-comments-sidebar-body{display:grid;min-width:0;min-height:0;grid-template-rows:auto 1px minmax(0,1fr) 1px auto}.canvas-comments-sidebar-header{display:grid;gap:0;padding:0 16px}.canvas-comments-sidebar-title{min-height:44px;display:flex;min-width:0;align-items:center;gap:8px}.canvas-comments-sidebar-title>strong{font-size:var(--font-ui-small);font-weight:500}.canvas-comments-sidebar-title>button{display:inline-grid;width:26px;height:26px;place-items:center;border:0;border-radius:var(--ui-radius);background:transparent;color:var(--muted);padding:0}.canvas-comments-sidebar-title>button:first-of-type{margin-left:auto}.canvas-comments-sidebar-title>button:focus-visible,.canvas-comments-sidebar-title>button:hover{color:var(--ink);outline:none}.canvas-comments-sidebar-list{gap:0;border-top:0}.canvas-comment-row{display:grid;gap:5px;border-top:1px solid var(--line-soft);border-left:1px solid transparent;background:transparent;color:var(--ink);padding:13px 16px;text-align:left;transition:background .12s ease}.canvas-comment-row:first-child{border-top:0}.canvas-comment-row:focus-within,.canvas-comment-row:hover{background:var(--highlight-on-paper)}.canvas-comment-row.active{gap:10px;border-left-color:var(--ink);background:var(--select-fill);padding-bottom:12px}.canvas-comment-row.resolved{opacity:1;color:var(--faint)}.canvas-comment-row-head{display:flex;min-width:0;align-items:center;gap:7px}.canvas-comment-row-head>strong{min-width:0;overflow:hidden;font-size:var(--font-ui-small);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.canvas-comment-row-count,.canvas-comment-row-head>time,.canvas-comment-row-resolved{color:var(--muted);font-size:var(--font-ui-micro);white-space:nowrap}.canvas-comment-row-count,.canvas-comment-row-resolved{margin-left:auto;font-family:var(--sans)}.canvas-comment-row-resolved{display:inline-flex;align-items:center;gap:4px}.canvas-comment-row-actions{display:flex;gap:6px;margin-left:auto;opacity:0;transition:opacity .12s ease}.canvas-comment-row.active .canvas-comment-row-actions,.canvas-comment-row:focus-within .canvas-comment-row-actions,.canvas-comment-row:hover .canvas-comment-row-actions{opacity:1}.canvas-comment-reply-message button,.canvas-comment-row-actions button{display:grid;width:20px;height:20px;place-items:center;border:0;border-radius:var(--ui-radius);background:transparent;color:var(--muted);padding:0}.canvas-comment-reply-message button:hover,.canvas-comment-row-actions button:hover{color:var(--ink)}.canvas-comment-row-preview{margin:0 0 0 32px}.canvas-comment-row-body,.canvas-comment-row-preview{color:var(--ink);font-size:var(--font-ui-small);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.canvas-comment-row-body{margin:0}.canvas-comment-flat-replies{display:grid;gap:12px}.canvas-comment-reply-message{display:grid;gap:4px}.canvas-comment-reply-message>div{display:flex;min-width:0;align-items:center;gap:6px}.canvas-comment-reply-message strong{font-size:11px;font-weight:500}.canvas-comment-reply-message time{color:var(--muted);font-size:var(--font-ui-micro)}.canvas-comment-reply-message p{margin:0;font-size:var(--font-ui-small);line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.canvas-comment-compose{display:flex;align-items:flex-end;gap:8px;padding-top:2px}.canvas-comment-compose textarea,.canvas-comment-edit-message textarea{flex:1 1 auto;min-height:22px;max-height:92px;border:0;border-bottom:1px solid var(--line-ui);border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:var(--font-ui-small);line-height:1.5;padding:0 0 4px;resize:none}.canvas-comment-compose textarea::-moz-placeholder{color:var(--muted)}.canvas-comment-compose textarea::placeholder{color:var(--muted)}.canvas-comment-compose textarea:focus-visible,.canvas-comment-edit-message textarea:focus-visible{border-bottom-color:var(--ink);outline:none}.canvas-comment-edit-message{display:grid;gap:8px;margin-left:0}.canvas-comment-draft-card{position:absolute;z-index:2;display:grid;width:260px;border-radius:var(--ui-radius);background:var(--paper);padding:9px 10px 8px;pointer-events:auto;transform:translate(10px,8px);transform-origin:top left}.canvas-comment-draft-author{display:flex;align-items:center;gap:7px;font-size:var(--font-ui-small)}.canvas-comment-draft-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line-soft);padding-top:8px}.canvas-comment-draft-actions>span{color:var(--muted);font-family:var(--sans);font-size:var(--font-ui-micro)}.canvas-comment-draft-actions>button{border:0;background:transparent;color:var(--ink);font:inherit;font-size:var(--font-ui-small);font-weight:500;padding:0}.canvas-comment-draft-actions>button:disabled{color:var(--muted)}.canvas-comments-empty{color:var(--muted);font-size:var(--font-ui-small)}.canvas-comments-sidebar-body>footer{font-family:var(--sans);padding:11px 16px}.canvas-comment-placement-layer>span{border:0;background:var(--ink);box-shadow:none;color:var(--bg);font-weight:500}.canvas-comment-placement-layer>.canvas-comment-placement-pin{width:22px;height:22px;border:0;border-radius:999px;outline:2px solid var(--paper);box-shadow:none;color:var(--danger-contrast);font-size:9px;font-weight:500;transform:translate(-50%,-50%)}.canvas-comment-anchor,.canvas-comment-pin{width:22px;height:22px}.canvas-comment-pin{min-width:22px;min-height:22px;border:1px solid var(--line-sheet);border-radius:999px;outline:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--font-ui-micro);font-weight:400;transform:none}.canvas-comment-anchor.active .canvas-comment-pin{outline:1px solid var(--ink);outline-offset:4px}.canvas-comment-anchor.resolved .canvas-comment-pin{border:1px solid var(--line-soft);background:var(--paper);color:var(--faint);filter:none;opacity:1}.canvas-comment-anchor.active .canvas-comment-pin:focus-visible,.canvas-comment-pin:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.canvas-comment-pin>:not(small),.canvas-comment-placement-pin>span{transform:none}@media (max-width:900px){.canvas-shell[data-rail-open].with-comment-sidebar,.canvas-shell[data-rail-open].with-context-sidebar{grid-template-columns:minmax(0,1fr) 0}.canvas-comments-sidebar,.canvas-timeline-context-rail{position:absolute;z-index:72;top:0;right:0;bottom:0;width:min(328px,calc(100% - 16px));border:1px solid var(--line-sheet);border-radius:var(--ui-radius) 0 0 var(--ui-radius);box-shadow:var(--shadow-pill);transition:transform var(--rail-motion-duration) var(--rail-motion-ease)}.canvas-shell:not([data-rail-open]) :is(.canvas-comments-sidebar,.canvas-timeline-context-rail){transform:translateX(calc(100% + 8px))}}.canvas-error{border-bottom:1px solid var(--danger);background:var(--paper);color:var(--danger);font-size:12px;font-weight:500;padding:8px 10px}.canvas-viewport{position:relative;flex:1 1 auto;min-height:0}.canvas-flow-board,.canvas-viewport{overflow:hidden;overscroll-behavior-x:none}.canvas-flow-board{position:absolute;inset:0}.canvas-flow-board .react-flow{background:var(--canvas-background-color,var(--canvas-surface));overscroll-behavior-x:none}.canvas-flow-board .react-flow__pane.selection{cursor:default}.canvas-flow-board .react-flow__pane.dragging{cursor:grabbing}.canvas-flow-board.frame-tool-active,.canvas-flow-board.frame-tool-active .react-flow__pane,.canvas-flow-board.text-placement-active,.canvas-flow-board.text-placement-active .react-flow__node,.canvas-flow-board.text-placement-active .react-flow__pane{cursor:crosshair}.canvas-flow-board.text-placement-active .canvas-mini-map,.canvas-flow-board.text-placement-active [contenteditable=true],.canvas-flow-board.text-placement-active a,.canvas-flow-board.text-placement-active button,.canvas-flow-board.text-placement-active input,.canvas-flow-board.text-placement-active select,.canvas-flow-board.text-placement-active textarea{cursor:auto}.canvas-flow-board.reference-picker-active .react-flow__pane{cursor:crosshair}.canvas-flow-board.reference-picker-active .canvas-node{cursor:not-allowed}.canvas-flow-board.reference-picker-accepts-audio .canvas-node-audio,.canvas-flow-board.reference-picker-accepts-image .canvas-node-image,.canvas-flow-board.reference-picker-accepts-video .canvas-node-video{cursor:crosshair}.canvas-flow-board .react-flow__node{border:0;background:transparent;padding:0}.canvas-flow-node-clipped-content,.canvas-flow-node-content{position:relative;width:100%;height:100%;overflow:visible}.canvas-node.canvas-node-flow-managed{position:relative;inset:0;width:100%!important;height:100%!important;margin:0}.canvas-node-flow-managed.canvas-node-frame{overflow:visible}.canvas-flow-board .react-flow__node.canvas-flow-frame-node,.canvas-flow-board .react-flow__node.canvas-flow-frame-node .canvas-node-frame,.canvas-flow-board .react-flow__node.canvas-flow-frame-node .canvas-shape-fill{pointer-events:none}.canvas-node-flow-managed.canvas-node-frame .canvas-shape-fill{width:100%;height:100%;background:color-mix(in srgb,var(--paper) 82%,transparent)!important}.canvas-frame-drag-handles{position:absolute;inset:0;z-index:2;pointer-events:none}.canvas-frame-drag-handle{position:absolute;display:block;pointer-events:auto;cursor:grab}.canvas-frame-drag-handle-bottom,.canvas-frame-drag-handle-top{right:0;left:0;height:calc(10px / var(--canvas-flow-zoom, 1))}.canvas-frame-drag-handle-left,.canvas-frame-drag-handle-right{top:0;bottom:0;width:calc(10px / var(--canvas-flow-zoom, 1))}.canvas-frame-drag-handle-top{top:0}.canvas-frame-drag-handle-right{right:0}.canvas-frame-drag-handle-bottom{bottom:0}.canvas-frame-drag-handle-left{left:0}.canvas-node-frame.locked .canvas-frame-drag-handle{cursor:not-allowed}.canvas-flow-node-content.dragging .canvas-frame-drag-handle{cursor:grabbing}.canvas-frame-title-button,.canvas-frame-title-input{position:absolute;top:-24px;left:0;max-width:max(100%,240px);margin:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:var(--font-ui-small);font-weight:500;line-height:20px;padding:0;text-align:left;text-transform:none;white-space:nowrap;pointer-events:auto}.canvas-frame-title-button{overflow:hidden;cursor:text;text-overflow:ellipsis}.canvas-frame-title-input{box-sizing:border-box;width:auto;min-width:72px;border:1px solid var(--line-sheet);background:var(--paper);outline:none;padding:0 3px}.canvas-flow-resize-handle{z-index:4!important;width:calc(8px / var(--canvas-flow-zoom, 1))!important;height:calc(8px / var(--canvas-flow-zoom, 1))!important;border:calc(1px / var(--canvas-flow-zoom, 1)) solid var(--line-sheet)!important;border-radius:0!important;background:var(--paper)!important;pointer-events:auto!important}.canvas-flow-node-content>.react-flow__resize-control.line{z-index:3;pointer-events:auto}.canvas-alignment-guide{position:absolute;z-index:12000;display:block;background:var(--canvas-alignment-guide);pointer-events:none}.canvas-alignment-guide-x{width:calc(1px / var(--canvas-flow-zoom, 1))}.canvas-alignment-guide-y{height:calc(1px / var(--canvas-flow-zoom, 1))}.canvas-frame-draft{position:absolute;z-index:11900;border:calc(1px / var(--canvas-flow-zoom, 1)) solid var(--line-sheet);background:var(--select-fill);pointer-events:none}.canvas-remote-awareness{inset:0;pointer-events:none;position:absolute;z-index:15000}.canvas-remote-selection{border:calc(2px / var(--canvas-flow-zoom, 1)) solid var(--collaborator-color);box-shadow:0 0 0 calc(1px / var(--canvas-flow-zoom, 1)) color-mix(in srgb,var(--paper) 72%,transparent);position:absolute}.canvas-remote-cursor-anchor,.canvas-remote-ghost{left:0;position:absolute;top:0;will-change:transform}.canvas-remote-ghost{border:calc(2px / var(--canvas-flow-zoom, 1)) dashed var(--collaborator-color);background:color-mix(in srgb,var(--collaborator-color) 8%,transparent);pointer-events:none;transition:transform 80ms linear}.canvas-remote-ghost>img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:.45;position:absolute;width:100%}.canvas-remote-ghost>span{background:var(--collaborator-color);border-radius:3px;color:#fff;display:inline-block;font-size:calc(11px / var(--canvas-flow-zoom, 1));font-weight:500;line-height:1.6;margin:4px;max-width:90%;overflow:hidden;padding:0 5px;position:relative;text-overflow:ellipsis;white-space:nowrap}.canvas-remote-cursor{color:var(--collaborator-color);display:flex;filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--paper) 75%,transparent));left:0;position:absolute;top:0;transform:translate(-2px,-2px) scale(calc(1 / var(--canvas-flow-zoom, 1)));transform-origin:top left}.canvas-remote-cursor>svg{fill:var(--collaborator-color);height:22px;stroke:var(--paper);stroke-linejoin:round;stroke-width:1.4px;width:22px}.canvas-remote-cursor>span{align-self:flex-start;background:var(--collaborator-color);border-radius:3px;color:#fff;font-size:11px;font-weight:500;line-height:18px;margin-left:-2px;margin-top:15px;max-width:160px;overflow:hidden;padding:0 5px;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:reduce){.canvas-remote-cursor,.canvas-remote-ghost,.canvas-remote-selection{transition:none}}.canvas-reference-pick-hint{position:absolute;top:12px;left:50%;z-index:12050;display:inline-flex;min-height:34px;align-items:center;gap:7px;border:1px solid var(--ink);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);font-size:var(--font-ui-small);font-weight:500;padding:4px 5px 4px 9px;transform:translateX(-50%)}.canvas-reference-pick-hint>button{display:grid;width:24px;min-width:24px;height:24px;place-items:center;border:0;border-radius:var(--ui-radius);background:transparent;color:inherit;padding:0}.canvas-reference-pick-hint>button:focus-visible,.canvas-reference-pick-hint>button:hover{background:var(--highlight-on-paper);outline:1px solid var(--ink)}.canvas-main:has(.canvas-mini-map.collapsed){--canvas-side-control-width:76px}.canvas-mini-map{position:absolute;right:var(--canvas-bottom-control-gap);bottom:16px;z-index:40;display:grid;width:var(--canvas-side-control-width);justify-items:end;gap:0;pointer-events:none}.canvas-mini-map-panel{position:relative;width:var(--canvas-side-control-width);height:112px;overflow:hidden;border:1px solid var(--line-ui);border-radius:var(--ui-radius) var(--ui-radius) 0 var(--ui-radius);background:var(--float-fill);box-shadow:var(--shadow-float);pointer-events:auto}.canvas-mini-map-graphic{display:block;width:100%;height:100%}.canvas-mini-map-node{fill:color-mix(in srgb,var(--muted) 68%,transparent);stroke:var(--paper);stroke-width:1px}.canvas-mini-map-node-frame{fill:color-mix(in srgb,var(--panel) 42%,transparent);stroke:var(--line-ui)}.canvas-mini-map-node-placeholder{stroke:var(--muted);stroke-dasharray:3 2}.canvas-mini-map-node-status-failed{fill:color-mix(in srgb,var(--danger) 24%,var(--paper));stroke:color-mix(in srgb,var(--danger) 58%,var(--paper));stroke-dasharray:none}.canvas-mini-map-node.selected{fill:color-mix(in srgb,var(--ink) 72%,transparent);stroke:var(--ink);stroke-dasharray:none}.canvas-mini-map-viewport{fill:var(--select-fill);stroke:var(--line-sheet);stroke-width:1px}.canvas-mini-map .canvas-mini-map-tab{display:inline-flex;align-items:center;gap:3px;height:22px;min-height:22px;padding:0 5px 0 8px;border:1px solid var(--line-sheet);border-top:0;border-radius:0 0 var(--ui-radius) var(--ui-radius);background:var(--float-fill);color:var(--ink);font-size:var(--font-ui-micro);font-weight:500;line-height:1;pointer-events:auto}.canvas-mini-map .canvas-mini-map-tab:hover{background:var(--highlight-on-paper)}.canvas-mini-map.collapsed .canvas-mini-map-tab{gap:5px;padding:0 5px 0 7px;border-radius:var(--ui-radius);border-top:1px solid var(--ink)}.canvas-drop-hint-flow{z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.canvas-main-loading.editor-loading{flex:1 1 auto;min-height:0}.canvas-node-drag-preview{position:fixed;z-index:110;display:grid;grid-template-rows:minmax(0,1fr) 20px;gap:3px;overflow:visible;border:1px solid var(--line-sheet);border-radius:0;background:var(--paper);opacity:.88;padding:5px;pointer-events:none;transition:opacity .1s ease,transform .1s ease}.canvas-node-drag-preview.over-drop-target{opacity:.76;transform:scale(.92)}.canvas-node-drag-preview-image{position:relative;display:block;min-height:0;overflow:hidden;background:var(--panel)}.canvas-node-drag-preview-image img{-o-object-fit:contain;object-fit:contain}.canvas-node-drag-preview-name{overflow:hidden;align-self:center;color:var(--ink);font-size:var(--font-ui-micro);font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.canvas-node-drag-preview-count{position:absolute;top:-9px;right:-9px;display:grid;min-width:24px;height:24px;place-items:center;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);font-size:var(--font-ui-micro);padding:0 5px}.canvas-drop-hint{position:absolute;left:360px;top:220px;display:grid;gap:4px;border:1px dashed var(--line);border-radius:0;background:color-mix(in srgb,var(--paper) 86%,transparent);color:var(--muted);font-size:13px;padding:18px}.canvas-drop-hint b{color:var(--ink)}.canvas-node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;--canvas-node-hover-color:var(--line-ui-strong);transition:border-color .1s ease,box-shadow .1s ease}.canvas-node-text.text-editing,.canvas-node.selected{border-color:var(--line-sheet);outline:none;outline-offset:0}.canvas-node.timeline-sequence-highlighted,.canvas-node.timeline-sequence-highlighted.selected{border-width:calc(2px / var(--canvas-flow-zoom, 1));border-color:var(--line-sheet);outline:none;box-shadow:none}.canvas-node.hovered{border-color:var(--canvas-node-hover-color);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--canvas-node-hover-color) 22%,transparent)}.canvas-node.asset-drop-target{border-color:var(--warning);outline:2px solid var(--warning);outline-offset:3px;box-shadow:0 0 0 7px color-mix(in srgb,var(--warning) 24%,transparent)}.canvas-node-tags{position:absolute;z-index:2;bottom:calc(100% + 4px);left:-1px;width:calc(100% + 2px);display:flex;flex-direction:row;align-items:center;gap:4px;pointer-events:none}.canvas-node-association-tag{display:block;box-sizing:border-box;max-width:100%;min-width:0;overflow:hidden;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);font-size:var(--font-ui-micro);font-weight:500;line-height:1;padding:5px 7px;pointer-events:auto;text-overflow:ellipsis;white-space:nowrap}.canvas-context-menu{position:fixed;z-index:15000;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;justify-items:stretch;width:min(224px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:auto;border:1px solid var(--ink);border-radius:var(--ui-radius);background:var(--panel);padding:5px}.canvas-context-menu-group{display:grid;gap:2px}.canvas-context-menu-group+.canvas-context-menu-group{border-top:1px solid var(--line-ui);padding-top:4px}.canvas-context-menu-group-label{color:var(--muted);font-size:10px;font-weight:500;padding:4px 9px 2px}.canvas-context-menu-button{display:grid;box-sizing:border-box;grid-template-columns:22px minmax(0,1fr);width:100%;min-width:0;height:auto;min-height:34px;align-items:center;aspect-ratio:auto;gap:8px;justify-content:flex-start;border:1px solid transparent;border-radius:var(--ui-radius);background:transparent;color:var(--ink);font-size:var(--font-ui-small);font-weight:500;line-height:1.25;padding:7px 9px;text-align:left;white-space:nowrap}.canvas-context-menu-button-icon{display:inline-grid;width:22px;height:20px;place-items:center}.canvas-context-menu-button-icon svg{display:block;width:16px;height:16px}.canvas-context-menu-button-label{display:grid;width:100%;min-width:0;overflow:hidden;justify-self:start}.canvas-context-menu-button-detail,.canvas-context-menu-button-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-context-menu-button-detail{color:var(--muted);font-size:var(--font-ui-micro);font-weight:500}.canvas-context-menu-submenu-trigger-wrap{min-width:0}.canvas-context-menu-submenu-trigger{grid-template-columns:22px minmax(0,1fr) 14px}.canvas-context-submenu{position:fixed;z-index:15010;display:grid;width:min(248px,calc(100vw - 16px));max-height:calc(100vh - 16px);gap:2px;overflow:auto;border:1px solid var(--ink);border-radius:var(--ui-radius);background:var(--panel);padding:5px}.canvas-context-submenu[data-level=asset]{z-index:15020;overflow-y:auto;overscroll-behavior:contain}.canvas-context-submenu>button{min-width:0;min-height:34px;overflow:hidden;border:1px solid transparent;border-radius:var(--ui-radius);background:transparent;color:var(--ink);font-size:var(--font-ui-small);font-weight:500;padding:7px 9px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.canvas-context-submenu>.canvas-context-submenu-parent-item{display:grid;grid-template-columns:minmax(0,1fr) 14px;align-items:center;gap:8px}.canvas-context-submenu-item-content{display:flex;min-width:0;align-items:center;gap:8px}.canvas-context-submenu-item-content>.canvas-context-menu-button-label{flex:1 1 auto}.canvas-context-submenu-item-leading{display:inline-grid;flex:0 0 auto;place-items:center}.canvas-context-submenu[data-level=asset]>button{height:34px;min-height:34px}.canvas-context-submenu>button:focus-visible,.canvas-context-submenu>button:hover,.canvas-context-submenu>button[aria-checked=true],.canvas-context-submenu>button[aria-current=true]{border-color:var(--line-ui);background:var(--highlight-on-panel);outline:none}.canvas-context-submenu>button[aria-checked=true],.canvas-context-submenu>button[aria-current=true]{box-shadow:inset 1.5px 0 0 var(--ink)}.canvas-context-submenu>button:disabled{cursor:not-allowed;opacity:.48}.canvas-context-menu-button:hover{border-color:var(--line-ui);background:var(--highlight-on-panel)}.canvas-context-menu-button.destructive{color:var(--danger)}.canvas-context-menu-button.destructive:hover{border-color:color-mix(in srgb,var(--danger) 45%,var(--line-ui));background:color-mix(in srgb,var(--danger) 9%,var(--panel))}.canvas-context-menu-button:disabled{cursor:not-allowed;opacity:.48}.canvas-context-menu-button:disabled:hover{border-color:transparent;background:transparent}.canvas-context-menu-tooltip-trigger{display:block;min-width:0;outline:none}.canvas-context-menu-tooltip-trigger:focus-visible{border-radius:var(--ui-radius);box-shadow:0 0 0 2px var(--focus)}.canvas-context-menu-tooltip{z-index:16000;width:-moz-max-content;width:max-content;max-width:min(260px,calc(100vw - 24px));line-height:1.35;white-space:normal}.canvas-rename-field{display:grid;gap:6px;color:var(--muted);font-size:var(--font-ui-small);font-weight:500}.canvas-rename-field input{min-height:36px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);font:inherit;padding:7px 9px}.canvas-media-info-list{display:grid;gap:0;margin:0}.canvas-media-info-list>div{display:grid;grid-template-columns:minmax(100px,.32fr) minmax(0,1fr);gap:12px;border-bottom:1px solid var(--line-soft);padding:8px 0}.canvas-media-info-list dt{color:var(--muted);font-size:var(--font-ui-small);font-weight:500}.canvas-media-info-list dd{min-width:0;overflow-wrap:anywhere;margin:0}.canvas-node.locked{cursor:not-allowed}.canvas-node img,.canvas-node textarea,.canvas-shape-fill{display:block;width:100%;height:100%}.canvas-node img{-o-object-fit:contain;object-fit:contain;border-radius:0;background:transparent}.canvas-node-video-shell{position:relative;width:100%;height:100%;overflow:hidden;background:transparent}.canvas-node-video-preview{display:block;border:0;border-radius:0;background:transparent}.canvas-node-video-poster,.canvas-node-video-preview{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.canvas-node-video-poster{position:absolute;inset:0}.canvas-video-buffering,.canvas-video-primary-control{position:absolute;left:50%;top:50%;display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:color-mix(in srgb,var(--paper) 94%,transparent);color:var(--ink);transform:translate(-50%,-50%)}.canvas-video-buffering{width:86px;height:40px;z-index:3;pointer-events:none}.canvas-video-primary-control{cursor:pointer;transition:background .12s ease}.canvas-video-primary-control:focus-visible,.canvas-video-primary-control:hover{background:var(--paper)}.canvas-video-primary-control:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.canvas-video-hover-controls{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:22px 22px minmax(40px,1fr) auto 22px;align-items:center;gap:6px;height:30px;padding:0 6px;border-top:1px solid var(--line-ui);background:color-mix(in srgb,var(--paper) 94%,transparent);color:var(--ink);opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}.canvas-node-video-shell:focus-within .canvas-video-hover-controls,.canvas-node-video-shell:fullscreen .canvas-video-hover-controls,.canvas-node-video-shell:hover .canvas-video-hover-controls{opacity:1;pointer-events:auto;transform:none}.canvas-video-audio-control,.canvas-video-fullscreen-control,.canvas-video-playback-control{display:grid;width:22px;height:22px;padding:0;place-items:center;border:0;border-radius:var(--ui-radius);background:transparent;color:var(--ink);cursor:pointer;transition:background .12s ease}.canvas-video-audio-control:focus-visible,.canvas-video-audio-control:hover,.canvas-video-fullscreen-control:focus-visible,.canvas-video-fullscreen-control:hover,.canvas-video-playback-control:focus-visible,.canvas-video-playback-control:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.canvas-video-audio-control:focus-visible,.canvas-video-fullscreen-control:focus-visible,.canvas-video-playback-control:focus-visible,.canvas-video-timeline:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.canvas-video-timeline{position:relative;display:grid;align-items:center;height:22px;min-width:0;border-radius:var(--ui-radius);cursor:pointer;touch-action:none}.canvas-video-timeline-track{position:relative;display:block;height:1.5px;background:var(--line-ui)}.canvas-video-timeline-fill{position:absolute;left:0;top:0;bottom:0;width:var(--canvas-video-progress,0);background:var(--ink)}.canvas-video-timeline-thumb{position:absolute;left:var(--canvas-video-progress,0);top:-4px;width:1.5px;height:9.5px;background:var(--ink)}.canvas-video-time{color:var(--muted);font-size:var(--font-ui-micro);font-weight:500;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.canvas-node-video-shell:fullscreen{display:grid;place-items:center;background:#000}.canvas-node-video-shell:fullscreen .canvas-node-video-preview{max-width:100vw;max-height:100vh}.canvas-node-audio-shell{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:6px;width:100%;height:100%;min-height:96px;border:1px solid var(--line);background:var(--panel);padding:8px;overflow:hidden}.canvas-node-audio-shell audio{display:none}.canvas-audio-drag-handle{display:flex;min-height:24px;align-items:center;gap:4px;min-width:0;border-bottom:1px solid var(--line-soft);color:var(--muted);cursor:grab;font-size:10px;line-height:1;padding:0 2px 5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-audio-drag-handle:active{cursor:grabbing}.canvas-audio-drag-handle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-audio-transport{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.canvas-audio-playback{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);cursor:pointer}.canvas-audio-waveform-control{position:relative;min-width:0;height:42px}.canvas-audio-waveform{position:absolute;inset:0;display:flex;align-items:center;gap:1px;min-width:0;overflow:hidden}.canvas-audio-waveform i{flex:1 0 1px;min-width:1px;max-width:4px;background:var(--muted);opacity:.38}.canvas-audio-waveform i.played{background:var(--ink);opacity:1}.canvas-audio-timeline{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.canvas-audio-time{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.canvas-audio-dialogue{display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:start;min-height:0;gap:5px}.canvas-audio-speakers{display:flex;min-height:20px;align-items:center;align-self:start;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:thin}.canvas-audio-speaker-badge{display:inline-flex;width:auto;height:20px;min-height:20px;max-height:20px;flex:0 0 auto;align-items:center;max-width:150px;overflow:hidden;border:1px solid var(--speaker-color,var(--line));border-radius:999px;background:var(--paper);padding:0 7px;color:var(--ink);font-size:9px;line-height:14px;text-overflow:ellipsis;white-space:nowrap}.canvas-audio-transcript-toggle{display:inline-flex;align-items:center;justify-self:start;gap:2px;border:0;background:transparent;padding:0;color:var(--muted);cursor:pointer;font:inherit;font-size:10px}.canvas-audio-transcript{min-height:0;max-height:140px;overflow-y:auto;border-top:1px solid var(--line-soft);padding-top:5px;scrollbar-width:thin}.canvas-audio-transcript p{margin:0 0 5px;color:var(--ink);font-size:10px;line-height:1.35}.canvas-audio-transcript p:last-child{margin-bottom:0}.canvas-dialogue-prompt-card{position:relative;display:grid;align-content:start;gap:0;overflow:hidden;border:0;border-radius:0;background:transparent;padding:0}.canvas-generation-pill-dialogue.expanded .canvas-dialogue-prompt-card{max-height:min(52vh,470px);overflow-y:auto}.canvas-dialogue-turns{display:grid;gap:0;min-width:0}.canvas-dialogue-turn{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:start;-moz-column-gap:8px;column-gap:8px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent;padding:12px 8px 12px 14px;transition:background-color .12s var(--view-transition-ease)}.canvas-dialogue-turn:focus-within,.canvas-dialogue-turn:hover{background:color-mix(in srgb,var(--ink) 2.5%,transparent)}.canvas-dialogue-turn-main{display:grid;gap:6px;min-width:0}.canvas-dialogue-turn-head{display:flex;min-width:0;align-items:baseline;gap:10px}.canvas-dialogue-settings button,.canvas-dialogue-settings input{border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink)}.canvas-dialogue-turn .canvas-dialogue-speaker[role=combobox]{display:inline-flex;width:auto;max-width:200px;min-height:0;height:auto;align-items:center;gap:5px;border:0;border-radius:var(--ui-radius);background:transparent;color:var(--ink);font-size:var(--font-ui-small);font-weight:500;padding:0}.canvas-dialogue-speaker svg{width:12px;height:12px;color:var(--muted)}.canvas-dialogue-speaker:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.canvas-dialogue-voice{min-width:0;overflow:hidden;color:var(--muted);font-size:var(--font-ui-micro);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.canvas-dialogue-missing-voice-link{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.canvas-dialogue-missing-voice-link:focus-visible,.canvas-dialogue-missing-voice-link:hover{color:var(--ink);outline:none}.canvas-generation-pill-dialogue .canvas-dialogue-turn textarea{min-height:36px;max-height:none;border:0;border-radius:0;background:transparent;color:var(--ink);font:400 var(--font-ui-small) /1.5 var(--mono);padding:0;resize:none;field-sizing:content}.canvas-dialogue-turn textarea::-moz-placeholder{color:var(--muted)}.canvas-dialogue-turn textarea::placeholder{color:var(--muted)}.canvas-dialogue-turn textarea:focus-visible{outline:none}.canvas-dialogue-turn>.canvas-dialogue-remove{margin-top:24px;display:grid;width:28px;height:28px;grid-column:2;grid-row:1;place-items:center;border:0;border-radius:var(--ui-radius);background:transparent;color:var(--muted);cursor:pointer;opacity:0;padding:0;transition:opacity .12s var(--view-transition-ease)}.canvas-dialogue-remove:focus-visible,.canvas-dialogue-turn:focus-within>.canvas-dialogue-remove,.canvas-dialogue-turn:hover>.canvas-dialogue-remove{background:var(--highlight-on-paper);color:var(--ink);opacity:1}.canvas-dialogue-prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px}.canvas-dialogue-add-turn{display:inline-flex;width:auto;min-height:0;align-items:center;gap:7px;border:0;background:transparent;color:var(--ink);cursor:pointer;font:inherit;font-size:var(--font-ui-small);padding:0;text-align:left}.canvas-dialogue-add-turn:hover{color:var(--muted)}.canvas-dialogue-add-turn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.canvas-dialogue-settings{display:grid;gap:10px}.canvas-dialogue-guidance{margin:0;color:var(--muted);font-size:var(--font-ui-micro);text-align:left}.canvas-dialogue-guidance code{border:1px solid var(--line-ui);border-radius:3px;background:var(--panel);padding:1px 3px}.canvas-dialogue-prompt-card>.image-generation-validation{margin:0;padding:0 14px 10px}.canvas-generation-pill-control-main .canvas-dialogue-validation{margin:0 0 0 6px;color:var(--danger);font-size:var(--font-ui-micro);white-space:nowrap}.canvas-dialogue-model-chip{display:inline-flex;height:38px;min-height:38px;max-height:38px;max-width:min(260px,34vw);flex:0 0 auto;align-items:center;gap:7px;overflow:hidden;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);font-size:var(--font-ui-small);font-weight:400;padding:0 9px}.canvas-dialogue-model-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-generation-pill-dialogue.collapsed .canvas-dialogue-prompt-card>.image-generation-validation,.canvas-generation-pill-dialogue.collapsed .canvas-dialogue-prompt-footer,.canvas-generation-pill-dialogue.collapsed .canvas-dialogue-remove,.canvas-generation-pill-dialogue.collapsed .canvas-dialogue-turn [role=combobox],.canvas-generation-pill-dialogue.collapsed .canvas-dialogue-turn-head,.canvas-generation-pill-dialogue.collapsed .canvas-dialogue-turns>.canvas-dialogue-turn:not(:first-child){display:none}.canvas-generation-pill-dialogue.collapsed .canvas-dialogue-prompt-card{min-height:42px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);padding:3px 38px 3px 8px}.canvas-generation-pill-dialogue.collapsed .canvas-dialogue-turn{display:block;border-bottom:0;background:transparent;padding:0}.canvas-generation-pill-dialogue.collapsed .canvas-dialogue-prompt-footer,.canvas-generation-pill-dialogue.collapsed .canvas-dialogue-turn~.canvas-dialogue-turn{display:none}.canvas-generation-pill-dialogue.collapsed .canvas-dialogue-turn textarea{width:100%;height:34px;min-height:34px;max-height:34px;overflow:hidden;field-sizing:fixed;white-space:nowrap;padding:8px 1px}.canvas-image-name-input,.canvas-image-name-label{position:absolute;left:8px;top:-24px;z-index:2;max-width:min(260px,calc(100% + 80px));min-height:20px;border:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--ink);font-size:11px;font-weight:500;line-height:1.2}.canvas-image-name-label{display:inline-flex;align-items:center;gap:5px;overflow:hidden;padding:3px 6px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.canvas-image-name-label.character-accented{border-color:var(--character-color);background:color-mix(in srgb,var(--character-color) 12%,var(--panel))}.canvas-image-name-color-dot{display:inline-block;flex:0 0 auto;width:8px;height:8px;border:1px solid var(--line);border-radius:0;background:var(--character-color)}.canvas-image-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.canvas-image-name-input{width:min(260px,calc(100% + 80px));padding:2px 6px}.canvas-node textarea{overflow:hidden;box-sizing:border-box;resize:none;border:0;border-radius:0;background:transparent;outline:none;padding:8px;white-space:pre-wrap;word-break:break-word}.canvas-text-node-shell{position:relative;width:100%;height:100%;background:transparent}.canvas-text-node-drag-edges{position:absolute;inset:0;pointer-events:none}.canvas-text-node-drag-handle{position:absolute;cursor:grab;pointer-events:auto}.canvas-text-node-drag-handle:active{cursor:grabbing}.canvas-text-node-drag-handle-bottom,.canvas-text-node-drag-handle-top{left:0;width:100%;height:7px}.canvas-text-node-drag-handle-left,.canvas-text-node-drag-handle-right{top:7px;width:7px;height:calc(100% - 14px)}.canvas-text-node-drag-handle-top{top:0}.canvas-text-node-drag-handle-right{right:0}.canvas-text-node-drag-handle-bottom{bottom:0}.canvas-text-node-drag-handle-left{left:0}.canvas-node-text.locked .canvas-text-node-drag-handle{cursor:not-allowed}.canvas-node textarea.canvas-onboarding-asset-tag-label{border:1px solid var(--line-ui);background:var(--paper);font-weight:500;line-height:1.25;text-align:center}.canvas-shape-fill{border-style:solid}.canvas-shape-fill span{display:inline-block;margin:8px;color:var(--muted);font-size:12px;font-weight:500}.canvas-node-empty{display:grid;height:100%;place-items:center;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--muted);font-size:12px}.canvas-objects-popover{width:min(360px,calc(100vw - 24px));max-width:none;padding:8px}.canvas-objects-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 5px 8px;border-bottom:1px solid var(--line-ui)}.canvas-objects-heading>span:first-child{display:grid;min-width:0;gap:2px}.canvas-objects-heading b{font-size:var(--font-ui-small)}.canvas-objects-heading small,.canvas-objects-heading>span:last-child{color:var(--muted);font-size:var(--font-ui-micro)}.canvas-object-list{display:grid;max-height:min(440px,calc(100vh - 120px));overflow:auto;gap:1px;padding-top:5px}.canvas-object-row{position:relative;display:grid;gap:3px;border:0;border-radius:0;background:transparent;cursor:pointer;padding:5px 3px}.canvas-object-row[draggable=true]{cursor:grab}.canvas-object-row:hover{background:transparent}.canvas-object-row.hovered{background:transparent;color:var(--ink)}.canvas-object-row.dragging{opacity:.58}.canvas-object-row[data-drop-position]:before{position:absolute;left:6px;right:6px;z-index:2;height:2px;border-radius:0;background:var(--ink);content:"";pointer-events:none}.canvas-object-row[data-drop-position=before]:before{top:-5px}.canvas-object-row[data-drop-position=after]:before{bottom:-5px}.canvas-object-row.active{background:transparent;color:var(--ink)}.canvas-object-name-row{display:grid;grid-template-columns:16px auto minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0}.canvas-object-row-child{padding-left:20px}.canvas-frame-disclosure,.canvas-frame-disclosure-spacer{display:inline-grid;width:16px;height:20px;place-items:center;border:0;background:transparent;color:var(--muted);padding:0}.canvas-object-type-icon{display:inline-grid;width:20px;height:20px;place-items:center;color:var(--muted)}.canvas-object-row.active .canvas-object-name-button,.canvas-object-row.active .canvas-object-type-icon,.canvas-object-row.hovered .canvas-object-name-button,.canvas-object-row.hovered .canvas-object-type-icon{color:var(--ink)}.canvas-object-row input{border:1px solid var(--line-soft);border-radius:var(--ui-radius);background:var(--paper);cursor:text}.canvas-object-name-button,.canvas-object-row input{min-width:0;color:var(--ink);font-size:var(--font-ui-small);font-weight:500;outline:none;padding:5px 6px}.canvas-object-name-button{overflow:hidden;border:1px solid transparent;border-radius:var(--ui-radius);background:transparent;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap}.canvas-object-name-button-image{font-size:var(--font-ui-small);font-weight:500}.canvas-object-name-button:hover{border-color:transparent;background:transparent}.canvas-object-name-button:focus-visible{border-color:var(--focus)}.canvas-parent-frame{overflow:hidden;color:var(--ink);font-size:var(--font-ui-small);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.canvas-object-actions{display:inline-flex;align-items:center;gap:1px}.canvas-object-actions button{display:inline-grid;width:23px;height:23px;place-items:center;border:1px solid transparent;border-radius:var(--ui-radius);background:transparent;color:var(--muted);cursor:pointer;padding:0}.canvas-object-actions button:focus-visible,.canvas-object-actions button:hover{border-color:var(--line-ui);background:var(--paper);color:var(--ink);outline:none}.canvas-object-actions button:disabled{cursor:not-allowed;opacity:.36}.canvas-empty{margin:0;color:var(--muted);font-size:var(--font-ui-small)}.canvas-generation-pill{container:canvas-generation-pill/inline-size;position:absolute;z-index:70;--canvas-reference-card-size:94px;bottom:16px;left:calc(50% + var(--canvas-generation-center-offset));box-sizing:border-box;width:min(880px,calc(100% - var(--canvas-bottom-control-reserve)));max-height:calc(100% - 32px);overflow:hidden;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--float-fill);box-shadow:var(--shadow-pill);font-size:var(--font-ui-micro);padding:0;transform:translateX(-50%);transform-origin:center bottom;transition:width .22s var(--view-transition-ease),padding .22s var(--view-transition-ease),background .16s ease,box-shadow .16s ease}.canvas-generation-pill.expanded{overflow-y:auto}.canvas-generation-pill.collapsed{width:min(520px,calc(100% - var(--canvas-bottom-control-reserve)));padding:5px}.canvas-generation-pill.asset-browser-open{display:flex;flex-direction:column;overflow:hidden}.canvas-generation-pill.asset-browser-open .canvas-generation-pill-form{display:flex;min-height:0;flex-direction:column}.canvas-generation-pill.asset-browser-open .canvas-generation-pill-form>*{flex-shrink:0}.canvas-generation-pill.asset-browser-open .canvas-generation-pill-form>.canvas-generation-asset-browser-transition{flex-shrink:1}.canvas-generation-pill.asset-browser-open .canvas-generation-asset-browser-clip{display:flex}.canvas-generation-pill.asset-browser-open .canvas-generation-asset-browser{display:flex;flex:1;flex-direction:column}.canvas-generation-pill.asset-browser-open .canvas-generation-asset-browser-header{flex-shrink:0}.canvas-generation-pill.asset-browser-open .canvas-generation-asset-browser-body{flex-shrink:1}.canvas-generation-pill-form>.canvas-generation-asset-browser-transition{transform-origin:center bottom;transition:grid-template-rows .26s var(--view-transition-ease),opacity .16s ease,visibility 0s linear .26s;will-change:grid-template-rows,opacity}.canvas-generation-pill-form>.canvas-generation-asset-browser-transition.is-open{transition-delay:0s}.canvas-media-action-bar{position:fixed;z-index:60;display:inline-flex;flex-wrap:nowrap;width:-moz-max-content;width:max-content;max-width:calc(100vw - 16px);min-height:36px;align-items:center;gap:5px;overflow-x:auto;border:1px solid var(--line-sheet);border-radius:var(--ui-radius);background:var(--panel);box-shadow:var(--shadow-float);opacity:0;padding:5px;pointer-events:none;transform:translateY(2px)}.canvas-media-action-bar.positioned{opacity:1;pointer-events:auto;transform:none}.canvas-media-action-bar .ui-button{min-height:28px;white-space:nowrap}.canvas-media-action-bar .canvas-media-action-icon{width:28px;min-width:28px;height:28px;min-height:28px;padding:0}.canvas-media-action-tooltip-trigger,.canvas-media-disabled-action{display:inline-flex;flex:0 0 auto;border-radius:var(--ui-radius);outline:none}.canvas-media-disabled-action{cursor:not-allowed}.canvas-media-disabled-action:focus-visible{box-shadow:0 0 0 2px hsl(var(--ring))}.canvas-media-action-tooltip{z-index:65;max-width:min(260px,calc(100vw - 16px));text-align:center}.canvas-media-selection-count{flex:0 0 auto;color:var(--muted);font-size:var(--font-ui-micro);font-weight:500;padding:0 5px;white-space:nowrap}.canvas-generation-pill.drop-active{outline:1px solid var(--line-sheet);outline-offset:2px}.canvas-generation-pill.drop-invalid{outline-color:var(--danger)}.canvas-generation-pill *,.canvas-generation-pill :after,.canvas-generation-pill :before{min-width:0}.canvas-generation-pill-form{display:grid;min-height:0;align-content:end;gap:0}.canvas-generation-pill.collapsed .canvas-generation-pill-form{height:34px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.canvas-generation-pill.collapsed .canvas-generation-asset-browser-transition{display:none}.canvas-generation-pill.collapsed .canvas-generation-pill-prompt{grid-column:2;grid-row:1;overflow:hidden;visibility:hidden}.canvas-generation-collapsed-placeholder{grid-column:2;grid-row:1;overflow:hidden;color:var(--muted);font-size:var(--font-ui-small);line-height:1.2;padding-right:6px;text-overflow:ellipsis;white-space:nowrap}.canvas-generation-kind-badge{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--ui-radius);background:var(--ink);color:var(--bg)}.canvas-generation-collapsed-expand{position:absolute;z-index:3;inset:0;border:0;border-radius:inherit;background:transparent;cursor:text}.canvas-generation-collapsed-expand:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@keyframes canvas-generation-kind-enter{0%{opacity:.82;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.canvas-generation-pill.kind-transitioning .canvas-generation-pill-form{animation:canvas-generation-kind-enter .18s var(--view-transition-ease) both}.canvas-generation-pill.kind-transitioning .canvas-dialogue-prompt-card,.canvas-generation-pill.kind-transitioning .canvas-generation-pill-control-main,.canvas-generation-pill.kind-transitioning .canvas-video-frame-slots,.canvas-generation-pill.kind-transitioning .canvas-video-reference-strip,.canvas-generation-pill.kind-transitioning .generation-prompt-mention-editor .cm-scroller,.canvas-generation-pill.kind-transitioning .image-generation-reference-strip,.canvas-generation-pill.kind-transitioning .prompt-expansion-textarea textarea{overflow:clip}.canvas-generation-pill-control-row{display:flex;flex-wrap:nowrap;--icon-button-size:38px;min-width:0;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);padding:7px}.canvas-generation-pill-control-main{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;min-width:0;flex:1 1 300px;align-items:center;gap:6px;padding-bottom:0}.canvas-generation-pill-control-main>*{flex:0 0 auto;white-space:nowrap}.canvas-generation-pill-control-status{min-width:72px;max-width:260px;flex:1 2 220px;overflow:hidden;margin:0;color:var(--muted);font-size:var(--font-ui-micro);font-weight:500;line-height:1.25;text-align:right;text-overflow:ellipsis;white-space:nowrap}.canvas-generation-kind-chip{display:grid;width:38px;min-width:38px;height:38px;min-height:38px;max-height:38px;flex:0 0 38px;justify-content:center;align-items:center;align-self:center;border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:var(--font-ui-small);font-weight:400;padding:0}.canvas-generation-kind-toggle{height:38px;flex:0 0 auto}.canvas-generation-pill-prompt{container-name:generation-prompt;container-type:inline-size}.canvas-generation-pill-prompt .image-generation-prompt-card{min-height:110px;max-height:none}.canvas-generation-pill-prompt .image-generation-prompt-card,.canvas-video-prompt-card{display:grid;gap:6px;border:0;border-radius:0;background:transparent;padding:10px 12px;transition:min-height .22s var(--view-transition-ease)}.canvas-video-prompt-card{position:relative;min-height:38px}.canvas-generation-pill-video.expanded .canvas-video-prompt-card{min-height:110px;align-content:start}.canvas-generation-reference-source-trigger small{width:100%;color:var(--muted);font-size:9px;font-weight:500;line-height:1.15;text-align:center;white-space:normal;overflow-wrap:anywhere}.canvas-generation-reference-source-trigger.canvas-generation-reference-source-trigger{width:var(--canvas-reference-card-size);min-width:var(--canvas-reference-card-size);height:var(--canvas-reference-card-size);min-height:var(--canvas-reference-card-size);flex:0 0 var(--canvas-reference-card-size)}.canvas-generation-reference-source-menu{min-width:190px}.canvas-generation-asset-browser-transition{display:grid;min-height:0;grid-template-rows:0fr;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden;transition:grid-template-rows .22s var(--view-transition-ease),opacity .14s ease,visibility 0s linear .22s}.canvas-generation-asset-browser-transition.is-open{grid-template-rows:1fr;opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}.canvas-generation-asset-browser-clip{min-height:0;overflow:hidden}.canvas-generation-asset-browser{display:grid;min-height:0;gap:0;overflow:hidden;border:0;border-radius:0;background:transparent;padding:0}.canvas-generation-asset-browser-header{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line-soft);padding:10px 44px 0 12px}.canvas-generation-asset-browser-header-lead{display:flex;min-width:0;align-items:flex-end;gap:14px}.canvas-generation-asset-browser-prefix{color:var(--muted);font-size:var(--font-ui-small);padding-bottom:8px}.canvas-generation-asset-browser-kinds{display:flex;min-width:0;gap:16px;overflow-x:auto;scrollbar-width:none}.canvas-generation-asset-browser-kinds::-webkit-scrollbar{display:none}.canvas-generation-asset-browser-kinds>button{border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:var(--font-ui-small);font-weight:400;padding:0 0 8px;white-space:nowrap}.canvas-generation-asset-browser-kinds>button>span{color:var(--muted);margin-left:3px;opacity:.8}.canvas-generation-asset-browser-kinds>button[aria-selected=true]{box-shadow:inset 0 -1.5px 0 var(--ink);color:var(--ink)}.canvas-generation-asset-browser-kinds>button:focus-visible,.canvas-generation-asset-browser-kinds>button:hover{color:var(--ink);outline:none}.canvas-generation-asset-browser-close{display:grid;width:27px;min-width:27px;height:27px;margin-bottom:3px;place-items:center;border:0;border-radius:var(--ui-radius);background:transparent;color:var(--ink);cursor:pointer;padding:0}.canvas-generation-asset-browser-close:focus-visible,.canvas-generation-asset-browser-close:hover{background:var(--highlight-on-paper);outline:2px solid var(--focus);outline-offset:-2px}.canvas-generation-asset-browser-body{display:grid;height:206px;min-height:0;grid-template-columns:220px minmax(0,1fr);gap:0}.canvas-generation-asset-browser-gallery,.canvas-generation-asset-browser-list{min-height:0;overflow:auto;scrollbar-width:thin}.canvas-generation-asset-browser-list{display:grid;grid-auto-rows:max-content;align-content:start;gap:0;border-right:1px solid var(--line-soft);padding:0}.canvas-generation-asset-browser-asset{position:relative;display:grid;min-height:52px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;overflow:hidden;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent;color:var(--ink);cursor:pointer;padding:7px 12px;text-align:left}.canvas-generation-asset-browser-asset:hover{background:var(--highlight-on-paper)}.canvas-generation-asset-browser-asset.active{background:var(--select-fill)}.canvas-generation-asset-browser-asset:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.canvas-generation-asset-browser-asset-preview{display:grid;width:36px;height:36px;overflow:hidden;place-items:center;border-radius:calc(var(--ui-radius) - 1px);background:var(--panel);color:var(--muted)}.canvas-generation-asset-browser-asset-preview .workspace-natural-image,.canvas-generation-asset-browser-asset-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.canvas-generation-asset-browser-asset-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.canvas-generation-asset-browser-asset-copy b{display:flex;min-width:0;align-items:center;gap:6px;overflow:hidden;font-size:var(--font-ui-small);font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.canvas-generation-asset-browser-asset-copy small{overflow:hidden;color:var(--muted);font-size:var(--font-ui-micro);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.canvas-generation-asset-browser-character-color{position:static;width:7px;height:7px;flex:0 0 auto;border-radius:2px}.canvas-generation-asset-browser-gallery{display:flex;align-items:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;border-radius:0;background:transparent;padding:10px 12px}.canvas-generation-asset-browser-gallery>.canvas-empty{padding:12px 6px}.canvas-generation-asset-browser-image{position:relative;display:block;width:auto;height:150px;min-width:0;flex:0 0 auto;margin:0;overflow:hidden;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--panel);color:var(--ink);cursor:pointer;padding:0}.canvas-generation-asset-browser-image:focus-visible,.canvas-generation-asset-browser-image:hover{border-color:var(--line-ui-strong);outline:none}.canvas-generation-asset-browser-image:focus-visible{box-shadow:inset 0 0 0 2px var(--focus)}.canvas-generation-asset-browser-image.attached{border-color:var(--line-sheet)}.canvas-generation-asset-browser-image:disabled{cursor:not-allowed;opacity:.42}.canvas-generation-asset-browser-image .workspace-natural-image,.canvas-generation-asset-browser-image img{display:block;width:auto;height:100%;border-radius:calc(var(--ui-radius) - 1px)}.canvas-generation-asset-browser-image-check{position:absolute;top:5px;right:5px;display:grid;width:21px;height:21px;place-items:center;border-radius:999px;background:var(--ink);color:var(--paper)}.canvas-generation-pill-video .canvas-generation-asset-browser{border-bottom:1px solid var(--line-ui)}.canvas-generation-pill-image .canvas-generation-asset-browser{border-bottom:1px solid var(--line-soft)}@media (max-width:620px){.canvas-generation-asset-browser-body{height:230px;grid-template-columns:1fr;grid-template-rows:min(72px,40%) minmax(0,1fr)}.canvas-generation-asset-browser-list{display:flex;border-right:0;border-bottom:1px solid var(--line-soft);overflow-x:auto;overflow-y:hidden}.canvas-generation-asset-browser-asset{width:190px;min-width:190px;border-right:1px solid var(--line-soft);border-bottom:0}}@media (max-height:760px){.canvas-generation-asset-browser-body{height:160px}.canvas-generation-asset-browser-image{height:112px}}.canvas-video-prompt-action-row,.image-generation-prompt-action-row{display:inline-flex;min-width:0;flex:0 1 auto;align-items:center;justify-content:flex-end;gap:4px}.image-generation-prompt-action-row{justify-self:end;padding:0 2px 2px}.canvas-video-prompt-footer-row{display:flex;min-width:0;align-items:flex-end;gap:8px}.canvas-video-prompt-footer-row .image-generation-reference-message{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}.canvas-video-prompt-footer-row .canvas-generation-pill-control-status{max-width:none;flex:1 1 auto;font-weight:400;text-align:left}.canvas-video-prompt-footer-row .canvas-video-prompt-action-row{margin-left:auto}.canvas-generation-history-filters>button,.canvas-video-prompt-action-row>button{min-height:28px;border:1px solid var(--line-ui);border-radius:calc(var(--ui-radius) - 1px);background:var(--paper);color:var(--ink);font:inherit;padding:3px 6px}.canvas-video-prompt-action-row .prompt-expansion-tooltip-trigger{flex:0 0 auto}.canvas-video-prompt-action-row .prompt-expansion-feedback{min-width:0;max-width:min(520px,55vw);overflow-wrap:anywhere;text-align:right}.canvas-prompt-clear-button.ui-button{width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;max-height:28px;padding:0}.canvas-generation-history-filters{display:flex;width:100%;align-self:flex-start;justify-content:flex-start;gap:4px;overflow-x:auto;padding:6px 8px 0;scrollbar-width:thin}.canvas-generation-history-filters>button{flex:0 0 auto;font-size:var(--font-ui-small);font-weight:400;white-space:nowrap}.canvas-generation-history-filters>button[aria-selected=true]{background:var(--highlight-on-panel);border-color:var(--ink)}.canvas-generation-history-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.canvas-video-assignment-field{display:grid;gap:6px}.canvas-video-assignment-field select{min-height:36px;border:1px solid var(--ink);border-radius:calc(var(--ui-radius) - 1px);background:var(--paper);color:var(--ink);padding:6px 8px}.canvas-generation-pill.collapsed .canvas-generation-pill-prompt .image-generation-prompt-card,.canvas-generation-pill.collapsed .canvas-video-prompt-card{min-height:34px;padding:0}.canvas-video-prompt-card.drop-hover{border-color:var(--line-sheet);outline:none}.canvas-dialogue-prompt-card.drop-invalid,.canvas-video-prompt-card.drop-invalid{border-color:var(--danger);outline:1px solid var(--danger)}.canvas-dialogue-prompt-card.drop-invalid .image-generation-drop-overlay,.canvas-video-prompt-card.drop-invalid .image-generation-drop-overlay{border-color:var(--danger);background:color-mix(in srgb,var(--paper) 91%,var(--danger) 9%)}.canvas-generation-pill.collapsed .canvas-generation-pill-prompt .image-generation-note,.canvas-generation-pill.collapsed .canvas-generation-pill-prompt .image-generation-reference-message,.canvas-generation-pill.collapsed .canvas-generation-pill-prompt .image-generation-reference-strip,.canvas-generation-pill.collapsed .canvas-generation-pill-prompt .image-generation-validation,.canvas-generation-pill.collapsed .canvas-video-frame-slots,.canvas-generation-pill.collapsed .canvas-video-prompt-action-row,.canvas-generation-pill.collapsed .canvas-video-prompt-card .image-generation-note,.canvas-generation-pill.collapsed .canvas-video-prompt-card .image-generation-reference-message,.canvas-generation-pill.collapsed .canvas-video-prompt-card .image-generation-validation,.canvas-generation-pill.collapsed .canvas-video-prompt-footer-row,.canvas-generation-pill.collapsed .canvas-video-reference-caption,.canvas-generation-pill.collapsed .canvas-video-reference-strip{display:none}.canvas-generation-pill-prompt .prompt-expansion-textarea{min-height:0}.canvas-generation-pill-prompt .image-generation-prompt-card>textarea,.canvas-generation-pill-prompt .prompt-expansion-textarea textarea{width:100%;min-height:58px;max-height:92px;border:0;background:transparent;color:var(--ink);font-size:var(--font-ui-small);line-height:1.35;outline:0;padding:3px 38px 36px 1px;resize:none;transition:height .22s var(--view-transition-ease),min-height .22s var(--view-transition-ease),max-height .22s var(--view-transition-ease),padding .22s var(--view-transition-ease)}.canvas-generation-pill-prompt .generation-prompt-mention-editor,.canvas-generation-pill-prompt .generation-prompt-mention-editor .cm-editor,.canvas-generation-pill-prompt .generation-prompt-mention-editor .cm-scroller{min-height:58px;max-height:92px}.canvas-generation-pill-prompt .generation-prompt-mention-editor .cm-content{min-height:58px;padding:3px 38px 36px 1px;font-size:var(--font-ui-small);line-height:1.35}.canvas-video-prompt-card .prompt-expansion-textarea-with-footer .generation-prompt-mention-editor,.canvas-video-prompt-card .prompt-expansion-textarea-with-footer .generation-prompt-mention-editor .cm-editor,.canvas-video-prompt-card .prompt-expansion-textarea-with-footer .generation-prompt-mention-editor .cm-scroller{height:var(--canvas-video-prompt-height,92px);min-height:var(--canvas-video-prompt-height,92px);max-height:var(--canvas-video-prompt-height,92px)}.canvas-video-prompt-card .prompt-expansion-textarea-with-footer .generation-prompt-mention-editor .cm-content{min-height:var(--canvas-video-prompt-height,92px);padding:3px 1px}.canvas-generation-pill-prompt .prompt-reference-highlight-layer{font-size:var(--font-ui-small);line-height:1.35;padding:3px 38px 36px 1px}.canvas-video-prompt-card .prompt-expansion-textarea-with-footer textarea{height:var(--canvas-video-prompt-height,92px);min-height:var(--canvas-video-prompt-height,92px);max-height:var(--canvas-video-prompt-height,92px);overflow-y:auto;padding:3px 1px}.canvas-video-prompt-card .prompt-expansion-textarea-with-footer .prompt-reference-highlight-layer{padding:3px 1px}.canvas-generation-pill.collapsed .canvas-generation-pill-prompt .image-generation-prompt-card>textarea,.canvas-generation-pill.collapsed .canvas-generation-pill-prompt .prompt-expansion-textarea textarea{height:36px;min-height:36px;overflow:hidden;white-space:nowrap}.canvas-generation-pill.collapsed .canvas-generation-pill-prompt .generation-prompt-mention-editor,.canvas-generation-pill.collapsed .canvas-generation-pill-prompt .generation-prompt-mention-editor .cm-content,.canvas-generation-pill.collapsed .canvas-generation-pill-prompt .generation-prompt-mention-editor .cm-editor,.canvas-generation-pill.collapsed .canvas-generation-pill-prompt .generation-prompt-mention-editor .cm-scroller{height:36px;min-height:36px;max-height:36px;overflow:hidden}.canvas-generation-pill.collapsed .canvas-generation-pill-prompt .generation-prompt-mention-editor .cm-content{white-space:nowrap}.canvas-generation-pill.collapsed .canvas-generation-pill-prompt .prompt-reference-highlight-layer{white-space:pre}.canvas-generation-pill.collapsed .prompt-expansion-button{display:none}.canvas-generation-pill-control-row .image-model-trigger{width:-moz-max-content;width:max-content;max-width:min(360px,42vw);height:38px;min-height:38px;max-height:38px;flex:0 0 auto;padding:5px 8px}.canvas-generation-pill-control-row .image-model-trigger-copy{gap:0}.canvas-generation-pill-control-row .image-model-trigger-copy b{font-size:var(--font-ui-small);font-weight:400}.canvas-generation-pill-control-row .image-model-trigger-copy small{display:none}.canvas-generation-settings-trigger{display:inline-flex;height:38px;min-height:38px;max-height:38px;max-width:190px;flex:0 0 auto;align-items:center;gap:6px;overflow:hidden;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);cursor:pointer;font:inherit;font-size:var(--font-ui-small);font-weight:400;padding:0 9px;white-space:nowrap}.canvas-generation-settings-trigger:focus-visible,.canvas-generation-settings-trigger:hover{background:var(--highlight-on-paper);outline:none}.canvas-generation-settings-trigger span{overflow:hidden;text-overflow:ellipsis}.canvas-generation-settings-trigger.icon-only{width:38px;min-width:38px;height:38px;min-height:38px;flex:0 0 38px;justify-content:center;padding:0}.canvas-generation-settings-trigger>svg,.canvas-video-mode-chip>svg{flex:0 0 auto}.canvas-generation-value-chip{display:inline-flex;height:38px;min-height:38px;flex:0 0 auto;align-items:center;gap:7px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);cursor:pointer;font:inherit;font-size:var(--font-ui-small);font-variant-numeric:tabular-nums;padding:0 9px;white-space:nowrap}.canvas-generation-value-chip:focus-visible,.canvas-generation-value-chip:hover,.canvas-generation-value-chip[aria-expanded=true]{background:var(--highlight-on-paper);outline:none}.canvas-generation-value-chip[aria-expanded=true]{border-color:var(--ink)}.canvas-generation-value-chip.icon-only{display:grid;width:38px;min-width:38px;place-items:center;padding:0}.canvas-generation-value-chip.icon-only[aria-pressed=false]{color:var(--muted)}.canvas-generation-value-popover{display:grid;width:min(250px,calc(100vw - 24px));gap:10px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--panel);padding:10px}.canvas-generation-value-popover>header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:var(--font-ui-micro)}.canvas-generation-value-popover>header strong{color:var(--ink);font-size:var(--font-ui-small);font-variant-numeric:tabular-nums;font-weight:500}.canvas-generation-value-options{display:grid;gap:2px}.canvas-generation-value-options>button{min-height:36px;border:0;border-radius:calc(var(--ui-radius) - 1px);background:transparent;color:var(--ink);font:inherit;font-size:var(--font-ui-small);padding:0 8px;text-align:left}.canvas-generation-value-options>button.selected,.canvas-generation-value-options>button:focus-visible,.canvas-generation-value-options>button:hover{background:var(--highlight-on-panel);outline:none}.canvas-generation-pill-submit{display:inline-flex;min-height:38px;flex:0 0 auto;align-items:center;gap:7px}.canvas-generation-submit-button{white-space:nowrap}.canvas-generation-pill-control-row .image-output-size-chip,.canvas-generation-submit-button{height:38px;min-height:38px;max-height:38px;font-size:var(--font-ui-small);font-weight:400}.canvas-generation-pill-control-row .image-output-size-chip.icon-only{width:38px;min-width:38px;max-width:38px;flex:0 0 38px;justify-content:center;padding:0}.canvas-generation-submit-tooltip-trigger{display:inline-flex;border-radius:var(--ui-radius);outline:none}.canvas-generation-submit-tooltip-trigger:focus-visible{box-shadow:0 0 0 2px var(--focus)}.canvas-generation-submit-tooltip{z-index:16000;width:-moz-max-content;width:max-content;max-width:min(300px,calc(100vw - 24px));overflow-wrap:anywhere;line-height:1.35;white-space:normal}.canvas-generation-pill-tooltip{z-index:16000}.canvas-generation-collapse-button.canvas-generation-collapse-button{position:absolute;top:4px;right:4px;z-index:2;width:32px;min-width:32px;height:28px;min-height:28px;border:0;background:transparent;color:var(--ink);padding:0}.canvas-generation-collapse-button.canvas-generation-collapse-button:focus-visible,.canvas-generation-collapse-button.canvas-generation-collapse-button:hover{background:var(--highlight-on-paper);color:var(--ink)}.canvas-video-reference-strip{display:flex;max-width:100%;max-height:346px;align-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:6px;overflow-x:hidden;overflow-y:auto;padding-right:2px;padding-bottom:2px}.canvas-video-reference-caption{display:grid;align-self:flex-end;gap:3px;margin:0;color:var(--muted);font-size:var(--font-ui-micro);line-height:1.35;padding:0 0 4px 4px}.canvas-video-reference-caption.error>span:first-child{color:var(--danger)}.canvas-video-reference-caption.limit>span:first-child{color:var(--ink)}.canvas-video-frame-slots{display:flex;max-width:100%;align-items:stretch;gap:6px;overflow-x:auto;padding-bottom:2px}.canvas-video-frame-slot{display:grid;width:82px;min-width:82px;min-height:82px;flex:0 0 82px}.canvas-video-frame-slot>*{grid-area:1/1}.canvas-video-frame-reference{min-height:82px;cursor:grab}.canvas-video-frame-reference:active{cursor:grabbing}.canvas-video-frame-reference .workspace-natural-image{min-height:42px;-o-object-fit:cover;object-fit:cover}.canvas-video-reference{position:relative;display:grid;width:var(--canvas-reference-card-size);min-width:var(--canvas-reference-card-size);max-width:var(--canvas-reference-card-size);height:var(--canvas-reference-card-size);min-height:var(--canvas-reference-card-size);max-height:var(--canvas-reference-card-size);flex:0 0 var(--canvas-reference-card-size);grid-template-rows:minmax(0,1fr) 22px;justify-items:center;align-items:center;gap:3px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--panel);padding:4px}@keyframes canvas-generation-reference-enter{0%{opacity:0;transform:translateY(7px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.canvas-generation-pill.expanded .canvas-video-reference,.canvas-generation-pill.expanded .image-generation-reference{animation:canvas-generation-reference-enter .24s var(--view-transition-ease) both;transform-origin:center bottom}.canvas-video-reference[data-reorderable=true]{cursor:grab}.canvas-video-reference[data-reorderable=true]:active{cursor:grabbing}.canvas-video-reference.inactive{opacity:.58}.canvas-video-reference .canvas-video-reference-media,.canvas-video-reference .workspace-natural-image,.canvas-video-reference img,.canvas-video-reference video{position:relative;display:block;width:100%;height:100%;min-height:0;background:var(--canvas-background-color,var(--canvas-surface));-o-object-fit:contain;object-fit:contain;overflow:hidden}.canvas-video-reference .canvas-video-reference-media,.canvas-video-reference img,.canvas-video-reference video{-o-object-fit:contain;object-fit:contain}.canvas-video-reference>.canvas-video-reference-audio{display:grid;width:100%;height:100%;min-height:0;place-items:center;border:1px solid var(--line-ui);background:var(--canvas-background-color,var(--canvas-surface));color:var(--muted)}.canvas-video-reference-remove{position:absolute;top:2px;right:2px;z-index:2;display:grid;width:18px;height:18px;place-items:center;border:0;border-radius:var(--ui-radius);background:transparent;color:var(--muted);cursor:pointer;padding:0}.canvas-video-reference-remove:hover{background:color-mix(in srgb,var(--paper) 92%,transparent);box-shadow:inset 0 0 0 1px var(--line-ui);color:var(--ink)}.canvas-video-reference-remove:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.canvas-video-reference-tag{max-width:100%;min-height:22px;overflow:hidden;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);cursor:pointer;font-size:9px;font-weight:500;padding:0 5px;text-overflow:ellipsis;white-space:nowrap}.canvas-video-reference-tag:focus-visible,.canvas-video-reference-tag:hover{background:var(--highlight-on-paper);outline:none}.canvas-video-model-trigger{display:inline-flex;width:-moz-max-content;width:max-content;min-width:0;max-width:min(360px,42vw);flex:0 0 auto;height:38px;min-height:38px;max-height:38px;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);padding:4px 8px;text-align:left}.canvas-video-model-trigger>span:not(.model-brand-logo){width:-moz-max-content;width:max-content;min-width:0;max-width:320px}.canvas-video-duration-value{font-size:inherit;font-weight:400}.canvas-video-duration-popover{display:grid;width:min(250px,calc(100vw - 24px));gap:12px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--panel);padding:10px}.canvas-video-duration-popover>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas-video-duration-number>span,.canvas-video-duration-popover>header>span{color:var(--muted);font-size:var(--font-ui-micro);font-weight:500}.canvas-generation-slider{position:relative;display:grid;gap:8px;padding-top:5px}.canvas-generation-slider input[type=range]{position:relative;z-index:2;width:100%;height:14px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--ink) 0 var(--slider-progress),color-mix(in srgb,var(--ink) 20%,transparent) var(--slider-progress) 100%) 50% /100% 2px no-repeat;cursor:pointer}.canvas-generation-slider input[type=range]::-webkit-slider-thumb{width:4px;height:14px;-webkit-appearance:none;appearance:none;border:0;border-radius:1px;background:var(--ink)}.canvas-generation-slider input[type=range]::-moz-range-thumb{width:4px;height:14px;border:0;border-radius:1px;background:var(--ink)}.canvas-generation-slider input[type=range]:focus-visible{border-radius:2px;outline:2px solid var(--focus);outline-offset:3px}.canvas-generation-slider-labels,.canvas-generation-slider-ticks{display:flex;align-items:center;justify-content:space-between}.canvas-generation-slider-ticks{position:absolute;z-index:1;top:8px;right:1px;left:1px}.canvas-generation-slider-ticks i{width:2px;height:8px;background:color-mix(in srgb,var(--ink) 40%,transparent)}.canvas-generation-slider-ticks i.selected{background:var(--ink)}.canvas-generation-slider-labels{color:var(--muted);font-size:var(--font-ui-micro);font-variant-numeric:tabular-nums}.canvas-video-mode-shell{container-name:generation-mode-shell;container-type:inline-size;display:flex;min-width:0;align-items:center;gap:10px;padding:10px 12px 2px}.canvas-video-mode-shell-group{display:inline-flex;height:30px;max-width:100%;flex:0 0 auto;overflow-x:auto;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);scrollbar-width:none}.canvas-video-mode-shell-group::-webkit-scrollbar{display:none}.canvas-video-mode-shell-option{display:inline-flex;width:32px;height:100%;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:var(--font-ui-small);font-weight:500;padding:0;white-space:nowrap;transition:width .18s var(--view-transition-ease),background-color .16s var(--view-transition-ease),color .16s var(--view-transition-ease)}.canvas-video-mode-shell-option:not(.active):not(:disabled):hover{background:var(--highlight-on-paper);color:var(--ink)}.canvas-video-mode-shell-option.active{width:auto;background:var(--ink);color:var(--bg);padding:0 11px 0 9px}.canvas-video-mode-shell-option:disabled{cursor:not-allowed;opacity:.38}.canvas-video-mode-shell-option:focus-visible{box-shadow:inset 0 0 0 2px var(--focus);outline:none}.canvas-video-mode-shell-description{min-width:0;overflow:hidden;color:var(--muted);font-size:var(--font-ui-micro);line-height:1.35;text-overflow:ellipsis;white-space:nowrap}@container generation-mode-shell (max-width: 640px){.canvas-video-mode-shell-description{display:none}}@media (prefers-reduced-motion:reduce){.canvas-video-mode-shell-option{transition:none}}.canvas-video-duration-options{display:grid;gap:4px}.canvas-video-duration-options>button{display:flex;min-height:32px;align-items:center;justify-content:space-between;gap:8px;border:1px solid transparent;border-radius:var(--ui-radius);background:transparent;color:var(--ink);font:inherit;font-size:var(--font-ui-small);padding:6px 8px}.canvas-video-duration-options>button.selected,.canvas-video-duration-options>button:focus-visible,.canvas-video-duration-options>button:hover{border-color:var(--line-ui);background:var(--paper);outline:none}.canvas-video-duration-number{display:grid;gap:5px}.canvas-video-duration-number input{min-height:34px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);font:inherit;padding:5px 8px}.canvas-video-model-trigger-label{overflow:hidden;font-size:var(--font-ui-small);font-weight:400;text-overflow:ellipsis;white-space:nowrap}.canvas-video-model-browser{position:relative;display:grid;width:min(230px,calc(100vw - 24px));max-height:min(460px,var(--radix-popover-content-available-height,calc(100vh - 24px)));grid-template-rows:minmax(0,1fr) auto;gap:8px;overflow:visible;background:var(--panel);padding:9px}.canvas-video-model-browser.image-model-browser-family-expanded{width:min(597px,calc(100vw - 24px));grid-template-columns:minmax(180px,230px) minmax(0,340px)}.canvas-video-model-search{display:flex;align-items:center;gap:6px;border:1px solid var(--line-ui);background:var(--paper);padding:0 7px}.canvas-video-model-search input{border:0;box-shadow:none}.canvas-video-model-family-panel{width:min(340px,calc(100vw - 278px))}.canvas-video-model-browser.image-model-browser-family-expanded>.canvas-video-model-family-panel{width:100%}@media (max-width:480px){.canvas-video-model-browser.image-model-browser-family-expanded{width:min(340px,calc(100vw - 24px));grid-template-columns:minmax(0,1fr)}}.canvas-video-model-results{display:grid;min-height:0;gap:5px;overflow-y:auto}.canvas-video-model-results>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--line-soft);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);padding:7px;text-align:left}.canvas-video-model-results>button.active{border-color:var(--ink);background:var(--highlight-on-panel)}.canvas-video-model-results span{display:grid;gap:2px}.canvas-video-model-results b{font-size:11px}.canvas-video-model-results small{color:var(--muted);font-size:10px;font-weight:500}.canvas-video-model-results em{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:10px;font-style:normal;line-height:1.3}.canvas-video-model-results p{margin:0;color:var(--muted);font-size:var(--font-ui-small);padding:8px}.canvas-video-mode-chip{display:inline-flex;width:-moz-max-content;width:max-content;min-width:112px;max-width:190px;height:38px;min-height:38px;max-height:38px;flex:0 0 auto;justify-content:flex-start;align-items:center;gap:6px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);cursor:pointer;font:inherit;font-size:var(--font-ui-small);font-weight:400;padding:0 8px}.canvas-video-mode-chip.icon-only{width:38px;min-width:38px;max-width:38px;flex:0 0 38px;justify-content:center;gap:0;padding:0}.canvas-video-mode-glyph{display:inline-flex;width:28px;min-width:28px;align-items:center;justify-content:center}.canvas-video-mode-glyph-pair{gap:1px}.canvas-video-mode-chip>svg,.canvas-video-mode-glyph svg{flex:0 0 auto}.canvas-video-mode-chip:focus-visible,.canvas-video-mode-chip:hover{background:var(--highlight-on-paper);outline:none}.canvas-video-mode-popover{display:grid;width:min(330px,calc(100vw - 24px));gap:8px;background:var(--panel);padding:9px}.canvas-video-mode-popover>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line-ui);padding:1px 2px 7px}.canvas-video-mode-popover>header b{font-size:var(--font-ui-small)}.canvas-video-mode-popover>header small{color:var(--muted);font-size:10px}.canvas-video-mode-popover>div{display:grid;gap:4px}.canvas-video-mode-popover>div>button{display:grid;min-height:44px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--ui-radius);background:transparent;color:var(--ink);padding:6px;text-align:left}.canvas-video-mode-popover>div>button.selected,.canvas-video-mode-popover>div>button:focus-visible,.canvas-video-mode-popover>div>button:hover{border-color:var(--line-ui);background:var(--highlight-on-panel);outline:none}.canvas-video-mode-popover>div>button>.canvas-video-mode-option-copy{display:grid;min-width:0;gap:1px}.canvas-video-mode-popover>div>button b{font-size:var(--font-ui-small)}.canvas-video-mode-popover>div>button small{color:var(--muted);font-size:10px;line-height:1.25}.canvas-generation-pill-actions{display:inline-flex;align-items:center;gap:5px;margin-left:auto}.canvas-generation-settings-popover{display:grid;width:min(292px,calc(100vw - 24px));max-height:min(540px,var(--radix-popover-content-available-height,calc(100vh - 24px)));gap:0;overflow-y:auto;background:var(--panel);padding:4px}.canvas-generation-settings-popover>header{display:grid;gap:5px;border-bottom:1px solid var(--line-ui);padding-bottom:8px}.canvas-generation-settings-popover>header>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.canvas-generation-settings-popover>header b{font-size:var(--font-ui-small)}.canvas-generation-settings-popover>header p,.canvas-generation-settings-popover>header small{color:var(--muted);font-size:var(--font-ui-micro)}.canvas-generation-settings-popover>header p{margin:0;line-height:1.35}.canvas-generation-settings-popover .image-generation-settings{margin-top:0}.canvas-generation-settings-popover .image-generation-settings-heading{display:none}.canvas-generation-settings-popover .image-generation-advanced-fields,.canvas-generation-settings-popover .image-generation-fields{gap:2px}.canvas-generation-floating-popover{z-index:16000}.canvas-generation-pill-actions .ui-button{width:38px;min-width:38px;max-width:38px;height:38px;min-height:38px;max-height:38px;flex:0 0 38px;aspect-ratio:1;padding:0}.canvas-generation-history-popover{width:min(380px,calc(100vw - 24px));max-height:min(430px,calc(100vh - 24px));overflow:hidden;border:1px solid var(--ink);border-radius:var(--ui-radius);background:var(--panel);padding:8px}.canvas-generation-history-popover>header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-ui);padding:2px 2px 8px}.canvas-generation-history-copy,.canvas-generation-history-popover>header>div{display:grid;gap:2px}.canvas-generation-history-copy small,.canvas-generation-history-copy span,.canvas-generation-history-popover>header small,.canvas-generation-history-popover>header>span{color:var(--muted);font-size:var(--font-ui-micro)}.canvas-generation-history-popover>header>span{font-weight:500}.canvas-generation-history-list{display:grid;max-height:350px;gap:6px;overflow-y:auto;padding-top:7px}.canvas-generation-history-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);padding:6px}.canvas-generation-history-preview{display:grid;width:52px;height:42px;place-items:center;overflow:hidden;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--highlight-on-panel);color:var(--muted)}.canvas-generation-history-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.canvas-generation-history-copy{overflow:hidden}.canvas-generation-history-copy b,.canvas-generation-history-copy small,.canvas-generation-history-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-generation-history-popover:is(.is-video,.is-image,.is-audio)>header b{font-size:var(--font-ui-base);line-height:1.2}.canvas-generation-history-popover:is(.is-video,.is-image,.is-audio) .canvas-generation-history-card{grid-template-columns:42px minmax(0,1fr) auto;gap:6px;padding:5px}.canvas-generation-history-popover:is(.is-video,.is-image,.is-audio) .canvas-generation-history-preview{width:42px;height:34px}.canvas-generation-history-popover:is(.is-video,.is-image,.is-audio) .canvas-generation-history-copy b{font-size:var(--font-ui-small);font-weight:400}.canvas-generation-history-popover:is(.is-video,.is-image,.is-audio) .canvas-generation-history-card-actions{flex-wrap:nowrap}.canvas-generation-history-icon-action.ui-button{width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;max-height:28px;flex:0 0 28px;padding:0}.canvas-generation-history-empty{margin:0;color:var(--muted);font-size:var(--font-ui-small);padding:14px 4px 8px}.canvas-generate-form{display:grid;gap:8px}.canvas-generation-pill .image-generation-reference-strip{display:flex;max-width:100%;overflow-x:auto;gap:6px;padding-bottom:2px}.canvas-generation-pill .image-generation-reference,.canvas-generation-pill .image-generation-reference-add{box-sizing:border-box;width:var(--canvas-reference-card-size);min-width:var(--canvas-reference-card-size);max-width:var(--canvas-reference-card-size);height:var(--canvas-reference-card-size);min-height:var(--canvas-reference-card-size);max-height:var(--canvas-reference-card-size);flex:0 0 var(--canvas-reference-card-size)}.canvas-generation-pill .image-generation-reference{grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch}.canvas-generation-pill .image-generation-reference .workspace-natural-image{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto}.canvas-generation-pill .image-generation-reference .workspace-natural-image img{-o-object-fit:contain;object-fit:contain}.canvas-generation-pill .image-generation-reference>button:not(.image-generation-reference-token){width:18px;height:18px;border:0;background:transparent;color:var(--muted);padding:0}.canvas-generation-pill .image-generation-reference>button:not(.image-generation-reference-token):hover{background:color-mix(in srgb,var(--paper) 92%,transparent);box-shadow:inset 0 0 0 1px var(--line-ui);color:var(--ink)}.canvas-generation-pill .image-generation-reference>button:not(.image-generation-reference-token):focus-visible{outline:2px solid var(--focus);outline-offset:1px}.canvas-video-frame-slots{align-items:center}.canvas-generation-media-arrow{display:grid;height:82px;flex:0 0 26px;place-items:center;color:var(--muted)}.canvas-generation-media-ghost{display:grid;width:82px;min-width:82px;height:82px;flex:0 0 82px;place-items:center;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:var(--ui-radius);background:repeating-linear-gradient(90deg,transparent 0 11px,color-mix(in srgb,var(--ink) 6%,transparent) 11px 12px);color:var(--muted)}.canvas-generation-pill .canvas-video-frame-reference{position:relative;display:block;box-sizing:border-box;width:82px;min-width:82px;max-width:82px;height:82px;min-height:82px;max-height:82px;overflow:hidden;border-color:var(--ink);background:var(--panel);padding:4px}.canvas-generation-pill .canvas-video-frame-reference .workspace-natural-image,.canvas-generation-pill .canvas-video-frame-reference .workspace-natural-image img{width:100%;height:100%;min-height:0;border-radius:3px;-o-object-fit:cover;object-fit:cover}.canvas-generation-pill .canvas-video-frame-reference>span:not(.workspace-natural-image){display:none}.canvas-generation-pill .canvas-generation-media-empty>small,.canvas-generation-pill .canvas-video-frame-reference>small{position:absolute;left:4px;bottom:4px;width:auto;border-radius:3px;background:var(--ink);color:var(--bg);font-size:9px;font-weight:500;line-height:1.25;padding:1px 4px}.canvas-generation-pill .canvas-generation-media-empty{position:relative;display:grid;box-sizing:border-box;width:var(--canvas-reference-card-size);min-width:var(--canvas-reference-card-size);max-width:var(--canvas-reference-card-size);height:var(--canvas-reference-card-size);min-height:var(--canvas-reference-card-size);max-height:var(--canvas-reference-card-size);place-items:center;border:1px dashed color-mix(in srgb,var(--ink) 40%,transparent);border-radius:var(--ui-radius);background:transparent;color:var(--muted);padding:0}.canvas-generation-pill .canvas-generation-media-empty>span{display:none}.canvas-generation-pill .canvas-generation-media-empty>small{border:1px dashed color-mix(in srgb,var(--ink) 40%,transparent);background:var(--paper);color:var(--muted);white-space:nowrap;overflow-wrap:normal}.canvas-generation-pill .canvas-generation-media-add-label{padding:6px}.canvas-generation-pill .canvas-generation-media-add-label>svg{display:none}.canvas-generation-pill .canvas-generation-media-add-label>small{position:static;left:auto;bottom:auto;width:100%;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:var(--font-ui-micro);font-weight:400;line-height:1.3;padding:0;text-align:center;white-space:normal}.canvas-generation-pill .canvas-video-frame-slot .canvas-generation-media-empty{width:82px;min-width:82px;max-width:82px;height:82px;min-height:82px;max-height:82px}.canvas-generation-pill .canvas-generation-media-empty:hover{background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink);outline:none}.canvas-generation-pill .canvas-generation-media-empty:focus-visible{background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink);outline:2px solid var(--focus);outline-offset:1px}.canvas-generation-pill :is(.image-generation-reference-strip,.canvas-video-reference-strip) .canvas-generation-media-empty{overflow:visible;margin-bottom:17px}.canvas-generation-pill :is(.image-generation-reference-strip,.canvas-video-reference-strip) .canvas-generation-media-empty>small{position:absolute;top:calc(100% + 5px);bottom:auto;left:0;width:100%;border:0;border-radius:0;padding:0;background:transparent;color:var(--ink);font-size:var(--font-ui-micro);font-weight:400;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-generation-pill .canvas-generation-media-add-label>svg{display:block}.canvas-generation-pill :is(.image-generation-reference-strip,.canvas-video-reference-strip){--canvas-reference-card-size:64px;align-items:flex-start;gap:8px}.canvas-generation-pill :is(.image-generation-reference-strip,.canvas-video-reference-strip) :is(.image-generation-reference,.canvas-video-reference){height:auto;min-height:64px;max-height:none;grid-template-rows:64px;grid-auto-rows:auto;align-content:start;gap:4px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}.canvas-generation-pill :is(.image-generation-reference-strip,.canvas-video-reference-strip) :is(.workspace-natural-image,.canvas-video-reference-media,.canvas-video-reference-audio,.media-generation-reference-preview){box-sizing:border-box;width:64px;height:64px;min-height:64px;max-height:64px;overflow:hidden;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--panel)}.canvas-generation-pill :is(.image-generation-reference-strip,.canvas-video-reference-strip) :is(.image-generation-reference,.canvas-video-reference) :is(img,video){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0}.canvas-generation-pill :is(.image-generation-reference-strip,.canvas-video-reference-strip) :is(.image-generation-reference-token,.canvas-video-reference-tag,.media-generation-reference-state>span){display:block;position:static;width:100%;height:auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:var(--font-ui-micro);font-weight:400;line-height:1.3;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-generation-pill :is(.image-generation-reference-strip,.canvas-video-reference-strip) :is(.image-generation-reference>button:not(.image-generation-reference-token),.canvas-video-reference-remove){top:1px;right:1px;width:16px;height:16px;padding:0;border:0;border-radius:calc(var(--ui-radius) - 1px);background:var(--panel);color:var(--ink)}.canvas-generation-pill :is(.image-generation-reference-strip,.canvas-video-reference-strip) button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.canvas-generation-pill .image-generation-settings{display:flex;max-width:100%;align-items:center;gap:7px;overflow-x:auto;padding-bottom:2px}.canvas-generation-pill .image-generation-settings-heading,.canvas-generation-pill .image-generation-settings>[data-orientation=horizontal]{display:none}.canvas-generation-pill .image-generation-advanced,.canvas-generation-pill .image-generation-settings>label{flex:0 0 auto}.canvas-generation-pill .generation-model-description{margin:0}@media (max-width:760px){.canvas-main{--canvas-side-control-width:140px}.canvas-main:has(.canvas-toolbar.is-compact){--canvas-generation-center-offset:calc((var(--canvas-toolbar-control-width) - var(--canvas-side-control-width)) / 2)}.canvas-toolbar:not(.is-compact){overflow:hidden auto}.canvas-toolbar:not(.is-compact) .canvas-toolbar-tools{flex-basis:100%;flex-wrap:wrap}.canvas-generation-pill{width:calc(100% - var(--canvas-bottom-control-reserve))}.canvas-generation-pill.collapsed{width:min(420px,calc(100% - var(--canvas-bottom-control-reserve)))}.canvas-generation-pill-control-main{overflow-x:auto}.canvas-generation-pill-control-row .image-model-trigger{width:-moz-max-content;width:max-content;max-width:min(320px,70vw);flex-basis:auto}}.canvas-modal-dialog-overlay{z-index:30000}.canvas-modal-dialog{z-index:30010}.canvas-modal-select-content{z-index:30020}.canvas-generation-placeholder{position:absolute;z-index:8;display:grid;place-content:center;gap:10px;border:1px dashed var(--line-ui);border-radius:var(--ui-radius);background:color-mix(in srgb,var(--paper) 88%,transparent);color:var(--muted);font-size:var(--font-ui-small);font-weight:500;overflow:hidden;pointer-events:auto;text-align:center;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-generation-placeholder.dragging{cursor:grabbing}.canvas-flow-node-content.selected .canvas-generation-placeholder{border-color:var(--line-sheet);box-shadow:none}.canvas-flow-node-content.dragging .canvas-generation-placeholder{cursor:grabbing}.canvas-generation-placeholder .ui-button{cursor:pointer}.canvas-generation-placeholder-cancelled,.canvas-generation-placeholder-failed{border-style:solid}.canvas-generation-placeholder>*{position:relative;z-index:1}.canvas-generation-hatch{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--muted);stroke-width:1.2;stroke-linecap:round;opacity:.32;pointer-events:none;z-index:0}.canvas-generation-hatch line{stroke-dasharray:1;stroke-dashoffset:1;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.canvas-generation-placeholder-body,.canvas-upload-placeholder-body{position:relative;z-index:1;display:grid;justify-items:center;gap:10px;padding:8px 14px;border-radius:var(--ui-radius);background:color-mix(in srgb,var(--paper) 94%,transparent)}.canvas-generation-placeholder-body>div{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.canvas-generation-placeholder small{max-width:min(90%,360px);justify-self:center;color:var(--danger);font-size:var(--font-ui-micro);font-weight:500;line-height:1.3;overflow-wrap:anywhere}.canvas-generation-placeholder-error{display:block;width:min(90%,360px);padding:0 6px;-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:pre-wrap}.canvas-generation-placeholder-error:focus-visible{border-radius:var(--ui-radius);outline:2px solid var(--focus);outline-offset:2px}.canvas-upload-placeholder{position:relative;display:grid;width:100%;height:100%;place-content:center;justify-items:center;gap:8px;border:1px dashed var(--line-ui);border-radius:var(--ui-radius);background:color-mix(in srgb,var(--paper) 90%,transparent);color:var(--muted);cursor:grab;font-size:var(--font-ui-small);font-weight:500;overflow:hidden;padding:12px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-upload-placeholder:active{cursor:grabbing}.canvas-upload-placeholder.failed{border-color:var(--danger);border-style:solid;background:color-mix(in srgb,var(--paper) 92%,var(--danger) 8%);color:var(--danger)}.canvas-upload-placeholder small,.canvas-upload-placeholder span{max-width:100%;overflow-wrap:anywhere}.canvas-upload-placeholder small{font-size:var(--font-ui-micro);line-height:1.3}.canvas-upload-placeholder.failed .canvas-upload-placeholder-body{padding:0;background:none}@keyframes canvas-hatch-a{0%{stroke-dashoffset:1}22%{stroke-dashoffset:0}50%{stroke-dashoffset:0}72%{stroke-dashoffset:-1}to{stroke-dashoffset:-1}}@keyframes canvas-hatch-b{0%{stroke-dashoffset:1}25%{stroke-dashoffset:1}47%{stroke-dashoffset:0}75%{stroke-dashoffset:0}97%{stroke-dashoffset:-1}to{stroke-dashoffset:-1}}.canvas-generate-form label{display:grid;gap:5px}.canvas-generate-form label span,.canvas-reference-list>span{color:var(--muted);font-size:var(--font-ui-micro);font-weight:500;letter-spacing:0}.canvas-generate-form .generation-model-description{margin:-2px 0 2px;color:var(--muted);font-size:var(--font-ui-micro);line-height:1.35}.canvas-generate-form .canvas-select,.canvas-generate-form .workspace-select,.canvas-generate-form input,.canvas-generate-form select,.canvas-generate-form textarea{max-width:100%;min-width:0;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);font-size:var(--font-ui-micro);line-height:1.3;outline:none;padding:6px 7px}.canvas-generate-form .canvas-select,.canvas-generate-form .workspace-select{min-height:30px}.canvas-generate-form textarea{min-height:120px;overflow-wrap:anywhere;resize:vertical}.canvas-generate-form .image-generation-prompt-card>.prompt-expansion-textarea textarea,.canvas-generate-form .image-generation-prompt-card>textarea,.canvas-generate-form .image-model-search input{border:0;background:transparent;padding:4px 2px}.canvas-generate-form .image-model-search input{padding:0}.canvas-generate-form .image-generation-prompt-card>.prompt-expansion-textarea textarea{padding-right:40px;padding-bottom:36px}.canvas-inline-setting{display:flex!important;flex-direction:row;align-items:center}.canvas-inline-setting input{width:auto}.canvas-reference-list{display:grid;gap:5px}.canvas-reference-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));align-items:start;gap:6px}.canvas-reference-card{display:grid;min-width:0;align-content:start;gap:5px;border:1px solid var(--line-soft);border-radius:0;background:var(--panel);color:var(--ink);padding:6px}.canvas-reference-card.portrait-tall{width:min(50%,112px);min-width:72px;justify-self:start}.canvas-reference-card.portrait-moderate{width:min(72%,148px);min-width:96px;justify-self:start}.canvas-reference-card b,.canvas-reference-card span{overflow:hidden;min-width:0;color:var(--ink);font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.canvas-reference-card span{color:var(--muted)}.canvas-reference-temp-row{display:flex;align-items:flex-start;gap:5px;border:1px solid var(--line-soft);border-radius:0;background:var(--paper);color:var(--ink);font-size:11px;line-height:1.25;padding:6px;overflow:hidden}.canvas-reference-temp-row>span:last-child{overflow:hidden;min-width:0;overflow-wrap:anywhere;white-space:normal}.canvas-reference-thumb{position:relative;display:block;width:100%;flex:0 0 auto;overflow:hidden;border-radius:0}.canvas-reference-temp-row button{display:inline-grid;width:22px;height:22px;margin-left:auto;place-items:center;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);padding:0}.canvas-reference-list p{margin:0;color:var(--muted);font-size:var(--font-ui-small);line-height:1.35;overflow-wrap:anywhere}.canvas-image-inspector{display:grid;gap:8px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);padding:9px}.canvas-image-inspector h3,.canvas-image-inspector p{margin:0}.canvas-image-inspector h3{font-size:var(--font-ui-small);font-weight:500}.canvas-tagging-selection-summary{display:grid;gap:5px;border:1px solid var(--line-soft);border-radius:var(--ui-radius);background:var(--panel);padding:7px}.canvas-tagging-selection-summary b{color:var(--ink);font-size:var(--font-ui-small);font-weight:500}.canvas-tagging-selection-summary ul{display:grid;max-height:120px;gap:3px;margin:0;overflow:auto;padding:0;list-style:none}.canvas-tagging-selection-summary li{overflow:hidden;color:var(--muted);font-size:var(--font-ui-small);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.canvas-image-inspector label{display:grid;gap:4px}.canvas-image-inspector label span{color:var(--muted);font-size:var(--font-ui-micro);font-weight:500}.canvas-image-inspector input,.canvas-image-inspector select{min-width:0;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);font-size:var(--font-ui-small);outline:none;padding:5px 6px}.canvas-image-inspector .canvas-default-reference-control{display:flex;align-items:center;gap:6px}.canvas-image-inspector .canvas-default-reference-control input{min-width:auto;margin:0;padding:0}.canvas-image-inspector .canvas-default-reference-control span{color:var(--ink);font-size:var(--font-ui-small);text-transform:none}.canvas-image-inspector p{color:var(--muted);font-size:var(--font-ui-small);line-height:1.35}.canvas-zoom-controls{position:sticky;bottom:12px;left:12px;z-index:40;display:inline-flex;align-items:center;gap:3px;margin:0 0 12px 12px;border:1px solid var(--line-sheet);border-radius:var(--ui-radius);background:var(--float-fill);box-shadow:var(--shadow-float);padding:5px}.canvas-asset-import-paper{max-height:min(760px,calc(100vh - 48px))}.canvas-asset-import-content{min-height:0}.canvas-asset-import-dialog{display:grid;min-height:0;gap:10px}.canvas-asset-import-kinds{display:flex;flex-wrap:wrap;gap:6px}.canvas-asset-import-kinds button{border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);font-size:11px;font-weight:500;padding:6px 10px}.canvas-asset-import-kinds button.active{border-color:var(--ink);background:var(--ink);color:var(--bg)}.canvas-asset-import-list{display:grid;max-height:min(560px,58vh);gap:10px;overflow:auto;padding-right:2px}.canvas-asset-import-group{display:grid;gap:7px;border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--panel);padding:9px}.canvas-asset-import-group header{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas-asset-import-group h3,.canvas-asset-import-group header span{margin:0}.canvas-asset-import-group h3{font-size:13px;font-weight:500}.canvas-asset-import-group header span{color:var(--muted);font-size:11px;font-weight:500}.canvas-asset-import-grid{-moz-column-width:180px;column-width:180px;-moz-column-gap:8px;column-gap:8px}.canvas-asset-import-item{position:relative;display:block;width:100%;min-width:0;-moz-column-break-inside:avoid;break-inside:avoid;margin:0 0 8px;overflow:hidden;border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);padding:0}.canvas-asset-import-item.active{border-color:var(--line-sheet);background:var(--select-fill);outline-offset:-3px}.canvas-asset-import-item .workspace-natural-image{display:block;width:100%;border-radius:calc(var(--ui-radius) - 1px)}.canvas-image-editor-dialog{inset:0;left:0;top:0;display:grid;width:100vw;height:100dvh;max-width:none;max-height:none;transform:none;grid-template-rows:44px minmax(0,1fr);gap:0;overflow:hidden;border:0;border-radius:0;background:var(--canvas-background-color,var(--canvas-surface))}.canvas-image-editor-header{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line-ui);background:var(--panel);padding:0 12px}.canvas-image-editor-header h2{grid-column:2;font-size:var(--font-ui-base);font-weight:500}.canvas-image-editor-header>button{grid-column:3;justify-self:end}.canvas-image-editor-workspace{display:grid;min-width:0;min-height:0;grid-template-columns:54px minmax(260px,332px) minmax(0,1fr);gap:8px;padding:8px}.canvas-image-editor-settings,.canvas-image-editor-tool-rail{min-height:0;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--panel)}.canvas-image-editor-tool-rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px}.canvas-image-editor-tool-button{display:inline-grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid transparent;border-radius:var(--ui-radius);background:transparent;color:var(--muted)}.canvas-image-editor-tool-button:hover{border-color:var(--line-ui);background:var(--highlight-on-panel);color:var(--ink)}.canvas-image-editor-tool-button[data-active]{border-color:var(--line-ui);background:var(--ink);color:var(--bg)}.canvas-image-editor-direction-preview:focus-visible,.canvas-image-editor-tool-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.canvas-image-editor-settings-toggle{display:none}.canvas-image-editor-settings{display:grid;min-width:0;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.canvas-image-editor-settings>h2{border-bottom:1px solid var(--line-ui);padding:14px 16px;font-size:var(--font-ui-base);font-weight:500}.canvas-image-editor-panel-content{display:flex;min-height:0;flex-direction:column;gap:13px;overflow:auto;padding:14px}.canvas-image-editor-panel-content>.canvas-image-editor-action-footer:last-child{margin-top:auto}.canvas-image-editor-field,.canvas-image-editor-range{color:var(--ink);font-size:var(--font-ui-small);font-weight:500}.canvas-image-editor-field{display:grid;gap:7px}.canvas-image-editor-panel-description{margin:0;color:var(--muted);font-size:var(--font-ui-small);line-height:1.45}.canvas-image-editor-brush-color{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-size:var(--font-ui-small);font-weight:500}.canvas-image-editor-brush-color input[type=color]{width:30px;height:30px;flex:0 0 30px;overflow:hidden;border:1px solid var(--line-ui);border-radius:50%;background:var(--paper);padding:0;cursor:pointer}.canvas-image-editor-brush-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.canvas-image-editor-brush-color input[type=color]::-moz-color-swatch,.canvas-image-editor-brush-color input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.canvas-image-editor-brush-size{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:7px 10px;color:var(--ink);font-size:var(--font-ui-small);font-weight:500}.canvas-image-editor-brush-size>input{width:100%;min-width:0;accent-color:var(--ink)}.canvas-image-editor-brush-size-indicator{display:grid;width:32px;height:32px;place-items:center}.canvas-image-editor-brush-size-indicator>i{display:block;max-width:30px;max-height:30px;border:1px solid var(--ink);border-radius:50%;background:color-mix(in srgb,var(--ink) 14%,transparent)}.canvas-image-editor-brush-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.canvas-image-editor-brush-modes .ui-button{min-width:0}.canvas-image-editor-field select,.canvas-image-editor-field textarea,.canvas-image-editor-range input[type=number]{border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink)}.canvas-image-editor-field textarea{min-height:88px;resize:vertical;padding:9px;font-size:var(--font-ui-small);line-height:1.45}.canvas-image-editor-field select{min-height:36px;padding:0 9px}.canvas-image-editor-range{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px}.canvas-image-editor-range[data-hide-value]{grid-template-columns:minmax(0,1fr)}.canvas-image-editor-range output{color:var(--muted);font-variant-numeric:tabular-nums}.canvas-image-editor-range input[type=range]{width:100%;min-width:0;accent-color:var(--ink)}.canvas-image-editor-range input[type=number]{width:62px;min-height:30px;padding:3px 5px;text-align:right}.canvas-image-editor-zoom-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-8px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.canvas-image-editor-zoom-legend strong{color:var(--ink);font-weight:500;text-align:center}.canvas-image-editor-zoom-legend span:last-child{text-align:right}.canvas-image-editor-inline-actions{display:flex;flex-wrap:wrap;gap:6px}.canvas-image-editor-direction-control{position:relative;display:grid;place-items:center;width:100%;padding:28px}.canvas-image-editor-direction-preview{display:block;width:100%;height:auto;touch-action:none;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--canvas-background-color,var(--canvas-surface));cursor:grab}.canvas-image-editor-direction-preview[data-mode=camera]{border:0;border-radius:0;background:transparent}.canvas-image-editor-direction-arrow{--icon-button-size:30px;position:absolute;z-index:1;width:30px;height:30px;min-height:30px;border:0;border-radius:var(--ui-radius);background:transparent;color:var(--muted);touch-action:none}.canvas-image-editor-direction-arrow:hover{background:var(--highlight-on-panel);color:var(--ink)}.canvas-image-editor-direction-arrow.is-left{left:0;top:50%;transform:translateY(-50%)}.canvas-image-editor-direction-arrow.is-right{right:0;top:50%;transform:translateY(-50%)}.canvas-image-editor-direction-arrow.is-up{left:50%;top:0;transform:translateX(-50%)}.canvas-image-editor-direction-arrow.is-down{bottom:0;left:50%;transform:translateX(-50%)}.canvas-image-editor-direction-preview:active{cursor:grabbing}.canvas-image-editor-alert,.canvas-image-editor-status{margin:0;padding:0 14px 12px;font-size:var(--font-ui-small);line-height:1.4}.canvas-image-editor-alert{color:var(--destructive)}.canvas-image-editor-action-footer,.canvas-image-editor-sticky-actions{display:grid;gap:7px}.canvas-image-editor-action-footer>span{color:var(--muted);font-size:var(--font-ui-small);text-align:center}.canvas-image-editor-action-footer>span[data-affordable=false]{color:var(--destructive)}.canvas-image-editor-upscale-diagram{display:grid;grid-template-columns:auto auto auto;align-items:end;justify-content:center;gap:14px;padding:14px 0 4px}.canvas-image-editor-upscale-frame-group{display:grid;justify-items:center;gap:7px;min-width:0;font-size:11px;font-variant-numeric:tabular-nums;line-height:1.2;text-align:center}.canvas-image-editor-upscale-frame-group>span:last-child{color:var(--muted)}.canvas-image-editor-upscale-frame-group>strong{color:var(--ink);font-weight:500}.canvas-image-editor-upscale-frame{display:block;box-sizing:border-box;border:1px solid var(--line-ui-strong);border-radius:5px;background:var(--paper)}.canvas-image-editor-upscale-frame[data-frame=output]{border:1.5px solid var(--ink)}.canvas-image-editor-upscale-diagram-arrow{padding-bottom:22px;color:var(--muted);font-size:15px;line-height:1}.canvas-image-editor-upscale-action{flex-wrap:wrap;margin-top:auto;white-space:normal}.canvas-image-editor-upscale-credit-pill{max-width:100%;min-width:0;border-radius:999px;background:hsl(var(--palette-light-base-hsl)/.18);padding:3px 8px;font-size:10.5px;font-weight:500;line-height:1.2;overflow-wrap:anywhere;text-align:center;white-space:normal}.canvas-image-editor-upscale-credit-pill[data-affordable=false]{background:var(--paper);color:var(--destructive)}.canvas-image-editor-adjustments{padding-bottom:0}.canvas-image-editor-adjustment-group{display:grid;gap:13px;border-top:1px solid var(--line-ui);padding-top:13px}.canvas-image-editor-adjustment-group h3{font-size:var(--font-ui-base)}.canvas-image-editor-sticky-actions{position:sticky;bottom:0;grid-template-columns:auto minmax(0,1fr);border-top:1px solid var(--line-ui);background:var(--panel);padding:10px 0 14px}.canvas-image-editor-stage-column{position:relative;display:grid;min-width:0;min-height:0;grid-template-rows:minmax(0,1fr) auto 72px;gap:8px}.canvas-image-editor-stage{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--canvas-background-color,var(--canvas-surface))}.canvas-image-editor-stage-scroll{display:grid;width:100%;height:100%;place-items:center;overflow:auto;padding:30px}.canvas-image-editor-media{position:relative;width:min(100%,1360px);max-height:100%;transform-origin:center}.canvas-image-editor-adjustment-preview,.canvas-image-editor-media>img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-image-editor-brush-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.canvas-image-editor-brush-overlay[data-active]{pointer-events:auto;touch-action:none}.canvas-image-editor-brush-overlay[data-tool=brush]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14.5' fill='%23fff' fill-opacity='.92' stroke='%23111'/%3E%3Cpath d='M11 22c2.8 0 3.8-1.2 3.8-3.4L23 10.4 20.6 8l-8.2 8.2C10.2 16.2 9 17.2 9 20c0 1.1.9 2 2 2Z' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 9 22,crosshair}.canvas-image-editor-brush-overlay[data-tool=eraser]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14.5' fill='%23fff' fill-opacity='.92' stroke='%23111'/%3E%3Cpath d='m9 18 8-8 6 6-8 8h-3l-3-3Z' fill='%23fff' stroke='%23111' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m14 13 6 6' stroke='%23111' stroke-width='1.8'/%3E%3C/svg%3E") 9 23,crosshair}.canvas-image-editor-zoom-controls{display:flex;justify-content:center;gap:5px}.canvas-image-editor-filmstrip{display:flex;min-width:0;gap:7px;overflow-x:auto;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--panel);padding:5px}.canvas-image-editor-filmstrip>button{width:58px;height:58px;flex:0 0 auto;overflow:hidden;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);-o-object-fit:cover;object-fit:cover}.canvas-image-editor-filmstrip>button[data-active]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.canvas-image-editor-filmstrip>button[data-status=pending]{opacity:.58}.canvas-image-editor-filmstrip>button:disabled{cursor:default}.canvas-image-editor-filmstrip button img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.canvas-image-editor-filmstrip button span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;padding:4px;font-size:9px}@media (max-width:780px){.canvas-image-editor-workspace{grid-template-columns:1fr;grid-template-rows:48px auto auto minmax(0,1fr)}.canvas-image-editor-tool-rail{flex-direction:row;justify-content:center;overflow-x:auto;padding:3px 6px}.canvas-image-editor-settings{grid-row:3;max-height:min(38dvh,330px)}.canvas-image-editor-settings[data-collapsed]{display:none}.canvas-image-editor-settings-toggle{display:flex;min-height:34px;grid-row:2;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--panel);color:var(--ink);font-size:var(--font-ui-small);font-weight:500}.canvas-image-editor-panel-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.canvas-image-editor-panel-description,.canvas-image-editor-upscale-action,.canvas-image-editor-upscale-diagram{grid-column:1/-1}.canvas-image-editor-direction-control,.canvas-image-editor-direction-preview{max-width:260px}.canvas-image-editor-stage-column{grid-row:4}}@media (prefers-reduced-motion:reduce){.canvas-generation-pill-form>.canvas-generation-asset-browser-transition{transition:none}.canvas-generation-pill.expanded .canvas-video-reference,.canvas-generation-pill.expanded .image-generation-reference,.canvas-generation-pill.kind-transitioning .canvas-generation-pill-form{animation:none}.canvas-image-editor-media{transition:none}}.canvas-node.walkthrough-highlighted{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus),0 0 0 8px color-mix(in srgb,var(--focus) 30%,transparent),0 0 22px 4px color-mix(in srgb,var(--focus) 34%,transparent)}.canvas-context-menu [data-walkthrough-highlighted=true],.canvas-context-submenu [data-walkthrough-highlighted=true]{box-shadow:inset 0 0 0 3px var(--focus),0 0 0 3px color-mix(in srgb,var(--focus) 28%,transparent)}.canvas-video-prompt-card.shot-fill-pending .generation-prompt-mention-editor{opacity:.55;pointer-events:none}.canvas-shot-fill-status,.canvas-upload-status{display:inline-flex;align-items:center;gap:6px}.canvas-shot-fill-spinner,.canvas-upload-spinner{display:inline-block;width:12px;height:12px;flex:0 0 12px;border:2px solid color-mix(in srgb,currentColor 28%,transparent);border-top-color:currentcolor;border-radius:50%;animation:canvas-shot-fill-spin .72s linear infinite}@keyframes canvas-shot-fill-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.canvas-shot-fill-spinner,.canvas-upload-spinner{animation-duration:2.4s}.canvas-generation-hatch line{animation:none;stroke-dashoffset:0}}.canvas-comments-sidebar-title>small{font-family:var(--sans);font-size:var(--font-ui-micro)}.canvas-comments-sidebar-description{margin:0 0 12px;color:var(--muted);font-size:var(--font-ui-small);line-height:1.5;text-wrap:pretty}.canvas-comments-sidebar .comment-filter-tabs{gap:16px}.canvas-comment-row-head>time{font-family:var(--sans)}.canvas-comment-row.resolved :is(.canvas-comment-row-preview,.canvas-comment-row-body,time,.canvas-comment-row-resolved){color:var(--faint)}.canvas-comment-resolved-dot{display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--faint)}.canvas-comment-row-actions button:focus-visible,.canvas-comments-sidebar-title>button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.canvas-timeline-context-scroll .workspace-universal-breakdown-sections,.canvas-timeline-context-scroll .workspace-universal-scene-breakdown{gap:0}.canvas-timeline-context-scroll .workspace-universal-occurrence-heading{padding:10px 16px}.canvas-timeline-context-scroll .workspace-universal-occurrence-heading h3{font-family:var(--mono);font-size:var(--font-ui-small);line-height:1.5}.canvas-timeline-context-scroll .storyboard-detail-section{border:0;border-top:1px solid var(--line-soft);border-radius:0;padding:12px 16px 14px}.canvas-timeline-context-scroll .storyboard-scope-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.canvas-timeline-context-scroll .storyboard-scope-image-card{margin:0;border-color:var(--line-ui);background:var(--paper)}.canvas-timeline-context-scroll .storyboard-scope-image-card img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.canvas-timeline-context-scroll .storyboard-script-context-page{border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);padding:12px}.canvas-timeline-context-scroll .workspace-universal-scene-breakdown>.ui-button{width:calc(100% - 32px);margin:12px 16px 14px}.canvas-timeline-context-scroll>.workspace-universal-storyboard{padding:12px 16px 14px}.canvas-timeline-context-scroll .storyboard-scope-image-thumb{aspect-ratio:1;max-height:none}.canvas-timeline-context-scroll .storyboard-scope-image-grid{align-items:start}.canvas-generation-kind-toggle.workspace-pill-toggle>button{width:38px;min-width:38px;padding:0;color:var(--ink)}.canvas-generation-kind-toggle.workspace-pill-toggle>button.active{color:var(--bg)}.canvas-comments-sidebar-list{position:relative}.canvas-comments-sidebar-title>small{font:400 var(--font-ui-micro)/1.4 var(--sans);color:var(--muted)}.canvas-comment-row{padding:12px 16px 12px 15px;gap:2px}.canvas-comment-row.active{gap:6px}.canvas-comment-row-head{gap:6px 10px;flex-wrap:wrap}.canvas-comment-row-head>strong{max-width:130px}.canvas-comment-row-head>time{white-space:normal}.canvas-comment-reply-message .canvas-comment-edit-message,.canvas-comment-reply-message p,.canvas-comment-row-body,.canvas-comment-row-preview{margin-left:30px}.canvas-comment-reply-message>div{flex-wrap:wrap;gap:6px 10px}.canvas-comment-reply-message strong{font-size:var(--font-ui-small)}.canvas-comment-row.resolved :is(p,strong,time){color:var(--faint)}.canvas-comment-compose{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:6px 10px}.canvas-comment-compose textarea{width:100%;min-width:0;min-height:28px}.canvas-comment-draft-card{width:min(260px,calc(100vw - 32px));gap:0;padding:0;background:var(--float-fill)}.canvas-comment-anchor,.canvas-comment-pin{width:20px;height:20px}.canvas-comment-pin{min-width:20px;min-height:20px;border:0;padding:0;box-shadow:var(--shadow-float)}.canvas-comment-anchor.resolved .canvas-comment-pin{border:0;opacity:.45;box-shadow:none}.canvas-comment-placement-layer>.canvas-comment-placement-pin{width:20px;height:20px;outline:0;background:transparent;box-shadow:var(--shadow-float)}.canvas-comments-sidebar :is(button,article):focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.canvas-comment-anchor.has-popover{z-index:75}.canvas-comment-card{position:absolute;top:0;left:0;width:260px;display:flex;flex-direction:column;border:1px solid var(--line-sheet);border-radius:var(--ui-radius);background:var(--float-fill);box-shadow:var(--shadow-pill);color:var(--ink);font:400 var(--font-ui-small)/1.5 var(--sans);overflow:auto;pointer-events:auto}.canvas-comment-card.is-thread{width:284px}.canvas-comment-card>footer,.canvas-comment-card>header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;flex-shrink:0}.canvas-comment-card>header{border-bottom:1px solid var(--line-ui)}.canvas-comment-card>header>span{margin-left:auto;display:flex;align-items:center;gap:4px}.canvas-comment-card>footer{justify-content:space-between;border-top:1px solid var(--line-soft)}.canvas-comment-card :is(small,time,footer),.canvas-comment-card>header>span{font-size:var(--font-ui-micro);color:var(--muted)}.canvas-comment-card strong{font-weight:500}.canvas-comment-card-messages{max-height:250px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.canvas-comment-card-message{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:12px}.canvas-comment-card-message+.canvas-comment-card-message{border-top:1px solid var(--line-soft)}.canvas-comment-card-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.canvas-comment-card-message p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty}.canvas-comment-card.is-preview p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.canvas-comment-card .comment-composer-pill{flex-shrink:0;width:100%;border-top:1px solid var(--line-soft)}.canvas-comment-card .comment-composer-pill.is-empty .comment-composer-controls button{display:none}.canvas-comment-card-error{margin:8px 12px;color:var(--danger)}.canvas-comment-card .comment-composer-inline{padding:10px 12px}.canvas-comment-anchor.has-popover>.canvas-comment-pin{z-index:1}.canvas-text-sync-status{position:absolute;top:100%;left:0;display:flex;align-items:center;gap:6px;max-width:100%;padding:4px 6px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--panel);color:var(--muted);font-family:var(--sans);font-size:10px;overflow-wrap:anywhere}.canvas-text-sync-status button{color:var(--ink);flex-shrink:0}.canvas-recovery{padding:6px 12px;font-size:12px}.canvas-recovery summary{cursor:pointer}.canvas-recovery-item{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-block:4px}.canvas-recovery-item>span{min-width:0;overflow-wrap:anywhere}.canvas-frame-title-row{position:absolute;top:-29px;left:-20px;display:inline-flex;align-items:center;gap:5px;height:30px;max-width:calc(100% + 20px);padding:0;border:1px solid transparent;border-radius:var(--ui-radius);pointer-events:auto;transition:padding .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.canvas-frame-title-row.is-collapsed{left:0;max-width:100%;padding:0 10px 0 8px;border-color:var(--line-ui);background:var(--paper);cursor:grab}.canvas-frame-title-row .canvas-frame-title-button{position:static;min-width:0;font-size:15px;flex:1 1 auto}.canvas-frame-title-input{font-size:15px;max-width:100%}.canvas-frame-title-row.is-collapsed .canvas-frame-title-button{cursor:grab}.canvas-frame-disclosure{display:inline-flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;height:22px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer}.canvas-frame-disclosure:disabled{cursor:default}.canvas-frame-disclosure svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.canvas-frame-title-row.is-collapsed .canvas-frame-disclosure svg{transform:rotate(-90deg)}.canvas-frame-title-input:focus-visible,.canvas-frame-title-row button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.canvas-frame-child-count{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:0;height:18px;overflow:hidden;opacity:0;border-radius:var(--radius-pill);background:var(--select-fill);color:var(--ink);font:600 9px/1 ui-monospace,Menlo,monospace;transition:width .34s cubic-bezier(.34,1.56,.64,1) 60ms,opacity .22s cubic-bezier(.4,0,.2,1) 60ms}.canvas-frame-title-row.is-collapsed .canvas-frame-child-count{width:max(18px,3ch);opacity:1}.canvas-node-flow-managed.canvas-node-frame .canvas-shape-fill{height:var(--frame-expanded-height,100%);overflow:hidden;transform-origin:top left;transition:transform .32s cubic-bezier(.4,0,.2,1)}.canvas-node-flow-managed.canvas-node-frame.is-collapsed .canvas-shape-fill{transform:scaleY(0)}.canvas-frame-child{transform-origin:top left;transition:clip-path .32s cubic-bezier(.4,0,.2,1),opacity .22s cubic-bezier(.4,0,.2,1) var(--frame-fold-delay,0ms),translate .3s cubic-bezier(.4,0,.2,1) var(--frame-fold-delay,0ms),scale .3s cubic-bezier(.4,0,.2,1) var(--frame-fold-delay,0ms)}.canvas-frame-child.is-folded{opacity:0;translate:-36px -26px;scale:.35;pointer-events:none}@starting-style{.canvas-frame-child.is-unfolding{opacity:0;translate:-36px -26px;scale:.35}}@media (prefers-reduced-motion:reduce){.canvas-frame-child,.canvas-frame-child-count,.canvas-frame-disclosure svg,.canvas-frame-title-row,.canvas-node-flow-managed.canvas-node-frame .canvas-shape-fill{transition:none}}.canvas-background-picker{width:min(280px,calc(100vw - 24px));padding:12px;color:var(--ink);background:var(--paper);border:1px solid var(--line-sheet);border-radius:var(--ui-radius);box-shadow:var(--shadow-float)}.canvas-background-picker form{display:grid;gap:12px}.canvas-background-picker h3{margin:0;font-size:var(--font-ui-small);font-weight:500}.canvas-background-picker p{margin:0;font-size:var(--font-ui-small);color:var(--muted)}.canvas-background-fields{display:flex;align-items:end;gap:10px}.canvas-background-fields label{display:grid;flex:1;gap:4px;font-size:var(--font-ui-small)}.canvas-background-fields input[type=color]{width:44px;height:36px;padding:2px;cursor:pointer;background:var(--paper);border:1px solid var(--line-ui);border-radius:var(--ui-radius)}.canvas-background-presets{display:flex;gap:8px}.canvas-background-presets button{width:28px;height:28px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);cursor:pointer}.canvas-background-presets button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.canvas-background-picker button:focus-visible,.canvas-background-picker input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.canvas-background-actions{display:flex;justify-content:space-between;gap:8px}.canvas-follow-border{position:absolute;inset:0;z-index:90;border:1px solid var(--collaborator-color);pointer-events:none}.canvas-media-action-bar[data-offscreen]{visibility:hidden;pointer-events:none}@container canvas-generation-pill (max-width: 640px){.canvas-generation-submit-label{display:none}.canvas-generation-submit-button{width:38px;min-width:38px;padding:0;gap:0}}.canvas-dismissible-error{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas-media-recovery{position:absolute;top:64px;right:16px;z-index:12;max-width:min(420px,calc(100% - 32px));max-height:35%;overflow-y:auto;background:var(--panel)}.canvas-generation-pill.style-browser-open{display:flex;flex-direction:column;overflow:hidden}.canvas-generation-pill.style-browser-open .canvas-generation-pill-form{display:flex;flex-direction:column;min-height:0}.canvas-generation-pill.style-browser-open .canvas-generation-pill-form>*{flex-shrink:0}.canvas-generation-pill.style-browser-open .canvas-generation-pill-form>.canvas-style-pane{display:flex;flex-direction:column;min-height:0;flex-shrink:1}.canvas-generation-pill.style-browser-open .canvas-style-header,.canvas-generation-pill.style-browser-open .canvas-style-jump{flex-shrink:0}.canvas-generation-pill.style-browser-open .canvas-style-header{padding-right:36px}.canvas-generation-pill.style-browser-open .canvas-style-create,.canvas-generation-pill.style-browser-open .canvas-style-scroll{min-height:0;flex-shrink:1}.canvas-generation-pill.style-browser-open .canvas-generation-pill-prompt{max-height:clamp(100px,25dvh,260px);overflow-y:auto}.canvas-style-chip{display:flex;align-items:center;gap:7px;height:38px;padding:0 10px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);background:var(--paper);color:var(--ink);font-size:12px;white-space:nowrap}.canvas-style-chip>span:not(.canvas-style-chip-images){max-width:160px;overflow:hidden;text-overflow:ellipsis}.canvas-style-chip.is-open{background:var(--select-fill);border-color:var(--ink)}.canvas-style-pane small{color:var(--muted);font-size:10px}.canvas-style-chip-images{display:flex}.canvas-style-chip-images img{width:22px;height:26px;border:1px solid var(--paper);border-radius:3px;-o-object-fit:cover;object-fit:cover}.canvas-style-pane{border-bottom:1px solid var(--line-ui);font-size:12px;color:var(--ink)}.canvas-style-chip:focus-visible,.canvas-style-pane button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.canvas-style-pane button:disabled{opacity:.38;cursor:default}.canvas-style-pane button{cursor:pointer}.canvas-style-header{display:flex;align-items:center;gap:8px;min-height:41px;padding:0 8px 0 12px;border-bottom:1px solid var(--line-ui)}.canvas-style-actions button,.canvas-style-header>button{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 8px}.canvas-style-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.canvas-style-tabs{display:flex;align-items:center;gap:18px;overflow-x:auto}.canvas-style-tabs button{padding:10px 0;white-space:nowrap;flex-shrink:0}.canvas-style-tabs button[aria-selected=true]{box-shadow:inset 0 -1px 0 var(--ink)}.canvas-style-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 12px;align-content:start}.canvas-style-tile{display:flex;flex-direction:column;gap:6px;min-width:0;text-align:left}.canvas-style-tile>span:last-child{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-style-mosaic,.canvas-style-new{width:100%;aspect-ratio:1;border-radius:var(--ui-radius);overflow:hidden;position:relative}.canvas-style-new{border:1px dashed var(--line-ui-strong);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.canvas-style-mosaic{display:grid;grid-template-columns:3fr 2fr;grid-template-rows:1fr 1fr;gap:2px;background:var(--paper)}.canvas-style-mosaic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;min-height:0}.canvas-style-mosaic img:first-child{grid-row:span 2}.canvas-style-mosaic img:only-child{grid-column:1/-1}.canvas-style-tile[aria-pressed=true] .canvas-style-mosaic{outline:2px solid var(--ink);outline-offset:-2px}.canvas-style-check,.canvas-style-pin{position:absolute;right:6px;width:20px;height:20px;display:grid;place-items:center}.canvas-style-check{top:6px;border-radius:50%;background:var(--ink);color:var(--paper)}.canvas-style-pin{bottom:6px;border-radius:4px;background:var(--paper)}.canvas-style-empty{grid-column:span 3;color:var(--muted);align-self:center}.canvas-style-create{display:grid;grid-template-columns:240px minmax(0,1fr);max-height:380px;overflow-y:auto}.canvas-style-details{padding:12px;border-right:1px solid var(--line-ui);display:flex;flex-direction:column;gap:12px}.canvas-style-details>label{display:flex;flex-direction:column;gap:6px}.canvas-style-details>label,.canvas-style-details>span{font-size:10px;color:var(--muted)}.canvas-style-projects{border:1px solid var(--line-ui);border-radius:var(--ui-radius);overflow:auto;max-height:205px}.canvas-style-projects>*{padding:8px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line-soft)}.canvas-style-projects>label{display:flex;flex-direction:row}.canvas-style-projects input[type=checkbox]{width:14px;height:14px;flex:0 0 auto;accent-color:var(--ink)}.canvas-style-projects>div{background:var(--panel);justify-content:space-between}.canvas-style-references{padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}.canvas-style-reference-header{display:flex;justify-content:space-between;gap:8px;align-items:center}.canvas-style-reference-header small{display:block}.canvas-style-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.canvas-style-slot{height:108px;border:1px dashed var(--line-ui);border-radius:var(--ui-radius);overflow:hidden;position:relative}.canvas-style-slot>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.canvas-style-ordinal,.canvas-style-slot-remove{position:absolute;top:5px;background:var(--paper);border:1px solid var(--line-ui);border-radius:4px;display:grid;place-items:center}.canvas-style-ordinal{left:5px;min-width:16px;height:16px;font-size:9px}.canvas-style-slot-remove{right:5px;width:20px;height:20px}.canvas-style-add{width:100%;height:100%;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center}.canvas-style-slot progress{position:absolute;bottom:6px;left:6px;width:calc(100% - 12px);height:3px;accent-color:var(--ink)}.canvas-style-upload-error{position:absolute;inset:28px 0 0;padding:4px;background:var(--paper);color:var(--danger);font-size:10px;overflow:auto}.canvas-style-error{padding:8px 12px;color:var(--danger)}.canvas-generation-pill.style-browser-open .canvas-generation-pill-prompt textarea{min-height:40px}@container canvas-generation-pill (max-width:760px){.canvas-style-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.canvas-style-create{grid-template-columns:190px minmax(0,1fr)}}@container canvas-generation-pill (max-width:600px){.canvas-style-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-style-create{grid-template-columns:1fr}.canvas-style-details{border-right:0;border-bottom:1px solid var(--line-ui)}.canvas-style-tabs{gap:10px}.canvas-style-header{flex-wrap:wrap}.canvas-style-slot{height:85px}}@media (max-width:600px){.canvas-generation-pill-image.expanded{width:calc(100% - 24px);left:50%}.canvas-generation-pill-image.expanded .canvas-generation-pill-control-main{flex-wrap:wrap;overflow:visible}.canvas-generation-pill-image.expanded .canvas-generation-pill-control-row{flex-wrap:wrap}.canvas-generation-pill-image.expanded .canvas-generation-pill-control-main{flex-basis:100%}.canvas-generation-pill-image.expanded .canvas-generation-pill-submit{margin-left:auto}.canvas-generation-pill.style-browser-open .canvas-generation-pill-prompt{min-height:0;max-height:130px}.canvas-style-tabs{width:100%}.canvas-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-height:700px) and (min-width:601px){.canvas-generation-pill.style-browser-open{--canvas-reference-card-size:74px}.canvas-generation-pill.style-browser-open .canvas-generation-pill-prompt{max-height:110px}.canvas-generation-pill.style-browser-open .canvas-style-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.canvas-generation-pill.style-browser-open .canvas-style-mosaic,.canvas-generation-pill.style-browser-open .canvas-style-new{max-height:64px}}.canvas-style-scroll{height:290px;overflow-y:auto;overscroll-behavior:contain;padding:0 12px 14px}.canvas-style-new-row{padding-top:14px}.canvas-style-section{padding-top:16px;display:grid;gap:10px}.canvas-style-scroll>.canvas-style-section:last-of-type{min-height:100%;align-content:start}.canvas-style-section h3{display:flex;align-items:baseline;gap:8px;margin:0;font-size:12px;font-weight:500}.canvas-style-section h3 small{font-weight:400}.canvas-style-section h3>span{flex:1;height:1px;background:var(--line-soft);align-self:center}.canvas-style-jump{display:flex;align-items:center;gap:16px;padding:8px 12px;border-bottom:1px solid var(--line-ui);overflow-x:auto;white-space:nowrap;color:var(--muted)}.canvas-style-jump>*{flex-shrink:0}.canvas-style-jump button{font-weight:400}.canvas-style-jump button[aria-current=true]{color:var(--ink);font-weight:500}.canvas-style-category-field{display:grid;gap:6px;padding:0 0 12px;border-bottom:1px solid var(--line-ui)}.canvas-style-category-field>span{color:var(--muted);font-size:10px}.canvas-style-category-options{display:flex;flex-wrap:wrap;gap:6px}.canvas-style-category-options button{height:26px;padding:0 9px;border-radius:var(--radius-pill);border:1px solid var(--line-ui);font-size:12px;white-space:nowrap}.canvas-style-category-options button[aria-checked=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.canvas-style-new-badge{margin-left:6px;padding:1px 4px;background:var(--select-fill);border-radius:var(--ui-radius)}.canvas-history-surface{position:absolute;inset:0;z-index:80;display:flex;flex-direction:column;min-height:0;background:var(--paper);overflow:hidden}.canvas-main[data-history-open]>:not(.canvas-history-surface){visibility:hidden;pointer-events:none}.canvas-history-surface-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line-ui);flex-shrink:0}.canvas-history-surface-header h2{margin:0;font:500 var(--font-ui-small)/1.5 var(--sans)}.canvas-history-pagination{flex-shrink:0}.canvas-history-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:12px}.canvas-history-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.canvas-history-filters>*{width:auto;min-width:0;max-width:100%;gap:8px;min-height:32px;height:32px;padding:0 8px;font-size:var(--font-ui-small)}.canvas-history-filters .canvas-history-status-trigger.has-label{height:32px;padding:0 8px;border:1px solid var(--line-ui);border-radius:var(--ui-radius);color:var(--ink)}.canvas-history-status-trigger:hover{background:var(--highlight-on-paper)}.canvas-history-results{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.canvas-history-list{margin:0;padding:0;list-style:none}.canvas-history-row{padding:16px 0;border-bottom:1px solid var(--line-soft);font:400 var(--font-ui-small)/1.5 var(--sans)}.canvas-history-detail-dialog .canvas-history-row,.canvas-history-list>li:last-child>.canvas-history-row{border-bottom:0}.canvas-history-card-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}.canvas-history-details{min-width:0}.canvas-history-meta{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted);font-size:var(--font-ui-micro);overflow-wrap:anywhere}.canvas-history-outputs{display:grid;gap:12px;align-content:start;min-width:0}.canvas-history-preview{display:flex;align-items:center;justify-content:center;width:100%;min-height:100px;max-height:320px;overflow:hidden}.canvas-history-image-button{display:flex;justify-content:center;width:100%;cursor:zoom-in}.canvas-history-preview :is(img,video){display:block;width:100%;max-height:320px;-o-object-fit:contain;object-fit:contain}.canvas-history-preview audio{width:100%;min-width:0}.canvas-history-preview>span{color:var(--muted);padding:12px;text-align:center}.canvas-history-card-footer{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:12px}.canvas-history-card-footer>.canvas-history-meta{flex:1;min-width:150px}.canvas-history-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto}.canvas-history-output-actions{display:contents}.canvas-history-prompt{margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}.canvas-history-parameters{margin:8px 0 0;font-size:var(--font-ui-micro)}.canvas-history-parameters>div{display:flex;flex-wrap:wrap;gap:8px;padding:3px 0}.canvas-history-parameters dt{color:var(--muted)}.canvas-history-parameters dd{margin:0;overflow-wrap:anywhere;min-width:0}.canvas-history-enlarged img{display:block;width:100%;max-height:75dvh;-o-object-fit:contain;object-fit:contain}.canvas-history-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid var(--line-ui)}.canvas-history-pagination>span{margin-right:auto;color:var(--muted);font-size:var(--font-ui-micro)}.canvas-history-empty{color:var(--muted);font-size:var(--font-ui-small);padding:24px 0}@media (max-width:640px){.canvas-history-card-content{grid-template-columns:minmax(0,1fr)}.canvas-history-pagination>span{order:-1;width:100%}}.canvas-history-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.canvas-history-controls .workspace-pill-toggle{flex-shrink:0;grid-auto-columns:max-content}.canvas-history-controls .canvas-history-filters{margin-left:auto}.canvas-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:8px 0}.canvas-history-grid>li{min-width:0}.canvas-history-grid-card{display:flex;flex-direction:column;gap:0;width:100%;height:100%;text-align:left;border-radius:var(--ui-radius);background:var(--panel);overflow:hidden}.canvas-history-grid-card:hover{background:var(--highlight-on-paper)}.canvas-history-grid-card:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.canvas-history-grid-media{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;justify-items:center;width:100%;aspect-ratio:1;overflow:hidden;background:var(--highlight-on-paper);border:1px solid var(--line-soft);border-radius:var(--ui-radius)}.canvas-history-grid-media :is(img,video){width:100%;height:100%;min-height:0;-o-object-fit:cover;object-fit:cover;pointer-events:none}.canvas-history-grid-audio,.canvas-history-grid-unavailable{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:var(--font-ui-small);text-align:center}.canvas-history-detail-dialog{max-height:90dvh;overflow-y:auto}@media (max-width:640px){.canvas-history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.canvas-history-grid-prompt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;margin:10px 10px 12px;min-height:3em;font:400 var(--font-ui-small)/1.5 var(--sans)}.canvas-history-grid-prompt.is-empty{color:var(--muted);font-style:italic}.canvas-history-grid-model{display:block;min-width:0;max-width:100%;margin-top:auto;padding:0 10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:400 var(--font-ui-small)/1.5 var(--sans)}.studio-switch-notice{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);width:min(360px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:8px;padding:8px 12px;color:var(--ink);background:var(--panel);border:1px solid var(--line-ui);border-radius:var(--ui-radius);font-size:var(--font-ui-small);box-shadow:var(--shadow-float)}.studio-switch-notice>svg{flex:none;margin-top:2px}.studio-switch-notice>span{flex:1}.studio-switch-notice>button{flex:none;padding:2px;border-radius:4px}.studio-generation-status{color:var(--muted);font-size:var(--font-ui-small);overflow-wrap:anywhere;text-align:right;margin-left:auto;max-width:260px}@media (max-width:600px){.studio-generation-status{max-width:170px;font-size:var(--font-ui-micro)}}.canvas-generation-pill .canvas-reference-availability-badge{position:absolute;bottom:4px;right:4px;z-index:2;display:grid;place-items:center;width:20px;height:20px;border-radius:var(--ui-radius);background:var(--panel);color:var(--warning);cursor:help}.canvas-generation-pill .canvas-reference-availability-badge:focus-visible{outline:2px solid var(--focus)}