:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg-deep: #050510;--bg-gradient: radial-gradient(circle at 15% 50%, rgba(76, 29, 149, .15), transparent 25%), radial-gradient(circle at 85% 30%, rgba(6, 182, 212, .15), transparent 25%);--neon-primary: #06b6d4;--neon-secondary: #8b5cf6;--neon-glow: 0 0 10px rgba(6, 182, 212, .5), 0 0 20px rgba(6, 182, 212, .3);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .12);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--backdrop-blur: blur(12px);--text-main: rgba(255, 255, 255, .95);--text-muted: rgba(255, 255, 255, .6);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;color:var(--text-main);background-color:var(--bg-deep);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-deep);background-image:var(--bg-gradient);background-attachment:fixed}h1,h2,h3,h4,h5{font-weight:600;color:#fff}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.storyboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:2px;padding:0;background:transparent}.storyboard-cell{position:relative;width:100%;height:100%;overflow:hidden;cursor:pointer;transition:box-shadow .2s,border-color .2s,opacity .2s;border:1px solid transparent;border-radius:0}.storyboard-grid:hover .storyboard-cell{opacity:.6}.storyboard-grid:hover .storyboard-cell:hover{z-index:10;opacity:1}.storyboard-cell img{width:100%;height:100%;object-fit:cover}.storyboard-grid-mini{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:2px}.storyboard-grid-mini img{width:100%;height:100%;object-fit:cover;cursor:pointer;border-radius:2px;transition:opacity .2s}.storyboard-grid-mini:hover img{opacity:.6}.storyboard-grid-mini:hover img:hover{opacity:1}.toggle-row{display:flex;gap:1.5rem;margin-bottom:1rem;align-items:center}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;color:#ffffff80;-webkit-user-select:none;user-select:none;transition:color .2s}.toggle-label:hover{color:#fffc}.toggle-input:checked~span{color:#fff}.toggle-input{display:none}.switch{position:relative;width:40px;height:22px;background:#ffffff1a;border-radius:99px;transition:all .3s ease;border:1px solid var(--glass-border)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff9;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.toggle-input:checked+.switch{background:#06b6d44d;border-color:var(--neon-primary)}.toggle-input:checked+.switch:after{transform:translate(18px);background:var(--neon-primary);box-shadow:0 0 10px #06b6d480}.sizes.compact{gap:2px}.sizes.compact .chip{padding:.25rem .8rem;font-size:.85rem}.page{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:relative;text-align:left}.header-left h1{font-size:2.5rem;margin:0 0 .5rem;background:linear-gradient(135deg,#fff 30%,var(--neon-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 30px rgba(6,182,212,.2);letter-spacing:-.02em}.header-right{display:flex;align-items:center;gap:1.5rem}.header h1{font-size:2.5rem;margin:0 0 .5rem;background:linear-gradient(135deg,#fff 30%,var(--neon-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 30px rgba(6,182,212,.2);letter-spacing:-.02em}.muted{color:var(--text-muted);font-size:1rem;font-weight:300}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.app-grid{display:grid;gap:2rem}@media(min-width:1024px){.app-grid{grid-template-columns:380px 1fr;align-items:start}.sidebar{position:sticky;top:2rem}}.panel{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--neon-primary);margin-bottom:.5rem;font-weight:600;opacity:.9}.prompt{width:100%;box-sizing:border-box;resize:vertical;background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1rem;color:var(--text-main);font-size:.95rem;line-height:1.6;min-height:120px;transition:all .3s ease}.prompt:focus{outline:none;border-color:var(--neon-primary);box-shadow:0 0 15px #06b6d41a;background:#0000004d}.row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.sizes{display:flex;align-items:center;gap:.5rem;background:#0003;padding:4px;border-radius:999px;border:1px solid var(--glass-border)}.chip{padding:.4rem 1rem;border-radius:999px;cursor:pointer;font-size:.9rem;transition:all .3s;color:var(--text-muted);white-space:nowrap}.chip.active{background:var(--glass-highlight);color:#fff;font-weight:500;box-shadow:0 2px 8px #0003}.chip input{display:none}.primary{width:100%;padding:1rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--neon-primary),#2563eb);color:#fff;font-weight:600;font-size:1rem;letter-spacing:.02em;box-shadow:0 4px 20px #06b6d44d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #06b6d466}.primary:active:not(:disabled){transform:translateY(0)}.primary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.lightbox-img{cursor:grab;pointer-events:auto}.lightbox-img:active{cursor:grabbing}.error{color:#ff4d4d;background:#ff4d4d1a;padding:.75rem;border-radius:var(--radius-sm);font-size:.9rem;border-left:3px solid #ff4d4d}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;align-content:start}@media(max-width:1200px){.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.gallery{grid-template-columns:1fr}}.card{position:relative;overflow:hidden;background:#000;border-radius:0;transition:transform .3s ease,z-index 0s}.card.no-round{border-radius:1px}.card{border:1px solid rgba(255,255,255,.1)}.card:hover{z-index:10;border-color:var(--neon-primary);box-shadow:0 0 20px #06b6d433}.thumb-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000;cursor:pointer}.thumb-wrap img,.thumb-wrap video{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}.card-actions-hover{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;gap:8px;pointer-events:none;z-index:20}.action-btn{width:36px;height:36px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;cursor:pointer;pointer-events:auto;transition:all .2s;opacity:0;transform:translateY(-5px)}.card:hover .action-btn{opacity:1;transform:translateY(0)}.action-btn:hover{background:#fff;color:#000}.right-actions{display:flex;gap:8px}.like-btn{color:#fffc}.like-btn:hover{background:#fff3;color:#fff;border-color:#fff}.like-btn.liked{color:#ef4444;border-color:transparent;background:transparent;opacity:1;transform:translateY(0)}.like-btn.liked:hover{background:#0009;border-color:#fff3;color:#ef4444}.badge{position:absolute;bottom:8px;right:8px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 6px;border-radius:4px;font-size:.7rem;color:#ffffffe6;pointer-events:none}.badges-container{position:absolute;bottom:8px;right:8px;display:flex;gap:4px;pointer-events:none}.badges-container .badge{position:static;bottom:auto;right:auto}.badgewarn{background:#00000026;color:#fff}.empty{grid-column:1 / -1;text-align:center;padding:4rem;color:var(--text-muted);font-size:1.1rem;background:#ffffff05;border-radius:var(--radius-lg);border:1px dashed var(--glass-border)}.filter-bar{margin-bottom:1.5rem;display:flex;justify-content:center}.filter-switch{display:flex;background:#0000004d;padding:4px;border-radius:999px;border:1px solid var(--glass-border)}.filter-btn{padding:.5rem 1.5rem;border-radius:999px;color:var(--text-muted);font-size:.9rem;font-weight:500;transition:all .3s}.filter-btn:hover{color:#fff}.filter-btn.active{background:var(--glass-highlight);color:#fff;box-shadow:0 2px 8px #0003}.lightbox-details{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:min(700px,90vw);background:#14141499;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080;border-radius:20px;padding:1.25rem 1.5rem;color:#fff;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;z-index:20}.lightbox-details:hover{background:#1e1e1eb3;box-shadow:0 30px 60px #0009;transform:translate(-50%) translateY(-5px)}.detail-prompt-container{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.75rem}.detail-prompt-text{flex:1;font-size:1rem;line-height:1.5;color:#ffffffe6;max-height:3em;overflow:hidden;mask-image:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);transition:all .4s ease .2s}.detail-prompt-container:hover .detail-prompt-text,.detail-prompt-text.expanded{max-height:300px;overflow-y:auto;mask-image:none;-webkit-mask-image:none;padding-right:.5rem;scrollbar-width:thin;transition:all .4s ease 0s}.copy-btn-mini{background:#ffffff1a;border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;cursor:pointer;transition:all .2s ease .2s;flex-shrink:0;opacity:0;transform:scale(.8)}.copy-btn-mini:hover{background:#fff3;color:#fff}.detail-prompt-container:hover .copy-btn-mini,.detail-prompt-text.expanded~.copy-btn-mini{opacity:1;transform:scale(1);transition:all .2s ease 0s}.detail-refs{display:flex;gap:8px;margin:0;overflow-x:auto;padding-bottom:4px;opacity:0;transform:translateY(10px);transition:all .3s ease;height:0}.lightbox-details:hover .detail-refs{opacity:1;transform:translateY(0);height:auto;margin-bottom:8px}.detail-ref-thumb{width:48px;height:48px;border-radius:6px;overflow:hidden;cursor:pointer;flex-shrink:0;border:1px solid rgba(255,255,255,.1);transition:border-color .2s}.detail-ref-thumb:hover{border-color:#ffffff80}.detail-ref-thumb img{width:100%;height:100%;object-fit:cover}.detail-meta{font-size:.9rem;color:#fff9;display:flex;align-items:center;gap:1rem}.detail-actions{margin-top:.5rem;display:flex;gap:1rem}.detail-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.9rem;text-decoration:none;transition:all .2s}.detail-btn:hover{background:#fff;color:#000}.refs{display:flex;flex-direction:column;gap:.25rem}.refs-actions{display:flex;flex-wrap:wrap;gap:.75rem}.secondary{padding:.6rem 1rem;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-main);transition:all .2s}.secondary:hover{background:#ffffff1a;border-color:var(--text-muted)}.uploader{flex:1;min-width:200px;border:1px dashed var(--glass-border);border-radius:var(--radius-md);padding:.6rem 1rem;position:relative;text-align:center;transition:all .2s}.uploader:hover{border-color:var(--neon-primary);background:#06b6d40d}.uploader input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.hint{font-size:.85rem;color:var(--text-muted)}.previews{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:0;justify-content:center}.preview{width:60px;height:60px;position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--glass-border)}.preview img{width:100%;height:100%;object-fit:cover}.preview .close{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#0009;color:#fff;border-radius:50%;border:none;padding:0;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:1;cursor:pointer;transition:background .2s}.preview .close:hover{background:red}.add-ref-btn{width:60px;height:60px;border-radius:8px;border:1px dashed var(--glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s;background:#ffffff05}.add-ref-btn:hover{border-color:var(--neon-primary);color:var(--neon-primary);background:#06b6d41a}.options-col{display:flex;flex-direction:column;gap:6px;align-items:center}.options-hint{font-size:.7rem;color:var(--neon-primary);text-transform:uppercase;letter-spacing:.1em;font-weight:600;opacity:.8;margin-left:0}.lightbox-backdrop{position:fixed;inset:0;z-index:10000;background:#050510f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;overflow:hidden}.lightbox-stage{position:absolute;inset:0;cursor:default;z-index:1}.lightbox-close{position:absolute;top:2rem;right:2rem;width:56px;height:56px;background:#ffffff1a;border:1px solid var(--glass-border);border-radius:50%;font-size:2rem;z-index:10005;transition:.2s;cursor:pointer;display:grid;place-items:center;padding:0;line-height:normal;color:#fff;opacity:.8}.lightbox-close:hover{background:#fff3;transform:rotate(90deg) scale(1.1);opacity:1;border-color:var(--neon-primary)}.modal-backdrop{position:fixed;inset:0;z-index:9999;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.modal{background:#0b0b15;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);width:min(900px,96vw);max-height:86vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;position:relative}.audio-upload{border:1px dashed var(--glass-border);border-radius:var(--radius-md);padding:.75rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);cursor:pointer;transition:all .2s;background:#ffffff05;min-height:60px}.audio-upload:hover,.audio-upload.drag-active{border-color:var(--neon-primary);background:#06b6d40d;color:var(--text-main)}.audio-upload.error{border-color:#ef4444;color:#ef4444}.audio-upload .placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem}.audio-upload .sub{font-size:.8rem;opacity:.7}.audio-player-custom{width:100%;display:flex;align-items:center;gap:1rem}.play-btn{width:32px;height:32px;border-radius:50%;background:var(--neon-primary);border:none;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer;transition:all .2s;flex-shrink:0}.play-btn:hover{transform:scale(1.1);box-shadow:0 0 10px #06b6d466}.track-info{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden;text-align:left}.track-name{font-size:.85rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.progress-bg{flex:1;height:4px;background:#ffffff1a;border-radius:2px;position:relative;overflow:hidden}.progress-fill{height:100%;background:var(--neon-primary);border-radius:2px;width:0%;transition:width .1s linear}.clear-mini-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:0 .5rem;transition:color .2s}.clear-mini-btn:hover{color:#ef4444}.frame-slot.aspect-16-9{width:240px!important;height:135px!important}.modal-close-corner{position:absolute;top:-15px;right:-15px;width:40px;height:40px;background:var(--glass-highlight);border:1px solid var(--neon-primary);border-radius:50%;color:#fff;font-size:1.5rem;line-height:normal;display:grid;place-items:center;padding:0;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 10px #00000080;transition:all .2s}.modal-close-corner:hover{background:var(--neon-primary);color:#000;transform:scale(1.1)}.modal-header{border-bottom:1px solid var(--glass-border);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.draw-action{display:flex;align-items:center;gap:.5rem;color:var(--neon-primary);opacity:.8;transition:opacity .2s}.draw-action:hover{opacity:1}.tabs{display:flex;gap:1.5rem}.tab{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;padding:.5rem .2rem;color:var(--text-muted)}.tab.active{color:var(--neon-primary);border-bottom-color:var(--neon-primary)}.modal-body{padding:1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:1rem}.grid-item{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1/1;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;overflow:hidden;transition:.2s;cursor:pointer;padding:0}.grid-item img{width:100%;height:100%;object-fit:cover;display:block}.grid-item:hover{border-color:var(--neon-primary);box-shadow:0 0 15px #06b6d433}.spinner{width:40px;height:40px;border:4px solid rgba(6,182,212,.1);border-top-color:var(--neon-primary);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 10px #06b6d433}@keyframes spin{to{transform:rotate(360deg)}}.thumb-fallback{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d}.thumb-fallback.failed{flex-direction:column;background:#14000099}.preview-video{width:100%;height:100%;object-fit:cover;display:block}.video-thumb{cursor:pointer}.video-trigger{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s;background:#0003}.video-thumb:hover .video-trigger{opacity:0;pointer-events:none}.video-thumb:hover .video-trigger{opacity:0}.play-icon{font-size:3rem;color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.video-frames-ui{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.frame-slot{flex:1;aspect-ratio:16/9;background:#0003;border:1px dashed var(--glass-border);border-radius:var(--radius-md);position:relative;cursor:pointer;overflow:hidden;transition:all .2s}.frame-slot:hover{border-color:var(--neon-primary);background:#06b6d40d}.slot-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;font-weight:500;pointer-events:none}.slot-img{width:100%;height:100%;object-fit:cover;display:block}.slot-clear{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;padding:0;display:grid;place-items:center;cursor:pointer;font-size:14px;line-height:normal;z-index:5}.slot-clear:hover{background:red}.swap-btn{background:transparent;color:var(--text-muted);border:1px solid var(--glass-border);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;transform:rotate(90deg)}.audio-placeholder-icon{width:48px;height:48px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;color:#ffffffe6}.audio-upload:hover .audio-placeholder-icon{background:#06b6d426;color:var(--neon-primary);box-shadow:0 0 15px #06b6d433}.swap-btn:hover{color:var(--neon-primary);border-color:var(--neon-primary);background:#06b6d41a;transform:rotate(270deg)}.sidebar-menu{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.menu-tabs{display:flex;gap:.5rem;padding:4px;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.menu-tab{flex:1;text-align:center;padding:.6rem .5rem;cursor:pointer;color:var(--text-muted);font-size:.85rem;font-weight:500;border-radius:var(--radius-sm);transition:all .2s;background:transparent;border:none;text-transform:uppercase;letter-spacing:.05em}.menu-tab:hover{color:var(--text-main);background:#ffffff0d}.menu-tab.active{background:var(--glass-highlight);color:#fff;box-shadow:0 2px 8px #0003}.menu-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.menu-items{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.menu-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .4rem;border-radius:var(--radius-md);border:1px solid transparent;background:#0003;color:var(--text-muted);font-size:.7rem;cursor:pointer;transition:all .2s;text-align:center}.menu-btn svg{opacity:.6;transition:all .2s}.menu-btn:hover{background:#ffffff0d;border-color:var(--glass-border);color:var(--text-main)}.menu-btn:hover svg{opacity:.9;color:#fff}.menu-btn.active{background:linear-gradient(135deg,#06b6d426,#2563eb26);border-color:var(--neon-primary);color:#fff;box-shadow:0 4px 12px #0000004d}.menu-btn.active svg{opacity:1;color:var(--neon-primary);filter:drop-shadow(0 0 5px var(--neon-primary))}.menu-btn span{line-height:1.1;font-weight:500}.wrap-extend{margin-bottom:1.5rem}.editor-overlay{position:absolute;inset:0;z-index:10010;background:#000;display:flex;flex-direction:column}.editor-toolbar{height:60px;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:20}.editor-group{display:flex;gap:1rem;align-items:center}.editor-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;border:1px solid var(--glass-border);background:transparent;color:#fff;transition:all .2s}.editor-btn.primary{background:var(--neon-primary);border-color:var(--neon-primary);color:#000;font-weight:500}.editor-btn:hover{filter:brightness(1.2)}.editor-stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;touch-action:none}.tools{gap:2rem}.tool-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.tool-item input[type=range]{width:100px}.project-switcher{position:relative;z-index:100;display:flex;align-items:center;gap:.5rem}.settings-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);cursor:pointer;transition:all .2s;flex-shrink:0}.settings-btn:hover{background:#ffffff1a;color:#fff;border-color:var(--neon-primary)}.project-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:99px;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.85rem;box-shadow:0 2px 10px #0000001a;min-width:140px;justify-content:space-between}.project-btn:hover{border-color:#06b6d466;background:#06b6d40d;box-shadow:0 0 10px #06b6d41a}.project-btn .project-name{font-weight:500;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.project-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#0b0b15f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem;min-width:200px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 25px -5px #00000080;animation:slideDownFade .2s cubic-bezier(.16,1,.3,1);transform-origin:top right}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.project-item{text-align:left;padding:.5rem .75rem;background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .2s;font-size:.85rem;position:relative;overflow:hidden}.project-item:hover{background:#ffffff0d;color:#fff}.project-item.active{color:#fff;background:#06b6d41a;border-color:#06b6d426;font-weight:500}.project-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--neon-primary);box-shadow:0 0 8px var(--neon-primary)}.project-divider{height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);margin:.25rem 0}.project-new{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#06b6d40d;border:1px dashed rgba(6,182,212,.2);border-radius:6px;color:var(--neon-primary);cursor:pointer;transition:all .2s;justify-content:center;font-weight:500;font-size:.85rem}.project-new:hover{background:#06b6d41a;border-color:var(--neon-primary);box-shadow:0 0 10px #06b6d40d}.modal{background:linear-gradient(145deg,#10101cf2,#080810fa);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #00000080,0 30px 60px -15px #0009;animation:modalPop .25s cubic-bezier(.16,1,.3,1);width:min(900px,96vw);display:flex;flex-direction:column}.modal.modal-compact{width:min(400px,90vw)}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{border-bottom:1px solid rgba(255,255,255,.05);padding:1rem 1.25rem;background:#ffffff03;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:-.01em;color:#fff}.modal-close{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:1.5rem 1.25rem}.modal-body .form-group{margin-bottom:0}.modal-body label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;margin-left:.25rem}.modal-body input,.modal-body select,.modal-body textarea,.select-input,.text-input{width:100%;padding:.75rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem;box-sizing:border-box;transition:all .2s}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:none;border-color:var(--neon-primary);background:#00000080;box-shadow:0 0 0 3px #06b6d41a}.modal-body input::placeholder{color:#fff3}.modal-footer{border-top:1px solid rgba(255,255,255,.05);padding:1rem 1.25rem;background:#0003;display:flex;gap:1rem!important;justify-content:flex-end}.btn-secondary{padding:.6rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-muted);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){border-color:#ffffff4d;color:#fff;background:#ffffff0d}.btn-primary{padding:.6rem 1.25rem;background:var(--neon-primary);border:none;border-radius:8px;color:#000;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px #06b6d433}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #06b6d44d;filter:brightness(1.1)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.error-msg{color:#ff4d4d;font-size:.85rem;margin-top:.75rem;padding:.6rem;background:#ff4d4d1a;border-radius:6px;border:1px solid rgba(255,77,77,.2);display:flex;align-items:center;gap:.5rem}.error-msg:before{content:"!";display:grid;place-items:center;width:16px;height:16px;background:#ff4d4d;color:#fff;border-radius:50%;font-weight:700;font-size:.75rem}.user-header-menu{display:flex;align-items:center;gap:1.5rem}.menu-credits-info{padding:.75rem 1rem;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500}.menu-credits-info .credits-value{color:var(--neon-primary);font-weight:700;text-shadow:0 0 10px rgba(6,182,212,.4)}.dropdown-divider{height:1px;background:#ffffff1a;margin:4px 0;width:100%}.user-profile-wrapper{position:relative}.user-profile-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:99px;color:#fff;cursor:pointer;transition:all .2s}.user-profile-btn:hover,.user-profile-btn.active{background:#ffffff1a;border-color:var(--glass-border)}.user-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:200px;background:#10101ce6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;padding:.5rem;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 40px -10px #00000080;z-index:1000}.user-dropdown-menu button{text-align:left;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-muted);font-size:.9rem;border-radius:6px;cursor:pointer;transition:all .2s;width:100%}.user-dropdown-menu button:hover{background:#ffffff0d;color:#fff}.user-dropdown-menu button.danger:hover{background:#ef44441a;color:#ef4444}.user-dropdown-overlay{position:fixed;inset:0;z-index:999}.tariff-modal{max-width:900px!important;background:#10101cd9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 25px 50px -12px #00000080!important}.current-stats{display:flex;gap:2rem;margin-bottom:2rem;background:#0003;padding:1.5rem;border-radius:16px;border:1px solid var(--glass-border)}.stat-item{flex:1}.stat-item .label{font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.stat-item .value{font-size:1.5rem;font-weight:700;color:#fff}.stat-item .value.highlight{color:var(--neon-primary);text-shadow:0 0 20px rgba(6,182,212,.4)}.tariffs-list{display:flex;gap:1.5rem;margin-bottom:2rem}.tariff-card{flex:1;background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s;position:relative;overflow:hidden}.tariff-card:hover{transform:translateY(-5px);background:#ffffff0d;box-shadow:0 10px 30px #0000004d}.tariff-card.active{border-color:var(--neon-primary);background:linear-gradient(135deg,#06b6d41a,#0000);box-shadow:0 0 30px #06b6d41a}.tariff-header{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.tariff-credits{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem}.tariff-credits span{font-size:.9rem;color:var(--text-muted);font-weight:400}.tariff-desc{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.tariff-btn{margin-top:auto;width:100%;padding:1rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.tariff-btn.current{background:#ffffff1a;color:#ffffff80;cursor:default}.tariff-btn.primary{background:var(--neon-primary);color:#000;box-shadow:0 4px 15px #06b6d466}.tariff-btn.primary:hover{box-shadow:0 6px 20px #06b6d499;transform:scale(1.02)}.tariff-btn.secondary{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted)}.tariff-info-text{font-size:.9rem;color:var(--text-muted);line-height:1.6;background:#0003;padding:1.5rem;border-radius:12px;text-align:center}.tariff-info-text ul{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.tariff-info-text li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.25rem}.btn-generate{padding:0;min-height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--neon-primary),#2563eb);box-shadow:0 4px 20px #06b6d466}.btn-generate:hover:not(:disabled){box-shadow:0 8px 30px #06b6d499;transform:translateY(-2px)}.btn-content{width:100%;height:100%;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem}.btn-label{font-size:1.1rem;font-weight:700;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.btn-cost-badge{background:#00000040;padding:.3rem .6rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:baseline;gap:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cost-value{font-weight:800;color:#fff;font-size:.95rem}.cost-unit{color:#fffc;font-size:.7rem;font-weight:600}.settings-section-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.setting-option-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;padding:1.25rem 1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.setting-option-card:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-2px)}.setting-option-card.active{background:linear-gradient(135deg,#06b6d426,#0000);border-color:var(--neon-primary);box-shadow:0 4px 20px #06b6d426}.setting-option-card.active:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--neon-primary)}.setting-option-card h4{margin:0 0 .25rem;color:#fff;font-size:1rem;font-weight:600}.setting-option-card p{margin:0;color:var(--text-muted);font-size:.8rem}.description-card{background:#0003;border:1px solid var(--glass-border);border-radius:12px;padding:1rem}.description-card textarea{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;resize:vertical;min-height:100px;line-height:1.6}.description-card textarea:focus{background:transparent!important;box-shadow:none!important}.description-card textarea:disabled{opacity:.5;cursor:not-allowed}.ai-enrich-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}