.signup-page{height:100%;min-height:100dvh;padding:var(--ds-space-6) var(--ds-space-6) var(--ds-space-12);background:radial-gradient(ellipse at 50% 0, var(--ds-brand-soft), transparent 48%), var(--ds-bg);overflow-y:auto}.signup-shell{width:min(100%,704px);margin:0 auto}.signup-toolbar{justify-content:flex-end;align-items:center;gap:var(--ds-space-3);min-height:var(--ds-control-md);margin-bottom:var(--ds-space-6);display:flex}.signup-toolbar>.ds-badge{margin-right:auto}.signup-language{align-items:center;gap:var(--ds-space-1);color:var(--ds-text-secondary);display:flex}.signup-language select{min-height:var(--ds-control-sm);padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-text-sm);background:0 0;border-color:#0000}.signup-language option{color:var(--ds-text);background:var(--ds-panel)}.signup-brand{align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-8);flex-direction:column;display:flex}.signup-brand img{object-fit:contain}.signup-brand p{color:var(--ds-text-muted);font-size:var(--ds-text-sm);margin:0}.signup-card{padding:var(--ds-space-8);box-shadow:var(--ds-shadow-lg)}.signup-introduction{text-align:center;flex-direction:column;align-items:center;display:flex}.signup-emblem{width:56px;height:56px;margin-bottom:var(--ds-space-5);border:1px solid var(--ds-brand-border);border-radius:var(--ds-radius-lg);color:var(--ds-brand-text);background:var(--ds-brand-soft);place-items:center;display:grid}.signup-introduction h1{margin:0 0 var(--ds-space-3);font-size:var(--ds-title)}.signup-introduction p{font-size:var(--ds-text-md);margin:0}.signup-email{margin-top:var(--ds-space-2);color:var(--ds-text-muted);font-size:var(--ds-text-xs);overflow-wrap:anywhere}.signup-benefits{gap:var(--ds-space-3);margin:var(--ds-space-8) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.signup-benefits>div{padding:var(--ds-space-5) var(--ds-space-3);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-overlay);text-align:center}.signup-benefits svg{color:var(--ds-brand-text);margin-bottom:var(--ds-space-3)}.signup-benefits h2{margin:0 0 var(--ds-space-2);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold)}.signup-benefits p{font-size:var(--ds-text-xs);white-space:pre-line;margin:0;line-height:1.7}.signup-agreements{padding:var(--ds-space-6);background:var(--ds-canvas);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md)}.signup-agreement-heading h2{margin:0 0 var(--ds-space-2)}.signup-agreement-heading p{margin:0 0 var(--ds-space-5);font-size:var(--ds-text-sm)}.signup-check{align-items:flex-start;gap:var(--ds-space-3);font-size:var(--ds-text-sm);cursor:pointer;line-height:1.7;display:flex}.signup-check input{appearance:auto;accent-color:var(--ds-primary);cursor:pointer;flex:0 0 17px;width:17px;height:17px;margin:3px 0 0;padding:0}.signup-check-all{padding-bottom:var(--ds-space-4);margin-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border);font-weight:var(--ds-weight-semibold)}.signup-document-list{gap:var(--ds-space-4);flex-direction:column;display:flex}.signup-check a{color:var(--ds-brand-text);text-underline-offset:3px;text-decoration:underline}.signup-check a svg{margin-left:var(--ds-space-1);vertical-align:-1px;display:inline}.signup-check small{color:var(--ds-text-muted);margin-top:2px;font-size:11px;display:block}.signup-required{color:var(--ds-text-secondary)}.signup-submit{width:100%;margin-top:var(--ds-space-6);font-weight:var(--ds-weight-semibold)}.signup-error,.signup-notice{margin:var(--ds-space-4) 0 0;font-size:var(--ds-text-sm);overflow-wrap:anywhere}.signup-error{color:var(--ds-danger)}.signup-notice{color:var(--ds-brand-text)}.signup-unavailable{padding:var(--ds-space-6);background:var(--ds-canvas);border-radius:var(--ds-radius-md)}.signup-unavailable p{margin:0}.signup-footer{justify-content:space-between;gap:var(--ds-space-3);border-top:1px solid var(--ds-border);margin-top:var(--ds-space-6);padding-top:var(--ds-space-4);display:flex}.signup-footer button{color:var(--ds-text-secondary)}.signup-auth{gap:var(--ds-space-4);flex-direction:column;width:min(100%,400px);margin:0 auto;display:flex}.signup-auth .button{text-decoration:none}.signup-auth form,.signup-auth label{gap:var(--ds-space-2);flex-direction:column;display:flex}.signup-auth form{gap:var(--ds-space-4)}.signup-auth label{font-size:var(--ds-text-sm)}.signup-auth input{width:100%}.signup-auth-separator{align-items:center;gap:var(--ds-space-3);color:var(--ds-text-muted);font-size:var(--ds-text-xs);display:flex}.signup-auth-separator:before,.signup-auth-separator:after{content:"";background:var(--ds-border);flex:1;height:1px}.signup-status{justify-content:center;align-items:center;gap:var(--ds-space-2);margin:0;display:flex}.signup-preview-note{margin:var(--ds-space-5) 0 0;text-align:center;font-size:var(--ds-text-xs);color:var(--ds-text-muted)}@media (width<=560px){.signup-page{padding:var(--ds-space-4) var(--ds-space-4) var(--ds-space-8)}.signup-toolbar{margin-bottom:var(--ds-space-5)}.signup-brand{margin-bottom:var(--ds-space-6)}.signup-card{padding:var(--ds-space-6) var(--ds-space-4)}.signup-benefits{gap:var(--ds-space-2);margin:var(--ds-space-6) 0;grid-template-columns:1fr}.signup-benefits>div{gap:0 var(--ds-space-3);text-align:left;padding:var(--ds-space-3);grid-template-columns:24px 1fr;align-items:start;display:grid}.signup-benefits svg{grid-row:span 2;margin:0}.signup-benefits h2{margin-bottom:var(--ds-space-1)}.signup-benefits p{white-space:normal}.signup-agreements{padding:var(--ds-space-4)}.signup-introduction h1{font-size:var(--ds-text-xl)}}.runtime-root{height:100%}.account-gate{background:var(--ds-bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.account-card{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:16px;flex-direction:column;gap:18px;width:min(100%,440px);padding:32px;display:flex}.account-card h1,.account-card h2,.account-card p{margin:0}.account-card p{color:var(--ds-text-secondary);line-height:1.7}.account-card form,.account-card label{flex-direction:column;gap:10px;display:flex}.account-card form{gap:18px}.account-card input,.account-card select{width:100%}.account-card .account-error{color:var(--ds-danger)}.account-language{align-self:center}.account-wallet{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.account-modal{max-height:90dvh;position:relative;overflow:auto}.account-packs{gap:10px;display:grid}.account-packs button{justify-content:space-between;padding:16px;display:flex}.video-options{gap:var(--ds-space-3);padding:var(--ds-space-4) 0 0;border:0;border-top:1px solid var(--ds-border);flex-direction:column;min-width:0;margin:0;display:flex}.video-options label{justify-content:space-between;align-items:center;gap:var(--ds-space-3);color:var(--ds-text-secondary);font-size:var(--ds-text-sm);display:flex}.video-options select{width:54%;min-width:0;max-width:170px;min-height:var(--ds-control-md);padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-text-sm)}.video-options select:disabled{opacity:.7}.video-options:disabled select{opacity:.4}.canvas-inspector .video-options{margin-bottom:var(--ds-space-5)}.video-reference-note{margin:var(--ds-space-2) 0 var(--ds-space-4);color:var(--ds-warning);font-size:var(--ds-text-xs);line-height:1.7}.video-language-note{color:var(--ds-text-secondary);font-size:var(--ds-text-xs);margin:0;line-height:1.7}.video-rate-note{margin:calc(-1 * var(--ds-space-2)) 0 var(--ds-space-4);color:var(--ds-text-muted);font-size:var(--ds-text-xs);line-height:1.7}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.canvas-workspace{background:var(--ds-bg);width:100%;height:100%;min-height:620px;color:var(--ds-text);--canvas-panel:var(--ds-panel);--canvas-muted:var(--ds-text-secondary);--canvas-line:var(--ds-border);--canvas-accent:var(--ds-brand-text);font-size:var(--ds-text-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.canvas-workspace *,.canvas-workspace :before,.canvas-workspace :after{box-sizing:border-box}.canvas-workspace button,.canvas-workspace input,.canvas-workspace textarea{font:inherit}.canvas-workspace button,.canvas-workspace a{-webkit-tap-highlight-color:transparent}.canvas-workspace button{cursor:pointer}.canvas-workspace button:disabled{opacity:.4;cursor:not-allowed}.canvas-workspace button:focus-visible,.canvas-workspace a:focus-visible,.canvas-workspace input:focus-visible,.canvas-workspace textarea:focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px}.canvas-toolbar{border-bottom:1px solid var(--ds-border);background:var(--ds-bg);z-index:5;justify-content:space-between;align-items:center;gap:18px;height:85px;min-height:85px;padding:0 28px;display:flex}.canvas-heading{align-items:center;gap:var(--ds-space-3);min-width:0;display:flex}.canvas-heading-icon{width:var(--ds-control-md);height:var(--ds-control-md);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-brand-text);background:var(--ds-brand-soft);border-color:var(--ds-brand-border);place-items:center;display:grid}.canvas-heading h1{font-size:var(--ds-text-xl);font-weight:var(--ds-weight-semibold);letter-spacing:-.4px;margin:0}.canvas-heading p{color:var(--canvas-muted);font-size:var(--ds-text-xs);letter-spacing:.1px;margin:5px 0 0}.canvas-toolbar-actions{flex-shrink:0;align-items:center;gap:11px;display:flex}.canvas-history-buttons{border-right:1px solid var(--canvas-line);margin-right:1px;padding-right:9px;display:flex}.canvas-history-buttons button,.canvas-panel-heading>button,.canvas-section-heading button,.canvas-input-list button{width:var(--ds-control-sm);height:var(--ds-control-sm);color:var(--ds-text-secondary);border-radius:var(--ds-radius-sm);background:0 0;border:0;place-items:center;display:grid}.canvas-history-buttons button:hover:not(:disabled),.canvas-panel-heading>button:hover,.canvas-section-heading button:hover,.canvas-input-list button:hover{background:var(--ds-hover);color:var(--ds-text)}.canvas-button{justify-content:center;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);min-height:var(--ds-control-md);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-text);background:var(--ds-raised);white-space:nowrap;text-decoration:none;display:inline-flex;font-size:var(--ds-text-md)!important;font-weight:var(--ds-weight-semibold)!important}.canvas-button:hover:not(:disabled),.canvas-button.is-active{background:var(--ds-hover);border-color:var(--ds-border-strong)}.canvas-button.canvas-primary,.canvas-run-all{color:var(--ds-on-primary);border-color:var(--ds-primary);background:var(--ds-primary);font-weight:var(--ds-weight-semibold)!important}.canvas-button.canvas-primary:hover:not(:disabled),.canvas-run-all:hover:not(:disabled){color:var(--ds-on-primary);border-color:var(--ds-primary-hover);background:var(--ds-primary-hover)}.canvas-count{border-radius:var(--ds-radius-sm);background:var(--ds-raised);min-width:17px;height:17px;color:var(--ds-text);font-size:var(--ds-text-xs);place-items:center;display:grid}.canvas-body{flex:1;min-height:0;display:flex}.canvas-flow-surface{background:var(--ds-canvas);flex:1;min-width:0;position:relative}.canvas-workspace .react-flow{position:absolute;inset:0}.canvas-workspace .react-flow__node{box-shadow:none;background:0 0;border:0;padding:0}.canvas-workspace .react-flow__node:focus{outline:none}.canvas-workspace .react-flow__edge.selected .react-flow__edge-path{stroke:var(--ds-brand-text)!important;stroke-width:2.4px!important}.canvas-workspace .react-flow__selection{background:var(--ds-brand-soft);border:1px solid var(--ds-brand-border);border-radius:var(--ds-radius-sm)}.canvas-workspace .react-flow__controls{border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-sm);display:flex;bottom:27px;left:8px;overflow:hidden}.canvas-workspace .react-flow__controls-button{background:var(--ds-raised);color:var(--ds-text-secondary);border:0;border-right:1px solid var(--ds-border);width:var(--ds-control-sm);height:var(--ds-control-sm);padding:9px}.canvas-workspace .react-flow__controls-button:hover{background:var(--ds-hover)}.canvas-workspace .react-flow__controls-button svg{fill:currentColor}.canvas-workspace .react-flow__minimap{background:var(--ds-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);width:140px;height:90px;bottom:28px;right:8px;overflow:hidden}.canvas-floating-tools{gap:var(--ds-space-2);z-index:4;display:flex;position:absolute;top:22px;left:24px}.canvas-add-button,.canvas-tool-button{justify-content:center;align-items:center;gap:var(--ds-space-2);height:var(--ds-control-md);padding:0 var(--ds-space-3);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-raised);color:var(--ds-text);box-shadow:var(--ds-shadow-sm);display:inline-flex;font-size:var(--ds-text-md)!important}.canvas-tool-button{width:var(--ds-control-md);color:var(--ds-text-secondary);padding:0}.canvas-add-button:hover,.canvas-tool-button:hover{background:var(--ds-hover);border-color:var(--ds-border-strong);color:var(--ds-text)}.canvas-add-button>svg:first-child{color:var(--canvas-accent)}.canvas-add-button>svg:last-child{color:var(--ds-text-secondary);margin-left:13px}.canvas-add-menu{z-index:6;background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);width:220px;padding:var(--ds-space-2);box-shadow:var(--ds-shadow-lg);position:absolute;top:71px;left:24px}.canvas-add-menu button{width:100%;padding:9px var(--ds-space-2);border-radius:var(--ds-radius-sm);color:var(--ds-text);text-align:left;font-size:var(--ds-text-md);min-height:var(--ds-control-md);background:0 0;border:0;align-items:center;gap:11px;display:flex}.canvas-add-menu button:hover{background:var(--ds-hover)}.canvas-add-menu button>span:nth-child(2){flex:1}.canvas-add-menu button>svg:last-child{color:var(--ds-text-secondary)}.canvas-add-menu .canvas-menu-upload{padding:var(--ds-space-3) 10px var(--ds-space-2);border-top:1px solid var(--ds-border);color:var(--ds-text-secondary);font-size:var(--ds-text-xs);border-radius:0;margin-top:6px}.canvas-node{border:1px solid var(--ds-border);background:var(--ds-panel);border-radius:var(--ds-radius-md);width:300px;box-shadow:var(--ds-shadow-sm);transition:border-color var(--ds-duration) var(--ds-easing), box-shadow var(--ds-duration) var(--ds-easing);border-color:var(--ds-border-strong);overflow:visible}.canvas-node.is-selected{border-color:var(--ds-brand-text);box-shadow:0 0 0 2px var(--ds-brand-border), var(--ds-shadow-sm)}.canvas-node.is-busy{border-color:var(--ds-brand-border)}.canvas-node-head{align-items:center;gap:var(--ds-space-2);height:43px;padding:0 var(--ds-space-3);cursor:grab;border-bottom:1px solid var(--ds-border);display:flex}.canvas-node-head:active{cursor:grabbing}.canvas-node-head strong{white-space:nowrap;text-overflow:ellipsis;font-size:var(--ds-text-md);font-weight:var(--ds-weight-semibold);color:var(--ds-text);flex:1;overflow:hidden}.canvas-kind-icon{border-radius:var(--ds-radius-sm);flex-shrink:0;place-items:center;width:25px;height:25px;display:grid}.canvas-kind-icon.kind-text,.canvas-kind-icon.kind-script{background:var(--ds-info-soft);color:var(--ds-info)}.canvas-kind-icon.kind-image{background:var(--ds-overlay-active);color:var(--ds-media-image)}.canvas-kind-icon.kind-video{background:var(--ds-brand-soft);color:var(--ds-media-video)}.canvas-kind-icon.kind-audio{background:var(--ds-warning-soft);color:var(--ds-media-audio)}.canvas-kind-label{color:var(--ds-text-muted);letter-spacing:.15px;font-size:11px}.canvas-node-media{background:var(--ds-canvas);height:176px;position:relative;overflow:hidden}.canvas-node-media>img,.canvas-node-media>video{object-fit:cover;width:100%;height:100%;display:block}.canvas-empty-media{color:var(--ds-text-secondary);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:18px;display:flex}.canvas-empty-media strong{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);color:var(--ds-text-secondary)}.canvas-empty-media span{color:var(--ds-text-muted);font-size:11px}.canvas-empty-media:hover{background:var(--ds-overlay-hover);color:var(--ds-brand-text)}.canvas-media-tag{pointer-events:none;padding:var(--ds-space-1) 7px;background:var(--ds-backdrop);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;position:absolute;top:9px;left:9px}.canvas-generating{background:var(--ds-backdrop);color:var(--ds-brand-text);font-size:var(--ds-text-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.canvas-node-prompt{padding:11px var(--ds-space-3) 6px;border-top:1px solid var(--ds-border)}.canvas-node-prompt textarea,.canvas-text-content textarea{resize:none;width:100%;color:var(--ds-text);font-size:var(--ds-text-md);line-height:var(--ds-leading);background:0 0;border:0;outline:0;padding:0}.canvas-node-prompt textarea::placeholder,.canvas-text-content textarea::placeholder{color:var(--ds-text-muted)}.canvas-text-content{background:var(--ds-canvas);padding:18px 17px 11px;position:relative}.canvas-text-content textarea{font-size:var(--ds-text-md);line-height:var(--ds-leading);min-height:132px;color:var(--ds-text)}.canvas-node-script .canvas-text-content textarea{min-height:196px}.canvas-char-count{text-align:right;color:var(--ds-text-muted);font-size:11px;display:block}.canvas-node-footer{min-height:39px;padding:var(--ds-space-2) 11px;border-top:1px solid var(--ds-border);justify-content:space-between;align-items:center;gap:6px;display:flex}.canvas-node-footer>span:first-child{align-items:center;gap:var(--ds-space-1);color:var(--ds-text-muted);font-size:11px;display:flex}.canvas-node-run{padding:5px var(--ds-space-2);background:var(--ds-primary);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-on-primary);border-color:var(--ds-primary);min-height:var(--ds-control-sm);align-items:center;gap:5px;display:flex;font-size:var(--ds-text-xs)!important}.canvas-node-run:hover:not(:disabled){background:var(--ds-primary-hover);border-color:var(--ds-primary-hover)}.canvas-text-output{background:var(--ds-info-soft);width:20px;height:20px;color:var(--ds-info);border-radius:50%;place-items:center;display:grid}.canvas-workspace .canvas-port{background:var(--ds-media-image);border:2px solid var(--ds-canvas);width:11px;height:11px;transition:background var(--ds-duration) var(--ds-easing), transform var(--ds-duration) var(--ds-easing)}.canvas-workspace .canvas-port:hover,.canvas-workspace .canvas-port.connectingto{background:var(--ds-primary)}.canvas-workspace .canvas-port.react-flow__handle-left{left:-6px}.canvas-workspace .canvas-port.react-flow__handle-right{right:-6px}.canvas-node-text .canvas-port,.canvas-node-script .canvas-port{background:var(--ds-info)}.canvas-node-video .canvas-port{background:var(--ds-media-video)}.canvas-node-audio .canvas-port{background:var(--ds-media-audio)}.canvas-selection-bar{z-index:4;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-panel);height:42px;box-shadow:var(--ds-shadow-sm);border-color:var(--ds-brand-border);align-items:center;gap:5px;padding:0 7px 0 13px;display:flex;position:absolute;bottom:55px;left:50%;transform:translate(-50%)}.canvas-selection-bar>span{font-size:var(--ds-text-xs);color:var(--ds-brand-text);white-space:nowrap;align-items:center;gap:7px;display:flex}.canvas-selection-bar>i{background:var(--ds-border-strong);width:1px;height:20px;margin:0 5px 0 9px}.canvas-selection-bar button{width:var(--ds-control-sm);height:var(--ds-control-sm);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary);background:0 0;border:0;place-items:center;display:grid}.canvas-selection-bar button:hover{background:var(--ds-hover);color:var(--ds-text)}.canvas-corner-label{color:var(--ds-text-secondary);font-size:var(--ds-text-xs);pointer-events:none;align-items:center;gap:7px;display:flex;position:absolute;bottom:14px;left:24px}.canvas-live-dot{background:var(--ds-success);border-radius:50%;width:5px;height:5px}.canvas-corner-hint{margin-left:var(--ds-space-4);color:var(--ds-text-muted)}.canvas-empty-state{z-index:2;text-align:center;width:min(520px,82%);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.canvas-empty-art{justify-content:center;align-items:center;margin-bottom:27px;display:flex}.canvas-empty-art span{border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-brand-soft);width:54px;height:60px;color:var(--ds-brand-text);border-color:var(--ds-brand-border);place-items:center;display:grid;transform:rotate(-7deg)}.canvas-empty-art span:nth-of-type(2){background:var(--ds-raised);width:74px;height:80px;transform:rotate(4deg)}.canvas-empty-art span:last-child{transform:rotate(9deg)}.canvas-empty-art i{background:var(--ds-border-strong);width:32px;height:1px}.canvas-empty-state h2{color:var(--ds-text);font-size:var(--ds-text-xl);font-weight:var(--ds-weight-medium);letter-spacing:-.5px}.canvas-empty-state p{color:var(--ds-text-secondary);font-size:var(--ds-text-md);margin:10px 0 var(--ds-space-6);line-height:1.8}.canvas-notice{align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-3) 14px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-panel);max-width:90%;color:var(--ds-text);box-shadow:var(--ds-shadow-sm);z-index:9;font-size:var(--ds-text-md);border-color:var(--ds-border-strong);display:flex;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.canvas-notice button{color:var(--ds-text-secondary);background:0 0;border:0;padding:1px;display:flex}.canvas-inspector{border-left:1px solid var(--ds-border);background:var(--ds-panel);z-index:5;flex-direction:column;flex:0 0 288px;width:288px;min-height:0;display:flex}.canvas-panel-heading{padding:var(--ds-space-5) 18px var(--ds-space-4);border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:center;display:flex}.canvas-panel-heading h2{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);margin:5px 0 0}.canvas-eyebrow{color:var(--ds-text-secondary);font-size:var(--ds-text-xs);letter-spacing:.6px}.canvas-inspector-scroll{scrollbar-width:thin;scrollbar-color:var(--ds-border-strong) transparent;flex:1;min-height:0;padding:18px;overflow:auto}.canvas-field{gap:var(--ds-space-2);flex-direction:column;margin:0 0 19px;display:flex}.canvas-field>span{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.canvas-field input,.canvas-field textarea{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-input);width:100%;color:var(--ds-text);font-size:var(--ds-text-md);line-height:var(--ds-leading);border-color:var(--ds-border-input);min-height:var(--ds-control-md);padding:10px 11px}.canvas-field textarea{resize:vertical;min-height:85px}.canvas-field input::placeholder,.canvas-field textarea::placeholder{color:var(--ds-text-muted)}.canvas-section-heading{justify-content:space-between;align-items:center;min-height:18px;margin:21px 0 10px;display:flex}.canvas-section-heading h3{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);color:var(--ds-text);margin:0}.canvas-section-heading>span{min-width:18px;height:17px;padding:0 var(--ds-space-1);border-radius:var(--ds-radius-sm);background:var(--ds-raised);font-size:var(--ds-text-xs);color:var(--ds-text-secondary);place-items:center;display:grid}.canvas-section-heading button{width:25px;height:23px}.canvas-inspector-media{aspect-ratio:16/10;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-canvas);overflow:hidden}.canvas-inspector-media>img,.canvas-inspector-media>video{object-fit:contain;width:100%;height:100%;display:block}.canvas-result-actions{justify-content:flex-end;align-items:center;gap:6px;margin-top:9px;display:flex}.canvas-result-actions button,.canvas-result-actions a{min-height:var(--ds-control-sm);padding:5px var(--ds-space-2);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-raised);color:var(--ds-text-secondary);font-size:var(--ds-text-xs);justify-content:center;align-items:center;gap:6px;text-decoration:none;display:flex}.canvas-result-actions button:hover,.canvas-result-actions a:hover{background:var(--ds-hover)}.canvas-sample-note{margin:var(--ds-space-3) 0 21px;font-size:var(--ds-text-xs);color:var(--ds-text-muted);line-height:1.7}.canvas-model-info{font-size:var(--ds-text-xs);border-radius:var(--ds-radius-sm);background:var(--ds-overlay);justify-content:space-between;align-items:center;padding:11px 10px;display:flex}.canvas-model-info>span{color:var(--ds-text-secondary)}.canvas-model-info strong{font-weight:var(--ds-weight-medium);color:var(--ds-text);align-items:center;gap:6px;display:flex}.canvas-input-list>div{align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-1) 7px var(--ds-space-1) 10px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-raised);color:var(--ds-text-secondary);margin:6px 0;display:flex}.canvas-input-list>div>span{font-size:var(--ds-text-xs);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.canvas-input-list button{width:23px;height:23px}.canvas-input-list p,.canvas-muted-paragraph{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin:0;line-height:1.8}.canvas-candidate-grid{gap:var(--ds-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.canvas-candidate-grid>button{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-panel);height:77px;padding:0;position:relative;overflow:hidden}.canvas-candidate-grid>button:hover{border-color:var(--ds-brand-border)}.canvas-candidate-grid>button.is-chosen{border:2px solid var(--ds-brand-text)}.canvas-candidate-grid>button>img,.canvas-candidate-grid>button>video{object-fit:cover;width:100%;height:100%;display:block}.canvas-candidate-grid>button>span{padding:2px var(--ds-space-1);border-radius:var(--ds-radius-sm);background:var(--ds-backdrop);color:var(--ds-text);font-size:11px;position:absolute;bottom:5px;left:5px}.canvas-candidate-grid>button>i{background:var(--ds-brand);width:18px;height:18px;color:var(--ds-on-brand);border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px}.canvas-inspector-bottom{border-top:1px solid var(--ds-border);gap:var(--ds-space-2);flex-direction:column;padding:14px 18px;display:flex}.canvas-inspector-bottom .canvas-button{width:100%}.canvas-storyboard-link{color:var(--ds-text-secondary);min-height:25px;padding:var(--ds-space-1);background:0 0;border:0}.canvas-workflow-panel{z-index:15;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-panel);width:340px;max-height:calc(100% - 100px);box-shadow:var(--ds-shadow-lg);border-color:var(--ds-border-strong);position:absolute;top:74px;right:26px;overflow:auto}.canvas-workflow-panel .canvas-panel-heading{padding:18px}.canvas-workflow-save{margin:var(--ds-space-4);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-raised);padding:15px}.canvas-workflow-save .canvas-field{margin-bottom:10px}.canvas-workflow-save .canvas-button{width:100%}.canvas-workflow-list{padding:0 var(--ds-space-4) var(--ds-space-4)}.canvas-workflow-list>div{align-items:center;gap:var(--ds-space-3);border-bottom:1px solid var(--ds-border);padding:13px 0;display:flex}.canvas-workflow-list>div:last-child{border-bottom:0}.canvas-workflow-icon{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-brand-soft);width:38px;height:38px;color:var(--ds-brand-text);border-color:var(--ds-brand-border);place-items:center;display:grid}.canvas-workflow-list>div>div{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.canvas-workflow-list strong{color:var(--ds-text);font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.canvas-workflow-list>div>div>span{color:var(--ds-text-secondary);font-size:var(--ds-text-xs)}.canvas-workflow-list button{width:var(--ds-control-sm);height:var(--ds-control-sm);background:var(--ds-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-text);place-items:center;display:grid}.canvas-workflow-list>p{color:var(--ds-text-secondary);font-size:var(--ds-text-xs);padding:10px 3px;line-height:1.8}.canvas-dialog-backdrop{background:var(--ds-backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:25;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.canvas-asset-dialog{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);width:650px;max-width:100%;max-height:85%;box-shadow:var(--ds-shadow-lg);border-color:var(--ds-border-strong);flex-direction:column;display:flex}.canvas-asset-grid{padding:var(--ds-space-5);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid;overflow:auto}.canvas-asset-grid>button{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-raised);color:var(--ds-text);text-align:left;flex-direction:column;gap:6px;min-width:0;padding:7px;display:flex}.canvas-asset-grid>button:hover{border-color:var(--ds-brand-border);background:var(--ds-hover)}.canvas-asset-grid>button>img,.canvas-asset-grid>button>video,.canvas-asset-grid>button>.canvas-audio-preview{object-fit:cover;border-radius:var(--ds-radius-sm);width:100%;height:105px}.canvas-asset-grid strong{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);text-overflow:ellipsis;white-space:nowrap;width:100%;padding:2px 2px 0;overflow:hidden}.canvas-asset-grid>button>span{padding:0 2px var(--ds-space-1);color:var(--ds-text-secondary);font-size:var(--ds-text-xs)}.canvas-asset-grid>p{text-align:center;color:var(--ds-text-secondary);font-size:var(--ds-text-xs);grid-column:1/-1;padding:35px 0}.canvas-dialog-footer{padding:var(--ds-space-4) var(--ds-space-5);border-top:1px solid var(--ds-border);justify-content:flex-end;display:flex}.canvas-audio-preview{width:100%;height:100%;padding:var(--ds-space-3);background:radial-gradient(ellipse at center, var(--ds-warning-soft), var(--ds-canvas));color:var(--ds-media-audio);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.canvas-audio-preview>span{font-size:var(--ds-text-xs);text-overflow:ellipsis;white-space:nowrap;max-width:95%;overflow:hidden}.canvas-audio-preview audio{width:100%;height:30px}.canvas-candidate-grid .canvas-audio-preview{padding:var(--ds-space-2);gap:var(--ds-space-1)}.canvas-candidate-grid .canvas-audio-preview>svg{width:20px}.canvas-candidate-grid .canvas-audio-preview>span{font-size:11px}.canvas-spin{animation:1s linear infinite canvas-spin}@keyframes canvas-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.canvas-toolbar{gap:10px;padding:0 18px}.canvas-heading p{display:none}.canvas-toolbar-actions{gap:7px}.canvas-history-buttons{display:none}.canvas-inspector{flex-basis:260px;width:260px}.canvas-inspector-scroll{padding:14px}.canvas-corner-hint{display:none}}@media (width<=760px){.canvas-workspace{min-height:600px}.canvas-toolbar{height:70px;min-height:70px;padding:0 var(--ds-space-3)}.canvas-heading-icon{display:none}.canvas-heading h1{font-size:var(--ds-text-lg)}.canvas-toolbar-actions>.canvas-button:not(.canvas-run-all){padding:var(--ds-space-2);gap:0;font-size:0!important}.canvas-toolbar-actions>.canvas-button:not(.canvas-run-all) .canvas-count{display:none}.canvas-run-all{padding:var(--ds-space-2);font-size:var(--ds-text-xs)!important}.canvas-inspector{width:min(288px,80vw);box-shadow:var(--ds-shadow-sm);position:absolute;top:70px;bottom:0;right:0}.canvas-floating-tools{gap:6px;top:15px;left:14px}.canvas-add-menu{top:62px;left:14px}.canvas-workflow-panel{width:min(340px,100% - 24px);top:62px;right:12px}.canvas-workspace .react-flow__minimap{display:none}.canvas-dialog-backdrop{padding:var(--ds-space-3)}.canvas-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}}@media (prefers-reduced-motion:reduce){.canvas-spin{animation-duration:2.5s}.canvas-node{transition:none}}.pg-shell{height:100%;min-height:0;padding:var(--ds-space-8) var(--ds-space-12) var(--ds-space-12);max-width:var(--ds-content-max);color:var(--ds-text);flex-direction:column;margin:auto;display:flex;overflow:hidden}.pg-heading{justify-content:space-between;align-items:center;gap:var(--ds-space-6);margin-bottom:var(--ds-space-6);flex-shrink:0;display:flex}.pg-kicker{font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);letter-spacing:.06em;color:var(--ds-text-secondary)}.pg-heading h1{font-size:var(--ds-title);line-height:var(--ds-leading-tight);letter-spacing:-1px;margin:var(--ds-space-2) 0;font-weight:var(--ds-weight-semibold)}.pg-heading p{font-size:var(--ds-text-md);margin:0}.pg-history-link{font-size:var(--ds-text-md);padding:var(--ds-space-2) var(--ds-space-3);color:var(--ds-text-secondary);background:0 0}.pg-layout{grid-template-columns:var(--ds-panel-width) minmax(0,1fr);gap:var(--ds-space-6);flex:1;grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0;display:grid}.pg-composer{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.pg-mode{padding:var(--ds-space-2);gap:var(--ds-space-1);border-bottom:1px solid var(--ds-border);flex-shrink:0;display:flex}.pg-mode button{gap:var(--ds-space-1);padding:var(--ds-space-2) var(--ds-space-1);font-size:var(--ds-text-md);color:var(--ds-text-secondary);min-height:var(--ds-control-md);border-radius:var(--ds-radius-sm);background:0 0;border:0;flex:1}.pg-mode button.is-active{background:var(--ds-primary);color:var(--ds-on-primary)}.pg-model-picker{width:calc(100% - 32px);margin:var(--ds-space-4) var(--ds-space-4) 0;padding:var(--ds-space-3) var(--ds-space-3);align-items:center;gap:var(--ds-space-3);text-align:left;background:var(--ds-input);border-color:var(--ds-border);border-radius:var(--ds-radius-md);flex-shrink:0;display:flex}.pg-model-symbol{width:var(--ds-control-md);height:var(--ds-control-md);background:var(--ds-brand-soft);border:1px solid var(--ds-brand-border);border-radius:var(--ds-radius-md);color:var(--ds-brand-text);flex-shrink:0;place-items:center;display:grid}.pg-model-picker>span:nth-child(2){flex:1;min-width:0}.pg-model-picker small{font-size:var(--ds-text-xs);color:var(--ds-text-muted);margin-bottom:var(--ds-space-1);display:block}.pg-model-picker strong{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);display:block}.pg-model-picker>svg{color:var(--ds-text-secondary)}.pg-composer-body{overscroll-behavior:contain;min-height:0;padding:var(--ds-space-6) var(--ds-space-4) var(--ds-space-4);flex:1;overflow:auto}.pg-field-heading{justify-content:space-between;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);margin-bottom:var(--ds-space-3);display:flex}.pg-optional{font-size:var(--ds-text-xs);color:var(--ds-text-muted);font-weight:400}.pg-reference-row{gap:var(--ds-space-2);padding:var(--ds-space-3);border:1px dashed var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-bg);flex-wrap:wrap;min-height:82px;display:flex}.pg-reference{border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);width:58px;height:58px;position:relative}.pg-reference img,.pg-reference video{object-fit:cover;border-radius:var(--ds-radius-sm);width:100%;height:100%}.pg-reference button{border-radius:var(--ds-radius-pill);border:1px solid var(--ds-border-strong);background:var(--ds-raised);width:24px;height:24px;color:var(--ds-text);place-items:center;padding:0;display:grid;position:absolute;top:-8px;right:-8px}.pg-add-reference{gap:var(--ds-space-1);width:58px;height:58px;padding:var(--ds-space-2);border:1px solid var(--ds-border);background:var(--ds-raised);color:var(--ds-text-secondary);border-radius:var(--ds-radius-sm);flex-direction:column;display:flex}.pg-add-reference span{font-size:var(--ds-text-xs)}.pg-library-link{align-items:center;gap:var(--ds-space-2);width:100%;padding:var(--ds-space-3) 0 0;font-size:var(--ds-text-xs);color:var(--ds-text-secondary);border:0;display:flex;background:0 0!important}.pg-library-link>svg:last-child{margin-left:auto}.pg-library-picker{gap:var(--ds-space-2);max-height:220px;margin-top:var(--ds-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:auto}.pg-library-picker button{text-align:left;border-color:var(--ds-border);background:var(--ds-raised);min-width:0;padding:0;display:block;position:relative;overflow:hidden}.pg-library-picker button.is-selected{border-color:var(--ds-primary)}.pg-library-picker img,.pg-library-picker video{object-fit:cover;width:100%;height:54px}.pg-library-picker button>svg{background:var(--ds-primary);color:var(--ds-on-primary);border-radius:var(--ds-radius-pill);position:absolute;top:4px;right:4px}.pg-library-picker span{padding:var(--ds-space-1);font-size:var(--ds-text-xs);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pg-library-picker p{font-size:var(--ds-text-xs);grid-column:1/-1;margin:0}.pg-prompt-heading{margin-top:var(--ds-space-6)}.pg-clear{font-size:var(--ds-text-xs);padding:var(--ds-space-1) var(--ds-space-1);color:var(--ds-text-secondary);min-height:var(--ds-control-sm);background:0 0;border:0}.pg-selected-preset{align-items:center;gap:var(--ds-space-2);max-width:100%;font-size:var(--ds-text-xs);background:var(--ds-brand-soft);color:var(--ds-brand-text);border:1px solid var(--ds-border);padding:var(--ds-space-2) var(--ds-space-2);border-radius:var(--ds-radius-sm);margin-bottom:var(--ds-space-2);display:flex}.pg-selected-preset>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pg-selected-preset button{color:inherit;background:0 0;border:0;padding:0}.pg-composer textarea{width:100%;min-height:155px;max-height:370px;font-size:var(--ds-text-md);padding:var(--ds-space-3);background:var(--ds-input);border:1px solid var(--ds-border-input);resize:vertical;border-radius:var(--ds-radius-md);line-height:1.7;display:block}.pg-composer textarea::placeholder{color:var(--ds-text-muted)}.pg-counter{font-size:var(--ds-text-xs);text-align:right;color:var(--ds-text-muted);margin:var(--ds-space-2) 0 var(--ds-space-4)}.pg-settings{border-top:1px solid var(--ds-border);padding-top:var(--ds-space-4);font-size:var(--ds-text-md);color:var(--ds-text-secondary);justify-content:space-between;align-items:center;display:flex}.pg-settings select{font-size:var(--ds-text-md);padding:var(--ds-space-2) var(--ds-space-2);max-width:150px;min-height:var(--ds-control-md)}.pg-message{font-size:var(--ds-text-xs);line-height:var(--ds-leading);color:var(--ds-text-secondary);margin:var(--ds-space-3) 0 0}.pg-submit{background:var(--ds-panel);border-top:1px solid var(--ds-border);padding:var(--ds-space-4);flex-shrink:0}.pg-submit-status{justify-content:center;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-secondary);font-size:var(--ds-text-xs);margin-bottom:var(--ds-space-2);display:flex}.pg-submit-status>span{background:var(--ds-success);border-radius:var(--ds-radius-pill);width:5px;height:5px}.pg-generate{width:100%;padding:var(--ds-space-3) var(--ds-space-3);border:1px solid var(--ds-primary);background:var(--ds-primary);color:var(--ds-on-primary);font-size:var(--ds-text-md);font-weight:var(--ds-weight-semibold);min-height:var(--ds-control-lg);border-radius:var(--ds-radius-md);display:flex}.pg-generate:hover:not(:disabled){background:var(--ds-primary-hover);color:var(--ds-on-primary);border-color:var(--ds-primary-hover)}.pg-generate>svg:last-child{margin-left:auto}.pg-submit>p{font-size:var(--ds-text-xs);color:var(--ds-text-muted);text-align:center;margin:var(--ds-space-2) 0 0;line-height:1.7}.pg-content{overscroll-behavior:contain;min-width:0;height:100%;min-height:0;overflow:auto}.pg-content-tabs{justify-content:space-between;align-items:center;gap:var(--ds-space-3);border-bottom:1px solid var(--ds-border);margin-bottom:var(--ds-space-6);min-height:41px;display:flex}.pg-content-tabs>div{gap:var(--ds-space-6);display:flex}.pg-content-tabs button{gap:var(--ds-space-2);padding:var(--ds-space-2) 0 var(--ds-space-4);font-size:var(--ds-text-md);color:var(--ds-text-muted);border:0;border-bottom:2px solid #0000;border-radius:0;background:0 0!important}.pg-content-tabs button.is-active{border-bottom-color:var(--ds-primary);color:var(--ds-text)}.pg-content-tabs button>span{font-size:var(--ds-text-xs);min-width:17px;padding:var(--ds-space-1) var(--ds-space-1);background:var(--ds-overlay-active);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary)}.pg-example-note{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.pg-gallery-heading h2{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);letter-spacing:-.7px;margin:0 0 var(--ds-space-2)}.pg-gallery-heading p{font-size:var(--ds-text-xs);margin:0 0 var(--ds-space-6);line-height:var(--ds-leading)}.pg-gallery-toolbar{justify-content:space-between;align-items:center;gap:var(--ds-space-4);margin-bottom:var(--ds-space-4);display:flex}.pg-category-filters{gap:var(--ds-space-1);flex-wrap:wrap;display:flex}.pg-category-filters button{font-size:var(--ds-text-md);padding:var(--ds-space-1) var(--ds-space-3);color:var(--ds-text-secondary);min-height:var(--ds-control-sm);border-radius:var(--ds-radius-sm);background:0 0;border:1px solid #0000}.pg-category-filters button.is-active{background:var(--ds-primary);color:var(--ds-on-primary);border-color:var(--ds-primary);font-weight:var(--ds-weight-medium)}.pg-search{align-items:center;gap:var(--ds-space-2);border:1px solid var(--ds-border);background:var(--ds-input);border-radius:var(--ds-radius-md);padding:0 var(--ds-space-2);color:var(--ds-text-muted);min-width:90px;max-width:200px;min-height:var(--ds-control-md);display:flex}.pg-search input{width:100%;box-shadow:none;padding:var(--ds-space-2) 0;font-size:var(--ds-text-md);background:0 0;border:0}.pg-preset-grid{gap:var(--ds-space-4) var(--ds-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-preset-card{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);min-width:0;transition:border-color var(--ds-duration),transform var(--ds-duration);overflow:hidden}.pg-preset-card:hover{border-color:var(--ds-border-strong);transform:translateY(-2px)}.pg-preset-art{aspect-ratio:4/3;background:var(--ds-canvas);border:0;border-radius:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pg-preset-art img{object-fit:cover;width:100%;height:100%;transition:transform var(--ds-duration) var(--ds-easing)}.pg-preset-art:hover img{transform:scale(1.04)}.pg-preset-category{left:var(--ds-space-3);top:var(--ds-space-3);font-size:var(--ds-text-xs);background:var(--ds-backdrop);border:1px solid var(--ds-border-strong);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);color:var(--ds-text);position:absolute}.pg-preset-media{right:var(--ds-space-3);bottom:var(--ds-space-3);width:var(--ds-control-sm);height:var(--ds-control-sm);background:var(--ds-backdrop);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-pill);color:var(--ds-text);place-items:center;display:grid;position:absolute}.pg-preset-info{padding:var(--ds-space-4)}.pg-preset-info h3{font-size:var(--ds-text-md);line-height:1.5;font-weight:var(--ds-weight-medium);margin:0 0 var(--ds-space-1);letter-spacing:-.25px}.pg-preset-info p{font-size:var(--ds-text-xs);min-height:38px;margin:0 0 var(--ds-space-3);color:var(--ds-text-muted);line-height:1.7}.pg-preset-info button{width:100%;font-size:var(--ds-text-md);padding:var(--ds-space-2) var(--ds-space-2);background:var(--ds-raised);border-color:var(--ds-border);color:var(--ds-text-secondary);min-height:var(--ds-control-md);border-radius:var(--ds-radius-sm);justify-content:space-between;display:flex}.pg-result-top{margin:0 0 var(--ds-space-4);justify-content:space-between;align-items:center;display:flex}.pg-result-top h2{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);margin:0}.pg-result-top>span{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.pg-main-preview{aspect-ratio:16/10;background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);justify-content:center;align-items:center;max-height:490px;display:flex;position:relative;overflow:hidden}.pg-main-preview>img,.pg-main-preview>video{object-fit:contain;width:100%;height:100%}.pg-media-kind{align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-xs);color:var(--ds-text);background:var(--ds-backdrop);border:1px solid var(--ds-border-strong);padding:var(--ds-space-2) var(--ds-space-2);border-radius:var(--ds-radius-sm);pointer-events:none;display:flex;position:absolute;top:12px;left:12px}.pg-audio-preview{justify-content:center;align-items:center;gap:var(--ds-space-6);width:100%;height:100%;min-height:190px;color:var(--ds-media-audio);background:var(--ds-canvas);flex-direction:column;display:flex}.pg-audio-preview>strong{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium)}.pg-audio-preview audio{width:80%;max-width:350px}.pg-audio-preview.is-thumb{gap:0;min-height:54px}.pg-result-actions{justify-content:space-between;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-4) 0 var(--ds-space-6);display:flex}.pg-result-actions>div:first-child{min-width:0}.pg-result-actions strong{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pg-result-actions span{font-size:var(--ds-text-xs);color:var(--ds-text-muted);margin-top:var(--ds-space-1);display:block}.pg-action-buttons{gap:var(--ds-space-2);flex-shrink:0;display:flex}.pg-action-buttons button,.pg-action-buttons a{justify-content:center;align-items:center;gap:var(--ds-space-1);background:var(--ds-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:var(--ds-space-2);color:var(--ds-text-secondary);min-height:var(--ds-control-sm);min-width:var(--ds-control-sm);display:flex}.pg-action-buttons .pg-canvas-button{font-size:var(--ds-text-md);color:var(--ds-text-secondary);padding:var(--ds-space-2) var(--ds-space-3)}.pg-result-grid{gap:var(--ds-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pg-result-grid button{border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-panel);text-align:left;min-width:0;padding:0;display:block;overflow:hidden}.pg-result-grid button.is-selected{border-color:var(--ds-primary)}.pg-result-grid img,.pg-result-grid video,.pg-result-grid .pg-audio-preview{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}.pg-result-grid span{padding:var(--ds-space-2);font-size:var(--ds-text-xs);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pg-upload-result{gap:var(--ds-space-2);width:100%;padding:var(--ds-space-3);margin-top:var(--ds-space-6);border:1px dashed var(--ds-border-strong);color:var(--ds-text-secondary);font-size:var(--ds-text-md);text-align:left;background:0 0;display:flex}.pg-upload-result span{flex:1}.pg-empty{justify-content:center;align-items:center;gap:var(--ds-space-3);max-width:350px;padding:var(--ds-space-8);text-align:center;margin:var(--ds-space-3) auto;color:var(--ds-text-secondary);flex-direction:column;display:flex}.pg-empty h3{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);margin:0}.pg-empty p{font-size:var(--ds-text-md);margin:0;line-height:1.8}.pg-empty button{font-size:var(--ds-text-md);margin-top:var(--ds-space-1)}.pg-generating-overlay{background:var(--ds-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-6);text-align:center;color:var(--ds-text);flex-direction:column;display:flex;position:absolute;inset:0}.pg-generating-overlay strong{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium)}.pg-generating-overlay span{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.pg-generating-overlay button{font-size:var(--ds-text-xs);background:var(--ds-raised);border-color:var(--ds-border-strong);color:var(--ds-text-secondary)}.pg-error{font-size:var(--ds-text-xs);line-height:var(--ds-leading);color:var(--ds-danger)}.pg-spin{animation:1s linear infinite pg-spin}@keyframes pg-spin{to{transform:rotate(360deg)}}.pg-dialog{color:var(--ds-text);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-xl);background:var(--ds-panel);width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 50px);box-shadow:var(--ds-shadow-lg);padding:0;overflow:auto}.pg-dialog::backdrop{background:var(--ds-backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pg-dialog-inner{padding:var(--ds-space-8);position:relative}.pg-dialog h2{font-size:var(--ds-title);line-height:var(--ds-leading-tight);margin:var(--ds-space-3) 0;font-weight:var(--ds-weight-semibold)}.pg-dialog p{font-size:var(--ds-text-md);margin:0 0 var(--ds-space-6);line-height:1.9}.pg-dialog-close{right:var(--ds-space-3);top:var(--ds-space-3);width:var(--ds-control-sm);height:var(--ds-control-sm);color:var(--ds-text-secondary);border-radius:var(--ds-radius-sm);background:0 0;border:0;padding:0;position:absolute}.pg-model-option{text-align:left;width:100%;padding:var(--ds-space-3);margin-top:var(--ds-space-3);gap:var(--ds-space-3);border:1px solid var(--ds-border);background:var(--ds-raised);border-radius:var(--ds-radius-md);display:flex}.pg-model-option>span{flex:1}.pg-model-option strong,.pg-model-coming strong{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);display:block}.pg-model-option small,.pg-model-coming small{font-size:var(--ds-text-xs);color:var(--ds-text-muted);margin-top:var(--ds-space-1);display:block}.pg-model-option>svg{color:var(--ds-brand-text)}.pg-model-option.is-selected{border-color:var(--ds-border-strong);background:var(--ds-overlay-active)}.pg-model-coming{align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-1) 0;margin-top:var(--ds-space-6);border-top:1px solid var(--ds-border);color:var(--ds-text-muted);display:flex}.pg-model-coming>span:nth-child(2){flex:1}.pg-model-coming>span:last-child{font-size:var(--ds-text-xs);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:var(--ds-space-1);white-space:nowrap}.pg-dialog-actions{justify-content:flex-end;gap:var(--ds-space-2);margin-top:var(--ds-space-6);display:flex}.pg-dialog-actions button{font-size:var(--ds-text-md);padding:var(--ds-space-3) var(--ds-space-3)}.pg-replace-name{align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3);background:var(--ds-brand-soft);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-md);color:var(--ds-brand-text);display:flex}@media (width>=1600px){.pg-preset-art{aspect-ratio:16/10}.pg-layout{gap:var(--ds-space-8)}}@media (width<=1250px){.pg-shell{padding:var(--ds-space-6)}.pg-layout{grid-template-columns:290px minmax(0,1fr)}.pg-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-result-actions,.pg-gallery-toolbar{flex-wrap:wrap}.pg-search{flex:1;min-width:110px;max-width:100%}.pg-preset-info p{min-height:0}}@media (width<=880px){.pg-shell{padding:var(--ds-space-4)}.pg-layout{gap:var(--ds-space-4);grid-template-columns:260px minmax(0,1fr)}.pg-preset-grid{gap:var(--ds-space-3)}.pg-preset-info{padding:var(--ds-space-3)}}@media (width<=700px){.pg-shell{display:block;overflow:auto}.pg-layout{grid-template-rows:auto;grid-template-columns:1fr;min-height:auto}.pg-composer{height:auto}.pg-composer-body{flex:initial;overscroll-behavior:auto;overflow:visible}.pg-heading{align-items:flex-start;gap:var(--ds-space-3)}.pg-history-link{padding:var(--ds-space-2);white-space:nowrap}.pg-history-link>svg:last-child{display:none}.pg-composer textarea{min-height:130px}.pg-content{overscroll-behavior:auto;height:auto;min-height:auto;margin-top:var(--ds-space-4);overflow:visible}.pg-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-dialog-inner{padding:var(--ds-space-6)}.pg-preset-art{aspect-ratio:4/3}.pg-main-preview{aspect-ratio:4/3;min-height:260px}.pg-example-note{display:none}}@media (prefers-reduced-motion:reduce){.pg-preset-card,.pg-preset-art img{transition:none}.pg-preset-card:hover,.pg-preset-art:hover img{transform:none}.pg-spin{animation:none}}.sb-shell{box-sizing:border-box;width:100%;max-width:1660px;height:100%;color:var(--ds-text);font-size:var(--ds-text-md);margin:0 auto;padding:34px 38px 36px;overflow:auto}.sb-heading{justify-content:space-between;align-items:center;gap:var(--ds-space-5);margin-bottom:29px;display:flex}.sb-kicker{font-size:var(--ds-text-xs);letter-spacing:2.8px;color:var(--ds-text-secondary);font-weight:var(--ds-weight-semibold)}.sb-heading h1{font-size:var(--ds-display);font-weight:var(--ds-weight-semibold);letter-spacing:-1.4px;margin:10px 0}.sb-heading p{font-size:var(--ds-text-md);color:var(--ds-text-secondary);margin:0}.sb-shell button,.sb-shell input,.sb-shell textarea{font:inherit}.sb-shell button{cursor:pointer;color:inherit}.sb-shell button:disabled{opacity:.4;cursor:not-allowed}.sb-outline-button,.sb-primary-button,.sb-text-button{white-space:nowrap;min-height:var(--ds-control-md);justify-content:center;align-items:center;gap:7px;display:flex;font-size:var(--ds-text-md)!important}.sb-outline-button{background:var(--ds-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:var(--ds-space-2) var(--ds-space-4)}.sb-primary-button{background:var(--ds-primary);border-radius:var(--ds-radius-sm);padding:var(--ds-space-2) var(--ds-space-4);border:0;color:var(--ds-on-primary)!important;font-weight:var(--ds-weight-semibold)!important}.sb-primary-button:hover:not(:disabled){background:var(--ds-primary-hover)}.sb-outline-button:hover:not(:disabled){background:var(--ds-hover);border-color:var(--ds-border-strong)}.sb-text-button{padding:7px var(--ds-space-1);background:0 0;border:0;color:var(--ds-text-secondary)!important}.sb-script-panel{border:1px solid var(--ds-border);background:var(--ds-panel);border-radius:var(--ds-radius-md);margin-bottom:30px;overflow:hidden}.sb-script-toggle{width:100%;padding:var(--ds-space-4) var(--ds-space-5);background:0 0;border:0;justify-content:space-between;align-items:center;display:flex;font-size:var(--ds-text-md)!important}.sb-script-toggle>span:first-child{align-items:center;gap:9px;display:flex}.sb-script-toggle svg{color:var(--ds-brand-text)}.sb-small-label{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.sb-script-content{border-top:1px solid var(--ds-border);padding:var(--ds-space-5);grid-template-columns:minmax(0,1fr) 280px;gap:23px;display:grid}.sb-script-input{min-width:0}.sb-script-input textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:140px;font-size:var(--ds-text-md);line-height:var(--ds-leading);border:1px solid var(--ds-border-input);border-radius:var(--ds-radius-sm);background:var(--ds-input);color:var(--ds-text);outline:none;padding:13px;display:block}.sb-script-input textarea:focus{border-color:var(--ds-focus)}.sb-script-input textarea::placeholder{color:var(--ds-text-muted)}.sb-example{background:0 0;border:0;align-items:center;gap:7px;padding:11px 0 0;display:flex;font-size:var(--ds-text-xs)!important;color:var(--ds-text-secondary)!important}.sb-script-explain{flex-direction:column;justify-content:center;align-items:flex-start;padding:1px 5px 1px 0;display:flex}.sb-local-chip{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);align-items:center;gap:5px;display:flex}.sb-local-chip>span{background:var(--ds-success);border-radius:50%;width:4px;height:4px}.sb-script-explain h2{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-medium);letter-spacing:-.4px;margin:var(--ds-space-3) 0 var(--ds-space-2)}.sb-script-explain p{color:var(--ds-text-secondary);font-size:var(--ds-text-xs);margin:0 0 var(--ds-space-4);line-height:1.8}.sb-board-toolbar{justify-content:space-between;align-items:center;gap:var(--ds-space-4);margin-bottom:var(--ds-space-5);display:flex}.sb-board-toolbar h2{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);align-items:center;gap:9px;margin:0;display:flex}.sb-board-toolbar h2 span{font-size:var(--ds-text-xs);color:var(--ds-brand-text);background:var(--ds-brand-soft);border-radius:var(--ds-radius-sm);padding:3px 6px}.sb-board-toolbar p{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin:var(--ds-space-2) 0 0;line-height:1.7}.sb-toolbar-actions{align-items:center;gap:13px;display:flex}.sb-feedback{justify-content:space-between;align-items:center;gap:var(--ds-space-3);background:var(--ds-panel);border:1px solid var(--ds-border-strong);color:var(--ds-text-secondary);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-md);padding:11px 13px;line-height:1.7;display:flex}.sb-feedback button{color:inherit;background:0 0;border:0;place-items:center;padding:3px;display:grid}.sb-shot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.sb-shot{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);min-width:0;overflow:hidden}.sb-shot-top{padding:var(--ds-space-3) 14px;justify-content:space-between;align-items:center;display:flex}.sb-shot-number{font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:1.4px;color:var(--ds-text-secondary)}.sb-shot-order{gap:3px;display:flex}.sb-shot-order button{width:var(--ds-control-sm);height:var(--ds-control-sm);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary);background:0 0;border:0;place-items:center;display:grid}.sb-shot-order button:hover{background:var(--ds-hover);color:var(--ds-text)}.sb-shot-media{aspect-ratio:16/10;background:var(--ds-canvas);position:relative;overflow:hidden}.sb-shot-media>img,.sb-shot-media>video{object-fit:contain;width:100%;height:100%;display:block}.sb-shot-empty{justify-content:center;align-items:center;gap:var(--ds-space-3);height:100%;color:var(--ds-text-muted);background:var(--ds-canvas);flex-direction:column;display:flex}.sb-shot-empty span{font-size:var(--ds-text-xs);letter-spacing:2px;color:var(--ds-text-muted)}.sb-selected-badge{font-size:var(--ds-text-xs);background:var(--ds-backdrop);border:1px solid var(--ds-brand-border);border-radius:var(--ds-radius-sm);padding:var(--ds-space-1) 6px;color:var(--ds-brand-text);pointer-events:none;align-items:center;gap:5px;display:flex;position:absolute;top:10px;left:10px}.sb-shot-body{padding:14px}.sb-shot-title{box-sizing:border-box;width:100%;color:var(--ds-text);border-radius:var(--ds-radius-sm);outline:none;display:block;font-size:var(--ds-text-md)!important;font-weight:var(--ds-weight-semibold)!important;background:0 0!important;border:0!important;padding:3px 0 9px!important}.sb-shot-title:focus{box-shadow:0 1px 0 var(--ds-focus)}.sb-shot-body>textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--ds-border-input);border-radius:var(--ds-radius-sm);background:var(--ds-input);width:100%;color:var(--ds-text);min-height:83px;font-size:var(--ds-text-md);line-height:var(--ds-leading);outline:none;padding:9px}.sb-shot-body>textarea:focus{border-color:var(--ds-focus)}.sb-shot-meta{justify-content:space-between;align-items:center;gap:10px;margin:11px 0;display:flex}.sb-shot-meta label{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);align-items:center;gap:6px;display:flex}.sb-shot-meta input{box-sizing:border-box;background:var(--ds-input);border:1px solid var(--ds-border-input);border-radius:var(--ds-radius-sm);width:43px;color:var(--ds-text);padding:var(--ds-space-1);min-height:var(--ds-control-sm);font-size:var(--ds-text-xs)!important}.sb-shot-meta>button{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);background:0 0;border:0;align-items:center;gap:5px;padding:3px;display:flex}.sb-candidate-strip{gap:6px;margin:10px 0 0;padding:1px 1px 9px;display:flex;overflow:auto}.sb-candidate-strip button{border:1px solid var(--ds-border);background:var(--ds-panel);border-radius:var(--ds-radius-sm);flex-shrink:0;width:48px;height:33px;padding:0;position:relative;overflow:hidden}.sb-candidate-strip button.is-selected{border-color:var(--ds-brand-text);box-shadow:0 0 0 1px var(--ds-brand-border)}.sb-candidate-strip img,.sb-candidate-strip video{object-fit:cover;width:100%;height:100%;display:block}.sb-candidate-strip button>svg:last-child{background:var(--ds-brand);color:var(--ds-on-brand);box-sizing:content-box;border-radius:50%;padding:1px;position:absolute;bottom:2px;right:2px}.sb-shot-actions{border-top:1px solid var(--ds-border);gap:5px;margin-top:9px;padding-top:11px;display:flex}.sb-shot-actions button{justify-content:center;align-items:center;gap:var(--ds-space-1);white-space:normal;background:var(--ds-raised);border:1px solid var(--ds-border);padding:var(--ds-space-2) 5px;border-radius:var(--ds-radius-sm);color:var(--ds-text);min-height:var(--ds-control-sm);flex:1;display:flex;font-size:var(--ds-text-xs)!important}.sb-shot-actions .sb-generate-shot:hover:not(:disabled){background:var(--ds-brand-soft);border-color:var(--ds-brand-border);color:var(--ds-brand-text)}.sb-shot-actions .sb-to-timeline{flex:0 0 var(--ds-control-sm);color:var(--ds-brand-text);padding:var(--ds-space-1)}.sb-add-card{border:1px dashed var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-overlay);flex-direction:column;justify-content:center;align-items:center;min-height:270px;display:flex;color:var(--ds-text-secondary)!important}.sb-add-card>span{border:1px solid var(--ds-brand-border);border-radius:var(--ds-radius-md);background:var(--ds-brand-soft);width:44px;height:44px;color:var(--ds-brand-text);place-items:center;margin-bottom:17px;display:grid}.sb-add-card strong{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium)}.sb-add-card p{font-size:var(--ds-text-xs);margin:var(--ds-space-2) 0 0;color:var(--ds-text-secondary)}.sb-footer{border-top:1px solid var(--ds-border);justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding-top:25px;display:flex}.sb-footer>span{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);align-items:center;gap:7px;display:flex}.sb-footer>span svg{color:var(--ds-brand-text)}.sb-job-overlay{background:var(--ds-backdrop);color:var(--ds-brand-text);flex-direction:column;justify-content:center;align-items:center;gap:11px;display:flex;position:absolute;inset:0}.sb-job-overlay span{font-size:var(--ds-text-xs)}.sb-job-overlay button{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:0 0;padding:5px 10px;font-size:var(--ds-text-xs)!important}.sb-delete-confirm{background:var(--ds-danger-soft);padding:10px var(--ds-space-3);font-size:var(--ds-text-xs);color:var(--ds-danger);align-items:center;gap:7px;display:flex}.sb-delete-confirm span{flex:1;line-height:1.7}.sb-delete-confirm button{border:1px solid var(--ds-danger);border-radius:var(--ds-radius-sm);background:var(--ds-danger-soft);padding:var(--ds-space-1) 7px;color:var(--ds-danger);font-size:var(--ds-text-xs)!important}.sb-shot-error{font-size:var(--ds-text-xs);color:var(--ds-danger);line-height:1.6}.sb-empty-board{border:1px dashed var(--ds-border);border-radius:var(--ds-radius-md);text-align:center;min-height:330px;padding:var(--ds-space-6);flex-direction:column;justify-content:center;align-items:center;display:flex}.sb-empty-board>div{width:65px;height:65px;color:var(--ds-brand-text);background:var(--ds-brand-soft);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-5);place-items:center;display:grid}.sb-empty-board h3{font-size:var(--ds-text-xl);font-weight:var(--ds-weight-medium);margin:0 0 10px}.sb-empty-board p{font-size:var(--ds-text-md);color:var(--ds-text-secondary);margin:0 0 var(--ds-space-5);line-height:1.8}.sb-picker-backdrop{z-index:80;background:var(--ds-backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:var(--ds-space-6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sb-picker{background:var(--ds-panel);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-lg);width:min(680px,100%);max-height:80vh;padding:var(--ds-space-6);overflow:auto}.sb-picker>header{justify-content:space-between;align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-5);display:flex}.sb-picker h2{font-size:var(--ds-text-xl);font-weight:var(--ds-weight-medium);margin:0}.sb-picker header button{width:var(--ds-control-sm);height:var(--ds-control-sm);background:var(--ds-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);place-items:center;display:grid}.sb-picker-grid{gap:var(--ds-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sb-picker-grid button{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-raised);text-align:left;min-width:0;padding:0;overflow:hidden}.sb-picker-grid button:hover{border-color:var(--ds-brand-text)}.sb-picker-grid img,.sb-picker-grid video{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.sb-picker-grid span{font-size:var(--ds-text-xs);white-space:nowrap;text-overflow:ellipsis;padding:9px;display:block;overflow:hidden}.sb-picker>p{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.sb-sr{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sb-spin{animation:1.2s linear infinite sb-spin}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-shell button:focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px}@media (width>=1600px){.sb-shot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1200px){.sb-shell{padding:28px var(--ds-space-6)}.sb-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-script-content{grid-template-columns:minmax(0,1fr) 240px}.sb-toolbar-actions{gap:7px}.sb-text-button{font-size:var(--ds-text-xs)!important}}@media (width<=760px){.sb-shell{padding:var(--ds-space-6) var(--ds-space-4)}.sb-heading h1{font-size:var(--ds-title)}.sb-heading>.sb-outline-button{padding:var(--ds-space-2);font-size:var(--ds-text-xs)!important}.sb-script-content{grid-template-columns:1fr;gap:18px}.sb-script-explain h2{display:none}.sb-script-explain{grid-template-columns:1fr;gap:10px;display:grid}.sb-script-explain p{margin:0}.sb-script-explain .sb-primary-button{justify-self:start}.sb-shot-grid{grid-template-columns:1fr}.sb-board-toolbar{flex-direction:column;align-items:flex-start}.sb-toolbar-actions{justify-content:space-between;width:100%}.sb-footer{flex-direction:column;align-items:flex-start}.sb-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sb-picker-dialog{border-radius:var(--ds-radius-lg);color:var(--ds-text);background:0 0;border:0;width:min(680px,100vw - 40px);max-height:82vh;padding:0}.sb-picker-dialog::backdrop{background:var(--ds-backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sb-picker-dialog .sb-picker{box-sizing:border-box;width:100%;max-height:none}.sb-picker-dialog button{font:inherit;cursor:pointer;color:inherit}.sb-picker-dialog button:focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px}.tl-shell{box-sizing:border-box;width:100%;max-width:1660px;height:100%;color:var(--ds-text);font-size:var(--ds-text-md);margin:0 auto;padding:34px 38px 36px;overflow:auto}.tl-shell button,.tl-shell input{font:inherit}.tl-shell button{cursor:pointer;color:inherit}.tl-shell button:disabled,.tl-shell input:disabled{opacity:.4;cursor:not-allowed}.tl-heading{justify-content:space-between;align-items:center;gap:var(--ds-space-5);margin-bottom:27px;display:flex}.tl-kicker{font-size:var(--ds-text-xs);letter-spacing:2.8px;color:var(--ds-text-secondary);font-weight:var(--ds-weight-semibold)}.tl-heading h1{font-size:var(--ds-display);font-weight:var(--ds-weight-semibold);letter-spacing:-1.4px;margin:10px 0}.tl-heading p{font-size:var(--ds-text-md);color:var(--ds-text-secondary);margin:0}.tl-outline-button,.tl-primary-button,.tl-text-button{white-space:nowrap;min-height:var(--ds-control-md);justify-content:center;align-items:center;gap:7px;display:flex;font-size:var(--ds-text-md)!important}.tl-outline-button{background:var(--ds-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:var(--ds-space-2) var(--ds-space-4)}.tl-primary-button{background:var(--ds-primary);border-radius:var(--ds-radius-sm);padding:var(--ds-space-2) var(--ds-space-4);border:0;color:var(--ds-on-primary)!important;font-weight:var(--ds-weight-semibold)!important}.tl-primary-button:hover:not(:disabled){background:var(--ds-primary-hover)}.tl-outline-button:hover:not(:disabled){background:var(--ds-hover);border-color:var(--ds-border-strong)}.tl-text-button{background:0 0;border:0;padding:7px 3px;color:var(--ds-text-secondary)!important}.tl-workspace{gap:var(--ds-space-6);grid-template-columns:minmax(0,1fr) 264px;display:grid}.tl-viewer-column{min-width:0}.tl-viewer-top{justify-content:space-between;gap:var(--ds-space-3);margin-bottom:var(--ds-space-3);color:var(--ds-text-secondary);font-size:var(--ds-text-xs);display:flex}.tl-viewer-top>span:first-child{color:var(--ds-text-secondary);align-items:center;gap:7px;display:flex}.tl-status-dot{background:var(--ds-success);border-radius:50%;width:5px;height:5px}.tl-viewer{aspect-ratio:16/9;background:var(--ds-canvas);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);justify-content:center;align-items:center;min-height:250px;max-height:480px;display:flex;position:relative;overflow:hidden}.tl-viewer>img,.tl-viewer>video{object-fit:contain;width:100%;height:100%;display:block}.tl-viewer-label{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:var(--ds-text-xs);padding:5px var(--ds-space-2);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:80%;color:var(--ds-text);position:absolute;bottom:13px;left:14px;overflow:hidden}.tl-empty-view{text-align:center;flex-direction:column;align-items:center;max-width:325px;padding:25px;display:flex}.tl-empty-view>svg{color:var(--ds-brand-text);margin-bottom:22px}.tl-empty-view h2{font-size:var(--ds-text-xl);font-weight:var(--ds-weight-medium);margin:0 0 10px}.tl-empty-view p{font-size:var(--ds-text-md);color:var(--ds-text-secondary);margin:0 0 var(--ds-space-5);line-height:1.9}.tl-audio-view{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:75%;display:flex}.tl-audio-view>div{border:1px solid var(--ds-border-strong);background:radial-gradient(circle,var(--ds-warning-soft),var(--ds-canvas));width:100px;height:100px;color:var(--ds-media-audio);border-radius:var(--ds-radius-xl);margin-bottom:var(--ds-space-2);place-items:center;display:grid}.tl-audio-view strong{font-weight:var(--ds-weight-medium);font-size:var(--ds-text-md);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tl-audio-view>span{color:var(--ds-text-secondary);font-size:var(--ds-text-xs)}.tl-player{padding:var(--ds-space-4) 1px 11px;align-items:center;gap:15px;display:flex}.tl-player>button{padding:var(--ds-space-1);color:var(--ds-text-secondary);min-width:var(--ds-control-sm);min-height:var(--ds-control-sm);background:0 0;border:0;place-items:center;display:grid}.tl-player .tl-play-button{color:var(--ds-primary);width:var(--ds-control-sm)}.tl-time{font-variant-numeric:tabular-nums;font-size:var(--ds-text-xs);color:var(--ds-text);white-space:nowrap}.tl-time>span{color:var(--ds-text-muted);margin-left:var(--ds-space-1)}.tl-player input[type=range]{min-width:40px;height:3px;accent-color:var(--ds-brand-text);cursor:pointer;flex:1}.tl-player-kind{color:var(--ds-text-secondary);align-items:center;margin:0 3px;display:flex}.tl-preview-note{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin:5px 0 0;line-height:1.8}.tl-inspector{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);align-self:start;padding:17px}.tl-inspector-title{margin-bottom:var(--ds-space-4);justify-content:space-between;align-items:center;gap:10px;display:flex}.tl-inspector-title h2{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);margin:0}.tl-inspector-title>span{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);font-variant-numeric:tabular-nums}.tl-selected-thumb{aspect-ratio:16/8;background:var(--ds-canvas);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);margin-bottom:18px;position:relative;overflow:hidden}.tl-selected-thumb>img,.tl-selected-thumb>video{object-fit:cover;width:100%;height:100%;display:block}.tl-selected-thumb>span:last-child{font-size:var(--ds-text-xs);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-backdrop);padding:3px 5px;position:absolute;bottom:6px;left:7px}.tl-thumb-placeholder{width:100%;height:100%;min-height:60px;color:var(--ds-text-secondary);background:var(--ds-canvas);justify-content:center;align-items:center;display:flex}.tl-field{gap:var(--ds-space-2);font-size:var(--ds-text-xs);color:var(--ds-text-secondary);flex-direction:column;margin-bottom:17px;display:flex}.tl-field>input,.tl-field>div{background:var(--ds-input);border:1px solid var(--ds-border-input);border-radius:var(--ds-radius-sm);min-width:0;color:var(--ds-text);box-sizing:border-box}.tl-field input{font-size:var(--ds-text-md);color:var(--ds-text);width:100%;min-width:0;min-height:var(--ds-control-md);outline:none;padding:9px 10px}.tl-field input:focus{border-color:var(--ds-focus)}.tl-field>div{align-items:center;padding-right:9px;display:flex}.tl-field>div input{background:0 0;border:0;padding-right:1px}.tl-field>div>span{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.tl-timing-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.tl-timing-fields .tl-field{margin-bottom:9px}.tl-inspector-help{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin:0 0 var(--ds-space-4);line-height:1.75}.tl-range-summary{border-top:1px solid var(--ds-border);font-size:var(--ds-text-xs);color:var(--ds-text-secondary);align-items:center;gap:7px;margin-bottom:14px;padding-top:13px;display:flex}.tl-range-summary>span{align-items:center;gap:var(--ds-space-2);font-variant-numeric:tabular-nums;display:flex}.tl-reorder{gap:7px;display:flex}.tl-reorder button{padding:var(--ds-space-2);flex:1;font-size:var(--ds-text-xs)!important}.tl-remove{width:100%;margin-top:var(--ds-space-3);padding:var(--ds-space-2);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;display:flex;font-size:var(--ds-text-xs)!important;color:var(--ds-danger)!important}.tl-delete-confirm{font-size:var(--ds-text-xs);background:var(--ds-danger-soft);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);margin-top:var(--ds-space-3);color:var(--ds-danger);padding:10px}.tl-delete-confirm p{font-size:var(--ds-text-xs);margin:0 0 var(--ds-space-2);line-height:1.7}.tl-delete-confirm button{background:var(--ds-danger-soft);border:1px solid var(--ds-danger);border-radius:var(--ds-radius-sm);padding:var(--ds-space-1) var(--ds-space-2);color:var(--ds-danger);margin-right:7px;font-size:var(--ds-text-xs)!important}.tl-inspector-empty{text-align:center;min-height:190px;color:var(--ds-text-muted);flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex}.tl-inspector-empty p{color:var(--ds-text-secondary);font-size:var(--ds-text-xs);margin:15px 0 0;line-height:1.9}.tl-track-panel{border:1px solid var(--ds-border);background:var(--ds-panel);border-radius:var(--ds-radius-md);margin-top:29px;overflow:hidden}.tl-track-toolbar{justify-content:space-between;align-items:center;gap:var(--ds-space-4);padding:17px var(--ds-space-5);border-bottom:1px solid var(--ds-border);display:flex}.tl-track-toolbar>div:first-child{align-items:center;gap:15px;display:flex}.tl-track-toolbar h2{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);margin:0}.tl-track-toolbar>div:first-child>span{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);font-variant-numeric:tabular-nums}.tl-track-actions{gap:17px;display:flex}.tl-track-actions .tl-primary-button{padding:var(--ds-space-2) 11px;font-size:var(--ds-text-md)!important}.tl-track-actions .tl-text-button{font-size:var(--ds-text-md)!important}.tl-track-scroll{padding:0 var(--ds-space-3) 11px;overflow:auto}.tl-track{padding:0 var(--ds-space-3) var(--ds-space-4);box-sizing:border-box;position:relative}.tl-ruler{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:center;height:43px;margin-bottom:15px;display:flex}.tl-ruler>span{font-size:var(--ds-text-xs);font-variant-numeric:tabular-nums;color:var(--ds-text-muted);position:relative}.tl-ruler>span:after{content:"";background:var(--ds-border-strong);width:1px;height:5px;position:absolute;bottom:-14px;left:0}.tl-clips{align-items:stretch;gap:0;display:flex}.tl-clip{border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);background:var(--ds-raised);text-align:left;flex-basis:0;min-width:102px;padding:0;overflow:hidden;color:var(--ds-text)!important}.tl-clip.is-selected{border-color:var(--ds-brand-text);box-shadow:0 0 0 1px var(--ds-brand-text)}.tl-clip.is-playing{background:var(--ds-brand-soft)}.tl-clip-media{background:var(--ds-canvas);height:66px;position:relative;overflow:hidden}.tl-clip-media>img,.tl-clip-media>video{object-fit:cover;opacity:.8;width:100%;height:100%;display:block}.tl-clip-media>span:last-child{background:var(--ds-backdrop);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);padding:2px var(--ds-space-1);position:absolute;top:6px;left:6px}.tl-clip-caption{padding:var(--ds-space-2);justify-content:space-between;align-items:center;gap:6px;display:flex}.tl-clip-caption strong{font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tl-clip-caption>span{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);white-space:nowrap}.tl-playhead{background:var(--ds-brand-text);pointer-events:none;z-index:2;width:1px;box-shadow:0 0 0 1px var(--ds-canvas);position:absolute;top:31px;bottom:7px}.tl-playhead>span{background:var(--ds-brand-text);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);width:9px;height:9px;display:block;position:absolute;top:-5px;left:-4px}.tl-track-footer{padding:11px var(--ds-space-5);background:var(--ds-canvas);border-top:1px solid var(--ds-border);color:var(--ds-text-secondary);font-size:var(--ds-text-xs);justify-content:space-between;gap:15px;display:flex}.tl-track-footer>span:first-child{align-items:center;gap:6px;display:flex}.tl-track-footer>span:last-child{font-size:var(--ds-text-xs);letter-spacing:1.8px;color:var(--ds-text-muted)}.tl-empty-track{justify-content:center;align-items:center;gap:var(--ds-space-3);width:calc(100% - 40px);min-height:145px;margin:var(--ds-space-5);background:var(--ds-overlay);border:1px dashed var(--ds-border-strong);border-radius:var(--ds-radius-sm);flex-direction:column;display:flex;color:var(--ds-text-secondary)!important;font-size:var(--ds-text-md)!important}.tl-feedback{padding:var(--ds-space-3) 15px;border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);background:var(--ds-panel);font-size:var(--ds-text-md);color:var(--ds-text-secondary);justify-content:space-between;align-items:center;gap:14px;margin-top:18px;line-height:1.8;display:flex}.tl-feedback button{background:0 0;border:0;place-items:center;padding:3px;display:grid}.tl-picker{color:var(--ds-text);background:var(--ds-panel);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-lg);box-sizing:border-box;width:min(720px,100vw - 40px);max-height:82vh;padding:0}.tl-picker::backdrop{background:var(--ds-backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tl-picker-content{padding:var(--ds-space-6)}.tl-picker header{justify-content:space-between;align-items:center;gap:var(--ds-space-5);margin-bottom:22px;display:flex}.tl-picker h2{font-size:var(--ds-text-xl);font-weight:var(--ds-weight-medium);margin:9px 0 0}.tl-picker header>button{width:var(--ds-control-sm);height:var(--ds-control-sm);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-raised);color:var(--ds-text);cursor:pointer;place-items:center;display:grid}.tl-shot-import{border:1px solid var(--ds-brand-border);background:var(--ds-brand-soft);border-radius:var(--ds-radius-sm);justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;padding:13px;display:flex}.tl-shot-import>span{align-items:center;gap:var(--ds-space-2);color:var(--ds-text);font-size:var(--ds-text-xs);display:flex}.tl-shot-import button{white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;display:flex;font-size:var(--ds-text-xs)!important;color:var(--ds-brand-text)!important}.tl-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.tl-picker-grid>button{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-raised);text-align:left;min-width:0;color:var(--ds-text);cursor:pointer;padding:0;overflow:hidden}.tl-picker-grid>button:hover{border-color:var(--ds-brand-text)}.tl-picker-grid>button>div{aspect-ratio:16/10;position:relative}.tl-picker-grid img,.tl-picker-grid video{object-fit:cover;width:100%;height:100%;display:block}.tl-picker-grid>button>div>span:last-child{background:var(--ds-backdrop);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:var(--ds-space-1);color:var(--ds-text);place-items:center;display:grid;position:absolute;bottom:6px;left:6px}.tl-picker-grid strong{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);white-space:nowrap;text-overflow:ellipsis;padding:11px;display:block;overflow:hidden}.tl-picker footer{border-top:1px solid var(--ds-border);justify-content:space-between;align-items:center;gap:15px;margin-top:23px;padding-top:19px;display:flex}.tl-no-assets{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);text-align:center;padding:25px 0}.tl-shell button:focus-visible,.tl-shell input:focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px}@media (width>=1600px){.tl-workspace{gap:var(--ds-space-8);grid-template-columns:minmax(0,1fr) 290px}.tl-viewer{max-height:550px}}@media (width<=1200px){.tl-shell{padding:28px var(--ds-space-6)}.tl-workspace{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.tl-inspector{padding:14px}.tl-player{gap:10px}.tl-time{font-size:var(--ds-text-xs)}.tl-heading h1{font-size:var(--ds-display)}}@media (width<=900px){.tl-workspace{grid-template-columns:1fr}.tl-inspector{display:none}.tl-workspace:has(.tl-selected-thumb){grid-template-columns:minmax(0,1fr) 220px}.tl-workspace:has(.tl-selected-thumb) .tl-inspector{display:block}.tl-viewer{min-height:220px}.tl-player input[type=range]{display:none}.tl-player .tl-player-kind{margin-left:auto}.tl-track-toolbar>div:first-child{flex-direction:column;align-items:flex-start;gap:5px}}@media (width<=680px){.tl-shell{padding:var(--ds-space-6) var(--ds-space-4)}.tl-heading{align-items:flex-start}.tl-heading h1{font-size:var(--ds-title)}.tl-heading p{font-size:var(--ds-text-xs)}.tl-heading>.tl-outline-button{padding:var(--ds-space-2);font-size:var(--ds-text-xs)!important}.tl-workspace:has(.tl-selected-thumb){grid-template-columns:1fr}.tl-workspace:has(.tl-selected-thumb) .tl-inspector{display:block}.tl-selected-thumb{display:none}.tl-viewer{min-height:200px}.tl-player input[type=range]{display:block}.tl-viewer-top>span:last-child{display:none}.tl-track-toolbar{gap:10px;padding:14px}.tl-track-actions{gap:9px}.tl-track-actions .tl-text-button{font-size:var(--ds-text-xs)!important}.tl-track-toolbar>div:first-child>span{font-size:var(--ds-text-xs)}.tl-track-footer{padding:11px 14px;line-height:1.7}.tl-track-footer>span:last-child{display:none}.tl-picker-content{padding:var(--ds-space-5)}.tl-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-shot-import{flex-direction:column;align-items:flex-start;gap:10px}.tl-picker footer{flex-direction:column;align-items:flex-start}}.tl-output{margin-top:var(--ds-space-6);padding:var(--ds-space-6)}.tl-output header{justify-content:space-between;align-items:center;gap:var(--ds-space-4);margin-bottom:var(--ds-space-5);display:flex}.tl-output h2{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-medium);margin:0}.tl-output header p,.tl-output-note{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin:var(--ds-space-2) 0;line-height:1.7}.tl-output header>svg{color:var(--ds-brand-text)}.tl-output-grid{gap:var(--ds-space-6);grid-template-columns:1fr 1fr;display:grid}.tl-output .tl-field{margin-bottom:var(--ds-space-2)}.tl-output textarea{resize:vertical;width:100%;min-height:100px}.tl-output select{max-width:100%}.tl-output-grid>div>select{width:100%;margin-bottom:var(--ds-space-3)}.tl-output-controls{gap:var(--ds-space-2);margin-top:var(--ds-space-3);display:flex}.tl-output-controls select{flex:1;min-width:0}.tl-output-controls button{flex-shrink:0}.tl-narration-player{width:100%;height:36px;margin:0 0 var(--ds-space-3);display:block}.tl-output footer{gap:var(--ds-space-4);border-top:1px solid var(--ds-border);padding-top:var(--ds-space-5);margin-top:var(--ds-space-5);flex-wrap:wrap;align-items:center;display:flex}.tl-output footer>label{align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-xs);color:var(--ds-text-secondary);display:flex}.tl-output footer>button{margin-left:auto}.tl-output-confirm{align-items:center;gap:var(--ds-space-3);margin-top:var(--ds-space-4);padding:var(--ds-space-4);background:var(--ds-brand-soft);border:1px solid var(--ds-brand-border);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);flex-wrap:wrap;display:flex}.tl-output-confirm>span{flex:1}.tl-output-status{align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);line-height:1.8;display:flex}.tl-captions{border-top:1px solid var(--ds-border);margin-top:var(--ds-space-5);padding-top:var(--ds-space-4)}.tl-captions summary{cursor:pointer;font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.tl-caption-list{max-height:320px;margin:var(--ds-space-4) 0;overflow:auto}.tl-caption-row{gap:var(--ds-space-2);margin-bottom:var(--ds-space-2);grid-template-columns:80px 80px minmax(100px,1fr) 32px;align-items:center;display:grid}.tl-caption-row input{width:100%;min-width:0}.tl-render-result{align-items:flex-start;gap:var(--ds-space-3);margin-top:var(--ds-space-4);flex-direction:column;display:flex}.tl-render-result video{border-radius:var(--ds-radius-md);background:var(--ds-canvas);max-width:100%;max-height:400px;display:block}.tl-preview-captions{text-align:center;color:var(--ds-text);text-shadow:0 1px 3px var(--ds-canvas),1px 0 3px var(--ds-canvas),-1px 0 3px var(--ds-canvas);pointer-events:none;white-space:pre-wrap;flex-direction:column;gap:4px;font-size:clamp(16px,1.8vw,28px);line-height:1.5;display:flex;position:absolute;bottom:10%;left:6%;right:6%}.tl-loading{animation:1s linear infinite tl-spin}@keyframes tl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tl-loading{animation:none}}@media (width<=900px){.tl-output-grid{grid-template-columns:1fr}.tl-output{padding:var(--ds-space-4)}.tl-caption-row{grid-template-columns:64px 64px minmax(80px,1fr) 32px}.tl-output footer>button{margin-left:0}}.studio-home{height:100%;padding:var(--ds-space-8) var(--ds-space-12) var(--ds-space-12);background:var(--ds-bg);color:var(--ds-text);overflow:auto;container-type:inline-size}.sh-intro{isolation:isolate;justify-content:center;align-items:center;gap:var(--ds-space-6);min-height:200px;padding:var(--ds-space-6);margin-bottom:var(--ds-space-6);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);background:var(--ds-bg);text-align:center;flex-direction:column;display:flex;position:relative;overflow:hidden}.sh-intro:before,.sh-intro:after{content:"";z-index:-1;pointer-events:none;position:absolute}.sh-intro:before{background:repeating-linear-gradient(115deg,transparent 0,transparent 86px,var(--ds-border) 87px,transparent 88px);opacity:.65;inset:-100% -20%;transform:perspective(420px)rotateX(24deg)rotate(-12deg);-webkit-mask-image:linear-gradient(90deg,#000,#0000 39% 61%,#000);mask-image:linear-gradient(90deg,#000,#0000 39% 61%,#000)}.sh-intro:after{border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);width:75%;height:300%;box-shadow:0 0 0 24px var(--ds-bg),0 0 0 25px var(--ds-border),0 0 0 64px var(--ds-bg),0 0 0 65px var(--ds-border);opacity:.4;top:-125%;right:-36%;transform:rotate(-25deg)}.sh-intro-copy{max-width:100%;position:relative}.sh-intro h1{font-size:var(--ds-display);line-height:var(--ds-leading-tight);font-weight:var(--ds-weight-semibold);letter-spacing:-.04em;margin:0 0 var(--ds-space-2)}.sh-intro p{font-size:var(--ds-text-md);line-height:var(--ds-leading);color:var(--ds-text-secondary);margin:0}.sh-start-button{min-height:var(--ds-control-md);padding:var(--ds-space-2) var(--ds-space-5);border:1px solid var(--ds-primary);border-radius:var(--ds-radius-md);background:var(--ds-primary);color:var(--ds-on-primary);font-size:var(--ds-text-md);font-weight:var(--ds-weight-semibold);position:relative}.sh-start-button:hover{background:var(--ds-primary-hover);border-color:var(--ds-primary-hover);color:var(--ds-on-primary)}.sh-studios{gap:var(--ds-space-4);margin-bottom:var(--ds-space-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sh-studio-entry{text-align:left;justify-content:flex-start;gap:var(--ds-space-4);padding:var(--ds-space-6);background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);min-width:0;display:flex}.sh-studio-entry:hover{background:var(--ds-raised);border-color:var(--ds-border-strong)}.sh-studio-icon{width:var(--ds-control-lg);height:var(--ds-control-lg);border-radius:var(--ds-radius-md);background:var(--ds-overlay);color:var(--ds-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sh-studio-icon.sh-video{color:var(--ds-media-video)}.sh-studio-icon.sh-audio{color:var(--ds-media-audio)}.sh-studio-entry>span:nth-child(2){gap:var(--ds-space-1);flex-direction:column;min-width:0;display:flex}.sh-studio-entry strong{font-size:var(--ds-text-md);font-weight:var(--ds-weight-semibold)}.sh-studio-entry small{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);line-height:var(--ds-leading)}.sh-studio-entry>svg:last-child{color:var(--ds-text-muted);flex-shrink:0;margin-left:auto}.sh-section-heading{justify-content:space-between;align-items:center;gap:var(--ds-space-4);margin-bottom:var(--ds-space-4);display:flex}.sh-section-heading h2{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);letter-spacing:-.02em;line-height:var(--ds-leading);margin:0 0 var(--ds-space-1)}.sh-section-heading p{font-size:var(--ds-text-md);color:var(--ds-text-secondary);line-height:var(--ds-leading);margin:0}.sh-search{align-items:center;gap:var(--ds-space-2);width:260px;min-height:var(--ds-control-md);background:var(--ds-input);border:1px solid var(--ds-border);padding:0 var(--ds-space-3);border-radius:var(--ds-radius-md);color:var(--ds-text-muted);flex-shrink:0;display:flex}.sh-search:focus-within{border-color:var(--ds-focus);box-shadow:0 0 0 2px var(--ds-brand-soft)}.sh-search input{padding:var(--ds-space-2) 0;width:100%;min-width:0;font-size:var(--ds-text-md);box-shadow:none;background:0 0;border:none}.sh-search input:focus{box-shadow:none}.sh-search input::-webkit-search-cancel-button{display:none}.sh-search>button{color:var(--ds-text-secondary);padding:var(--ds-space-1);border-radius:var(--ds-radius-sm);background:0 0;border:0}.sh-category-row{align-items:center;gap:var(--ds-space-2);margin:0 0 var(--ds-space-6);flex-wrap:wrap;display:flex}.sh-category-row>button{min-height:var(--ds-control-sm);font-size:var(--ds-text-md);padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary);white-space:nowrap;background:0 0;border:1px solid #0000}.sh-category-row>button:hover{color:var(--ds-text);background:var(--ds-overlay-hover)}.sh-category-row>button.is-active{color:var(--ds-on-primary);background:var(--ds-primary);border-color:var(--ds-primary)}.sh-example-note{font-size:var(--ds-text-xs);color:var(--ds-text-muted);white-space:nowrap;margin-left:auto}.sh-preset-grid{gap:var(--ds-space-6) var(--ds-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sh-preset-card{border-radius:var(--ds-radius-xl);text-align:left;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:0;display:flex}.sh-preset-card:hover{background:0 0}.sh-preset-art{aspect-ratio:4/3;border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);background:var(--ds-panel);width:100%;position:relative;overflow:hidden}.sh-preset-art>img{object-fit:cover;width:100%;height:100%;transition:transform var(--ds-duration) var(--ds-easing)}.sh-preset-card:hover .sh-preset-art{border-color:var(--ds-border-strong)}.sh-preset-card:hover .sh-preset-art>img{transform:scale(1.035)}.sh-preset-kind{align-items:center;gap:var(--ds-space-1);top:var(--ds-space-3);left:var(--ds-space-3);padding:var(--ds-space-1) var(--ds-space-2);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);background:var(--ds-backdrop);color:var(--ds-text);font-size:var(--ds-text-xs);line-height:1.35;display:flex;position:absolute}.sh-preset-open{right:var(--ds-space-3);bottom:var(--ds-space-3);width:var(--ds-control-sm);height:var(--ds-control-sm);background:var(--ds-primary);color:var(--ds-on-primary);border:1px solid var(--ds-primary);border-radius:var(--ds-radius-pill);opacity:0;transition:opacity var(--ds-duration),transform var(--ds-duration);justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(3px)}.sh-preset-card:hover .sh-preset-open,.sh-preset-card:focus-visible .sh-preset-open{opacity:1;transform:none}.sh-manga-mark{bottom:var(--ds-space-3);left:var(--ds-space-3);padding:var(--ds-space-1);background:var(--ds-primary);border-radius:var(--ds-radius-sm);color:var(--ds-on-primary);display:flex;position:absolute}.sh-preset-copy{padding:var(--ds-space-3) 0 0;gap:var(--ds-space-1);flex-direction:column;display:flex}.sh-preset-copy strong{font-size:var(--ds-text-md);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading);color:var(--ds-text)}.sh-preset-copy>span{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);line-height:var(--ds-leading)}.sh-show-all{min-height:var(--ds-control-sm);margin:var(--ds-space-6) auto 0;font-size:var(--ds-text-xs);color:var(--ds-text-secondary);padding:var(--ds-space-1) var(--ds-space-3);border-color:var(--ds-border);border-radius:var(--ds-radius-sm);background:0 0;display:flex}.sh-empty{border:1px dashed var(--ds-border-strong);border-radius:var(--ds-radius-xl);min-height:200px;color:var(--ds-text-secondary);padding:var(--ds-space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.sh-empty strong{font-size:var(--ds-text-md);color:var(--ds-text);margin:var(--ds-space-3) 0 var(--ds-space-2)}.sh-empty p{font-size:var(--ds-text-md);margin:0 0 var(--ds-space-4)}.sh-empty button{font-size:var(--ds-text-md)}.sh-tool-section{margin-top:var(--ds-space-12);border-top:1px solid var(--ds-border);padding-top:var(--ds-space-8)}.sh-tools-grid{gap:var(--ds-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sh-tool{text-align:left;justify-content:flex-start;gap:var(--ds-space-3);border-color:var(--ds-border);background:var(--ds-panel);min-width:0;padding:var(--ds-space-4);border-radius:var(--ds-radius-xl);display:flex}.sh-tool>svg:first-child{color:var(--ds-text-secondary);flex-shrink:0}.sh-tool>span{gap:var(--ds-space-1);flex-direction:column;min-width:0;display:flex}.sh-tool strong{font-size:var(--ds-text-md);line-height:var(--ds-leading);font-weight:var(--ds-weight-medium);align-items:center;gap:var(--ds-space-2);flex-wrap:wrap;display:flex}.sh-tool small{font-size:var(--ds-text-xs);line-height:var(--ds-leading);color:var(--ds-text-secondary)}.sh-tool>svg:last-child:not(:first-child){color:var(--ds-text-muted);flex-shrink:0;margin-left:auto}.sh-tool:hover{background:var(--ds-raised);border-color:var(--ds-border-strong)}.sh-tool-planned{background:var(--ds-bg)}.sh-tool-planned>svg:first-child{color:var(--ds-text-muted)}.sh-tool strong em{font-size:var(--ds-text-xs);color:var(--ds-text-muted);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:0 var(--ds-space-1);white-space:nowrap;font-style:normal}.sh-recent{margin-top:var(--ds-space-12)}.sh-text-button{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);padding:var(--ds-space-1) 0;background:0 0;border:0}.sh-text-button:hover{color:var(--ds-text);background:0 0}.sh-recent-grid{gap:var(--ds-space-4);grid-template-columns:repeat(3,minmax(0,1fr)) auto;display:grid}.sh-recent-project{padding:var(--ds-space-4);justify-content:flex-start;gap:var(--ds-space-3);text-align:left;background:var(--ds-panel);border-color:var(--ds-border);border-radius:var(--ds-radius-xl);min-width:0}.sh-project-symbol{width:var(--ds-control-md);height:var(--ds-control-md);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);background:var(--ds-overlay);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sh-recent-project>span:nth-child(2){gap:var(--ds-space-1);flex-direction:column;min-width:0;display:flex}.sh-recent-project strong{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sh-recent-project small{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.sh-recent-project small span{padding:0 var(--ds-space-2)}.sh-recent-project>svg{color:var(--ds-text-muted);flex-shrink:0;margin-left:auto}.sh-new-project{padding:var(--ds-space-3);font-size:var(--ds-text-md);color:var(--ds-text-secondary);white-space:nowrap;border:1px dashed var(--ds-border-strong);border-radius:var(--ds-radius-xl);background:0 0}.sh-tool-dialog{width:min(440px,100vw - 32px);max-height:85dvh;color:var(--ds-text);background:var(--ds-panel);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-lg);padding:0;overflow:auto}.sh-tool-dialog::backdrop{background:var(--ds-backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sh-tool-dialog-content{padding:var(--ds-space-8);position:relative}.sh-dialog-close{top:var(--ds-space-3);right:var(--ds-space-3);width:var(--ds-control-sm);height:var(--ds-control-sm);padding:var(--ds-space-1);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary);background:0 0;border:0;position:absolute}.sh-dialog-icon{width:var(--ds-control-lg);height:var(--ds-control-lg);background:var(--ds-raised);color:var(--ds-text);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-4);justify-content:center;align-items:center;display:flex}.sh-dialog-status{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);padding:var(--ds-space-1) var(--ds-space-2)}.sh-tool-dialog h2{font-size:var(--ds-title);line-height:var(--ds-leading-tight);margin:var(--ds-space-4) 0 var(--ds-space-3)}.sh-tool-dialog p{font-size:var(--ds-text-md);line-height:var(--ds-leading);color:var(--ds-text-secondary)}.sh-tool-dialog dl{padding:var(--ds-space-4) 0;border-top:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border);margin:var(--ds-space-6) 0}.sh-tool-dialog dl>div{gap:var(--ds-space-3);font-size:var(--ds-text-md);line-height:var(--ds-leading);margin:var(--ds-space-2) 0;grid-template-columns:88px 1fr;display:grid}.sh-tool-dialog dt{color:var(--ds-text-muted)}.sh-tool-dialog dd{color:var(--ds-text);margin:0}.sh-tool-dialog .sh-tool-unavailable{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.sh-tool-disabled{width:100%;min-height:var(--ds-control-md);font-size:var(--ds-text-md);margin-top:var(--ds-space-2);background:var(--ds-raised);color:var(--ds-text-disabled);border-color:var(--ds-border)}@container (width<=1000px){.sh-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sh-new-project{grid-column:1/-1;justify-self:start}.sh-studio-entry{gap:var(--ds-space-3);padding:var(--ds-space-4)}.sh-studio-entry>svg:last-child,.sh-example-note{display:none}}@container (width<=760px){.sh-intro h1{font-size:var(--ds-title)}.sh-studios{gap:var(--ds-space-2)}.sh-studio-entry{padding:var(--ds-space-4);flex-direction:column;align-items:flex-start}.sh-studio-entry small{display:none}.sh-studio-icon{width:var(--ds-control-md);height:var(--ds-control-md)}.sh-section-heading{gap:var(--ds-space-3);flex-wrap:wrap}.sh-search{width:100%;max-width:320px}.sh-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-recent-grid{grid-template-columns:1fr}.sh-new-project{justify-self:stretch}}@media (width<=1050px){.studio-home{padding:var(--ds-space-6)}}@media (width<=650px){.studio-home{padding:var(--ds-space-4)}.sh-intro{padding:var(--ds-space-6) var(--ds-space-4);gap:var(--ds-space-4)}.sh-tools-grid{grid-template-columns:1fr}.sh-category-row{gap:var(--ds-space-1)}.sh-category-row>button{padding:var(--ds-space-1) var(--ds-space-2)}.sh-tool-dialog-content{padding:var(--ds-space-6)}}@media (prefers-reduced-motion:reduce){.sh-preset-art>img,.sh-preset-open{transition:none}.sh-preset-card:hover .sh-preset-art>img{transform:none}}.history-page{max-width:var(--ds-content-max);color:var(--ds-text);margin:auto}.history-heading{justify-content:space-between;align-items:center;gap:var(--ds-space-6);display:flex}.history-heading h1{font-size:var(--ds-title);line-height:var(--ds-leading-tight);font-weight:var(--ds-weight-semibold);margin:var(--ds-space-3) 0 var(--ds-space-2)}.history-heading p{font-size:var(--ds-text-md);color:var(--ds-text-secondary)}.history-count{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);white-space:nowrap}.history-toolbar{gap:var(--ds-space-3);padding:var(--ds-space-4) 0 var(--ds-space-6);flex-wrap:wrap;align-items:center;display:flex}.history-kind{gap:var(--ds-space-1);margin-right:auto;display:flex}.history-kind button{min-height:var(--ds-control-sm);padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-md);color:var(--ds-text-secondary);background:0 0;border-color:#0000}.history-kind button:hover{background:var(--ds-overlay-hover);color:var(--ds-text)}.history-kind button.active{background:var(--ds-primary);color:var(--ds-on-primary);border-color:var(--ds-primary)}.history-toolbar select{min-height:var(--ds-control-md);font-size:var(--ds-text-md);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md)}.history-list{gap:var(--ds-space-4);flex-direction:column;display:flex}.history-card{border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);background:var(--ds-panel);grid-template-columns:235px minmax(0,1fr);display:grid;overflow:hidden}.history-preview{background:var(--ds-canvas);min-height:190px;color:var(--ds-text-secondary);justify-content:center;align-items:center;display:flex;position:relative}.history-preview>img,.history-preview>video{object-fit:cover;width:100%;height:100%;max-height:245px}.history-preview>span{left:var(--ds-space-3);bottom:var(--ds-space-3);font-size:var(--ds-text-xs);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);background:var(--ds-backdrop);color:var(--ds-text);position:absolute}.history-audio{align-items:center;gap:var(--ds-space-4);width:100%;padding:var(--ds-space-4);color:var(--ds-media-audio);flex-direction:column;display:flex}.history-audio>svg{width:32px;height:32px}.history-audio audio{width:100%;height:var(--ds-control-md)}.history-card-body{padding:var(--ds-space-6);min-width:0}.history-card-top{gap:var(--ds-space-4);margin-bottom:var(--ds-space-3);justify-content:space-between;align-items:center;display:flex}.history-card-top time{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.history-status{align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-xs);color:var(--ds-text-secondary);display:inline-flex}.history-status.status-completed{color:var(--ds-success)}.history-status.status-failed{color:var(--ds-danger)}.history-status.status-running,.history-status.status-queued{color:var(--ds-info)}.history-prompt{font-size:var(--ds-text-md);line-height:var(--ds-leading);color:var(--ds-text);-webkit-line-clamp:2;margin-bottom:var(--ds-space-3);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.history-meta{gap:var(--ds-space-3);color:var(--ds-text-secondary);font-size:var(--ds-text-xs);flex-wrap:wrap;display:flex}.history-actions{gap:var(--ds-space-2);margin-top:var(--ds-space-4);flex-wrap:wrap;display:flex}.history-actions button,.history-actions a{min-height:var(--ds-control-sm);font-size:var(--ds-text-xs);padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-sm)}.history-error{font-size:var(--ds-text-xs);color:var(--ds-danger);margin:var(--ds-space-2) 0 0}.history-note{font-size:var(--ds-text-xs);margin:var(--ds-space-6) 0;color:var(--ds-text-muted)}.history-page .empty-state h2{margin:var(--ds-space-6) 0 0;font-size:var(--ds-text-lg);color:var(--ds-text)}@media (width<=850px){.history-card{grid-template-columns:170px minmax(0,1fr)}.history-card-body{padding:var(--ds-space-4)}.history-preview{min-height:180px}.history-heading{align-items:flex-start}}@media (width<=580px){.history-card{grid-template-columns:1fr}.history-preview{max-height:220px}.history-preview>img{height:220px}.history-card-top{align-items:flex-start}.history-kind{width:100%}.history-toolbar .search-field{flex:1}.history-toolbar .search-field input{width:100%}}.ds-preview-page{height:100%;padding:var(--ds-space-10) var(--ds-space-8) var(--ds-space-16);background:var(--ds-bg);color:var(--ds-text);font-family:var(--ds-font);font-size:var(--ds-text-md);line-height:var(--ds-leading);overflow:auto}.ds-preview-content{max-width:1200px;margin:0 auto}.ds-preview-heading{justify-content:space-between;align-items:flex-start;gap:var(--ds-space-6);margin-bottom:var(--ds-space-12);display:flex}.ds-preview-heading h1{font-size:var(--ds-display);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading-tight);margin:var(--ds-space-4) 0 var(--ds-space-3)}.ds-preview-heading p,.ds-preview-section-heading p{color:var(--ds-text-secondary);margin:0}.ds-preview-heading>.ds-badge{margin-top:var(--ds-space-1);flex-shrink:0}.ds-preview-section{margin-top:var(--ds-space-12)}.ds-preview-section-heading{align-items:baseline;gap:var(--ds-space-2) var(--ds-space-6);margin-bottom:var(--ds-space-5);flex-wrap:wrap;display:flex}.ds-preview-section-heading h2{font-size:var(--ds-title);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading-tight);margin:0}.ds-preview-section-heading p{font-size:var(--ds-text-sm)}.ds-preview-brand-summary{align-items:center;gap:var(--ds-space-6);display:flex}.ds-preview-brand-summary>img{flex-shrink:0}.ds-preview-brand-summary strong{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);color:var(--ds-text)}.ds-preview-brand-summary p{margin:var(--ds-space-2) 0 0}.ds-preview-wordmark{align-items:center;gap:var(--ds-space-8);margin-bottom:var(--ds-space-6);padding-bottom:var(--ds-space-6);border-bottom:1px solid var(--ds-border);display:flex}.ds-preview-wordmark>img{flex-shrink:0;width:240px;max-width:100%;height:auto}.ds-preview-wordmark strong{font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);color:var(--ds-text)}.ds-preview-wordmark p{margin:var(--ds-space-2) 0 0}.ds-preview-guide-list{margin:var(--ds-space-6) 0;padding-left:var(--ds-space-5);color:var(--ds-text-secondary)}.ds-preview-guide-list li+li{margin-top:var(--ds-space-2)}.ds-preview-icon-sizes{align-items:flex-end;gap:var(--ds-space-4);padding-top:var(--ds-space-6);border-top:1px solid var(--ds-border);flex-wrap:wrap;display:flex}.ds-preview-icon-sizes figure{align-items:center;gap:var(--ds-space-3);flex-direction:column;margin:0;display:flex}.ds-preview-icon-sizes figure>div{background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);place-items:center;width:88px;height:88px;display:grid}.ds-preview-icon-sizes img{max-width:none}.ds-preview-icon-sizes figcaption{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.ds-preview-guide-note{margin:var(--ds-space-4) 0 0;font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.ds-preview-color-group+.ds-preview-color-group{margin-top:var(--ds-space-6)}.ds-preview-color-group h3{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);color:var(--ds-text-secondary);margin:0 0 var(--ds-space-3)}.ds-preview-swatches{gap:var(--ds-space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.ds-preview-swatch.ds-card{min-width:0;padding:0;overflow:hidden}.ds-preview-swatch-color{border-bottom:1px solid var(--ds-border);height:64px}.ds-preview-swatch>div:last-child{padding:var(--ds-space-3)}.ds-preview-page code{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:var(--ds-text-secondary);overflow-wrap:anywhere}.ds-preview-swatch code{display:block}.ds-preview-swatch span{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:var(--ds-text-muted);margin-top:var(--ds-space-1);display:block}.ds-preview-type-list.ds-card{padding:0 var(--ds-space-6)}.ds-preview-type-row{align-items:baseline;gap:var(--ds-space-6);padding:var(--ds-space-4) 0;display:flex}.ds-preview-type-row+.ds-preview-type-row{border-top:1px solid var(--ds-border)}.ds-preview-type-row>div{justify-content:space-between;align-items:baseline;gap:var(--ds-space-4);flex-shrink:0;width:200px;display:flex}.ds-preview-type-row>div span{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.ds-preview-type-row p{color:var(--ds-text);line-height:var(--ds-leading);margin:0}.ds-preview-font-details{margin:var(--ds-space-4) 0 0;font-size:var(--ds-text-xs)}.ds-preview-font-details>div{gap:var(--ds-space-4);padding:var(--ds-space-1) 0;display:flex}.ds-preview-font-details dt{width:120px;font-family:var(--ds-font-mono);color:var(--ds-text-muted);flex-shrink:0}.ds-preview-font-details dd{color:var(--ds-text-secondary);overflow-wrap:anywhere;margin:0}.ds-preview-measures{gap:var(--ds-space-6);grid-template-columns:1fr 1fr;display:grid}.ds-preview-space-list.ds-card{padding:var(--ds-space-5)}.ds-preview-space-row{gap:var(--ds-space-3);min-height:var(--ds-control-sm);grid-template-columns:120px 48px 1fr;align-items:center;display:grid}.ds-preview-space-row span{color:var(--ds-text-muted);font-size:var(--ds-text-xs);font-family:var(--ds-font-mono)}.ds-preview-space-row i{height:var(--ds-space-3);background:var(--ds-brand);border-radius:2px;display:block}.ds-preview-radius-list{gap:var(--ds-space-5) var(--ds-space-3);grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;display:grid}.ds-preview-radius-item{align-items:center;gap:var(--ds-space-2);text-align:center;flex-direction:column;min-width:0;display:flex}.ds-preview-radius-item>div{background:var(--ds-raised);border:1px solid var(--ds-border-strong);width:80px;height:64px}.ds-preview-radius-item span{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.ds-preview-sample-box{padding:var(--ds-space-6)}.ds-preview-button-row{align-items:center;gap:var(--ds-space-3);flex-wrap:wrap;display:flex}.ds-preview-button-row+.ds-preview-button-row{padding-top:var(--ds-space-5);margin-top:var(--ds-space-5);border-top:1px solid var(--ds-border)}.ds-preview-feedback{min-height:22px;margin:var(--ds-space-5) 0 0;font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.ds-preview-generation-grid{gap:var(--ds-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ds-preview-generation-state{align-items:flex-start;gap:var(--ds-space-5);flex-direction:column;min-width:0;display:flex}.ds-preview-generation-state h3{font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);margin:0}.ds-preview-generation-state .ds-button{max-width:100%}.ds-preview-generation-state p{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin:0}.ds-preview-spin{animation:1s linear infinite ds-preview-rotate}@keyframes ds-preview-rotate{to{transform:rotate(360deg)}}.ds-preview-input-grid{padding:var(--ds-space-6);gap:var(--ds-space-5);grid-template-columns:1fr 1fr;display:grid}.ds-preview-field{gap:var(--ds-space-2);flex-direction:column;align-self:start;min-width:0;display:flex}.ds-preview-field>span{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium)}.ds-preview-field .ds-input{width:100%}.ds-preview-field-wide{grid-column:1/-1}.ds-preview-field textarea{resize:vertical;min-height:100px}.ds-preview-error{align-items:center;gap:var(--ds-space-1);color:var(--ds-danger);font-size:var(--ds-text-xs);display:flex}.ds-preview-tabs{width:fit-content}.ds-preview-tab-panel{padding:var(--ds-space-6);margin-top:var(--ds-space-4)}.ds-preview-tab-panel p{color:var(--ds-text-secondary);margin:var(--ds-space-2) 0 0}.ds-preview-cards{gap:var(--ds-space-5);grid-template-columns:1fr 1fr;display:grid}.ds-preview-demo-card{padding:var(--ds-space-6)}.ds-preview-card-top{justify-content:space-between;align-items:center;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6);display:flex}.ds-preview-card-icon{width:var(--ds-control-lg);height:var(--ds-control-lg);background:var(--ds-overlay);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);justify-content:center;align-items:center;display:inline-flex}.ds-preview-demo-card h3{font-size:var(--ds-text-xl);font-weight:var(--ds-weight-semibold);margin:0 0 var(--ds-space-2)}.ds-preview-demo-card p{color:var(--ds-text-secondary);margin:0 0 var(--ds-space-6)}.ds-preview-badges{align-items:center;gap:var(--ds-space-3);margin-top:var(--ds-space-5);flex-wrap:wrap;display:flex}.ds-preview-dialog.ds-dialog{width:min(480px, calc(100vw - var(--ds-space-8)));padding:0}.ds-preview-dialog-content{padding:var(--ds-space-6)}.ds-preview-dialog-heading{justify-content:space-between;align-items:center;gap:var(--ds-space-4);margin-bottom:var(--ds-space-4);display:flex}.ds-preview-dialog-heading h2{font-size:var(--ds-text-xl);font-weight:var(--ds-weight-semibold);margin:0}.ds-preview-dialog-content>p{color:var(--ds-text-secondary);margin:0}.ds-preview-dialog-actions{justify-content:flex-end;gap:var(--ds-space-2);margin-top:var(--ds-space-6);display:flex}@media (width<=1200px){.ds-preview-generation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.ds-preview-page{padding:var(--ds-space-6) var(--ds-space-4) var(--ds-space-12)}.ds-preview-heading{gap:var(--ds-space-3);flex-direction:column}.ds-preview-wordmark{align-items:flex-start;gap:var(--ds-space-4);flex-direction:column}.ds-preview-heading h1{font-size:var(--ds-title)}.ds-preview-measures{grid-template-columns:1fr}.ds-preview-type-row{gap:var(--ds-space-2);flex-direction:column}.ds-preview-input-grid,.ds-preview-cards{grid-template-columns:1fr}.ds-preview-font-details>div{gap:var(--ds-space-1);flex-direction:column}.ds-preview-type-list,.ds-preview-input-grid,.ds-preview-sample-box,.ds-preview-demo-card{padding:var(--ds-space-4)}}@media (width<=540px){.ds-preview-brand-summary{align-items:flex-start;gap:var(--ds-space-4)}.ds-preview-generation-grid{grid-template-columns:1fr}.ds-preview-icon-sizes{gap:var(--ds-space-3)}.ds-preview-icon-sizes figure>div{width:72px;height:80px}}@media (prefers-reduced-motion:reduce){.ds-preview-spin{animation:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ds-bg:#121212;--ds-canvas:#1a1a1a;--ds-panel:#1f1f1f;--ds-raised:#262626;--ds-input:#2b2b2b;--ds-hover:#303030;--ds-overlay:#ffffff0d;--ds-overlay-hover:#ffffff12;--ds-overlay-active:#ffffff17;--ds-text:#f7f7f7;--ds-text-secondary:#adadad;--ds-text-muted:#8a8a8a;--ds-text-disabled:#ffffff4d;--ds-border:#ffffff14;--ds-border-strong:#ffffff29;--ds-border-input:#525252;--ds-primary:#2d7dff;--ds-primary-hover:#4d91ff;--ds-on-primary:#141414;--ds-brand:var(--ds-primary);--ds-brand-hover:var(--ds-primary-hover);--ds-on-brand:var(--ds-on-primary);--ds-brand-text:#83b7ff;--ds-brand-soft:#2d7dff1a;--ds-brand-border:#2d7dff66;--ds-focus:#83b7ff;--ds-success:#8cdaa2;--ds-success-soft:#8cdaa214;--ds-warning:#e8ba74;--ds-warning-soft:#e8ba7414;--ds-danger:#f29c9c;--ds-danger-soft:#f29c9c14;--ds-info:#84adff;--ds-info-soft:#3b82f61a;--ds-media-image:#dfa1e8;--ds-media-video:#83b7ff;--ds-media-audio:#e8ba74;--ds-backdrop:#000000b2;--ds-shadow-sm:0 2px 8px #0000001f;--ds-shadow-lg:0 24px 80px #0006;--ds-glow-generate:0 0 0 1px #83b7ff26, 0 0 24px #2d7dff40, 0 6px 36px #2d7dff1f, inset 0 1px 0 #ffffff24;--ds-glow-generate-hover:0 0 0 1px #83b7ff40, 0 0 28px #2d7dff52, 0 6px 40px #2d7dff29, inset 0 1px 0 #fff3;--ds-font:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans JP", "Malgun Gothic", "Segoe UI", sans-serif;--ds-font-mono:"SFMono-Regular", Consolas, monospace;--ds-text-xs:12px;--ds-text-sm:13px;--ds-text-md:14px;--ds-text-lg:16px;--ds-text-xl:20px;--ds-title:24px;--ds-display:32px;--ds-leading:1.55;--ds-leading-tight:1.35;--ds-weight-regular:400;--ds-weight-medium:500;--ds-weight-semibold:600;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:20px;--ds-space-6:24px;--ds-space-8:32px;--ds-space-10:40px;--ds-space-12:48px;--ds-space-16:64px;--ds-radius-sm:8px;--ds-radius-md:12px;--ds-radius-lg:16px;--ds-radius-xl:20px;--ds-radius-2xl:32px;--ds-radius-pill:9999px;--ds-control-sm:32px;--ds-control-md:40px;--ds-control-lg:48px;--ds-sidebar:240px;--ds-sidebar-collapsed:72px;--ds-header:64px;--ds-content-max:1440px;--ds-panel-width:340px;--ds-duration:.16s;--ds-easing:cubic-bezier(.2, 0, 0, 1);--bg:var(--ds-bg);--panel:var(--ds-panel);--surface:var(--ds-raised);--border:var(--ds-border);--text:var(--ds-text);--muted:var(--ds-text-secondary);--accent:var(--ds-primary);--accent-hover:var(--ds-primary-hover);font-family:var(--ds-font);font-size:var(--ds-text-md);line-height:var(--ds-leading);color:var(--ds-text);background:var(--ds-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,.button,.ds-button{cursor:pointer;justify-content:center;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-overlay);color:var(--ds-text);font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);transition:background var(--ds-duration) var(--ds-easing), border-color var(--ds-duration) var(--ds-easing), color var(--ds-duration) var(--ds-easing), box-shadow var(--ds-duration) var(--ds-easing);line-height:22px;display:inline-flex}:where(button:hover:not(:disabled),.button:hover,.ds-button:hover:not(:disabled)){background:var(--ds-overlay-hover);border-color:var(--ds-border-strong)}:where(button:active:not(:disabled),.button:active,.ds-button:active:not(:disabled)){background:var(--ds-overlay-active)}button:disabled,.ds-button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px}input,textarea,select,.ds-input{color:var(--ds-text);background:var(--ds-input);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm);padding:9px var(--ds-space-3);outline:none;line-height:20px}input::placeholder,textarea::placeholder{color:var(--ds-text-muted)}input:hover,textarea:hover,select:hover{border-color:var(--ds-border-input)}input:focus,textarea:focus,select:focus{border-color:var(--ds-focus)}input:disabled,textarea:disabled,select:disabled{opacity:.4;cursor:not-allowed}[aria-invalid=true].ds-input{border-color:var(--ds-danger)}textarea{resize:vertical;line-height:var(--ds-leading)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:var(--ds-weight-semibold);letter-spacing:-.02em}h1{font-size:var(--ds-title);line-height:var(--ds-leading-tight)}h2{font-size:var(--ds-text-lg);line-height:1.5}h3{font-size:var(--ds-text-md);line-height:1.5}p{line-height:var(--ds-leading);color:var(--ds-text-secondary)}img,video{max-width:100%;display:block}.ds-button{height:var(--ds-control-md);padding:0 var(--ds-space-4)}.primary,button.primary,.ds-button-primary{background:var(--ds-primary);color:var(--ds-on-primary);font-weight:var(--ds-weight-medium);border-color:#0000}.primary:hover:not(:disabled),button.primary:hover:not(:disabled),.ds-button-primary:hover:not(:disabled){background:var(--ds-primary-hover);color:var(--ds-on-primary);border-color:#0000}.primary:active:not(:disabled),button.primary:active:not(:disabled),.ds-button-primary:active:not(:disabled){background:var(--ds-primary-hover)}.ds-button-brand{background:var(--ds-brand);color:var(--ds-on-brand);border-color:#0000}.ds-button-brand:hover:not(:disabled){background:var(--ds-brand-hover);color:var(--ds-on-brand);border-color:#0000}button.ds-button-generate:not(:disabled):not([aria-busy=true]){box-shadow:var(--ds-glow-generate)}button.ds-button-generate:hover:not(:disabled):not([aria-busy=true]){box-shadow:var(--ds-glow-generate-hover)}button.ds-button-generate:disabled,button.ds-button-generate[aria-busy=true]{box-shadow:none}.ds-button-ghost{background:0 0;border-color:#0000}.ds-button-ghost:hover{background:var(--ds-overlay-hover);border-color:#0000}.ds-button-danger,.ds-button-danger:hover{background:var(--ds-danger-soft);color:var(--ds-danger);border-color:var(--ds-danger)}.ds-button-sm{height:var(--ds-control-sm);padding:0 var(--ds-space-3);font-size:var(--ds-text-sm)}.ds-button-lg{height:var(--ds-control-lg);padding:0 var(--ds-space-6)}.icon-button,.ds-icon-button{width:var(--ds-control-sm);height:var(--ds-control-sm);color:var(--ds-text-secondary);background:0 0;border-color:#0000;flex-shrink:0;padding:6px}.icon-button:hover,.ds-icon-button:hover{color:var(--ds-text);background:var(--ds-overlay-hover);border-color:#0000}.ds-card{padding:var(--ds-space-6);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);background:var(--ds-panel)}.ds-badge{align-items:center;gap:var(--ds-space-1);padding:2px var(--ds-space-2);border-radius:var(--ds-radius-sm);background:var(--ds-overlay);color:var(--ds-text-secondary);font-size:var(--ds-text-xs);line-height:20px;display:inline-flex}.ds-badge-success{background:var(--ds-success-soft);color:var(--ds-success)}.ds-badge-warning{background:var(--ds-warning-soft);color:var(--ds-warning)}.ds-badge-danger{background:var(--ds-danger-soft);color:var(--ds-danger)}.ds-badge-brand{background:var(--ds-brand-soft);color:var(--ds-brand-text)}.ds-tabs{gap:var(--ds-space-1);padding:var(--ds-space-1);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-bg);flex-wrap:wrap;display:flex}.ds-tabs [role=tab]{height:var(--ds-control-sm);padding:0 var(--ds-space-3);color:var(--ds-text-secondary);background:0 0;border:0}.ds-tabs [role=tab]:hover{color:var(--ds-text);background:var(--ds-overlay)}.ds-tabs [role=tab][aria-selected=true]{color:var(--ds-brand-text);background:var(--ds-brand-soft)}.ds-dialog{width:100%;max-width:min(560px,100vw - 48px);max-height:85dvh;padding:var(--ds-space-8);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-xl);background:var(--ds-panel);color:var(--ds-text);box-shadow:var(--ds-shadow-lg);overflow:auto}.ds-dialog::backdrop{background:var(--ds-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.muted{color:var(--ds-text-secondary)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spin{animation:1s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.eyebrow{font-size:var(--ds-text-xs);letter-spacing:.02em;color:var(--ds-text-muted);font-weight:var(--ds-weight-medium)}.button-row{gap:var(--ds-space-2);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{height:100dvh;min-height:600px;display:flex;overflow:hidden}.app-rail{background:var(--ds-bg);border-right:1px solid var(--ds-border);z-index:20;flex-direction:column;flex-shrink:0;align-items:center;width:80px;padding:18px 0 13px;display:flex}.brand-mark{border-radius:var(--ds-radius-sm);background:0 0;border:0;flex-shrink:0;width:40px;height:40px;padding:0;line-height:1;position:relative}.brand-mark:hover{opacity:.9;background:0 0}.brand-mark img{width:100%;height:100%;display:block}.app-rail nav{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:35px;display:flex}.rail-item{border-radius:var(--ds-radius-sm);width:54px;height:47px;color:var(--ds-text-secondary);background:0 0;border:0;padding:0;position:relative}.rail-item:hover{color:var(--ds-text);background:var(--ds-raised)}.rail-item.active{background:var(--ds-overlay-hover);color:var(--accent)}.rail-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:19px;position:absolute;top:14px;left:-13px}.rail-item>span{padding:7px var(--ds-space-3);white-space:nowrap;background:var(--ds-hover);border:1px solid var(--ds-border-strong);color:var(--ds-text);border-radius:var(--ds-radius-sm);box-shadow:var(--ds-shadow-sm);font-size:var(--ds-text-md);z-index:100;display:none;position:absolute;left:64px}.rail-item:hover>span,.rail-item:focus-visible>span{display:block}.rail-bottom{align-items:center;gap:var(--ds-space-2);flex-direction:column;margin-top:auto;display:flex}.locale-select{width:70px;height:34px;font-size:var(--ds-text-xs);padding:var(--ds-space-1) 2px;background:var(--ds-raised);border-color:var(--ds-border);color:var(--ds-text);border-radius:var(--ds-radius-sm);cursor:pointer}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-header{height:var(--ds-header);padding:0 var(--ds-space-6);background:var(--ds-bg);border-bottom:1px solid var(--ds-border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;display:flex}.workspace-breadcrumb{align-items:center;gap:11px;min-width:0;display:flex}.project-name-input{padding:6px var(--ds-space-1);width:20vw;min-width:100px;max-width:235px;font-size:var(--ds-text-md);white-space:nowrap;text-overflow:ellipsis;border-radius:var(--ds-radius-sm);background:0 0;border-color:#0000}.project-name-input:hover{border-color:var(--ds-border-strong)}.breadcrumb-divider{color:var(--ds-hover)}.current-view{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);white-space:nowrap}.header-actions{align-items:center;gap:13px;display:flex}.save-indicator{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);white-space:nowrap;align-items:center;gap:5px;display:flex}.save-indicator.error{color:var(--ds-danger)}.local-badge{font-size:var(--ds-text-xs);letter-spacing:.09em;white-space:nowrap;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:var(--ds-space-1) 6px;color:var(--ds-text-secondary);background:var(--ds-overlay)}.export-project{font-size:var(--ds-text-xs);border-radius:var(--ds-radius-sm);background:var(--ds-raised);padding:7px 11px}.workspace{flex:1;min-height:0;position:relative;overflow:hidden}.preview-footnote{height:25px;font-size:var(--ds-text-xs);letter-spacing:.015em;color:var(--ds-text-muted);background:var(--ds-bg);border-top:1px solid var(--ds-border);flex-shrink:0;justify-content:center;align-items:center;gap:6px;display:flex}.status-dot{background:var(--ds-success);border-radius:50%;width:4px;height:4px}.page-scroll{height:100%;padding:var(--ds-space-8) var(--ds-space-12);overflow:auto}.boot-screen{justify-content:center;align-items:center;gap:18px;min-height:100vh;display:flex}.boot-screen p{margin:0}.section-heading{margin:36px 0 var(--ds-space-5);justify-content:space-between;align-items:center;display:flex}.section-heading h2{font-size:var(--ds-text-lg);margin:0}.section-heading h2 span{color:var(--muted);font-size:var(--ds-text-md);margin-left:6px;font-weight:400}.search-field{gap:var(--ds-space-2);border:1px solid var(--ds-border);background:var(--ds-panel);border-radius:var(--ds-radius-sm);color:var(--muted);align-items:center;padding:0 10px;display:flex}.search-field input{padding:var(--ds-space-2) 0;font-size:var(--ds-text-xs);box-shadow:none;background:0 0;border:0;width:175px;min-width:0}.project-intro{padding-top:7px}.project-intro h1{margin:var(--ds-space-3) 0 6px;font-size:var(--ds-display)}.project-intro p{font-size:var(--ds-text-md);margin-bottom:28px}.start-options{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.start-options>button{border-radius:var(--ds-radius-xl);text-align:left;justify-content:stretch;gap:var(--ds-space-1) var(--ds-space-3);padding:22px var(--ds-space-5);background:linear-gradient(125deg,var(--ds-raised),var(--ds-panel));border-color:var(--ds-border);grid-template-columns:36px 1fr;display:grid;position:relative}.start-options>button:nth-child(2),.start-options>button:nth-child(3){background:linear-gradient(125deg,var(--ds-raised),var(--ds-panel));border-color:var(--ds-border)}.start-options>button:hover{filter:brightness(1.13)}.start-options>button>svg:first-child{width:25px;height:25px;color:var(--ds-media-image);grid-row:1/3;align-self:center}.start-options>button:nth-child(2)>svg:first-child{color:var(--ds-media-video)}.start-options>button:nth-child(3)>svg:first-child{color:var(--ds-media-audio)}.start-options strong{font-size:var(--ds-text-md)}.start-options span{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.start-options>button>svg:last-child{width:14px;height:14px;color:var(--ds-text-muted);position:absolute;top:31px;right:16px}.project-grid{gap:var(--ds-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.project-card{min-width:0}.project-cover{aspect-ratio:16/10;background:var(--ds-raised);border-color:var(--ds-border);border-radius:var(--ds-radius-md);width:100%;padding:0;position:relative;overflow:hidden}.project-cover img,.project-cover video{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-cover:hover img{transform:scale(1.025)}.cover-open{background:var(--ds-primary);width:30px;height:30px;color:var(--ds-on-primary);opacity:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:12px;right:12px}.project-cover:hover .cover-open{opacity:1}.project-info{justify-content:space-between;align-items:center;gap:6px;margin-top:10px;display:flex}.project-title{font-size:var(--ds-text-md);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:0;font-weight:500;display:block;overflow:hidden}.project-title:hover{color:var(--accent);background:0 0}.project-meta{font-size:var(--ds-text-xs);color:var(--ds-text-muted);margin:0}.project-meta span{padding:0 7px}.new-project-card{aspect-ratio:16/10;align-self:start;gap:var(--ds-space-3);background:var(--ds-panel);border:1px dashed var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:var(--ds-text-md);flex-direction:column;display:flex}.media-placeholder{background:radial-gradient(ellipse at 60% 30%,var(--ds-brand-soft),transparent 70%),linear-gradient(150deg,var(--ds-raised),var(--ds-panel));width:100%;height:100%;color:var(--ds-text-secondary);justify-content:center;align-items:center;display:flex}.page-title-row{justify-content:space-between;align-items:center;gap:var(--ds-space-6);margin-bottom:27px;display:flex}.page-title-row h1{font-size:var(--ds-title);margin:var(--ds-space-3) 0 var(--ds-space-2)}.page-title-row p{font-size:var(--ds-text-md);margin:0}.page-title-row button{font-size:var(--ds-text-md);white-space:nowrap}.asset-filters{padding-bottom:var(--ds-space-5);border-bottom:1px solid var(--ds-raised);margin-bottom:var(--ds-space-6);align-items:center;gap:6px;display:flex}.asset-filters button{color:var(--ds-text-secondary);font-size:var(--ds-text-md);background:0 0;border:0;padding:7px 14px}.asset-filters button.active{background:var(--ds-brand-soft);color:var(--ds-brand-text)}.asset-filters>span{font-size:var(--ds-text-xs);color:var(--muted);margin-left:auto}.asset-grid{gap:var(--ds-space-6) 18px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.asset-card{text-align:left;align-items:stretch;gap:var(--ds-space-2);border-radius:var(--ds-radius-sm);background:0 0;border:0;flex-direction:column;padding:0;display:flex}.asset-card:hover{color:var(--accent);background:0 0}.asset-cover{aspect-ratio:4/3;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-raised);position:relative;overflow:hidden}.asset-card:hover .asset-cover{border-color:var(--ds-brand-text)}.asset-cover img,.asset-cover video{object-fit:cover;width:100%;height:100%}.asset-kind{background:var(--ds-backdrop);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);letter-spacing:.1em;color:var(--ds-text);padding:3px 5px;position:absolute;bottom:8px;left:9px}.asset-card strong{font-size:var(--ds-text-md);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.asset-card small{color:var(--ds-text-muted);font-size:var(--ds-text-xs);margin-top:-6px}.audio-cover{background:radial-gradient(ellipse at top,var(--ds-brand),var(--ds-canvas));width:100%;height:100%;color:var(--ds-brand-text);flex-direction:column;justify-content:center;align-items:center;gap:30px;font-size:80px;display:flex}.audio-cover audio{width:90%}.empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state h3{font-size:var(--ds-text-lg);color:var(--ds-text);margin:18px 0 0}.empty-state p{font-size:var(--ds-text-md)}.modal-backdrop{z-index:1000;background:var(--ds-backdrop);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.asset-modal,.help-modal{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-lg);max-height:90vh;position:relative;overflow:auto}.modal-close{z-index:1;background:var(--ds-backdrop);border:1px solid var(--ds-border-strong);color:var(--ds-text);border-radius:50%;width:32px;height:32px;position:absolute;top:14px;right:14px}.asset-modal{width:min(960px,90vw)}.asset-full{background:var(--ds-bg);justify-content:center;align-items:center;min-height:200px;max-height:55vh;display:flex}.asset-full img,.asset-full video{object-fit:contain;width:auto;max-width:100%;max-height:55vh}.asset-full .audio-cover{height:350px}.asset-detail{padding:25px 30px}.asset-detail h2{margin:var(--ds-space-2) 0 var(--ds-space-3);font-size:var(--ds-text-xl)}.asset-detail p{font-size:var(--ds-text-md)}.asset-detail .button-row{margin-top:var(--ds-space-5)}.asset-detail button,.asset-detail a{font-size:var(--ds-text-xs)}.help-modal{max-width:620px;padding:44px}.help-modal h2{margin:var(--ds-space-4) 0 var(--ds-space-3);font-size:var(--ds-title)}.help-modal p{font-size:var(--ds-text-md)}.help-modal ol{font-size:var(--ds-text-md);color:var(--ds-text);padding-left:22px;line-height:2.3}.help-note{font-size:var(--ds-text-md);color:var(--ds-text-secondary);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-brand-soft);margin:var(--ds-space-6) 0;padding:15px;line-height:1.9}.error-banner{z-index:1100;background:var(--ds-danger-soft);border:1px solid var(--ds-danger);max-width:70vw;color:var(--ds-danger);border-radius:var(--ds-radius-md);padding:var(--ds-space-2) var(--ds-space-3) var(--ds-space-2) var(--ds-space-5);box-shadow:0 5px 30px var(--ds-backdrop);align-items:center;gap:15px;display:flex;position:fixed;bottom:43px;left:50%;transform:translate(-50%)}.error-banner p{color:inherit;font-size:var(--ds-text-md);margin:0}.error-banner .icon-button{color:inherit}.toast{z-index:1000;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ds-hover);border-radius:var(--ds-radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--ds-hover)}.studio-sidebar.app-rail{width:var(--ds-sidebar);padding:var(--ds-space-4) var(--ds-space-3);background:var(--ds-bg);align-items:stretch;position:relative}.sidebar-brand{align-items:center;gap:var(--ds-space-2);padding:0 var(--ds-space-2);height:32px;display:flex}.sidebar-brand .brand-mark{border-radius:var(--ds-radius-md);flex-shrink:0;width:32px;height:32px;display:none}.brand-word{background:0 0;border:0;height:32px;padding:0;line-height:1;display:flex}.brand-word img{object-fit:contain;object-position:left center;width:142px;height:26px;display:block}.brand-word:hover{background:0 0}.sidebar-toggle{width:28px;height:28px;position:absolute;top:17px;right:12px}.studio-sidebar nav{margin-top:var(--ds-space-3);min-height:0;padding-bottom:var(--ds-space-3);align-items:stretch;gap:14px;overflow:auto}.nav-group{flex-direction:column;gap:3px;display:flex}.nav-group-label{font-size:var(--ds-text-xs);color:var(--ds-text-muted);padding:0 var(--ds-space-3) 7px;letter-spacing:.02em}.studio-sidebar .rail-item{width:100%;height:var(--ds-control-sm);padding:0 var(--ds-space-3);justify-content:flex-start;gap:var(--ds-space-3);border-radius:var(--ds-radius-sm);flex-shrink:0}.studio-sidebar .rail-item>svg{flex-shrink:0}.studio-sidebar .rail-item>span{box-shadow:none;font-size:var(--ds-text-md);color:inherit;font-weight:var(--ds-weight-regular);background:0 0;border:0;padding:0;display:block;position:static;left:auto}.studio-sidebar .rail-item.active:before{display:none}.studio-sidebar .rail-item.active{background:var(--ds-brand-soft);color:var(--ds-brand-text)}.nav-running-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:auto}.studio-sidebar .rail-bottom{border-top:1px solid var(--ds-border);align-items:stretch;gap:var(--ds-space-3);width:100%;padding-top:13px}.sidebar-language{padding:0 var(--ds-space-3);justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebar-language>span{font-size:var(--ds-text-xs);color:var(--muted)}.studio-sidebar .locale-select{width:91px;height:var(--ds-control-sm);padding:var(--ds-space-1) 6px;font-size:var(--ds-text-xs)}.sidebar-caption{font-size:var(--ds-text-xs);color:var(--ds-text-muted);padding:0 var(--ds-space-3)}.studio-heading-label{font-size:var(--ds-text-md);color:var(--ds-text);font-weight:500}.creation-surface{height:100%}.creation-surface[hidden]{display:none}.studio-shell.is-collapsed .studio-sidebar{width:var(--ds-sidebar-collapsed);align-items:center;padding-left:10px;padding-right:10px}.studio-shell.is-collapsed .sidebar-brand{padding:0}.studio-shell.is-collapsed .sidebar-brand .brand-mark{display:inline-flex}.studio-shell.is-collapsed .brand-word,.studio-shell.is-collapsed .nav-group-label,.studio-shell.is-collapsed .sidebar-language>span,.studio-shell.is-collapsed .sidebar-caption{display:none}.studio-shell.is-collapsed .sidebar-toggle{margin:var(--ds-space-2) auto 0;position:static}.studio-shell.is-collapsed .studio-sidebar nav{gap:14px;overflow:visible}.studio-shell.is-collapsed .studio-sidebar .rail-item{justify-content:center;padding:0}.studio-shell.is-collapsed .studio-sidebar .rail-item>span{display:none}.studio-shell.is-collapsed .studio-sidebar .rail-item:hover>span,.studio-shell.is-collapsed .studio-sidebar .rail-item:focus-visible>span{background:var(--ds-hover);border:1px solid var(--ds-border-strong);padding:7px var(--ds-space-3);color:var(--ds-text);z-index:100;display:block;position:absolute;left:58px}.studio-shell.is-collapsed .sidebar-language{padding:0}.studio-shell.is-collapsed .locale-select{width:52px;padding:var(--ds-space-1) 0;font-size:var(--ds-text-xs)}.studio-shell.is-collapsed .nav-running-dot{position:absolute;top:6px;right:6px}@media (width<=1100px){.app-header{padding:0 15px}.header-actions{gap:var(--ds-space-2)}.save-indicator,.current-view{display:none}.page-scroll{padding:30px}.start-options>button{gap:var(--ds-space-1) 7px;grid-template-columns:28px 1fr;padding:18px 13px}.start-options>button>svg:last-child{display:none}.start-options strong{font-size:var(--ds-text-md)}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.locale-select{width:58px;font-size:var(--ds-text-xs)}.app-rail{width:62px}.rail-item{width:44px;height:44px}.rail-item.active:before{left:-9px}.app-rail nav{gap:var(--ds-space-2)}.brand-mark{width:34px;height:34px;font-size:var(--ds-title);border-radius:var(--ds-radius-sm)}.app-header{height:60px;padding:0 10px}.workspace-breadcrumb{gap:6px}.back-home,.local-badge,.breadcrumb-divider,.workspace-breadcrumb>svg{display:none}.project-name-input{width:24vw;max-width:180px}.header-actions{gap:var(--ds-space-1)}.export-project span{display:none}.export-project{padding:7px}.page-scroll{padding:var(--ds-space-6)}.start-options{grid-template-columns:1fr}.start-options>button{padding:var(--ds-space-4)}.project-grid,.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-intro h1{font-size:var(--ds-title)}.page-title-row{flex-direction:column;align-items:flex-start;gap:5px}.page-title-row h1{font-size:var(--ds-title)}.search-field input{width:110px}.preview-footnote{font-size:var(--ds-text-xs)}.help-modal{padding:30px}}@media (width<=900px){.studio-sidebar.app-rail{width:var(--ds-sidebar-collapsed);align-items:center;padding-left:10px;padding-right:10px}.studio-sidebar .sidebar-brand{padding:0}.studio-sidebar .sidebar-brand .brand-mark{display:inline-flex}.studio-sidebar .brand-word,.studio-sidebar .nav-group-label,.studio-sidebar .sidebar-language>span,.studio-sidebar .sidebar-caption,.studio-sidebar .sidebar-toggle{display:none}.studio-sidebar nav{gap:14px;margin-top:30px;overflow:visible}.studio-sidebar .rail-item{justify-content:center;padding:0}.studio-sidebar .rail-item>span{display:none}.studio-sidebar .rail-item:hover>span,.studio-sidebar .rail-item:focus-visible>span{background:var(--ds-hover);border:1px solid var(--ds-border-strong);padding:7px var(--ds-space-3);color:var(--ds-text);z-index:100;display:block;position:absolute;left:58px}.studio-sidebar .sidebar-language{padding:0}.studio-sidebar .locale-select{width:52px;padding:var(--ds-space-1) 0;font-size:var(--ds-text-xs)}.studio-sidebar .nav-running-dot{position:absolute;top:6px;right:6px}}.sidebar-create{width:100%;margin-top:var(--ds-space-5);justify-content:flex-start}.studio-shell.is-collapsed .sidebar-create{justify-content:center;width:32px;padding:0}.studio-shell.is-collapsed .sidebar-create span{display:none}@media (width<=900px){.sidebar-create{width:32px;margin-top:var(--ds-space-4);justify-content:center;padding:0}.sidebar-create span{display:none}.studio-sidebar nav{margin-top:var(--ds-space-3)}}