*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff;overflow:hidden}.reactflow-wrapper{flex-grow:1;height:100%;position:relative}.react-flow__controls{background-color:#111;border:1px solid #1a1a1a;border-radius:2px;box-shadow:none;padding:4px}.react-flow__controls-button{background-color:transparent;border:none;color:#555;width:28px;height:28px;transition:color .3s ease}.react-flow__controls-button:hover,.react-flow__controls-button.active{background-color:#1a1a1a;color:#fff}.react-flow__controls-button svg{fill:currentColor}.grid-toggle-btn svg{width:15px;height:15px}.react-flow__controls-divider{background-color:#1a1a1a;margin:4px 0}.react-flow__attribution{display:none}.react-flow__selection{background:#ffffff0d;border:1px dashed #333}.react-flow__handle{width:12px;height:12px;background:#fff;border-radius:50%;border:none;transition:background-color .2s,transform .2s}.react-flow__handle:hover{transform:scale(1.2)}.react-flow__handle-right{right:-8px}.react-flow__handle-left{left:-8px}.react-flow__handle-top{top:-8px}.react-flow__handle-bottom{bottom:-8px}.handle-prompt{background-color:#4ade80!important}.react-flow__handle.connecting{background-color:#ef4444!important}.react-flow__handle.valid{background-color:#4ade80!important}.react-flow__handle.handle-video{background:#f59e0b!important}.react-flow__handle.handle-audio{background:#3b82f6!important}.react-flow__handle.handle-inactive{background-color:#ef4444!important;opacity:.6}.react-flow__handle.handle-generated{background-color:#555!important}.general-node{width:400px;height:auto;background-color:#1a1a1a;border:1px solid #1a1a1a;border-radius:2px;font-size:14px;color:#e0e0e0;position:relative}.general-node-title{font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#666;margin:0 0 16px;padding:0;text-align:center}.general-node-content{padding:24px}.general-node textarea{background-color:#0a0a0a;width:100%;border-radius:0;padding:12px;color:#f0f0f0;font-size:14px;font-weight:300;resize:none;box-sizing:border-box;outline:none;transition:border-color .3s;border:1px solid #1a1a1a}.general-node textarea:focus{border-color:#333}.generator-node{width:400px;height:auto;background-color:#1a1a1a;border:1px solid #1a1a1a;border-radius:4px;font-size:14px;color:#e0e0e0;position:relative}.react-flow__handle{background-color:#fff;width:14px;height:14px;border:0px}.generator-node-title{font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#666;margin:0 0 16px;padding:0;text-align:center}.generator-node-content{padding:20px 20px 20px 24px;border-radius:2px}.generator-node textarea{background-color:#0a0a0a;width:100%;border-radius:0;padding:12px;color:#f0f0f0;font-size:14px;font-weight:300;resize:none;box-sizing:border-box;margin-bottom:2px;outline:none;transition:border-color .3s;border:1px solid #1a1a1a}.generator-node textarea:focus{border-color:#333}.generator-node textarea[readOnly]{background-color:#111;color:#555;cursor:not-allowed;opacity:.7}.control-row{margin-bottom:4px;width:100%}.control-group{padding:6px 10px;display:flex;align-items:center;background-color:#0a0a0a;border:1px solid #1a1a1a;border-radius:6px}.control-group .label{margin-left:4px;color:#888;font-size:12px;letter-spacing:.5px}.control-group button{background-color:#1f1d1d;border:none;border-radius:6px;color:#fff;padding:6px 12px;cursor:pointer;font-size:12px;transition:color .3s ease}.control-group button:hover{color:#fff}.node-select{border:0px;padding:5px;margin:4px;background-color:#1f1d1d;border-radius:6px;color:#fff;font-weight:400;font-size:12px}.node-select option{background-color:#2a2a2a;color:#fff}.model-select{background-color:transparent;border:1px solid #1a1a1a;color:#888;padding:8px 30px 8px 12px;cursor:pointer;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px top 50%;background-size:.65em auto;transition:all .3s ease}.model-select:hover{border-color:#333;color:#fff}.model-select:focus{outline:none;border-color:#333}.model-select option{background-color:#111;color:#888}.action-buttons{display:flex;justify-content:center;margin-top:12px;width:100%}.generate-btn{background-color:#fff;color:#0a0a0a;padding:10px 24px;border-radius:2px;border:none;font-size:12px;font-weight:400;letter-spacing:1px;cursor:pointer;transition:background-color .3s ease}.generate-btn:hover{background-color:#e0e0e0}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-image-node textarea{height:180px}.generate-video-node textarea{height:140px;margin-bottom:8px}.generate-video-node .node-hint{font-size:11px;color:#555;text-align:center;margin:0 0 10px;padding:0 10px}.generate-prompt-node{display:flex}.generate-prompt-node .generator-node-content{display:flex;flex-direction:column;width:100%}.generate-prompt-node textarea{flex-shrink:0;height:200px}.generate-prompt-controls{flex-direction:row;justify-content:space-between;width:100%;margin-top:16px;gap:0;flex-shrink:0}.chat-llm-response{margin-bottom:16px;background-color:#0a0a0a;border:1px solid #1a1a1a;padding:12px;overflow-y:auto;color:#e0e0e0;font-size:14px;font-weight:300;white-space:pre-wrap;word-wrap:break-word;line-height:1.6;height:200px;-webkit-user-select:text;user-select:text;cursor:default}.chat-llm-response p{margin:0;-webkit-user-select:text;user-select:text}.chat-llm-response-placeholder{color:#444;display:flex;align-items:center;justify-content:center;height:100%;min-height:80px;font-style:italic;-webkit-user-select:none;user-select:none}.image-node:hover .image-node-actions,.image-node.react-flow__node-selected .image-node-actions,.video-result-node:hover .image-node-actions,.video-result-node.react-flow__node-selected .image-node-actions,.image-node:hover .node-dim-actions,.image-node.react-flow__node-selected .node-dim-actions,.video-result-node:hover .node-dim-actions,.video-result-node.react-flow__node-selected .node-dim-actions{opacity:1;pointer-events:auto}.image-node-action-btn{width:28px;height:28px;border-radius:2px;background:#0a0a0ae6;border:1px solid #1a1a1a;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-node-action-btn:hover{background:#111;color:#fff;border-color:#333}.image-node-action-btn:last-child{font-size:9px}.react-flow__resize-control .node-resizer-line,.react-flow__resize-control.line{border:0px}.image-node .react-flow__resize-control.node-resizer-handle,.video-result-node .react-flow__resize-control.node-resizer-handle{width:30px;height:30px;border:none;border-radius:0;background:transparent;transform:translate(-50%,-50%)}.video-result-node{position:relative;width:100%;height:100%;border:2px solid #222222;border-radius:4px;display:flex;flex-direction:column}.react-flow__node.selected .video-result-node{border:2px solid #e8b200}.video-result-node-inner{width:100%;flex:1;min-height:0;position:relative;border-radius:2px 2px 0 0;overflow:hidden}.video-node-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}.audio-node{background:#1a1a1a;border:2px solid #222222;border-radius:4px;display:flex;flex-direction:column}.react-flow__node.selected .audio-node{border:2px solid #3b82f6}.audio-node.dimmed{opacity:.3}.audio-node audio{border-radius:4px}.audio-node-metadata-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;border-top:1px solid #333;min-height:28px}.audio-node-actions{display:none;gap:4px}.audio-node:hover .audio-node-actions{display:flex}.api-key-prompt{padding:24px;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center}.api-key-prompt h4{margin:0 0 12px;color:#fff;font-weight:300;font-size:16px}.api-key-prompt p{margin:0 0 16px;font-size:13px;color:#666;line-height:1.5}.api-key-prompt a{display:block;font-size:12px;color:#888;margin-bottom:20px;transition:color .3s ease}.api-key-prompt a:hover{color:#fff}.api-key-prompt button{background-color:#fff;color:#0a0a0a;border:none;padding:12px 24px;border-radius:2px;font-weight:400;font-size:12px;letter-spacing:1px;cursor:pointer;transition:background-color .3s ease}.api-key-prompt button:hover{background-color:#e0e0e0}path.react-flow__edge-path{stroke-width:2}path.react-flow__edge-path:hover{stroke-width:5}.react-flow__connection-path{stroke-dasharray:5;stroke:#ef4444;stroke-width:2;animation:dashdraw .5s linear infinite}@keyframes dashdraw{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.app-container{width:100vw;height:100vh}.main-content{width:100%;height:100%;position:relative;display:flex}.resizer-corner{position:absolute;width:20px;height:20px;z-index:102}.resizer-corner.top-left{top:-20px;left:-20px;cursor:nwse-resize}.resizer-corner.top-right{top:-20px;right:-20px;cursor:nesw-resize}.resizer-corner.bottom-left{bottom:-20px;left:-20px;cursor:nesw-resize}.resizer-corner.bottom-right{bottom:-20px;right:-20px;cursor:nwse-resize}.preview-media-container{width:100%;height:100%;overflow:hidden;cursor:grab;display:flex;align-items:center;justify-content:center}.preview-media-container.panning{cursor:grabbing}.preview-media{max-width:none;max-height:none;width:100%;height:100%;object-fit:contain;transition:transform .05s ease-out}.preview-placeholder{color:#444;text-align:center;font-size:14px;padding:20px;display:flex;align-items:center;justify-content:center;height:100%}.preview-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:30;display:flex;gap:8px;background-color:#0a0a0ae6;border:1px solid #1a1a1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px;align-items:center}.preview-controls button{background-color:#fff;color:#0a0a0a;border:none;border-radius:2px;width:32px;height:32px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.preview-controls .close-btn{color:#888;background-color:transparent;font-size:20px}.preview-controls .close-btn:hover{color:#fff}.preview-controls .preview-aspect-ratio-select{height:32px;background-color:transparent;border:1px solid #1a1a1a;color:#888;font-size:12px}.preview-controls button:hover{background-color:#e0e0e0}.preview-controls button:active{transform:scale(.95)}.top-left-controls{position:absolute;top:16px;left:16px;z-index:10;display:flex;gap:8px}.top-right-controls{position:absolute;top:16px;right:16px;z-index:10;display:flex;gap:8px}.bottom-right-controls{position:absolute;bottom:16px;right:16px;z-index:10;display:flex;gap:8px}.add-node-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#111;border:1px solid #1a1a1a;border-radius:2px;color:#888;font-size:12px;font-weight:400;letter-spacing:.5px;cursor:pointer;transition:all .3s ease}.add-node-btn:hover{background:#1a1a1a;border-color:#333;color:#fff}.add-node-btn svg{width:16px;height:16px;fill:currentColor}.ui-button{background-color:#111;color:#888;border:1px solid #1a1a1a;border-radius:2px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:all .3s ease}.ui-button:hover,.ui-button.active{background-color:#1a1a1a;color:#fff;border-color:#333}.ui-button svg{width:18px;height:18px}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirmation-modal,.node-creator-modal{background-color:transparent;padding:32px;border:none;text-align:center;color:#f0f0f0;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.confirmation-modal p{margin:0 0 24px;font-size:15px;font-weight:300;line-height:1.6}.confirmation-modal-buttons{display:flex;justify-content:center;gap:16px}.confirmation-modal-buttons button{padding:12px 28px;border-radius:2px;border:none;font-size:12px;font-weight:400;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.confirmation-modal-buttons button:first-child{background-color:#ef4444;color:#fff}.confirmation-modal-buttons button:first-child:hover{background-color:#dc2626}.confirmation-modal-buttons button:last-child{background-color:#1a1a1a;color:#888}.confirmation-modal-buttons button:last-child:hover{background-color:#222;color:#fff}.confirmation-modal-buttons button:active{transform:scale(.97)}.node-creator-modal h3{margin-top:0;margin-bottom:32px;font-weight:300;font-size:20px;letter-spacing:-.5px}.node-creator-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;width:100%}.node-creator-cell{padding:32px 30px;cursor:pointer;border-right:1px solid #1e1e1e;border-bottom:1px solid #1e1e1e;display:flex;flex-direction:column;gap:6px;transition:background-color .15s ease}.node-creator-cell:nth-child(3n){border-right:none}.node-creator-cell:hover{background-color:#ffffff0a}.node-creator-cell-name{font-size:16px;font-weight:400;color:#e0e0e0}.node-creator-cell-desc{font-size:12px;color:#555}.node-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0af2;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:2px}.node-loading-overlay p{margin-top:16px;font-size:12px;font-weight:300;letter-spacing:1px}.spinner{border:3px solid #1a1a1a;border-top:3px solid #fff;border-radius:50%;width:36px;height:36px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-placeholder{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0a0a0a;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-placeholder:before{content:"";width:40px;height:40px;border:2px solid #1a1a1a;border-top-color:#fff;border-radius:50%;animation:spin .8s ease-in-out infinite}.note-node textarea{height:250px}.history-panel{width:280px;height:100%;background-color:#0a0a0a;border-left:1px solid #1a1a1a;display:flex;flex-direction:column;color:#e0e0e0;flex-shrink:0}.history-panel h3{font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;text-align:center;padding:20px;margin:0;border-bottom:1px solid #1a1a1a;color:#666}.history-list{flex-grow:1;overflow-y:auto;padding:12px}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#0a0a0a}.history-list::-webkit-scrollbar-thumb{background-color:#222;border-radius:0}.history-item{margin-bottom:8px;cursor:grab;overflow:hidden;border:1px solid transparent;transition:border-color .3s ease}.history-item:hover{border-color:#333}.history-item img{width:100%;height:auto;display:block}.preview-page{width:100vw;height:100vh;background-color:#0a0a0a;display:flex;flex-direction:column;overflow:hidden}.preview-page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:#0a0a0a;border-bottom:1px solid #1a1a1a;flex-shrink:0}.preview-page-header h1{margin:0;font-size:14px;font-weight:400;letter-spacing:.5px;color:#fff}.preview-page-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:center;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px;border-radius:8px;border:1px solid rgba(255,255,255,.08);z-index:10;opacity:.6;transition:opacity .3s ease}.preview-page-controls:hover{opacity:1}.preview-page-controls button{background-color:transparent;color:#ffffffb3;border:none;border-radius:4px;width:32px;height:32px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.preview-page-controls button:hover{background-color:#ffffff1a;color:#fff}.preview-page-controls button:active{transform:scale(.95)}.preview-page-controls .download-btn{background-color:#ffffff26;color:#fff}.preview-page-controls .download-btn:hover{background-color:#ffffff40}.preview-page-content{flex:1;overflow:hidden;cursor:grab;display:flex;align-items:center;justify-content:center;background-color:#0a0a0a;position:relative}.preview-page-content.panning{cursor:grabbing}.preview-page-media{display:block;transition:transform .05s ease-out}.preview-page-placeholder{color:#444;text-align:center;font-size:14px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.preview-page-placeholder svg{opacity:.3}.preview-page-placeholder span{opacity:.5}.preview-page-media-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.preview-page-metadata-bar{background:#111;border:1px solid #1a1a1a;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#666;font-weight:400;margin-top:8px;letter-spacing:.5px}.preview-page-metadata-bar .metadata-model{color:#888}.preview-page-metadata-bar .metadata-separator{color:#333;margin:0 4px}.preview-page-metadata-bar .metadata-resolution,.preview-page-metadata-bar .metadata-size{color:#555}.preview-sidebar{height:100%;background:#0a0a0a;border-left:1px solid #1a1a1a;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative}.preview-sidebar-resize-handle{position:absolute;left:-3px;top:0;width:6px;height:100%;cursor:col-resize;z-index:5}.preview-sidebar-resize-handle:hover,.preview-sidebar-resize-handle.active{background:#ffffff1a}.preview-sidebar-content{flex:1;overflow:hidden;position:relative;cursor:grab;display:flex;align-items:center;justify-content:center}.preview-sidebar-content.panning{cursor:grabbing}.overlay-editor{display:flex;flex-direction:row;flex:1;overflow:hidden;background:#0a0a0a;width:100%;height:100%}.overlay-editor-canvas-area{flex:1 1 0%;min-width:200px;overflow:hidden;position:relative;cursor:grab;background:#080808}.overlay-editor-canvas-area.panning{cursor:grabbing}.overlay-editor-canvas-area.resizing{cursor:nwse-resize}.overlay-editor-canvas-area.dragging-layer{cursor:move}.overlay-editor-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;color:#666;font-size:13px;letter-spacing:.5px}.overlay-editor-generating-spinner{width:28px;height:28px;border:2px solid #333;border-top-color:#d4a843;border-radius:50%;animation:overlay-spin .8s linear infinite}@keyframes overlay-spin{to{transform:rotate(360deg)}}.editor-toggle-btn{color:#888;transition:color .15s ease}.editor-toggle-btn.active,.editor-toggle-btn:hover{color:#d4a843}.overlay-editor-panel{width:220px;flex-shrink:0;background:#111;border-left:1px solid #1a1a1a;display:flex;flex-direction:column;overflow-y:auto}.overlay-editor-toolbar{display:flex;gap:4px;padding:8px;border-bottom:1px solid #1a1a1a}.overlay-editor-toolbar button{flex:1;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;color:#ccc;padding:6px 0;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.overlay-editor-toolbar button:hover{background:#2a2a2a;color:#fff}.overlay-editor-properties{padding:10px;border-bottom:1px solid #1a1a1a}.overlay-prop-section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#666;margin-bottom:10px}.overlay-prop-label{display:block;font-size:10px;color:#888;margin:8px 0 4px;letter-spacing:.5px}.overlay-prop-textarea{width:100%;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;color:#e0e0e0;padding:6px 8px;font-size:12px;font-family:inherit;resize:vertical;box-sizing:border-box}.overlay-prop-textarea:focus{outline:none;border-color:#d4a843}.overlay-prop-select{width:100%;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;color:#e0e0e0;padding:5px 8px;font-size:12px;cursor:pointer;box-sizing:border-box}.overlay-prop-select:focus{outline:none;border-color:#d4a843}.overlay-prop-row{display:flex;align-items:center;gap:8px}.overlay-prop-range{flex:1;accent-color:#d4a843;height:4px}.overlay-prop-value{font-size:11px;color:#888;min-width:28px;text-align:right}.overlay-prop-color{width:28px;height:28px;border:1px solid #2a2a2a;border-radius:3px;padding:1px;background:#1a1a1a;cursor:pointer}.overlay-prop-btn-group{display:flex;gap:2px}.overlay-prop-btn-group button{flex:1;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:2px;color:#888;padding:4px 6px;cursor:pointer;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.overlay-prop-btn-group button:hover{background:#2a2a2a;color:#ccc}.overlay-prop-btn-group button.active{background:#2a2a2a;color:#d4a843;border-color:#d4a843}.overlay-prop-toggle{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:2px;color:#888;padding:3px 8px;cursor:pointer;font-size:10px;transition:background .15s ease,color .15s ease}.overlay-prop-toggle.active{color:#666}.overlay-editor-layers{flex:1;display:flex;flex-direction:column;min-height:0}.overlay-layers-header{padding:8px 10px;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#666;border-bottom:1px solid #1a1a1a}.overlay-layers-list{flex:1;overflow-y:auto}.overlay-layer-item{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;border-left:2px solid transparent;transition:background .1s ease}.overlay-layer-item:hover{background:#ffffff08}.overlay-layer-item.selected{background:#d4a84314;border-left-color:#d4a843}.overlay-layer-actions{display:flex;align-items:center;gap:2px;margin-left:auto;opacity:0;transition:opacity .15s ease}.overlay-layer-item:hover .overlay-layer-actions{opacity:1}.overlay-layer-move{background:none;border:none;color:#555;cursor:pointer;padding:2px;display:flex;align-items:center}.overlay-layer-move:hover:not(:disabled){color:#d4a843}.overlay-layer-move:disabled{opacity:.2;cursor:default}.overlay-layer-visibility{background:none;border:none;color:#555;cursor:pointer;padding:2px;display:flex;align-items:center}.overlay-layer-visibility.visible{color:#888}.overlay-layer-visibility:hover{color:#ccc}.overlay-layer-icon{font-size:12px;color:#888;font-weight:700;width:16px;display:flex;align-items:center;justify-content:center}.overlay-layer-name{flex:1;font-size:11px;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-layer-delete{background:none;border:none;color:#555;cursor:pointer;padding:2px;display:flex;align-items:center}.overlay-layer-delete:hover{color:#ef4444}.overlay-close-btn{position:fixed;top:20px;right:20px;background:transparent;border:1px solid #1a1a1a;border-radius:2px;color:#555;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease;z-index:1}.overlay-close-btn:hover{color:#fff;border-color:#333}.model-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000eb;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:overlayFadeIn .18s ease both}.model-selector-overlay.closing{animation:overlayFadeOut .18s ease both}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.model-selector-modal{background-color:transparent;padding:48px 64px;color:#f0f0f0;width:100%;max-width:100%;height:100%;max-height:100vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.model-selector-modal h3{margin-top:0;margin-bottom:40px;font-weight:300;font-size:22px;letter-spacing:-.5px;text-align:center;flex-shrink:0}.model-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1100px;width:100%}.model-selector-cell{padding:36px 34px;cursor:pointer;border-right:1px solid #1e1e1e;border-bottom:1px solid #1e1e1e;transition:background-color .15s ease}.model-selector-cell:nth-child(4n){border-right:none}.model-selector-cell:hover{background-color:#ffffff08}.model-selector-cell.active{background-color:#ffffff14}.model-selector-cell-name{font-size:20px;font-weight:500;color:#fff;margin-bottom:8px}.model-selector-cell-desc{font-size:13px;color:#666;line-height:1.5;margin-bottom:14px}.model-selector-cell-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.model-selector-cell-tag{font-size:11px;color:#555;letter-spacing:.02em}.model-selector-cell-price{font-size:13px;color:#444}.model-selector-modal::-webkit-scrollbar{width:6px}.model-selector-modal::-webkit-scrollbar-track{background:transparent}.model-selector-modal::-webkit-scrollbar-thumb{background-color:#333;border-radius:0}.model-selector-btn{width:100%;background-color:#1f1d1d;border:none;border-radius:6px;color:#fff;padding:5px 10px;margin:4px;font-size:12px;font-weight:400;cursor:pointer;text-align:left;transition:background-color .2s ease}.model-selector-btn:hover{background-color:#333}body:has(.home-page){overflow:auto!important}.home-page{min-height:100vh;background-color:#0a0a0a;color:#fff;overflow-x:hidden}.home-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:24px 48px;mix-blend-mode:difference}.home-nav-brand{font-size:14px;font-weight:500;letter-spacing:.5px;color:#fff}.home-nav-links{display:flex;gap:32px;align-items:center}.nav-link{font-size:13px;font-weight:400;text-decoration:none;color:#888;transition:color .3s ease;letter-spacing:.3px}.nav-link:hover{color:#fff}.nav-link-primary{color:#fff;padding:10px 24px;border:1px solid rgba(255,255,255,.2);border-radius:24px;mix-blend-mode:normal}.nav-link-primary:hover{background:#fff;color:#0a0a0a}.hero-section{min-height:100vh;display:flex;flex-direction:column;position:relative}.hero-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.hero-image-container{position:relative;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover}.hero-image-overlay{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(10,10,10,.3) 100%);pointer-events:none}.hero-content{display:flex;flex-direction:column;justify-content:center;padding:120px 80px;position:relative}.hero-label{font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#666;margin-bottom:40px}.hero-title{font-size:clamp(48px,8vw,96px);font-weight:300;line-height:1;margin:0 0 40px;letter-spacing:-2px}.hero-description{font-size:16px;font-weight:300;line-height:1.8;color:#888;max-width:360px;margin:0 0 48px}.hero-cta{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:400;letter-spacing:1px;color:#fff;text-decoration:none;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease;width:fit-content}.hero-cta:hover{border-color:#fff;gap:20px}.hero-cta svg{transition:transform .3s ease}.hero-cta:hover svg{transform:translate(4px)}.scroll-indicator{position:absolute;bottom:48px;left:48px;display:flex;align-items:center;gap:16px}.scroll-indicator span{font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#666}.scroll-line{width:60px;height:1px;background:linear-gradient(90deg,#666 0%,transparent 100%)}.editor-section{padding:160px 48px;border-top:1px solid #1a1a1a}.editor-showcase{display:grid;grid-template-columns:2fr 1fr;gap:48px;margin-top:80px}.editor-image-main{overflow:hidden;border:1px solid #1a1a1a}.editor-image-main img{width:100%;height:auto;display:block}.editor-description{display:flex;flex-direction:column;justify-content:center;gap:32px}.editor-description p{font-size:16px;font-weight:300;line-height:1.8;color:#888;margin:0}.editor-balance-preview{display:flex;align-items:center;gap:16px;padding:20px;background:#111;border:1px solid #1a1a1a}.editor-balance-preview img{height:32px;width:auto}.editor-balance-preview span{font-size:12px;color:#666;letter-spacing:.5px}.gallery-section{padding:160px 48px;border-top:1px solid #1a1a1a}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1a1a1a;margin-top:80px}.gallery-item{position:relative;aspect-ratio:1;overflow:hidden;background:#0a0a0a}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.03)}.section-header{display:flex;align-items:baseline;gap:24px;margin-bottom:0}.section-number{font-size:12px;color:#444;font-weight:400}.section-title{font-size:14px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#888;margin:0}.models-section{padding:160px 48px;border-top:1px solid #1a1a1a}.models-grid-section{margin-top:48px}.models-grid-label{font-size:12px;font-weight:400;color:#444;letter-spacing:2px;text-transform:uppercase;margin-bottom:0}.models-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px}.models-description{font-size:15px;font-weight:300;color:#666;margin:32px 0 0;line-height:1.6}.models-description a{color:#888;text-decoration:underline;text-underline-offset:3px;transition:color .3s ease}.models-description a:hover{color:#fff}.model-item{padding:36px 34px;display:flex;flex-direction:column;gap:8px;border-right:1px solid #1e1e1e;border-bottom:1px solid #1e1e1e;transition:background .15s ease}.model-item:nth-child(4n){border-right:none}.model-item:hover{background:#ffffff08}.model-name{font-size:20px;font-weight:500;color:#fff;margin-bottom:4px}.model-desc{font-size:13px;color:#666;line-height:1.5}.model-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.model-tag{font-size:11px;color:#555;letter-spacing:.02em}.model-price{font-size:13px;color:#444;margin-top:4px}.features-section{padding:0 0 160px}.features-grid{display:flex;flex-direction:column}.feature-block{display:grid;grid-template-columns:1fr 1fr;min-height:80vh;border-top:1px solid #1a1a1a}.feature-block.stacked{grid-template-columns:1fr;text-align:center;min-height:auto;padding:80px 48px}.feature-block.stacked .feature-image{max-width:1200px;margin:0 auto}.feature-block.stacked .feature-content{align-items:center;padding:48px 0 0}.feature-block.stacked .feature-text{max-width:500px}.feature-block.reverse{direction:rtl}.feature-block.reverse>*{direction:ltr}.feature-image{position:relative;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.feature-image.contain img{object-fit:contain}.feature-block:hover .feature-image:not(.contain) img{transform:scale(1.02)}.feature-content{display:flex;flex-direction:column;justify-content:center;padding:80px}.feature-number{font-size:11px;color:#444;letter-spacing:2px;margin-bottom:32px}.feature-title{font-size:32px;font-weight:300;margin:0 0 24px;letter-spacing:-.5px}.feature-text{font-size:15px;font-weight:300;line-height:1.8;color:#777;max-width:400px;margin:0}.pricing-section{padding:160px 48px;border-top:1px solid #1a1a1a}.pricing-content{display:grid;grid-template-columns:2fr 1fr;gap:80px;max-width:1000px;margin-top:80px}.pricing-main{display:flex;flex-direction:column;gap:48px}.pricing-free{display:flex;flex-direction:column;gap:8px}.pricing-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#666}.pricing-amount{display:flex;align-items:baseline;gap:4px}.pricing-amount .currency{font-size:24px;font-weight:300;color:#666}.pricing-amount .amount{font-size:80px;font-weight:200;line-height:1;letter-spacing:-4px}.pricing-note{font-size:14px;color:#555;margin:0}.pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.pricing-features li{font-size:14px;font-weight:300;color:#888;padding-left:20px;position:relative}.pricing-features li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:1px;background:#444}.pricing-cta{display:inline-flex;align-items:center;justify-content:center;padding:18px 40px;background:#fff;color:#0a0a0a;font-size:13px;font-weight:500;letter-spacing:1px;text-decoration:none;border-radius:2px;transition:all .3s ease;width:fit-content}.pricing-cta:hover{background:#e0e0e0}.pricing-premium{display:flex;flex-direction:column;gap:16px;padding:48px;background:#111;border-radius:2px;height:fit-content}.premium-badge{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#666;padding:6px 12px;background:#1a1a1a;width:fit-content;border-radius:2px}.premium-title{font-size:24px;font-weight:300}.premium-price{font-size:16px;color:#666}.premium-note{font-size:12px;color:#4a4;margin:0;line-height:1.5}.cta-section{padding:200px 48px;border-top:1px solid #1a1a1a;text-align:center}.cta-content{display:flex;flex-direction:column;align-items:center;gap:48px}.cta-title{font-size:clamp(48px,10vw,120px);font-weight:200;margin:0;letter-spacing:-3px}.cta-button{display:inline-flex;align-items:center;gap:16px;padding:20px 48px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;font-weight:400;letter-spacing:1px;text-decoration:none;border-radius:40px;transition:all .3s ease}.cta-button:hover{background:#fff;color:#0a0a0a}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translate(4px)}.home-footer{padding:48px;border-top:1px solid #1a1a1a}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.footer-brand{font-size:13px;font-weight:400;color:#666}.footer-links a{font-size:12px;color:#555;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-note{font-size:11px;color:#333;margin:0}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr}.hero-image-container{height:50vh}.hero-content{padding:80px 48px}.editor-showcase{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item.large{grid-column:span 1;aspect-ratio:1}.models-list{grid-template-columns:repeat(2,1fr)}.models-list .model-item:nth-child(4n){border-right:1px solid #1e1e1e}.models-list .model-item:nth-child(2n){border-right:none}.feature-block,.feature-block.reverse{grid-template-columns:1fr;direction:ltr}.feature-image{height:50vh}.pricing-content{grid-template-columns:1fr}}@media(max-width:768px){.home-nav{padding:20px 24px}.home-nav-links{gap:16px}.hero-content{padding:60px 24px}.hero-title{font-size:48px}.scroll-indicator{left:24px;bottom:24px}.editor-section,.gallery-section,.models-section,.pricing-section{padding:80px 24px}.gallery-grid,.models-list{grid-template-columns:1fr}.models-list .model-item:nth-child(2n),.models-list .model-item:nth-child(4n){border-right:none}.feature-content{padding:48px 24px}.cta-section{padding:120px 24px}.home-footer{padding:32px 24px}.footer-content{flex-direction:column;gap:16px;text-align:center}}.dashboard-page{min-height:100vh;background-color:#0a0a0a;color:#fff;padding:48px 48px 80px;overflow-y:auto;height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;max-width:1200px;margin-left:auto;margin-right:auto}.dashboard-title{font-size:14px;font-weight:400;letter-spacing:.5px;color:#fff}.user-info{display:flex;align-items:center;gap:16px}.user-balance{color:#4ade80;font-size:13px;font-weight:400;letter-spacing:.5px;text-decoration:none}.user-name{color:#666;font-size:13px;font-weight:400}.user-email{color:#666;font-size:13px}.dashboard-admin-btn,.dashboard-logout-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #1a1a1a;color:#555;padding:10px;border-radius:2px;cursor:pointer;transition:all .3s ease}.dashboard-admin-btn:hover,.dashboard-logout-btn:hover{border-color:#333;color:#fff}.dashboard-logout-btn:hover{border-color:#dc26264d;color:#ef4444}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 32px;padding:16px 0;border-bottom:1px solid #1a1a1a}.toolbar-left{display:flex;align-items:center;gap:16px}.back-btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:#555;padding:0;border-radius:8px;cursor:pointer;transition:all .2s}.back-btn-icon:hover{background-color:#1a1a1a;color:#fff}.current-location{font-size:14px;font-weight:500;color:#888}.toolbar-right{display:flex;align-items:center;gap:12px}.view-toggle{display:flex;background:transparent;border:1px solid #1a1a1a;border-radius:2px;overflow:hidden}.view-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:transparent;border:none;color:#444;cursor:pointer;transition:all .3s ease}.view-btn:hover{color:#888}.view-btn.active{color:#fff;background:#1a1a1a}.dashboard-actions{display:flex;gap:12px;max-width:1200px;margin:0 auto 24px}.action-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #222;color:#666;padding:8px 18px;border-radius:2px;cursor:pointer;font-size:12px;letter-spacing:.5px;transition:all .3s ease}.action-btn:hover{border-color:#444;color:#fff}.projects-container{max-width:1200px;margin:0 auto}.projects-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;background:transparent}.projects-container.list{display:flex;flex-direction:column;gap:1px;background:transparent}.project-card{background-color:#101010;border:1px solid #1a1a1a;padding:24px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;height:320px;position:relative;overflow:hidden}.project-card:hover{background:#181818}.project-name{font-size:16px;font-weight:300;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;letter-spacing:-.3px}.project-date{font-size:11px;color:#444;letter-spacing:.5px}.project-preview-container{flex:1;display:flex;align-items:center;justify-content:center;margin-top:16px;background:#111;overflow:hidden;min-height:0}.project-preview-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-preview-image{transform:scale(1.03)}.collage-grid{width:100%;height:100%;display:grid;gap:2px;overflow:hidden}.collage-grid.collage-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.collage-grid.collage-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.collage-grid.collage-3>img:first-child{grid-row:1 / -1}.collage-grid.collage-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.collage-image{width:100%;height:100%;min-height:0;object-fit:cover;transition:transform .5s ease}.project-card:hover .collage-image{transform:scale(1.03)}.project-preview-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#222}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid #1a1a1a}.dashboard-header-actions{display:flex;align-items:center;gap:16px}.new-project-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.new-project-modal{background-color:#0a0a0a;border:1px solid #1a1a1a;border-radius:2px;padding:48px;width:100%;max-width:400px}.modal-title{font-size:24px;font-weight:300;margin-bottom:32px;color:#fff;letter-spacing:-.5px}.modal-input{width:100%;padding:16px 0;background-color:transparent;border:none;border-bottom:1px solid #222;border-radius:0;color:#fff;font-size:15px;font-weight:300;margin-bottom:32px;outline:none;transition:border-color .3s ease}.modal-input::placeholder{color:#444}.modal-input:focus{border-color:#555}.modal-actions{display:flex;justify-content:flex-end;gap:16px}.modal-btn{padding:14px 28px;border-radius:2px;font-weight:400;font-size:13px;letter-spacing:.5px;cursor:pointer;border:none;transition:all .3s ease}.cancel-btn{background-color:transparent;color:#555}.cancel-btn:hover{color:#fff}.create-btn{background-color:#fff;color:#0a0a0a}.create-btn:hover{background-color:#e0e0e0}.create-btn:disabled{opacity:.5;cursor:not-allowed}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;min-height:28px;flex-shrink:0}.project-name-input{background:transparent;border:none;border-bottom:1px solid #333;color:#fff;font-size:16px;font-weight:300;padding:4px 0;width:100%;max-width:200px;outline:none}.project-name-input:focus{border-color:#555}.project-actions{position:relative;display:flex;align-items:center;gap:4px}.delete-btn{background:transparent;border:none;color:#333;font-size:18px;line-height:1;cursor:pointer;padding:4px;opacity:0;transition:all .3s ease}.project-card:hover .delete-btn,.list-item:hover .delete-btn{opacity:1}.delete-btn:hover{color:#ef4444}.delete-confirm{position:absolute;top:0;right:0;background:#111;border:1px solid #1a1a1a;border-radius:2px;padding:10px;display:flex;align-items:center;gap:8px;z-index:10;white-space:nowrap}.delete-confirm span{font-size:11px;color:#888;letter-spacing:.5px}.confirm-yes,.confirm-no{padding:4px 12px;border-radius:2px;font-size:11px;cursor:pointer;border:none;letter-spacing:.5px}.confirm-yes{background-color:#ef4444;color:#fff}.confirm-yes:hover{background-color:#dc2626}.confirm-no{background-color:#222;color:#fff}.confirm-no:hover{background-color:#333}.list-item{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#0a0a0a;cursor:pointer;transition:all .3s ease}.list-item:hover{background:#111}.list-item-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#111;color:#444;flex-shrink:0;overflow:hidden}.list-item-icon.has-preview{background:#111}.list-item-preview{width:100%;height:100%;object-fit:cover}.list-item-icon.folder-icon{background:#111;color:#666}.list-item-info{flex:1;min-width:0}.list-item-name{display:block;font-size:15px;font-weight:300;color:#fff;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-name:hover{color:#888}.list-item-meta{display:block;font-size:11px;color:#444;margin-top:4px;letter-spacing:.5px}.list-item-actions{display:flex;align-items:center;gap:12px;opacity:0;transition:opacity .3s ease}.list-item:hover .list-item-actions{opacity:1}.list-name-input{background:transparent;border:none;border-bottom:1px solid #333;color:#fff;font-size:15px;font-weight:300;padding:4px 0;width:100%;outline:none}.delete-confirm-inline{display:flex;align-items:center;gap:8px;font-size:11px;color:#888}.folder-card{border:1px solid #1a1a1a}.folder-card:hover{border-color:#333}.folder-icon-large{flex:1;display:flex;align-items:center;justify-content:center}.move-menu-container{position:relative}.move-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#444;padding:6px;cursor:pointer;transition:all .3s ease}.move-btn:hover{color:#fff}.move-menu{position:absolute;top:100%;right:0;background:#111;border:1px solid #1a1a1a;min-width:150px;max-height:200px;overflow-y:auto;z-index:100}.move-menu-item{padding:12px 16px;font-size:12px;color:#888;cursor:pointer;transition:all .2s;border-bottom:1px solid #1a1a1a;letter-spacing:.5px}.move-menu-item:last-child{border-bottom:none}.move-menu-item:hover{background:#1a1a1a;color:#fff}.move-menu-item.current{color:#fff}.move-menu-item.current:after{content:" ✓"}@media(max-width:768px){.dashboard-page{padding:24px}.dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.projects-container.grid{grid-template-columns:1fr}}.context-menu{position:fixed;z-index:1000;min-width:180px;background-color:#111;border:1px solid #1a1a1a;border-radius:2px;padding:4px 0;box-shadow:0 4px 20px #00000080}.context-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 16px;background:none;border:none;color:#ccc;font-size:12px;font-weight:400;letter-spacing:.3px;cursor:pointer;transition:background-color .15s ease,color .15s ease;text-align:left}.context-menu-item:hover:not(.disabled){background-color:#1a1a1a;color:#fff}.context-menu-item.disabled{color:#444;cursor:default}.context-menu-label{flex:1}.context-menu-shortcut{margin-left:24px;color:#555;font-size:11px;white-space:nowrap}.editor-page{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#0c0c0c;color:#fff}.editor-header{height:48px;border-bottom:1px solid #1a1a1a;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background-color:#111;z-index:10}.editor-header-left{display:flex;align-items:center;gap:8px}.back-btn{background:transparent;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;transition:all .2s}.back-btn:hover{background-color:#222;color:#fff}.project-title-wrapper{display:flex;align-items:center}.project-title{font-size:14px;font-weight:500;color:#888;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.project-title:hover{background-color:#1a1a1a;color:#ccc}.project-title-input{font-size:14px;font-weight:500;color:#fff;background:#1a1a1a;border:1px solid #333;padding:4px 8px;border-radius:6px;outline:none;width:200px}.project-title-input:focus{border-color:#555}.editor-header-right{display:flex;align-items:center;gap:4px}.header-btn{background:transparent;border:none;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;transition:all .2s}.header-btn:hover{background-color:#222;color:#fff}.header-btn.active{color:#fff}.divider{width:1px;height:20px;background-color:#222;margin:0 6px}.toolbar-center{position:absolute;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:8px}.lasso-selector{display:flex;background:#1a1a1a;border-radius:16px;padding:4px;border:1px solid #222}.aspect-ratio-selector{display:flex;align-items:center;background:#1a1a1a;border-radius:16px;padding:4px 8px;border:1px solid #222}.aspect-ratio-label{font-size:12px;color:#666;margin-right:4px;-webkit-user-select:none;user-select:none}.aspect-ratio-selector select{background:transparent;color:#ccc;border:none;font-size:12px;cursor:pointer;outline:none;padding:2px 4px}.aspect-ratio-selector select option{background:#1a1a1a;color:#ccc}.lasso-selector label{padding:4px 12px;cursor:pointer;border-radius:12px;font-size:12px;color:#666;transition:all .2s;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.lasso-selector label:has(input:checked){background-color:#282828;color:#ccc;border-radius:12px}.lasso-selector input{display:none}.balance-display{font-size:12px;color:#888;background:transparent;padding:4px 12px;border-radius:8px;border:none;display:flex;align-items:center}.balance-error{color:#ef4444}.balance-display strong{font-weight:700;margin-left:5px}.node-price{font-size:12px;color:#8a8a8a;margin-top:8px}.price-spinner{display:inline-block;width:12px;height:12px;border:2px solid #555;border-top-color:#aaa;border-radius:50%;animation:price-spin .8s linear infinite;vertical-align:middle}@keyframes price-spin{to{transform:rotate(360deg)}}.preview-window{position:fixed;z-index:100;background-color:#181818;border:20px solid #1f1f1f;border-radius:12px;display:flex;flex-direction:column;min-width:200px;min-height:150px;padding:10px;background-clip:padding-box;cursor:move}.preview-window-content{flex-grow:1;position:relative;overflow:hidden;border-radius:11px;cursor:default}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#1e1e1e;border-radius:8px;width:800px;max-width:90%;max-height:80vh;display:flex;flex-direction:column;border:1px solid #333}.modal-header{padding:15px 20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#fff}.close-btn{background:none;border:none;color:#aaa;font-size:24px;cursor:pointer}.close-btn:hover{color:#fff}.image-node{position:relative;width:100%;height:100%;border:2px solid #222222;border-radius:4px;display:flex;flex-direction:column}.image-node-inner{width:100%;flex:1;min-height:0;position:relative;border-radius:2px 2px 0 0;overflow:hidden}.image-node-inner.is-new{box-shadow:none}.image-node-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:2px 2px 0 0}.image-node-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#111;z-index:1;border-radius:4px}.image-node-actions{position:absolute;top:10px;right:10px;z-index:15;display:flex;gap:5px;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.node-dim-actions{position:absolute;top:10px;left:10px;z-index:15;display:flex;flex-direction:column;gap:5px;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.react-flow__node.selected .generator-node,.react-flow__node.selected .image-node{border:2px solid #e8b200}.image-node.unconnected,.video-result-node.unconnected,.image-node.dimmed,.video-result-node.dimmed{opacity:.3;transition:opacity .2s ease}.image-node.unconnected:not(.dimmed):hover,.react-flow__node.selected .image-node.unconnected:not(.dimmed),.video-result-node.unconnected:not(.dimmed):hover,.react-flow__node.selected .video-result-node.unconnected:not(.dimmed){opacity:1}.image-node-metadata-bar{background:#1a1a1a;padding:6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;color:#cdb56c;font-weight:500;border-radius:0 0 2px 2px;border-top:1px solid #333}.image-node-metadata-bar .metadata-row{display:flex;align-items:center;gap:4px}.image-node-metadata-bar .metadata-model{font-weight:600}.image-node-metadata-bar .metadata-separator{color:#555;margin:0 2px}.image-node-metadata-bar .metadata-resolution,.image-node-metadata-bar .metadata-size{color:#888}.settings-page{min-height:100vh;background-color:#0a0a0a;color:#fff}.settings-header{display:flex;align-items:center;gap:24px;padding:32px 48px;border-bottom:1px solid #1a1a1a}.settings-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid #1a1a1a;border-radius:2px;color:#555;cursor:pointer;transition:all .3s ease}.settings-back-btn:hover{border-color:#333;color:#fff}.settings-title{font-size:14px;font-weight:400;letter-spacing:.5px;color:#fff;margin:0}.settings-content{max-width:1200px;margin:0 auto;padding:48px}.settings-section{margin-bottom:64px}.section-title{font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#555;margin-bottom:8px}.section-description{color:#666;font-size:14px;font-weight:300;line-height:1.6;margin-bottom:32px}.scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1px;background:#1a1a1a}.script-card{background:#0a0a0a;padding:32px;display:flex;flex-direction:column;gap:20px;transition:all .3s ease}.script-card:hover{background:#111}.script-icon{font-size:28px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#111;border:1px solid #1a1a1a}.script-info{flex:1}.script-name{font-size:18px;font-weight:300;color:#fff;margin:0 0 8px;letter-spacing:-.3px}.script-description{font-size:13px;color:#555;margin:0;line-height:1.6;font-weight:300}.script-run-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;background:#fff;border:none;border-radius:2px;color:#0a0a0a;font-size:12px;font-weight:400;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.script-run-btn:hover:not(:disabled){background:#e0e0e0}.script-run-btn:disabled{opacity:.5;cursor:not-allowed}.script-run-btn.running{background:#222;color:#888}.spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:#0a0a0a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.script-result{display:flex;flex-direction:column;gap:10px;padding:20px;font-size:13px;border:1px solid #1a1a1a}.script-result.success{border-color:#4ade804d}.script-result.error{border-color:#ef44444d}.result-status{font-size:12px;font-weight:400;letter-spacing:1px;text-transform:uppercase}.script-result.success .result-status{color:#4ade80}.script-result.error .result-status{color:#ef4444}.result-message{color:#888;font-weight:300}.result-data{background:#111;padding:16px;font-family:Monaco,Menlo,monospace;font-size:11px;color:#666;overflow-x:auto;max-height:200px;margin:0}.quick-links{display:flex;gap:1px;background:#1a1a1a;flex-wrap:wrap}.quick-link{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#0a0a0a;color:#888;text-decoration:none;font-size:13px;font-weight:300;transition:all .3s ease}.quick-link:hover{background:#111;color:#fff}.link-icon{font-size:11px;padding:6px 10px;background:#111;border:1px solid #1a1a1a;font-family:Monaco,Menlo,monospace;color:#555}.text-link{color:#888;text-decoration:none;transition:color .3s ease}.text-link:hover{color:#fff}.balance-card{display:flex;align-items:center;gap:24px;padding:32px;background:#111;border:1px solid #1a1a1a;margin-bottom:32px}.balance-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#555}.balance-value{flex:1}.balance-amount{font-size:36px;font-weight:200;color:#4ade80;letter-spacing:-1px}.balance-loading{font-size:14px;color:#444}.balance-error{font-size:13px;color:#ef4444}.balance-na{font-size:14px;color:#444}.balance-refresh-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid #1a1a1a;border-radius:2px;color:#555;cursor:pointer;transition:all .3s ease}.balance-refresh-btn:hover{border-color:#333;color:#fff}.api-key-form{display:flex;flex-direction:column;gap:20px}.api-key-status{font-size:12px;letter-spacing:.5px}.status-configured{color:#4ade80;display:flex;align-items:center;gap:10px}.status-configured:before{content:"";width:6px;height:6px;background:#4ade80;border-radius:50%}.status-not-configured{color:#555;display:flex;align-items:center;gap:10px}.status-not-configured:before{content:"";width:6px;height:6px;background:#333;border-radius:50%}.api-key-input-group{display:flex;gap:16px}.api-key-input{flex:1;padding:16px 0;background:transparent;border:none;border-bottom:1px solid #222;color:#fff;font-size:14px;font-family:Monaco,Menlo,monospace;transition:border-color .3s ease}.api-key-input::placeholder{color:#444;font-family:inherit}.api-key-input:focus{outline:none;border-color:#555}.api-key-input:disabled{opacity:.5;cursor:not-allowed}.api-key-save-btn{padding:16px 32px;background:#fff;border:none;border-radius:2px;color:#0a0a0a;font-size:12px;font-weight:400;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.api-key-save-btn:hover:not(:disabled){background:#e0e0e0}.api-key-save-btn:disabled{opacity:.5;cursor:not-allowed}.api-key-clear-btn{padding:16px 24px;background:transparent;border:1px solid rgba(239,68,68,.2);border-radius:2px;color:#ef4444;font-size:12px;font-weight:400;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.api-key-clear-btn:hover:not(:disabled){border-color:#ef444466;background:#ef44440d}.api-key-clear-btn:disabled{opacity:.5;cursor:not-allowed}.api-key-message{padding:16px 20px;font-size:13px;font-weight:300;border:1px solid #1a1a1a}.api-key-message.success{border-color:#4ade804d;color:#4ade80}.api-key-message.error{border-color:#ef44444d;color:#ef4444}@media(max-width:768px){.settings-header{padding:24px}.settings-content{padding:32px 24px}.scripts-grid{grid-template-columns:1fr}.api-key-input-group{flex-direction:column}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0a0a0a;padding:48px;position:relative}.auth-back{position:absolute;top:32px;left:32px;display:flex;align-items:center;gap:8px;color:#555;text-decoration:none;font-size:13px;font-weight:400;letter-spacing:.5px;transition:color .3s ease}.auth-back:hover{color:#fff}.auth-back svg{transition:transform .3s ease}.auth-back:hover svg{transform:translate(-4px)}.auth-brand{position:absolute;bottom:32px;left:32px;font-size:12px;font-weight:400;color:#333;letter-spacing:1px}.auth-container{width:100%;max-width:380px}.auth-header{margin-bottom:48px}.auth-label{display:block;font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#555;margin-bottom:16px}.auth-title{font-size:36px;font-weight:300;color:#fff;margin:0;letter-spacing:-1px}.auth-form{display:flex;flex-direction:column;gap:24px}.auth-error{background:#dc26261a;border:1px solid rgba(220,38,38,.2);color:#ef4444;padding:14px 18px;border-radius:2px;font-size:13px;font-weight:400}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:11px;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:#666}.form-group input{padding:16px 0;background:transparent;border:none;border-bottom:1px solid #222;border-radius:0;color:#fff;font-size:15px;font-weight:300;transition:border-color .3s ease}.form-group input::placeholder{color:#444}.form-group input:focus{outline:none;border-color:#555}.auth-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 32px;border-radius:2px;font-size:13px;font-weight:400;letter-spacing:1px;cursor:pointer;transition:all .3s ease;border:none;margin-top:8px}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn.primary{background:#fff;color:#0a0a0a}.auth-btn.primary:hover:not(:disabled){background:#e0e0e0}.auth-btn.primary svg{transition:transform .3s ease}.auth-btn.primary:hover:not(:disabled) svg{transform:translate(4px)}.auth-btn.google{background:transparent;color:#888;border:1px solid #222}.auth-btn.google:hover:not(:disabled){border-color:#444;color:#fff}.auth-divider{display:flex;align-items:center;gap:24px;margin:32px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#1a1a1a}.auth-divider span{color:#444;font-size:11px;text-transform:uppercase;letter-spacing:2px}.auth-footer{text-align:center;margin-top:40px;color:#555;font-size:13px;font-weight:300}.auth-footer a{color:#fff;text-decoration:none;font-weight:400;transition:opacity .3s ease}.auth-footer a:hover{opacity:.7}@media(max-width:768px){.auth-page{padding:24px}.auth-back{top:20px;left:20px}.auth-brand{bottom:20px;left:20px}.auth-title{font-size:28px}.auth-header{margin-bottom:32px}}