:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px/1.4 system-ui,Segoe UI,Roboto,sans-serif}button,input{font:inherit}.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))}:root{--panel-bg:#1e1f24;--panel-bg-alt:#26272e;--border:#35363e;--text:#e4e4e8;--text-dim:#9a9aa3;--accent:#6d5bff;--accent-hover:#7f6fff;--danger:#ff5a5a;--success:#4caf6d}.editor-loading{height:100vh;color:var(--text-dim);background:#16171b;justify-content:center;align-items:center;display:flex}.login-screen{background:#16171b;justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--panel-bg);border:1px solid var(--border);width:320px;color:var(--text);border-radius:10px;flex-direction:column;gap:14px;padding:32px;display:flex}.login-card h1{text-align:center;margin:0 0 8px;font-size:20px}.login-card label{color:var(--text-dim);flex-direction:column;gap:4px;font-size:13px;display:flex}.login-card input{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px}.login-card button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:8px;padding:10px;font-weight:600}.login-card button:hover{background:var(--accent-hover)}.login-error{color:var(--danger);margin:0;font-size:13px}.stories-screen{min-height:100vh;color:var(--text);background:#16171b;padding:32px}.stories-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.stories-header h1{margin:0;font-size:22px}.stories-header-right{color:var(--text-dim);align-items:center;gap:12px;display:flex}.stories-header-right button{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px}.stories-create{gap:8px;margin-bottom:24px;display:flex}.stories-create input{background:var(--panel-bg-alt);border:1px solid var(--border);max-width:360px;color:var(--text);border-radius:6px;flex:1;padding:10px 12px}.stories-create button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-weight:600}.stories-list{grid-template-columns:repeat(auto-fill,minmax(clamp(200px,16vw,320px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.story-card{background:var(--panel-bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:16px;position:relative}.story-card:hover{border-color:var(--accent)}.story-card-cover{aspect-ratio:2/3;background:var(--panel-bg-alt);border-radius:6px;margin-bottom:10px;position:relative;overflow:hidden}.story-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.story-card-cover-empty{width:100%;height:100%;color:var(--text-dim);justify-content:center;align-items:center;display:flex}.story-card-featured{color:#e8b44a;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px}.story-card-ficha{border:1px solid var(--border);color:var(--text);cursor:pointer;opacity:0;background:#0009;border-radius:6px;padding:4px 10px;font-size:12px;transition:opacity .12s;position:absolute;top:24px;left:24px}.story-card:hover .story-card-ficha,.story-card-ficha:focus-visible{opacity:1}.story-card-title{margin-bottom:8px;font-weight:600}.story-card-meta{color:var(--text-dim);justify-content:space-between;font-size:12px;display:flex}.story-status{text-transform:uppercase;letter-spacing:.05em;font-size:11px}.story-status-published{color:var(--success)}.story-status-draft{color:var(--text-dim)}.stories-error{color:var(--danger)}.tag-input{flex-direction:column;gap:6px;display:flex}.tag-input-box{background:var(--panel-bg-alt);border:1px solid var(--border);cursor:text;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.tag-input-box:focus-within{border-color:var(--accent)}.tag-input .tag-input-box input{background:0 0;border:none;outline:none;flex:1;min-width:120px;padding:2px 0}.tag-chip{background:var(--panel-bg);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:4px;padding:2px 4px 2px 9px;font-size:12px;display:inline-flex}.tag-chip-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:2px;display:flex}.tag-chip-remove:hover{color:var(--danger)}.tag-input-suggestions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-suggestion{border:1px dashed var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;padding:2px 9px;font-size:12px}.tag-suggestion:hover{color:var(--text);border-color:var(--accent)}.asset-library-title{align-items:center;gap:10px;display:flex}.asset-library-title h1{margin:0;font-size:22px}.asset-library-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.asset-library-toolbar .asset-upload-btn{width:auto;margin-bottom:0}.asset-library-filters{gap:6px;display:flex}.asset-library-filter{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:12px}.asset-library-filter.active{background:var(--accent);border-color:var(--accent);color:#fff}.asset-library-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(150px,13vw,260px),1fr));gap:12px;display:grid}.asset-detail-fields{flex-direction:column;flex:1;gap:12px;padding:4px 4px 0;display:flex}.asset-detail-fields label{color:var(--text-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}.asset-detail-name-row{color:var(--text-dim);align-items:center;gap:8px;display:flex}.asset-detail-name-row input{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);border-radius:6px;flex:1;padding:8px 10px;font-size:13px}.asset-detail-meta{color:var(--text-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}.wav-to-mp3{border:1px solid var(--border);border-radius:6px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;display:flex}.wav-to-mp3 label{align-self:stretch}.wav-to-mp3-report{flex-basis:100%}.asset-detail-actions{gap:8px;margin-top:auto;display:flex}.asset-detail-delete-btn{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:inline-flex}.asset-detail-delete-btn:hover:not(:disabled){background:var(--danger);color:#fff}.asset-picker:has(.asset-detail-fields) .asset-preview{flex-direction:row}.asset-picker:has(.asset-detail-fields) .asset-preview-media-wrap{flex:1.2}html,body{background:#16171b}.editor-shell{color:var(--text);background:#16171b;flex-direction:column;display:flex;position:fixed;inset:0;overflow:clip}.top-bar{background:var(--panel-bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;height:44px;padding:0 10px;display:flex}.top-bar-title{white-space:nowrap;text-overflow:ellipsis;max-width:240px;margin-left:6px;font-weight:600;overflow:hidden}.save-status{color:var(--text-dim);margin-left:10px;font-size:12px}.save-status-error,.save-status-conflict{color:var(--danger)}.save-status-saved{color:var(--success)}.top-bar-spacer{flex:1}.top-bar-divider{background:var(--border);width:1px;height:22px;margin:0 6px}.top-bar-btn{height:30px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.top-bar-btn:hover:not(:disabled){background:var(--panel-bg-alt)}.top-bar-btn:disabled{color:var(--text-dim);cursor:default;opacity:.5}.top-bar-btn-secondary{border-color:var(--border)}.top-bar-btn-primary{background:var(--accent);color:#fff;font-weight:600}.top-bar-btn-primary:hover{background:var(--accent-hover)}.top-bar-btn-danger{border-color:var(--danger);color:var(--danger)}.top-bar-btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.top-bar-autosave{color:var(--text-dim);white-space:nowrap;cursor:pointer;align-items:center;gap:4px;margin-left:6px;font-size:11px;display:flex}.top-bar-autosave input{width:auto;margin:0}.zoom-label{color:var(--text-dim);text-align:center;width:40px;font-size:12px}.component-toolbar{background:var(--panel-bg);border-bottom:1px solid var(--border);flex-shrink:0;gap:6px;padding:8px 10px;display:flex}.toolbar-add-btn{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px}.toolbar-add-btn:hover{border-color:var(--accent)}.editor-panels{flex:1;min-height:0}.editor-panel-col{background:var(--panel-bg);flex-direction:column;min-height:0;display:flex}.panel-resize-handle{background:var(--border);cursor:col-resize;width:4px}.panel-resize-handle:hover{background:var(--accent)}.panel{padding:10px;overflow-y:auto}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:0 0 8px;font-size:12px}.panel-header-btn{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:2px 6px}.pages-panel{border-bottom:1px solid var(--border);flex-shrink:0;max-height:40%}.pages-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.page-row{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px;font-size:12px;display:flex}.page-row:hover{background:var(--panel-bg-alt)}.page-row-selected{outline:1px solid var(--accent);background:#6d5bff2e}.page-thumb{border:1px solid var(--border);border-radius:3px;flex-shrink:0;width:24px;height:36px}.page-number{color:var(--text-dim);width:16px}.page-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.page-actions{gap:4px;display:flex}.page-actions button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px}.page-actions button:hover:not(:disabled){color:var(--text)}.page-actions button:disabled{opacity:.3;cursor:default}.layers-panel{flex:1;min-height:0}.layers-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.layer-row{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px;font-size:12px;display:flex}.layer-row:hover{background:var(--panel-bg-alt)}.layer-row-selected{outline:1px solid var(--accent);background:#6d5bff2e}.layer-drag-handle{cursor:grab;color:var(--text-dim)}.layer-icon-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px;display:inline-flex}.layer-icon-btn:hover{color:var(--text)}.layer-icon-btn:disabled{opacity:.35;cursor:not-allowed}.layer-icon-btn:disabled:hover{color:var(--text-dim)}.layer-icon-btn-active{color:var(--accent)}.layer-icon-btn-active:hover{color:var(--accent-hover)}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer-type{color:var(--text-dim);font-size:11px}.inspector-panel{width:100%}.inspector-empty{color:var(--text-dim);text-align:center;margin-top:24px;font-size:13px}.inspector-section{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px}.inspector-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:0 0 8px;font-size:11px}.inspector-section label{color:var(--text-dim);flex-direction:column;gap:4px;margin-bottom:8px;font-size:12px;display:flex}.inspector-section input,.inspector-section select,.inspector-section textarea{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:6px 8px;font-size:12px}.inspector-row{gap:8px;display:flex}.inspector-row label{flex:1}.align-toolbar{z-index:10;background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;gap:2px;padding:4px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.align-toolbar button{width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.align-toolbar button:disabled{color:var(--text-dim);opacity:.4;cursor:not-allowed}.align-toolbar button:hover{background:var(--panel-bg-alt)}.stage-viewport{background:repeating-conic-gradient(#202127 0% 25%,#1a1b20 0% 50%) 50%/20px 20px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:auto}.stage-frame{box-shadow:0 0 0 1px var(--border), 0 20px 60px #00000080;flex-shrink:0;overflow:hidden}.stage{overflow:visible}.stage-safe-area{z-index:100000;pointer-events:none;outline:2px dashed #ffffff8c;position:absolute;box-shadow:0 0 0 4000px #0c0c144d}.device-preview-bar{z-index:10;background:var(--panel-bg);border:1px solid var(--border);zoom:var(--ui-zoom,1);border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.device-preview-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;padding:5px 10px;font-size:12px}.device-preview-btn:hover{background:var(--panel-bg-alt);color:var(--text)}.device-preview-btn[aria-pressed=true]{background:var(--accent);color:#fff}.device-preview-size{color:var(--text-dim);font-variant-numeric:tabular-nums;padding:0 8px 0 6px;font-size:11px}.stage-component{outline:1px dashed #ffffff26}.stage-component:hover{outline-color:#6d5bff66}.stage-component-selected{outline:1px solid var(--accent)}.stage-component-editing{outline:2px dashed #ffb020}.stage-inline-edit-toolbar{transform-origin:100% 0;z-index:1;display:flex;position:absolute;top:-34px;right:0}.stage-inline-edit-btn,.stage-inline-edit-ok-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;font-size:12px;display:inline-flex;box-shadow:0 1px 4px #00000080}.stage-inline-edit-btn{background:var(--accent);color:#fff}.stage-inline-edit-btn:hover{background:var(--accent-hover)}.stage-inline-edit-ok-btn{color:#000;background:#ffb020}.stage-inline-edit-ok-btn:hover{background:#ffc350}.text-inline-editor{font:inherit;cursor:text}.modal-overlay{z-index:4000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel-bg);border:1px solid var(--border);width:clamp(320px,32vw,560px);max-width:92vw;max-height:80vh;color:var(--text);border-radius:10px;padding:24px;overflow-y:auto}.modal h2{margin-top:0;font-size:16px}.modal button:where(:not([class])){background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 14px}.asset-picker{resize:both;flex-direction:column;width:clamp(480px,56vw,1100px);min-width:420px;max-width:95vw;height:clamp(420px,68vh,900px);min-height:360px;max-height:92vh;display:flex;overflow:hidden}.asset-picker-header,.asset-upload-btn,.asset-upload-error{flex-shrink:0}.asset-picker-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.asset-picker-header h2{margin:0}.modal-close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;display:inline-flex}.modal-close-btn:hover{color:var(--text)}.asset-upload-btn{background:var(--panel-bg-alt);border:1px dashed var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:10px;display:flex}.asset-upload-btn:hover:not(:disabled){border-color:var(--accent)}.asset-upload-btn:disabled{opacity:.6;cursor:default}.asset-upload-error{color:var(--danger);margin:0 0 12px;font-size:12px}.asset-picker-empty{color:var(--text-dim);text-align:center;padding:20px 0;font-size:13px}.asset-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(clamp(120px,16vw,220px),1fr));align-content:start;gap:8px;min-height:0;display:grid;overflow:hidden auto}.asset-grid-item{background:var(--panel-bg-alt);border:1px solid var(--border);cursor:pointer;color:var(--text);text-align:left;border-radius:6px;flex-direction:column;gap:4px;min-width:0;padding:6px;display:flex;position:relative}.asset-grid-item:hover{border-color:var(--accent)}.asset-grid-item img{aspect-ratio:4/3;object-fit:cover;background:#000;border-radius:4px;width:100%;display:block}.asset-grid-icon{aspect-ratio:4/3;width:100%;color:var(--text-dim);background:#000;border-radius:4px;justify-content:center;align-items:center;display:flex}.asset-grid-thumb{position:relative}.asset-font-sample{aspect-ratio:4/3;color:#fff;white-space:nowrap;background:#000;border-radius:4px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.asset-preview-media-wrap .asset-font-sample{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.asset-grid-thumb video{aspect-ratio:4/3;object-fit:cover;background:#000;border-radius:4px;width:100%;display:block}.asset-grid-expand-btn{aspect-ratio:1;background:var(--accent);border:2px solid var(--panel-bg);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:24%;min-width:28px;max-width:48px;padding:0;line-height:0;display:flex;position:absolute;bottom:6%;right:6%;box-shadow:0 1px 4px #00000080}.asset-grid-expand-btn:hover{background:var(--accent-hover)}.asset-grid-expand-btn svg{width:60%!important;height:60%!important}.asset-grid-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.asset-preview{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.asset-preview-back{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;flex-shrink:0;align-self:flex-start;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.asset-preview-back:hover{border-color:var(--accent)}.asset-preview-media-wrap{background:#000;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.asset-preview-media{object-fit:contain;max-width:100%;max-height:100%}.asset-preview-audio-wrap{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;padding:0 24px;display:flex}.asset-preview-audio{width:100%;max-width:480px}.asset-preview-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.asset-preview-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.asset-field{align-items:center;gap:8px;margin-bottom:10px;display:flex}.asset-field-preview{object-fit:cover;border:1px solid var(--border);border-radius:4px;width:40px;height:40px}.asset-field-btn{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px}.asset-field-btn:hover{border-color:var(--accent)}.stage-placeholder{width:100%;height:100%;color:var(--text-dim);text-align:center;background:#2a2b32;justify-content:center;align-items:center;font-size:12px;display:flex}.hitbox-preview{box-sizing:border-box;border:2px dashed;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.canvas-placeholder{color:#ffffff80;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.audio-chip{background:var(--panel-bg-alt);border:1px solid var(--border);width:100%;height:100%;color:var(--text-dim);border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:11px;display:flex;overflow:hidden}.audio-chip-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.audio-chip-controls{flex-shrink:0;gap:2px;display:flex}.audio-chip-btn{background:var(--panel-bg);border:1px solid var(--border);width:22px;height:22px;color:var(--text);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.audio-chip-btn:hover:not(:disabled){border-color:var(--accent)}.audio-chip-btn:disabled{opacity:.4;cursor:default}.inspector-range{align-items:center;gap:8px;display:flex}.inspector-range input[type=range]{flex:1;min-width:0;padding:0}.inspector-range output{text-align:right;font-variant-numeric:tabular-nums;min-width:40px}.inspector-checkbox{align-items:center;flex-direction:row!important;gap:6px!important}.inspector-checkbox input{width:auto}.event-graph-screen{background:#15161b;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.event-graph-toolbar{border-bottom:1px solid var(--border);background:var(--panel-bg);align-items:center;gap:14px;padding:8px 14px;display:flex}.event-graph-page-title{color:var(--text);font-size:13px;font-weight:600}.event-graph-toolbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.event-graph-add-object{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;align-items:center;gap:4px;padding:5px 8px;display:inline-flex}.event-graph-add-object select{color:var(--text);background:0 0;border:none;font-size:12px}.event-graph-readonly-badge{text-transform:uppercase;letter-spacing:.03em;color:#ffb020;background:#ffb02026;border:1px solid #ffb0204d;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:11px;font-weight:600}.event-graph-screen .react-flow__renderer,.event-graph-screen .react-flow{background:#15161b}.event-graph-bg{--xy-background-color:#15161b;--xy-background-pattern-dots-color:#ffffff14}.event-graph-screen .react-flow__controls{background:var(--panel-bg-alt);border:1px solid var(--border);box-shadow:none;border-radius:8px;overflow:hidden}.event-graph-screen .react-flow__controls-button{border-bottom:1px solid var(--border);fill:var(--text-dim);background:0 0}.event-graph-screen .react-flow__controls-button:hover{background:#ffffff0f}.event-graph-node{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;width:224px;box-shadow:0 8px 24px #0006}.event-graph-node-selected{border-color:var(--accent);box-shadow:0 0 0 2px #6d5bff59,0 8px 24px #0006}.event-graph-node-page{background:#8a8fa314;border-style:dashed}.event-graph-node-goto{opacity:.8;width:160px}.event-graph-node-flow{background:#d8a65714;border-style:dashed;border-color:#d8a6578c;width:176px}.event-graph-node-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:9px 11px;display:flex;position:relative}.event-graph-node-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.event-graph-node-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.event-graph-node-type{color:var(--text-dim);text-transform:lowercase;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:6px 11px;font-size:10.5px;display:flex}.event-graph-node-states{border-top:1px dashed var(--border);padding:3px 0 6px}.event-graph-node-state{color:var(--accent);padding:2px 11px;font-size:10.5px;font-style:italic;position:relative}.event-graph-node-state-label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.event-graph-node-warning{color:#ffb020;align-items:center;gap:3px;display:inline-flex}.event-graph-node-repeat{color:var(--text-dim);align-items:center;gap:3px;font-style:italic;display:inline-flex}.event-graph-inspector-elsewhere{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.event-graph-handle{background:var(--panel-bg-alt);border:2px solid var(--text-dim);width:10px;height:10px}.event-graph-handle:hover{border-color:var(--accent);background:var(--accent)}.event-graph-handle-trigger{border-color:#cfc7ff}.event-graph-edge{stroke:var(--text-dim);stroke-width:2px}.event-graph-edge.selected{stroke:var(--accent);stroke-width:2.6px}.event-graph-edge.legacy{stroke-dasharray:5 4}.event-graph-edge.real-event{stroke:#4fd1c5}.event-graph-edge-chip.real-event{border-color:#4fd1c5}.event-graph-edge-chip.real-event .event-graph-edge-trigger{color:#4fd1c5}.event-graph-edge-chip{background:var(--panel-bg-alt);border:1px solid var(--border);white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;display:flex;position:absolute}.event-graph-context-backdrop{z-index:60;position:fixed;inset:0}.event-graph-context-menu{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;min-width:190px;padding:4px;position:fixed;box-shadow:0 12px 32px #00000080}.event-graph-context-heading{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);padding:6px 10px 4px;font-size:10px;font-weight:600}.event-graph-context-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:6px 10px;font-size:12px;display:block}.event-graph-context-item:hover:not(:disabled){background:var(--panel-bg-alt)}.event-graph-context-item:disabled{color:var(--text-dim);opacity:.5;cursor:default}.event-graph-context-item.danger{color:var(--danger)}.event-graph-context-item.danger:hover:not(:disabled){background:var(--danger);color:#fff}.event-graph-edge-delete{width:15px;height:15px;color:var(--text-dim);cursor:pointer;pointer-events:auto;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.event-graph-edge-delete:hover{background:var(--danger);color:#fff}.event-graph-edge-chip.selected{border-color:var(--accent)}.event-graph-edge-trigger{color:#cfc7ff;font-weight:600}.event-graph-edge-action{color:var(--text)}.event-graph-edge-next{color:#ffd28a}.event-graph-modal-overlay{z-index:20;background:#0a0a0e99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.event-graph-modal{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:min(360px,92vw);max-height:90vh;display:flex;box-shadow:0 16px 48px #00000080}.event-graph-inspector{background:var(--panel-bg);border-left:1px solid var(--border);z-index:10;flex-direction:column;width:280px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #00000059}.event-graph-inspector-type{color:var(--text-dim);text-transform:lowercase;padding:8px 12px 0;font-size:10.5px}.event-graph-inspector-body{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.event-graph-inspector-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.event-graph-inspector-item{background:var(--panel-bg-alt);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.event-graph-inspector-item-label{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:italic;overflow:hidden}.event-graph-inspector-item-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.event-graph-confirm-dialog{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;width:min(340px,90vw);padding:16px;box-shadow:0 16px 48px #00000080}.event-graph-confirm-dialog p{color:var(--text);margin:0 0 14px;font-size:13px}.event-graph-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.event-graph-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.event-graph-panel-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.event-graph-panel-body{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.event-graph-panel-section{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding-bottom:12px;display:flex}.event-graph-panel-section:last-child{border-bottom:none;padding-bottom:0}.event-graph-panel-section h4{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0;font-size:10.5px;font-weight:700}.event-graph-panel-body label{color:var(--text-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}.event-graph-panel-body input,.event-graph-panel-body select{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:6px 8px;font-size:12px}.event-graph-panel-hint{background:var(--panel-bg-alt);color:var(--text-dim);border-radius:6px;margin:0;padding:8px 9px;font-size:11.5px}.event-graph-param-hint{color:var(--text-dim);margin-top:4px;font-size:11px;display:block}.event-graph-panel-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.event-graph-panel-footer-buttons{justify-content:space-between;align-items:center;gap:8px;display:flex}.event-graph-panel-save-note{color:var(--text-dim);margin:0;font-size:10.5px}.event-graph-panel-delete{color:#ff6b6b;border-color:#ff6b6b66}.clip-list{flex-direction:column;gap:10px;margin:0 0 10px;padding:0;list-style:none;display:flex}.clip-row{background:var(--panel-bg-alt);border:1px solid var(--border);border-radius:6px;padding:8px}.clip-row-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.clip-name-input{background:var(--panel-bg);border:1px solid var(--border);color:var(--text);border-radius:4px;flex:1;padding:4px 6px;font-size:12px}.inspector-empty-inline{color:var(--text-dim);margin:0 0 10px;font-size:12px}.trigger-list{flex-direction:column;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.trigger-row{background:var(--panel-bg-alt);border:1px solid var(--border);border-radius:6px;overflow:hidden}.trigger-row-header{cursor:pointer;align-items:center;gap:8px;padding:8px;display:flex}.trigger-name{flex:1;font-size:12px;font-weight:600}.trigger-step-count{color:var(--text-dim);font-size:11px}.trigger-legacy-badge{background:var(--danger);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px}.trigger-legacy-panel{color:var(--text-dim);padding:0 8px 8px;font-size:12px}.trigger-add-row{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.trigger-add-row select,.trigger-add-row input{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:5px 6px;font-size:12px}.interaction-editor{border-top:1px solid var(--border);padding:0 8px 8px}.interaction-hint{color:var(--text-dim);margin:0 0 10px;font-size:11px;line-height:1.5}.step-list{flex-direction:column;margin:8px 0;padding:0;list-style:none;display:flex}.step-with-connector{flex-direction:column;display:flex}.step-connector{border-left:2px dashed var(--border);align-items:center;gap:8px;margin-left:10px;padding:6px 0 6px 16px;display:flex}.step-connector-arrow{color:var(--accent);flex-shrink:0}.step-connector-fields{flex:1;gap:6px;display:flex}.step-connector-fields select,.step-connector-fields input{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:4px 6px;font-size:11px}.step-connector-fields select{flex:1}.step-connector-fields input{width:90px}.step-row{background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;padding:8px}.step-row-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.step-drag-handle{cursor:grab;color:var(--text-dim)}.step-number{width:16px;color:var(--text-dim);font-size:11px}.step-action-select{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);border-radius:5px;flex:1;padding:5px 6px;font-size:12px}.step-multitarget{border:1px solid var(--border);border-radius:6px;margin:0 0 8px;padding:6px 8px}.step-multitarget legend{color:var(--text-dim);padding:0 4px;font-size:11px}.step-warning{color:var(--danger);margin:6px 0 0;font-size:11px}.event-graph-page-picker{color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:inline-flex}.event-graph-page-picker select{background:var(--panel-bg-alt);border:1px solid var(--border);max-width:260px;color:var(--text);border-radius:6px;padding:5px 8px;font-size:13px}.workspace-bar{background:var(--panel-bg);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:stretch;gap:16px;min-height:42px;padding:0 10px;display:flex}.workspace-tabs{flex-shrink:0;align-items:stretch;gap:2px;display:flex}.workspace-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.workspace-tab:hover{color:var(--text)}.workspace-tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.workspace-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:4px}.workspace-tab-dot{background:#e8b44a;border-radius:50%;width:7px;height:7px}.workspace-bar-tools{border-left:1px solid var(--border);align-items:center;gap:6px;padding-left:16px;display:flex}.workspace-bar .component-toolbar{background:0 0;border:none;padding:0}.workspace-panel{flex-direction:column;flex:1;min-height:0;display:flex}.settings-page{--settings-gutter:clamp(16px, 3.5vw, 72px);--settings-gap:clamp(18px, 1.8vw, 36px);--settings-pad:clamp(18px, 1.7vw, 34px);background:#16171b;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.settings-inner{width:100%;max-width:1840px;padding:clamp(24px, 3vw, 56px) var(--settings-gutter) clamp(40px, 4vw, 80px);box-sizing:border-box;flex:1;margin:0 auto}.settings-header{margin-bottom:clamp(22px,2.4vw,44px)}.settings-header h1{letter-spacing:-.01em;margin:0 0 10px;font-size:clamp(24px,1.7vw,34px)}.settings-header p{max-width:70ch;color:var(--text-dim);margin:0;font-size:clamp(14px,.85vw,16px);line-height:1.6}.settings-grid{gap:var(--settings-gap);grid-template-columns:clamp(240px,21vw,400px) minmax(0,1fr);align-items:start;display:grid}.settings-main{gap:var(--settings-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),1fr));align-items:start;min-width:0;display:grid}.settings-card{min-width:0;padding:var(--settings-pad);background:var(--panel-bg);border:1px solid var(--border);box-sizing:border-box;border-radius:14px;flex-direction:column;gap:clamp(18px,1.5vw,28px);display:flex}.settings-card--wide{grid-column:1/-1}.settings-card h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:clamp(12px,.75vw,14px);font-weight:700}.settings-cover{position:sticky;top:0}.settings-cover-image,.settings-cover-empty{aspect-ratio:2/3;border:1px solid var(--border);background:var(--panel-bg-alt);box-sizing:border-box;border-radius:10px;width:100%}.settings-cover-image{object-fit:cover;display:block}.settings-cover-empty{color:var(--text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:14px;display:flex}.settings-cover-empty small{font-size:13px;line-height:1.45}.settings-cover-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-page .toolbar-add-btn{padding:9px 14px;font-size:14px}.settings-field{flex-direction:column;gap:8px;min-width:0;display:flex}.settings-field>span{color:var(--text);font-size:clamp(13px,.8vw,15px);font-weight:600}.settings-field input,.settings-field textarea,.settings-field select{box-sizing:border-box;background:var(--panel-bg-alt);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:clamp(10px,.7vw,14px) clamp(12px,.9vw,16px);font-size:clamp(15px,.9vw,17px)}.settings-field textarea{resize:vertical;min-height:clamp(110px,8vw,170px);line-height:1.55}.settings-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a8a9b3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.settings-field select option,.settings-field select optgroup{background:var(--panel-bg);color:var(--text)}.settings-field input:focus,.settings-field textarea:focus,.settings-field select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6d5bff2e}.settings-field input[aria-invalid=true]{border-color:var(--danger)}.settings-row{flex-wrap:wrap;align-items:flex-start;gap:clamp(18px,1.5vw,32px);display:flex}.settings-field--narrow{flex:none}.settings-field--narrow input{width:160px}.settings-field--narrow select{width:220px}.settings-age{color:var(--text);flex-wrap:wrap;align-items:center;gap:12px;font-size:clamp(15px,.9vw,17px);display:flex}.settings-age label{align-items:center;gap:10px;display:inline-flex}.settings-field .settings-age input{width:96px}.settings-featured{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:8px;align-self:flex-start;align-items:center;gap:10px;padding:clamp(10px,.7vw,14px) 18px;font-size:clamp(14px,.85vw,16px);display:inline-flex}.settings-featured:hover{border-color:#e8b44a}.settings-featured.is-on{color:#e8b44a;border-color:#e8b44a}.settings-hint{color:var(--text-dim);margin:0;font-size:clamp(12.5px,.75vw,14px);line-height:1.5}.settings-error{color:var(--danger);font-size:clamp(12.5px,.75vw,14px)}.settings-page .tag-input-box{border-radius:8px;gap:8px;min-height:clamp(44px,2.8vw,52px);padding:8px 10px}.settings-page .tag-input .tag-input-box input{font-size:clamp(15px,.9vw,17px)}.settings-page .tag-chip{padding:4px 6px 4px 12px;font-size:14px}.settings-page .tag-suggestion{padding:4px 12px;font-size:13.5px}.settings-card--readonly{background:0 0}.settings-facts{gap:clamp(16px, 1.5vw, 28px) var(--settings-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin:0;display:grid}.settings-facts>div{flex-direction:column;gap:6px;min-width:0;display:flex}.settings-facts dt{color:var(--text-dim);font-size:clamp(12.5px,.75vw,14px)}.settings-facts dd{overflow-wrap:anywhere;margin:0;font-size:clamp(15px,.9vw,17px)}.settings-facts code{color:var(--text-dim);font-size:14px}.settings-link{min-width:0;color:var(--accent-hover);align-items:center;gap:6px;display:flex}.settings-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-link svg{flex-shrink:0}.settings-savebar{background:var(--panel-bg);border-top:1px solid var(--border);position:sticky;bottom:0;box-shadow:0 -10px 30px #0006}.settings-savebar-inner{max-width:1840px;padding:14px var(--settings-gutter);box-sizing:border-box;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin:0 auto;display:flex}.settings-savebar .top-bar-btn{height:40px;padding:0 18px;font-size:14px}.settings-savebar-msg{color:var(--text-dim);margin-right:auto;font-size:clamp(14px,.85vw,16px)}.settings-savebar-msg.is-error{color:var(--danger)}@media (width<=900px){.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-cover{grid-template-rows:auto auto 1fr;grid-template-columns:130px minmax(0,1fr);gap:12px 18px;display:grid;position:static}.settings-cover h2{grid-column:1/-1}.settings-cover-image,.settings-cover-empty{grid-row:2/4}.settings-cover-empty small{display:none}}.workspace-panel[hidden]{display:none}.top-bar{box-sizing:border-box;flex-wrap:wrap;row-gap:6px;height:auto;min-height:44px;padding:7px 10px}.top-bar>*{flex-shrink:0}.top-bar>.top-bar-title{flex-shrink:1;min-width:60px}@media (width<=760px){.top-bar-optional-label{display:none}}.publication-chip{border:1px solid var(--border);white-space:nowrap;color:var(--text-dim);cursor:default;border-radius:999px;align-items:center;padding:2px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.publication-chip--published{color:var(--success);border-color:#4caf6d80}.publication-chip--changes{color:#e8b44a;border-color:#e8b44a8c}.publish-dialog{flex-direction:column;gap:16px;width:clamp(360px,44vw,660px);padding:22px 24px;display:flex}.publish-dialog-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.publish-dialog-header h2{margin:0;font-size:18px}.publish-dialog-lead{color:var(--text);margin:0;font-size:14.5px;line-height:1.55}.publish-dialog-note{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.publish-dialog-busy{color:var(--text-dim);align-items:center;gap:10px;margin:8px 0;font-size:14px;display:flex}.publish-dialog-spin{animation:.9s linear infinite publish-spin}@keyframes publish-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.publish-dialog-spin{animation:none}}.publish-dialog-errors{flex-direction:column;gap:8px;max-height:46vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.publish-dialog-errors li{background:var(--panel-bg-alt);border:1px solid var(--border);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 14px;display:grid}.publish-dialog-errors li>div{flex-direction:column;gap:4px;min-width:0;display:flex}.publish-dialog-errors strong{font-size:13.5px}.publish-dialog-errors span{color:var(--text-dim);font-size:13px;line-height:1.45}.publish-dialog-error-icon{color:#e8b44a;margin-top:2px}.publish-dialog-hints{border:1px dashed var(--border);border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;display:flex}.publish-dialog-hints p{align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;display:flex}.publish-dialog-hints ul{color:var(--text-dim);margin:0;padding-left:20px;font-size:13px;line-height:1.55}.publish-dialog-done,.publish-dialog-failed{align-items:flex-start;gap:10px;margin:4px 0;font-size:15px;line-height:1.5;display:flex}.publish-dialog-done svg{color:var(--success);flex-shrink:0}.publish-dialog-failed svg{color:var(--danger);flex-shrink:0;margin-top:2px}.publish-dialog-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.publish-dialog-footer .top-bar-btn{height:36px;padding:0 16px;text-decoration:none}.settings-status{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.settings-page .settings-unpublish{align-items:center;gap:6px;display:inline-flex}.settings-page .settings-unpublish:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.event-graph-node.event-graph-node-missing{border:1px dashed var(--danger);background:#ff5a5a14}.event-graph-node-missing .event-graph-node-title,.event-graph-node-missing .event-graph-node-type{color:var(--danger)}.event-graph-inspector-missing{color:var(--text);background:#ff5a5a14;border:1px solid #ff5a5a66;border-radius:6px;margin:8px 14px 0;padding:10px 12px;font-size:12.5px;line-height:1.45}.inspector-row label{min-width:0}.inspector-row{flex-wrap:wrap}.inspector-row .inspector-checkbox{flex:none}.inspector-section :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){box-sizing:border-box;width:100%;min-width:0}@media (width>=1700px){:root{--ui-zoom:1.08}}@media (width>=1950px){:root{--ui-zoom:1.15}}@media (width>=2250px){:root{--ui-zoom:1.24}}@media (width>=2450px){:root{--ui-zoom:1.32}}.top-bar,.workspace-bar,.pages-panel,.layers-panel,.inspector-panel,.event-graph-toolbar,.event-graph-inspector,.event-graph-modal,.event-graph-confirm-dialog,.publish-dialog,.stories-screen{zoom:var(--ui-zoom,1)}.event-graph-canvas{flex:1;min-height:0;position:relative}.anchor-field{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.anchor-grid{border:1px solid var(--border);background:var(--panel-bg-alt);border-radius:8px;flex:none;grid-template-rows:repeat(3,22px);grid-template-columns:repeat(3,22px);gap:4px;padding:6px;display:grid}.anchor-cell{cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;width:22px;height:22px;padding:0;display:grid}.anchor-cell:before{content:"";background:var(--text-dim);opacity:.6;border-radius:50%;width:6px;height:6px}.anchor-cell-center:before{border-radius:2px;width:10px;height:10px}.anchor-cell:hover{background:var(--panel-bg)}.anchor-cell[aria-pressed=true]:before{background:var(--accent);opacity:1;width:10px;height:10px}.anchor-stretch{flex-direction:column;gap:2px;min-width:0;display:flex}.anchor-stretch .inspector-checkbox{margin-bottom:0}.anchor-hint{color:var(--text-dim);margin:8px 0 0;font-size:11px;line-height:1.45}.settings-choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(12px,1vw,18px);display:grid}.settings-choice{border:1px solid var(--border);background:var(--panel-bg-alt);cursor:pointer;border-radius:10px;align-items:flex-start;gap:14px;padding:clamp(14px,1vw,18px);display:flex}.settings-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px #6d5bff2e}.settings-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.settings-choice{position:relative}.settings-choice input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.settings-choice-art{background:var(--panel-bg);border-radius:6px;flex:none;gap:2px;padding:6px;display:flex}.settings-choice-art i{background:var(--text-dim);opacity:.55;border-radius:2px;width:18px;height:30px;display:block}.settings-choice:has(input:checked) .settings-choice-art i{background:var(--accent);opacity:1}.settings-choice-text{flex-direction:column;gap:4px;min-width:0;display:flex}.settings-choice-text strong{color:var(--text);font-size:clamp(14px,.85vw,16px)}.settings-choice-text small{color:var(--text-dim);font-size:clamp(12px,.75vw,14px);line-height:1.5}.page-bg-kind{border:1px solid var(--border);background:var(--panel-bg-alt);border-radius:7px;gap:2px;margin-bottom:10px;padding:3px;display:flex}.page-bg-kind-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:5px;flex:1;padding:5px 8px;font-size:12px}.page-bg-kind-btn[aria-checked=true]{background:var(--accent);color:#fff}.inspector-section label.page-bg-color{color:var(--text);font-variant-numeric:tabular-nums;flex-direction:row;align-items:center;gap:10px}.page-bg-color input[type=color]{cursor:pointer;width:44px;height:30px;padding:2px}.settings-music{flex-wrap:wrap;align-items:center;gap:clamp(10px,.8vw,16px);display:flex}.settings-music-volume{color:var(--text-dim);white-space:nowrap;align-items:center;gap:10px;font-size:clamp(12px,.75vw,14px);display:flex}.settings-music-volume input{width:clamp(120px,14vw,220px)}.step-asset-field{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.step-asset-field audio{max-width:220px;height:30px}.button-placeholder{border:1px dashed var(--border);width:100%;height:100%;color:var(--text-dim);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.button-image-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.button-image-label{min-width:0;color:var(--text-dim);flex:1;font-size:12px}.button-image-thumb{object-fit:contain;border:1px solid var(--border);background:var(--panel-bg-alt);border-radius:6px;flex:none;width:34px;height:34px}.button-image-thumb--empty{display:block}.stage-screen{background:#0e1222;border-radius:2px;flex-shrink:0;position:relative}.device-preview-note{color:var(--text-dim);opacity:.75}.stage-screen>.stage-frame{box-shadow:0 0 0 1px var(--border), 0 20px 60px #00000080}.settings-formats{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(12px,1vw,18px);display:grid}.settings-format{border:1px solid var(--border);background:var(--panel-bg-alt);border-radius:10px;padding:clamp(14px,1vw,18px)}.settings-format h3{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin:0 0 10px;font-size:13px}.settings-format-size{align-items:flex-end;gap:8px;display:flex}.settings-format-size label{color:var(--text-dim);flex-direction:column;flex:1;gap:4px;font-size:12px;display:flex}.settings-format-size input{width:100%}.settings-format-x{color:var(--text-dim);padding-bottom:8px}.settings-format-presets{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.settings-format-presets button{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:12px}.settings-format-presets button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.page-mirror{border-top:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:8px;margin-top:10px;padding:8px;font-size:12px;display:flex}.page-mirror span{flex-direction:column;gap:2px;display:flex}.page-mirror small{color:var(--text-dim);line-height:1.35}.inspector-format{float:right;color:var(--text-dim);font-size:11px;font-weight:400}.settings-notice{border:1px solid var(--border);background:var(--panel-bg-alt);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.settings-notice--warn{background:#e8b44a14;border-color:#8a6d2f}.settings-notice p{color:var(--text-dim);flex:320px;margin:0;font-size:13px;line-height:1.45}.settings-notice-btn{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:7px;flex:none;padding:7px 12px;font-size:13px}.settings-notice-btn:hover{filter:brightness(1.08)}.settings-format-stretch{border-top:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:8px;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.settings-format-stretch input{margin-top:2px}.settings-format-stretch span{flex-direction:column;gap:3px;display:flex}.settings-format-stretch small{color:var(--text-dim);line-height:1.4}.stage-bleed{z-index:99999;pointer-events:none;background:repeating-linear-gradient(-45deg,#ffffff1a 0 12px,#ffffff05 12px 24px);justify-content:center;align-items:center;display:flex;position:absolute}.stage-bleed--top{top:0;left:0;right:0}.stage-bleed--bottom{bottom:0;left:0;right:0}.stage-bleed--left{top:0;bottom:0;left:0}.stage-bleed--right{top:0;bottom:0;right:0}.stage-bleed--left span,.stage-bleed--right span{writing-mode:vertical-rl}.stage-bleed span{color:#ffffffd9;letter-spacing:.04em;white-space:nowrap;background:#0c0c14bf;border-radius:999px;padding:6px 12px;font-size:28px}.stage-safe-area{box-shadow:none;outline-color:#fffc}.settings-languages{flex-wrap:wrap;gap:8px;display:flex}.settings-language{border:1px solid var(--border);background:var(--panel-bg-alt);cursor:pointer;color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex;position:relative}.settings-language input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.settings-language--on{border-color:var(--accent);color:var(--text)}.settings-language--base{cursor:default;opacity:.85}.settings-language-flag{font-size:16px}.settings-language-code{letter-spacing:.04em;font-weight:600}.language-bar{z-index:10;background:var(--panel-bg);border:1px solid var(--border);zoom:var(--ui-zoom,1);border-radius:8px;gap:2px;padding:4px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 12px #0000004d}.language-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:12px}.language-btn[aria-pressed=true]{background:var(--accent);color:#fff}.page-pending{color:#fff;text-align:center;background:#8a6d2f;border-radius:999px;min-width:18px;padding:1px 6px;font-size:11px}.inspector-untranslated .link-btn{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.narration-import{flex-direction:column;gap:12px;width:min(720px,92vw);display:flex}.narration-import-text{color:var(--text-dim);margin:0;font-size:13px;line-height:1.4}.narration-import-file{border:1px dashed var(--border);text-align:center;cursor:pointer;color:var(--text-dim);border-radius:8px;padding:14px;display:block}.narration-import-file input{display:none}.narration-import-wave{border:1px solid var(--border);background:var(--panel-bg-alt);border-radius:8px;overflow:hidden}.narration-import-range{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.narration-import-range label{color:var(--text-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}.narration-import-range input{width:96px}.narration-import-duration{color:var(--text-dim);font-variant-numeric:tabular-nums;padding-bottom:6px;font-size:12px}.narration-import-words{columns:2;column-gap:18px;max-height:240px;margin:0;padding:0 0 0 20px;font-size:13px;overflow:auto}.narration-import-words li{break-inside:avoid;justify-content:space-between;gap:8px;padding:2px 0;display:flex}.narration-import-words small{color:var(--text-dim);font-variant-numeric:tabular-nums}.narration-import .modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.narration-import .btn-primary,.narration-import .btn-secondary{cursor:pointer;border:1px solid var(--border);background:var(--panel-bg-alt);color:var(--text);border-radius:7px;padding:8px 14px;font-size:13px}.narration-import .btn-primary{border-color:var(--accent);background:var(--accent);color:#fff}.narration-import .btn-primary:disabled,.narration-import .btn-secondary:disabled{opacity:.6;cursor:default}.language-btn--translate{border-left:1px solid var(--border);color:var(--text);border-radius:0;margin-left:4px;padding-left:10px}.language-btn--translate:disabled{opacity:.6;cursor:default}.language-note{color:var(--text-dim);align-self:center;max-width:260px;padding:0 8px;font-size:11px}.narration-import-name{color:var(--text-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}.narration-import-name input{width:100%}.page-drag-handle{cursor:grab;color:var(--text-dim);padding-right:2px}.device-preview-btn--guides{border-right:1px solid var(--border);border-radius:0;margin-right:6px;padding-right:10px}.font-picker{position:relative}.font-picker-current{border:1px solid var(--border);background:var(--panel-bg-alt);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:15px;display:flex}.font-picker-menu{z-index:1000;border:1px solid var(--border);background:var(--panel-bg);border-radius:8px;flex-direction:column;margin-top:4px;display:flex;position:absolute;left:0;right:0;box-shadow:0 10px 30px #00000073}.font-picker-filter{border:1px solid var(--border);background:var(--panel-bg-alt);color:var(--text);font:inherit;border-radius:6px;margin:8px;padding:6px 8px}.font-picker-list{max-height:320px;padding:0 4px 6px;overflow:auto}.font-picker-group{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);padding:8px 8px 4px;font-size:11px}.font-picker-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:18px;line-height:1.3;display:block}.font-picker-item:hover,.font-picker-item:focus-visible{background:var(--panel-bg-alt);outline:none}.font-picker-item--current{color:var(--accent)}.inspector-section>h3{margin:0}.inspector-section-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;display:flex}.inspector-section-toggle:hover .inspector-section-title{color:var(--text)}.inspector-section-title{flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex}.inspector-section--collapsed{padding-bottom:4px}.inspector-section-body{flex-direction:column;gap:8px;margin-top:6px;display:flex}:root{--scroll-track:var(--panel-bg);--scroll-thumb:#45464f;--scroll-thumb-hover:#5a5b66}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scroll-track)}.image-editor{min-height:0;color:var(--text);flex:1}.image-editor-spacer{flex:1}.image-editor-side .image-editor-actions{flex-wrap:wrap;gap:6px;display:flex}.image-editor-side .image-editor-options{flex-direction:column;align-items:stretch;margin-top:10px}.image-editor-side .image-editor-options .image-editor-segmented{align-self:flex-start}.image-editor-side .image-editor-field{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin:0}.image-editor-side .image-editor-options>.image-editor-btn{align-self:flex-start}.editor-shell[hidden]{display:none}.jobs-badge{border:1px solid var(--accent);background:var(--panel-bg-alt);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}button.jobs-badge{cursor:pointer}.jobs-badge-spin{animation:1s linear infinite jobs-badge-spin}@keyframes jobs-badge-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.jobs-badge-spin{animation:none}}.image-editor-side .image-editor-fit{flex-direction:column;align-items:stretch;margin-top:10px}.image-editor-side .image-editor-field select{flex:1;width:auto;min-width:0}.image-editor-side .image-editor-field input[type=range]{flex:1;min-width:0}.image-editor-side .anchor-hint{margin:8px 0 0}.tools-open-disk{justify-content:center;width:100%}.tools-open-search{box-sizing:border-box;background:var(--panel-bg-alt);border:1px solid var(--border);width:100%;color:var(--text);border-radius:5px;margin:8px 0;padding:6px 8px;font-size:12px}.tools-open-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.tools-open-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;display:flex}.tools-open-item:hover{background:var(--panel-bg-alt)}.tools-open-item[aria-current=true]{border-color:var(--accent);background:var(--panel-bg-alt)}.tools-open-thumb{object-fit:cover;background:repeating-conic-gradient(#202127 0% 25%,#1a1b20 0% 50%) 50%/12px 12px;border-radius:4px;flex-shrink:0;width:36px;height:36px}.tools-open-thumb--icon{color:var(--text-dim);justify-content:center;align-items:center;display:inline-flex}.tools-open-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.audio-editor{min-height:0;color:var(--text);flex:1}.audio-editor-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex;overflow:auto}.audio-editor-wave-wrap{width:100%;max-width:1100px}.audio-editor-wave-wrap .anchor-hint{text-align:center;margin:10px 0 0}.audio-editor-range{margin-bottom:8px}.audio-editor-range label{flex:1;min-width:0}.audio-editor-range input{box-sizing:border-box;width:100%}.image-editor-bar{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:8px 12px;display:flex}.image-editor-bar-row{align-items:center;gap:10px;display:flex}.image-editor-tools{flex-wrap:nowrap;min-height:32px;overflow:auto hidden}.image-editor-tools>*{white-space:nowrap;flex-shrink:0}.image-editor-title{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:14px;overflow:hidden}.image-editor-size{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.image-editor-tools,.image-editor-save{align-items:center;gap:6px;display:flex}.image-editor-save{margin-left:auto}.image-editor-sep{background:var(--border);width:1px;height:20px;margin:0 4px}.image-editor-btn{border:1px solid var(--border);background:var(--panel-bg-alt);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.image-editor-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.image-editor-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.image-editor-btn:disabled{opacity:.5;cursor:default}.image-editor-name{border:1px solid var(--border);background:var(--panel-bg-alt);width:220px;color:var(--text);font:inherit;border-radius:6px;padding:6px 8px}.image-editor-viewport{background:repeating-conic-gradient(#202127 0% 25%,#1a1b20 0% 50%) 50%/20px 20px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.image-editor-viewport--crop{cursor:crosshair}.image-editor-picture{background:repeating-conic-gradient(#8a8a8a 0% 25%,#c8c8c8 0% 50%) 50%/16px 16px;flex-shrink:0;margin:auto;position:relative;box-shadow:0 10px 40px #00000080}.image-editor-picture canvas{image-rendering:auto;display:block}.image-editor-crop{pointer-events:none;border:1px dashed #fff;outline:1px dashed #0009;position:absolute;box-shadow:0 0 0 4000px #00000073}.image-editor-status{border-top:1px solid var(--border);color:var(--text-dim);padding:6px 12px;font-size:12px}.image-editor-error{color:var(--danger);margin:0;padding:6px 12px;font-size:13px}.image-editor-hint{color:var(--text-dim)}.image-editor-mask{pointer-events:none;position:absolute;inset:0}.image-editor-point{background:var(--accent);pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #00000080}.image-editor-point--negative{background:var(--danger)}.image-editor-options{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.image-editor-segmented{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.image-editor-segmented .image-editor-btn{border:0;border-radius:0}.image-editor-segmented .image-editor-btn+.image-editor-btn{border-left:1px solid var(--border)}.image-editor-field{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.image-editor-field input[type=range]{width:110px}.image-editor-field output{font-variant-numeric:tabular-nums;min-width:42px}.image-editor-side .image-editor-field--check{cursor:pointer;justify-content:flex-start}.image-editor-side .image-editor-field--check input{width:auto;margin:0}.image-editor-found{flex-basis:100%;margin:0}.image-editor-search{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.image-editor-search input[type=search]{background:var(--panel-bg-alt);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:5px;flex:140px;padding:6px 8px;font-size:12px}.image-editor-boxprompt{border:2px dashed var(--accent);pointer-events:none;outline:1px solid #00000080;position:absolute}.image-editor-brush{pointer-events:none;border:1px solid #fff;border-radius:50%;outline:1px solid #0009;display:none;position:absolute;transform:translate(-50%,-50%)}.alpha-upload{flex-direction:column;gap:12px;width:min(560px,92vw);display:flex}.alpha-upload-file{color:var(--text-dim);overflow-wrap:anywhere;margin:0;font-size:13px}.alpha-upload-file strong{color:var(--text)}.alpha-upload-facts{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:0;display:grid}.alpha-upload-facts div{border:1px solid var(--border);background:var(--panel-bg-alt);border-radius:6px;padding:8px 10px}.alpha-upload-facts dt{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:11px}.alpha-upload-facts dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:13px}.alpha-upload-steps{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.alpha-upload-steps li{color:var(--text-dim);align-items:center;gap:8px;display:flex}.alpha-upload-steps li.is-active,.alpha-upload-steps li.is-done{color:var(--text)}.alpha-upload-steps li.is-done svg{color:#4caf7d}.alpha-upload-dot{border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:14px;height:14px}.alpha-upload-pct{font-variant-numeric:tabular-nums;margin-left:auto}.alpha-upload-bar{width:100%;height:6px;accent-color:var(--accent)}.alpha-variants{border:1px solid var(--border);border-radius:8px;margin:4px 0 10px;padding:10px 12px}.alpha-variants h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:0 0 8px;font-size:11px}.alpha-variants ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.alpha-variants li{align-items:center;gap:10px;display:flex}.alpha-variants-icon{flex-shrink:0;display:inline-flex}.alpha-variants li.has-variant .alpha-variants-icon{color:#4caf7d}.alpha-variants li.is-missing .alpha-variants-icon{color:#e8b44a}.alpha-variants-text{flex-direction:column;flex:1;min-width:0;font-size:13px;display:flex}.alpha-variants-text small{color:var(--text-dim);font-size:11px}.asset-grid-badge{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-self:flex-start;align-items:center;gap:4px;margin-top:2px;padding:1px 6px;font-size:10px;display:inline-flex}.asset-grid-item:has(.asset-grid-badge) .asset-grid-thumb{background:repeating-conic-gradient(#2a2b31 0% 25%,#1f2025 0% 50%) 50%/16px 16px}.asset-preview-media-wrap:has(+.asset-detail-fields .alpha-variants){background:repeating-conic-gradient(#2a2b31 0% 25%,#1f2025 0% 50%) 50%/16px 16px}.inspector-fit-page{border:1px solid var(--border);background:var(--panel-bg-alt);color:var(--text);cursor:pointer;border-radius:5px;align-items:center;gap:6px;margin-top:4px;padding:5px 10px;font-size:12px;display:inline-flex}.inspector-fit-page:hover:not(:disabled){border-color:var(--accent)}.inspector-fit-page:disabled{opacity:.5;cursor:default}.inspector-fit-row{flex-wrap:wrap;gap:6px;display:flex}.inspector-hint{color:var(--text-dim);margin:6px 0 0;font-size:11px}.layer-name-input{border:1px solid var(--accent);background:var(--panel-bg);min-width:0;color:var(--text);font:inherit;border-radius:3px;flex:1;padding:1px 4px}.sync-method-field{flex-direction:column;gap:4px;margin:6px 0;display:flex}.glossary-toolbar{align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.glossary-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.glossary-item{border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.glossary-item-body{flex:1;min-width:0}.glossary-item-body p{color:var(--text-dim);margin:2px 0 0;font-size:12px}.glossary-item-body small{color:var(--text-dim)}.glossary-thumb{object-fit:cover;border-radius:4px;width:40px;height:40px}.glossary-uses{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:12px}.glossary-uses:disabled{color:var(--text-dim);cursor:default}.glossary-uses-list{flex-wrap:wrap;flex-basis:100%;gap:6px;display:flex}.glossary-item .glossary-form{flex-basis:100%}.glossary-form{border:1px solid var(--accent);border-radius:6px;flex-direction:column;gap:6px;margin:6px 0;padding:10px;display:flex}.glossary-form-row{flex-wrap:wrap;gap:8px;display:flex}.glossary-form-row label{flex:140px}.glossary-suggest,.glossary-image,.glossary-form-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.glossary-image img{object-fit:cover;border-radius:4px;width:48px;height:48px}.glossary-delete{margin-left:auto}.glossary-chips{flex-wrap:wrap;gap:4px;display:flex}.glossary-chip{border:1px solid var(--border);background:var(--panel-bg-alt);color:var(--text);cursor:pointer;border-radius:10px;padding:2px 7px;font-size:12px}.glossary-chip.is-in{border-color:var(--accent);color:var(--accent)}.glossary-chip.is-open{background:var(--accent);color:#fff}.particles-stage{width:100%;height:100%;position:relative}.particles-stage canvas{width:100%;height:100%;display:block}.particles-guide{pointer-events:none;width:100%;height:100%;stroke:var(--accent);stroke-width:4px;fill:var(--accent);position:absolute;inset:0;overflow:visible}.particles-guide line{stroke-linecap:round}.particles-guide .particles-guide-area{fill:var(--accent);fill-opacity:.12;stroke-dasharray:14 10}.particles-stage-paused{color:#fff;background:#0000008c;border-radius:6px;padding:4px 10px;font-size:22px;position:absolute;top:8px;left:8px}.particles-actions{flex-wrap:wrap;gap:6px;display:flex}.particles-emitters{flex-wrap:wrap;gap:4px;display:flex}.particles-emitters button{border:1px solid var(--border);background:var(--panel-bg-alt);color:var(--text);cursor:pointer;border-radius:5px;flex:auto;padding:5px 8px;font-size:12px}.particles-emitters button.is-on{border-color:var(--accent);background:var(--accent);color:#fff}.particles-slider span,.particles-range>span:first-child{justify-content:space-between;display:flex}.particles-slider output{color:var(--text-dim);font-variant-numeric:tabular-nums}.particles-slider input[type=range]{width:100%}.particles-range-inputs{align-items:center;gap:6px;display:flex}.particles-range-inputs input{flex:1;width:0}.particles-colors{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.particles-colors>span:first-child{flex-basis:100%}.particles-color{align-items:center;display:inline-flex}.particles-color button{color:var(--text-dim);cursor:pointer;background:0 0;border:none}.touch-particles-row{flex-wrap:wrap;align-items:flex-end;gap:12px 24px;display:flex}.touch-particles-row .settings-field{flex:0 320px}.touch-particles-row .inspector-checkbox{padding-bottom:12px}.settings-card input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.touch-particles-preview{background:radial-gradient(circle at 50% 40%,#2a3d63,#141c2e);border-radius:8px;height:200px;margin-top:10px;position:relative;overflow:hidden}.touch-particles-preview canvas{cursor:pointer;touch-action:none;width:100%;height:100%;display:block}.touch-particles-preview span{color:#fff9;pointer-events:none;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.settings-disclosure{color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:10px;font-size:13px;display:inline-flex}.touch-particles-custom{max-width:420px;margin-top:6px}.glossary-toolbar .asset-field-btn{border-radius:8px;padding:clamp(10px,.7vw,14px) clamp(12px,.9vw,16px)}@keyframes up2me-hint-glow{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 var(--hint-glow-size) var(--hint-glow-color)) drop-shadow(0 0 calc(var(--hint-glow-size) / 3) var(--hint-glow-color))}}@keyframes up2me-hint-pulse{0%,to{scale:1}35%{scale:var(--hint-scale)}60%{scale:.99}}@keyframes up2me-hint-bounce{0%,to{translate:0}30%{translate:0 var(--hint-lift)}55%{translate:0}70%{translate:0 calc(var(--hint-lift) / 3)}85%{translate:0}}@keyframes up2me-hint-wiggle{0%,to{rotate:0deg}20%{rotate:var(--hint-turn)}40%{rotate:calc(var(--hint-turn) * -1)}60%{rotate:calc(var(--hint-turn) / 2)}80%{rotate:calc(var(--hint-turn) / -2)}}.hint-sparkles{pointer-events:none;position:absolute}.hint-brighten>*{animation:1.2s ease-in-out up2me-hint-brighten}@keyframes up2me-hint-brighten{0%,to{filter:brightness()saturate()}45%{filter:brightness(var(--hint-bright)) saturate(1.15)}}@keyframes up2me-hint-rainbow{0%{filter:drop-shadow(0 0 #0000)}15%{filter:drop-shadow(0 0 var(--hint-rainbow-size) #ff5d5d)}32%{filter:drop-shadow(0 0 var(--hint-rainbow-size) #ffd23f)}49%{filter:drop-shadow(0 0 var(--hint-rainbow-size) #7ae582)}66%{filter:drop-shadow(0 0 var(--hint-rainbow-size) #3ec1ff)}83%{filter:drop-shadow(0 0 var(--hint-rainbow-size) #c77dff)}to{filter:drop-shadow(0 0 #0000)}}@keyframes up2me-hint-jelly{0%,to{scale:1}20%{scale:calc(1 + var(--hint-jelly)) calc(1 - var(--hint-jelly))}40%{scale:calc(1 - var(--hint-jelly) * .8) calc(1 + var(--hint-jelly) * .8)}60%{scale:calc(1 + var(--hint-jelly) * .4) calc(1 - var(--hint-jelly) * .4)}80%{scale:calc(1 - var(--hint-jelly) * .15) calc(1 + var(--hint-jelly) * .15)}}@keyframes up2me-hint-tilt{0%,to{rotate:y 0deg}30%{rotate:y var(--hint-tilt)}70%{rotate:y calc(var(--hint-tilt) * -1)}}.hint-ripple-box{overflow:visible}.hint-ripple{box-sizing:border-box;opacity:0;border-style:solid;border-radius:50%;animation:1.2s ease-out forwards up2me-hint-ripple;position:absolute}@keyframes up2me-hint-ripple{0%{opacity:.9;scale:.7}to{opacity:0;scale:1.7}}.hint-hand{pointer-events:none;filter:drop-shadow(0 6px 10px #00000059);animation:2.3s ease-in-out forwards up2me-hint-hand;position:absolute}.hint-hand svg,.hint-hand img{width:100%;height:100%;display:block}.hint-hand img{object-fit:contain;height:auto}@keyframes up2me-hint-hand{0%{opacity:0;translate:30% 40%;scale:1}18%{opacity:1;translate:0;scale:1}30%{scale:.86}40%{scale:1}52%{scale:.86}62%{scale:1}82%{opacity:1;translate:0}to{opacity:0;translate:30% 40%}}.hint-corner-box{overflow:visible}.hint-star{opacity:0;animation:1.1s ease-in-out forwards up2me-hint-star;position:absolute}.hint-star svg{width:100%;height:100%;display:block}@keyframes up2me-hint-star{0%{opacity:0;rotate:0deg;scale:0}45%{opacity:1;rotate:45deg;scale:1}to{opacity:0;rotate:90deg;scale:0}}.hint-hand-field,.hint-effects{flex-direction:column;gap:6px;display:flex}.hint-effect{border:1px solid var(--border);background:var(--panel-bg-alt);border-radius:6px}.hint-effect.is-open{border-color:var(--accent)}.hint-effect-head{align-items:center;gap:4px;padding:2px 4px 2px 0;display:flex}.hint-effect-toggle{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:flex}.hint-effect-body{flex-direction:column;gap:8px;padding:4px 10px 10px;display:flex}.hint-add{align-self:flex-start}.assets-screen{flex-direction:column;height:100vh;min-height:0;padding-bottom:16px;display:flex;position:relative}.assets-screen .stories-header{margin-bottom:16px}.assets-total{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.assets-layout{flex:1;grid-template-columns:clamp(220px,18vw,320px) 1fr;gap:16px;min-height:0;display:grid}.assets-side{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;min-height:0;padding:10px 8px;display:flex;overflow-y:auto}.assets-new-folder{align-self:flex-start;align-items:center;gap:6px;display:inline-flex}.assets-main{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex;position:relative}.folder-tree ul{margin:0;padding:0;list-style:none}.folder-tree-row{border:1px solid #0000;border-radius:6px;align-items:center;gap:2px;min-width:0;display:flex}.folder-tree-row:hover{background:var(--panel-bg-alt)}.folder-tree-row.is-current{background:#6d5bff2e}.folder-tree-row.is-drop{border-color:var(--accent);background:#6d5bff47}.folder-tree-top{margin-bottom:2px;padding-left:6px}.folder-tree-twist,.folder-tree-action{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px;display:inline-flex}.folder-tree-action{opacity:0}.folder-tree-row:hover .folder-tree-action,.folder-tree-action:focus-visible{opacity:1}.folder-tree-action:hover{color:var(--text)}.folder-tree-name{min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:6px 4px;font-size:13px;display:flex}.folder-tree-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-tree-name svg{color:#c9a85a;flex-shrink:0}.folder-tree-top .folder-tree-name svg{color:var(--text-dim)}.folder-tree-meta{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;padding-right:4px;font-size:11px}.assets-crumbs{color:var(--text-dim);flex-wrap:wrap;align-items:baseline;gap:2px;font-size:14px;display:flex}.assets-crumbs button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px}.assets-crumbs button:hover{background:var(--panel-bg-alt)}.assets-crumbs-size{font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.assets-toolbar,.assets-filters,.assets-selection{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.assets-toolbar .asset-upload-btn{border-style:solid;border-color:var(--accent);width:auto;margin:0;padding:7px 14px}.assets-toolbar .asset-field-btn,.assets-selection .asset-field-btn{align-items:center;gap:6px;display:inline-flex}.assets-toolbar-gap{flex:1}.assets-check{color:var(--text-dim);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.assets-check input,.assets-table input[type=checkbox],.assets-grid-check{accent-color:var(--accent)}.assets-search{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.assets-search:focus-within{border-color:var(--accent)}.assets-search input{width:clamp(140px,14vw,240px);color:var(--text);font:inherit;background:0 0;border:none;outline:none;font-size:12px}.assets-search button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.assets-view{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.assets-view button{background:var(--panel-bg-alt);color:var(--text-dim);cursor:pointer;border:none;padding:6px 8px;display:inline-flex}.assets-view button.is-active{background:var(--accent);color:#fff}.assets-unused-filter{font-variant-numeric:tabular-nums}.assets-unused-filter:not(.active){color:#ffc46b;border-color:#ffb2408c}.assets-unused-filter.active{background:#c27a12;border-color:#c27a12}.assets-messages{border:1px solid #ff5a5a66;border-radius:6px;margin:0;padding:8px 32px 8px 12px;position:relative}.assets-messages p{margin:2px 0}.assets-messages .modal-close-btn{position:absolute;top:4px;right:4px}.assets-selection{border:1px solid var(--accent);background:#6d5bff24;border-radius:8px;padding:8px 10px;font-size:13px}.assets-selection strong{font-variant-numeric:tabular-nums}.folder-select{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:6px;padding:6px 8px;font-size:12px}.assets-table-wrap{border:1px solid var(--border);background:var(--panel-bg);border-radius:8px;flex:1;min-height:0;overflow:auto}.assets-table{border-collapse:collapse;width:100%;font-size:13px}.assets-table th{z-index:1;background:var(--panel-bg-alt);text-align:left;color:var(--text-dim);white-space:nowrap;border-bottom:1px solid var(--border);height:34px;padding:0 8px;font-size:12px;font-weight:500;position:sticky;top:0}.assets-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:5px 8px}.assets-table tbody tr{cursor:pointer}.assets-table tbody tr:hover{background:#ffffff08}.assets-table tbody tr.is-selected{background:#6d5bff29}.assets-table tbody tr.is-unused td:first-child{box-shadow:inset 3px 0 #c27a12}.assets-sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.assets-sort.is-active{color:var(--text)}.assets-col-check{width:34px}.assets-col-thumb{color:#c9a85a;width:52px}.assets-thumb{width:44px;height:34px;color:var(--text-dim);background:#0d0e11;border-radius:4px;justify-content:center;align-items:center;display:flex;overflow:hidden}.assets-thumb img,.assets-thumb video{object-fit:contain;width:100%;height:100%}.assets-name{width:34%;max-width:0}.assets-name>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.assets-name small{margin-right:6px;display:inline-block}.assets-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.assets-table th.assets-num .assets-sort{justify-content:flex-end;width:100%}.assets-dim{color:var(--text-dim);font-size:12px}.assets-unused{color:#ffc46b;white-space:nowrap;background:#ffb24024;border-radius:999px;padding:1px 8px;font-size:11px;display:inline-block}.assets-used{flex-direction:column;font-size:12px;line-height:1.3;display:flex}.assets-used small,.assets-folder-row td{color:var(--text-dim)}.assets-name-btn{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.assets-name-btn:hover{text-decoration:underline}.asset-grid-item.is-selected{border-color:var(--accent);background:#6d5bff29}.assets-grid-check{position:absolute;top:6px;left:6px}.assets-grid-folder .asset-grid-icon{color:#c9a85a}.assets-main>.asset-library-grid{flex:1;align-content:start;min-height:0;overflow-y:auto}.assets-drop-hint{border:2px dashed var(--accent);color:var(--text);pointer-events:none;background:#16171bd1;border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}.assets-name-input{background:var(--panel-bg-alt);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:6px;margin:8px 0;padding:8px 10px}.assets-name-input:focus{border-color:var(--accent);outline:none}.assets-primary{background:var(--accent);border-color:var(--accent);color:#fff}.assets-primary:disabled{opacity:.5}.asset-usage-box{background:var(--panel-bg-alt);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:4px;padding:8px 10px;font-size:12px;display:flex}.asset-usage-box ul{color:var(--text-dim);max-height:120px;margin:0;padding-left:16px;overflow-y:auto}.optimize-dialog{flex-direction:column;gap:10px;width:clamp(420px,52vw,860px);max-height:86vh;display:flex}.optimize-settings{grid-template-columns:1fr 1fr;gap:12px;display:grid}.optimize-settings label{color:var(--text-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}.optimize-settings select{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:6px;padding:6px 8px;font-size:12px}.optimize-table-wrap{border:1px solid var(--border);border-radius:6px;flex:1;min-height:80px;overflow:auto}.optimize-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.optimize-table th{background:var(--panel-bg-alt);text-align:left;color:var(--text-dim);padding:6px 8px;font-weight:500;position:sticky;top:0}.optimize-table td{border-top:1px solid #ffffff0a;padding:5px 8px}.optimize-table td small{color:var(--text-dim);font-size:11px;display:block}.optimize-table tr.is-skipped td{color:var(--text-dim)}.optimize-table tr.is-applied td:last-child{color:var(--success)}.optimize-name{align-items:center;gap:8px;max-width:280px;display:flex}.optimize-name img{object-fit:contain;background:#0d0e11;border-radius:3px;flex-shrink:0;width:36px;height:28px}.optimize-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.optimize-error{color:var(--danger)}.optimize-wait{color:var(--text-dim)}.optimize-summary{color:var(--text-dim);font-variant-numeric:tabular-nums;flex:1;font-size:12px}.optimize-apply{border-style:solid;border-color:var(--accent);background:var(--accent);color:#fff;width:auto;margin:0;padding:7px 14px}.asset-picker-top{flex-shrink:0;align-items:stretch;gap:8px;margin-bottom:10px;display:flex}.asset-picker-top .asset-upload-btn{flex:1;margin:0}.asset-picker-body{flex:1;grid-template-columns:1fr;gap:10px;min-height:0;display:grid}.asset-picker-body.has-folders{grid-template-columns:clamp(160px,22%,240px) 1fr}.asset-picker-tree{border-right:1px solid var(--border);min-height:0;padding-right:6px;overflow-y:auto}.asset-picker-main{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.story-card-delete{border:1px solid var(--border);color:var(--text);cursor:pointer;opacity:0;background:#0009;border-radius:6px;padding:5px;transition:opacity .12s;display:inline-flex;position:absolute;top:24px;right:24px}.story-card:hover .story-card-delete,.story-card-delete:focus-visible{opacity:1}.story-card-delete:hover{color:var(--danger);border-color:var(--danger)}.story-delete-warning{color:#ffc46b;background:#ffb2401a;border:1px solid #ffb24080;border-radius:6px;padding:8px 10px;font-size:13px}.story-trash{flex-direction:column;gap:14px;max-width:820px;display:flex}.story-trash-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.story-trash-head h2{margin:0;font-size:18px}.story-trash-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.story-trash-list li{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.story-trash-list li>div{flex-direction:column;gap:2px;display:flex}.story-trash-list .asset-field-btn{align-items:center;gap:6px;display:inline-flex}.stories-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex}.stories-tabs button{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 14px;font-size:14px;display:inline-flex}.stories-tabs button:hover{color:var(--text)}.stories-tabs button.is-active{color:var(--text);border-bottom-color:var(--accent)}.story-trash-head{justify-content:space-between}.story-trash-actions{flex-shrink:0;gap:8px;display:flex}.empty-trash-dialog{flex-direction:column;gap:10px;width:clamp(380px,40vw,640px);display:flex}.empty-trash-dialog p{margin:0}.empty-trash-stories{color:var(--text-dim);margin:0;padding-left:18px;font-size:13px}.empty-trash-assets{background:var(--panel-bg-alt);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.empty-trash-all{color:var(--text);font-size:13px}.empty-trash-asset-list{max-height:260px;margin:0;padding:0;list-style:none;overflow-y:auto}.empty-trash-asset-list label{cursor:pointer;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;padding:4px 2px;font-size:12px;display:grid}.empty-trash-asset-list input{accent-color:var(--accent)}.empty-trash-asset-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.light-stage{width:100%;height:100%;position:relative}.light-stage canvas{width:100%;height:100%;display:block}.light-guide{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.light-guide line{stroke:var(--accent);stroke-width:3px;stroke-dasharray:14 12;stroke-opacity:.6}.light-guide-handle{pointer-events:all;cursor:grab;fill:#ffffff40;stroke:var(--accent);stroke-width:5px}.light-guide-handle:active{cursor:grabbing}.light-kinds button{flex:45%}.light-colors{flex-wrap:wrap;gap:12px;display:flex}.light-colors label{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.light-guide-end{fill:#ffd27859}.light-guide-start{fill:#ffffff59}.audio-level-now,.audio-level-after{color:var(--text-dim);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.audio-level-now strong,.audio-level-after strong{color:var(--text);font-weight:500}.audio-level-targets{flex-wrap:wrap;gap:4px;display:flex}.audio-level-targets .asset-library-filter{padding:4px 9px;font-size:11px}.loudness-dialog{flex-direction:column;gap:10px;width:clamp(460px,60vw,960px);max-height:88vh;display:flex}.loudness-targets{flex-wrap:wrap;gap:16px;display:flex}.loudness-targets label{align-items:center;gap:8px;font-size:13px;display:flex}.loudness-targets select,.loudness-table select{background:var(--panel-bg-alt);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:6px;padding:4px 6px;font-size:12px}.loudness-table input[type=checkbox]{accent-color:var(--accent)}.loudness-name{max-width:280px}.loudness-name span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.loudness-name small{color:var(--text-dim);font-size:11px;display:block}.sprite-editor-empty{max-width:520px;color:var(--text-dim);margin:64px auto;padding:0 16px;line-height:1.5}.sprite-editor-empty h2{color:var(--text);font-size:18px}.sprite-editor-side{box-sizing:border-box;flex-direction:column;gap:10px;height:100%;padding:12px;display:flex;overflow-y:auto}.sprite-pick{color:var(--text-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}.sprite-editor-title{margin:0;font-size:14px}.sprite-anim-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sprite-anim-list li{border:1px solid #0000;border-radius:6px;align-items:center;gap:2px;display:flex}.sprite-anim-list li.is-active{background:var(--panel-bg-alt);border-color:var(--accent)}.sprite-anim-name{text-align:left;min-width:0;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;flex:1;padding:6px 8px}.sprite-anim-name span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.sprite-anim-name small{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px;display:block}.layer-icon-btn.is-initial{color:#f6b93b}.sprite-add,.sprite-import-btn,.sprite-open-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.sprite-center{flex-direction:column;height:100%;min-height:0;display:flex}.sprite-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;overflow:hidden;container-type:size}.sprite-stage .sprite-stage-view{width:min(100cqw, calc(100cqh * var(--ratio,1)));outline:1px dashed var(--border);background-color:#2a2b31;background-image:linear-gradient(45deg,#33343b 25%,#0000 25% 75%,#33343b 75%),linear-gradient(45deg,#33343b 25%,#0000 25% 75%,#33343b 75%);background-position:0 0,10px 10px;background-size:20px 20px;flex-shrink:0}.sprite-view{position:relative}.sprite-view canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sprite-pivot{background:var(--accent);cursor:move;touch-action:none;z-index:2;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 1px #0009}.sprite-pivot:before,.sprite-pivot:after{content:"";pointer-events:none;background:#fff;position:absolute}.sprite-pivot:before{height:1px;top:50%;left:-10px;right:-10px}.sprite-pivot:after{width:1px;top:-10px;bottom:-10px;left:50%}.sprite-timeline{border-top:1px solid var(--border);box-sizing:border-box;align-items:flex-start;gap:6px;min-height:92px;padding:10px 12px;display:flex;overflow-x:auto}.sprite-cell{border:1px solid var(--border);background:var(--panel-bg-alt);color:var(--text-dim);font-variant-numeric:tabular-nums;cursor:grab;border-radius:6px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:3px;font-size:11px;display:flex}.sprite-cell.is-current{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent)}.sprite-cell-actions{flex-wrap:wrap;align-items:center;gap:6px;padding:0 12px 10px;display:flex}.sprite-cell-actions button{align-items:center;gap:4px;display:inline-flex}.sprite-thumb{background:#2a2b31;border-radius:4px;display:block}.sprite-name-input{box-sizing:border-box;width:100%}.sprite-pivots{grid-template-columns:repeat(3,32px);gap:4px;display:grid}.sprite-pivots button{border:1px solid var(--border);background:var(--panel-bg-alt);height:32px;color:var(--text);cursor:pointer;border-radius:6px}.sprite-pivots button.is-on{border-color:var(--accent);background:var(--accent);color:#fff}.sprite-library{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px;display:grid}.sprite-lib-item{position:relative}.sprite-lib-item>button:first-child{border:1px solid var(--border);background:var(--panel-bg-alt);cursor:pointer;border-radius:6px;padding:2px}.sprite-lib-item>button:first-child:hover:not(:disabled){border-color:var(--accent)}.sprite-lib-del{background:var(--danger);color:#fff;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:none;position:absolute;top:-4px;right:-4px}.sprite-lib-item:hover .sprite-lib-del,.sprite-lib-del:focus-visible{display:inline-flex}.sprite-import-folder{align-items:center;gap:6px;display:flex}.sprite-import-folder>:first-child{flex:1;min-width:0}.sprite-stage-empty{color:#ffffffb3;box-sizing:border-box;background:#1e1f2459;border:2px dashed #ffffff59;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;font-size:14px;display:flex}.sheet-slicer{flex-direction:column;height:100%;min-height:0;display:flex}.sheet-slicer-bar,.sheet-slicer-foot{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.sheet-slicer-bar{border-bottom:1px solid var(--border)}.sheet-slicer-bar strong{align-items:center;gap:6px;font-size:14px;display:inline-flex}.sheet-slicer-foot{border-top:1px solid var(--border)}.sheet-slicer-gap{flex:1}.sheet-slicer-empty{color:var(--text-dim);text-align:center;padding:32px 16px}.sheet-slicer-settings{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:10px;padding:8px 12px;display:flex}.sheet-num{color:var(--text-dim);flex-direction:column;gap:3px;font-size:11px;display:flex}.sheet-num input{width:70px}.sheet-slicer-stage{flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:16px;display:flex;overflow:auto}.sheet-slicer-picture{background-color:#2a2b31;background-image:linear-gradient(45deg,#33343b 25%,#0000 25% 75%,#33343b 75%),linear-gradient(45deg,#33343b 25%,#0000 25% 75%,#33343b 75%);background-position:0 0,8px 8px;background-size:16px 16px;width:100%;max-width:900px;position:relative}.sheet-slicer-picture img{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.sheet-cell{cursor:pointer;box-sizing:border-box;background:#00000073;border:1px solid #ffffff59;padding:0;position:absolute}.sheet-cell.is-on{border-color:var(--accent);background:#6d5bff1f}.sheet-cell span{color:#fff;text-shadow:0 0 2px #000;font-size:10px;position:absolute;top:2px;left:3px}.sheet-cell:not(.is-on) span{opacity:.5}.sheet-name{width:160px}.easing-preview{align-items:center;gap:10px;margin-top:6px;display:flex;overflow:hidden}.easing-preview svg{background:var(--panel-bg-alt);border:1px solid var(--border);border-radius:6px;flex-shrink:0;overflow:visible}.easing-axis{stroke:var(--border);stroke-width:1px}.easing-axis-end{stroke-dasharray:3 3}.easing-curve{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round}.easing-track{background:var(--border);flex:1;min-width:60px;height:2px;margin:0 28px 0 16px;position:relative}.easing-dot{background:var(--accent);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:-6px}.device-trigger-options{border-top:1px dashed var(--border);flex-direction:column;gap:10px;margin-top:10px;padding-top:10px;display:flex}.chrome-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px;margin-top:12px;display:grid}@media (width<=900px){.chrome-layout{grid-template-columns:1fr}}.chrome-controls{flex-direction:column;gap:18px;min-width:0;display:flex}.chrome-group{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.chrome-group h3{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:13px}.chrome-tabs{flex-wrap:wrap;gap:4px;display:flex}.chrome-tabs button{border:1px solid var(--border);background:var(--panel-bg-alt);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px}.chrome-tabs button.is-on{border-color:var(--accent);background:var(--accent);color:#fff}.chrome-anchor-row{color:var(--text-dim);align-items:center;gap:14px;font-size:13px;display:flex}.chrome-anchors{grid-template-columns:repeat(3,30px);gap:4px;display:grid}.chrome-anchors button{border:1px solid var(--border);background:var(--panel-bg-alt);height:30px;color:var(--text);cursor:pointer;border-radius:6px}.chrome-anchors button.is-on{border-color:var(--accent);background:var(--accent);color:#fff}.chrome-picture{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chrome-picture .settings-hint{flex-basis:100%;margin:0}.chrome-picture-label{min-width:90px;color:var(--text-dim);font-size:13px}.chrome-picture.is-compact .chrome-picture-label{min-width:0}.chrome-picture-thumb{border:1px dashed var(--border);width:52px;height:52px;color:var(--text-dim);cursor:pointer;background-color:#2a2b31;background-image:linear-gradient(45deg,#33343b 25%,#0000 25% 75%,#33343b 75%),linear-gradient(45deg,#33343b 25%,#0000 25% 75%,#33343b 75%);background-position:0 0,6px 6px;background-size:12px 12px;border-radius:8px;place-items:center;padding:3px;display:grid}.chrome-picture-thumb img{object-fit:contain;max-width:100%;max-height:100%}.chrome-item-pictures{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.chrome-item-pictures>span{min-width:90px;color:var(--text-dim);font-size:13px}.chrome-row,.chrome-checks{flex-wrap:wrap;gap:12px 20px;display:flex}.chrome-preview-col{flex-direction:column;align-items:center;gap:10px;display:flex}.chrome-phone{background:#000;border:8px solid #0d0d10;border-radius:26px;width:100%;max-height:520px;position:sticky;top:12px;overflow:hidden;box-shadow:0 6px 24px #0006;container-type:size}.chrome-phone-page{background-position:50%;background-size:cover;position:absolute;inset:0}.chrome-phone-btn{aspect-ratio:1;color:#fff;cursor:pointer;background:#0e0c188c;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.chrome-phone-btn svg{width:55%;height:55%}.chrome-phone-btn.has-picture{aspect-ratio:auto;background:0 0;border-radius:0}.chrome-phone-btn img{width:100%;height:auto;display:block}.chrome-phone-btn.is-selected{outline-offset:2px;outline:2px dashed #ffd76a}.chrome-phone-backdrop{background:#00000059;align-items:flex-end;display:flex;position:absolute;inset:0}.chrome-phone-menu{background-position:50%;background-size:cover;border-radius:5cqmin 5cqmin 0 0;flex-direction:column;gap:4cqmin;width:100%;padding:5cqmin 4cqmin;font:600 3.6cqmin/1.2 system-ui,sans-serif;display:flex}.chrome-phone-toggles{justify-content:center;gap:4cqmin;display:flex}.chrome-phone-toggles span{background:#ffffff2e;border-radius:3cqmin;flex-direction:column;align-items:center;gap:1.5cqmin;padding:2.5cqmin;display:flex}.chrome-phone-toggles span.is-off{opacity:.6;background:#ffffff1a}.chrome-phone-toggles svg,.chrome-phone-toggles img{object-fit:contain;width:12cqmin;height:12cqmin}.chrome-phone-pages{gap:2cqmin;display:flex}.chrome-phone-pages span{aspect-ratio:2/3;background:#ffffff1f;border:.6cqmin solid #0000;border-radius:2cqmin;place-items:end center;width:16cqmin;padding-bottom:1cqmin;display:grid}.chrome-phone-pages span.is-current{border-color:currentColor}.chrome-phone-actions{flex-wrap:wrap;justify-content:center;gap:2cqmin;display:flex}.chrome-phone-actions span{background:#ffffff24;border-radius:999px;padding:1.6cqmin 3cqmin}.chrome-thumbs{flex-direction:column;gap:8px;display:flex}.chrome-thumbs-strip{gap:6px;min-height:0;display:flex}.chrome-thumbs-strip img,.chrome-thumbs-strip span{aspect-ratio:2/3;object-fit:cover;background:var(--panel-bg-alt);border-radius:4px;width:40px}.chrome-thumbs>button{align-self:flex-start;align-items:center;gap:6px;display:inline-flex}.thumbnails-dialog{flex-direction:column;align-items:center;gap:12px;display:flex}.thumbnails-frame{background:#000;border:6px solid #0d0d10;border-radius:16px}