:root{--bg-canvas:#0e0e11;--bg-panel-floating:#1c1c1ea6;--bg-panel-solid:#1c1c1e;--bg-input:#0006;--bg-input-focus:#ffffff0d;--text-primary:#f5f5f7;--text-secondary:#86868b;--text-muted:#515154;--border-light:#ffffff14;--border-highlight:#ffffff26;--accent-blue:#0a84ff;--accent-purple:#bf5af2;--accent-orange:#ff9f0a;--accent-green:#30d158;--accent-red:#ff453a;--gradient-magic:linear-gradient(135deg, #bf5af2, #0a84ff);--gradient-magic-hover:linear-gradient(135deg, #d470ff, #339aff);--glass-blur:blur(24px) saturate(180%);--shadow-floating:0 20px 40px #0006, 0 0 0 1px #ffffff0d inset;--shadow-btn:0 2px 5px #0003, 0 0 0 1px #ffffff1a inset;--shadow-thumb:0 2px 6px #0006;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--transition-fast:.15s cubic-bezier(.25, .1, .25, 1);--transition-smooth:.3s cubic-bezier(.25, 1, .5, 1)}body{background-color:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;overflow:hidden}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 .5rem;font-weight:600}p{color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.help-text{color:var(--text-secondary);font-size:.8rem}button{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-btn);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:500;display:inline-flex}button:hover:not(:disabled){background:var(--bg-input-focus);border-color:var(--border-highlight)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent-blue);color:#fff;border:none;box-shadow:inset 0 1px #fff3,0 2px 4px #0a84ff66}button.primary:hover:not(:disabled){background:#1a8eff}button.special-btn{background:var(--gradient-magic);color:#fff;border:none;box-shadow:inset 0 1px #ffffff4d,0 4px 12px #bf5af24d}button.special-btn:hover:not(:disabled){background:var(--gradient-magic-hover);box-shadow:inset 0 1px #fff6,0 6px 16px #bf5af280}button.special-btn.active{box-shadow:0 0 0 2px var(--bg-canvas), 0 0 0 4px var(--accent-purple)}input[type=text],input[type=number],select,textarea{background-color:var(--bg-input);border:1px solid var(--border-light);color:var(--text-primary);border-radius:var(--radius-sm);width:100%;transition:var(--transition-fast);padding:10px 12px;font-family:inherit;font-size:.9rem}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);background-color:var(--bg-input-focus);outline:none;box-shadow:0 0 0 3px #0a84ff33}input[type=range]{appearance:none;background:var(--bg-input);border-radius:var(--radius-pill);border:1px solid var(--border-light);outline:none;width:100%;height:6px;margin:12px 0}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow-thumb);transition:transform var(--transition-fast);background:#fff;border:1px solid #0000001a;border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-webkit-slider-thumb:active{transform:scale(.95)}.checkbox-group{cursor:pointer;align-items:center;gap:12px;display:flex}.checkbox-group input[type=checkbox]{appearance:none;background-color:var(--bg-input);border-radius:var(--radius-pill);border:1px solid var(--border-light);cursor:pointer;width:44px;height:24px;transition:var(--transition-smooth);position:relative}.checkbox-group input[type=checkbox]:after{content:"";width:18px;height:18px;box-shadow:var(--shadow-thumb);transition:var(--transition-smooth);background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.checkbox-group input[type=checkbox]:checked{background-color:var(--accent-green);border-color:var(--accent-green)}.checkbox-group input[type=checkbox]:checked:after{transform:translate(20px)}.glass-panel{background:var(--bg-panel-floating);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);box-shadow:var(--shadow-floating)}.spinner{border:3px solid var(--border-light);border-top-color:var(--accent-blue);border-radius:50%;width:32px;height:32px;animation:1s cubic-bezier(.5,.1,.4,.9) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar-container{background-color:var(--bg-input);border-radius:var(--radius-pill);width:100%;height:4px;margin-top:8px;overflow:hidden}.progress-bar{background:var(--accent-blue);height:100%;transition:width .3s}.vibe-footer[data-v-f759d03c]{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-light);opacity:.5;cursor:default;background-color:#0000001a;padding:12px;font-size:.7rem;transition:all .3s}.vibe-footer[data-v-f759d03c]:hover{opacity:1;color:var(--accent-purple);text-shadow:0 0 8px #bf5af266}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.privacy-banner{color:var(--accent-green);text-align:center;z-index:20;background-color:#30d15826;border-bottom:1px solid #30d1584d;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:500;display:flex}.loading-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;color:#fff;background:#0009;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--border-light);border-top-color:var(--accent-blue);border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s cubic-bezier(.5,.1,.4,.9) infinite spin}.badge{background:var(--accent-blue);color:#fff;border-radius:var(--radius-pill);vertical-align:middle;margin-left:10px;padding:2px 8px;font-size:.75rem;font-weight:600}.navbar{background-color:var(--bg-panel-floating);height:64px;-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-light);z-index:10;justify-content:space-between;align-items:center;padding:0 24px;display:flex;box-shadow:0 4px 20px #0003}.logo{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.15rem;font-weight:600;display:flex}.nav-logo-img{border-radius:6px;width:28px;height:28px;box-shadow:0 0 10px #bf5af280}.nav-actions{align-items:center;gap:12px;display:flex}.workspace{flex:1;display:flex;position:relative;overflow:hidden}.canvas-container{background-color:var(--bg-canvas);cursor:grab;background-image:linear-gradient(45deg,#ffffff05 25%,#0000 25%),linear-gradient(-45deg,#ffffff05 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff05 75%),linear-gradient(-45deg,#0000 75%,#ffffff05 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;flex:1;position:relative}.canvas-container:active{cursor:grabbing}canvas{width:100%;height:100%;position:absolute;top:0;left:0}.sidebar{background-color:var(--bg-panel-floating);width:380px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);border-radius:var(--radius-lg);z-index:10;box-shadow:var(--shadow-floating);flex-direction:row;display:flex;position:absolute;top:20px;bottom:20px;right:20px;overflow:hidden}.tabs{border-right:1px solid var(--border-light);background-color:#0000001a;flex-direction:column;width:80px;padding:12px 0;display:flex;overflow-y:auto}.tabs button{color:var(--text-secondary);transition:var(--transition-smooth);background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:76px;padding:16px 4px;font-size:.75rem;display:flex;position:relative}.tabs button .icon{opacity:.7;width:22px;height:22px;transition:var(--transition-smooth)}.tabs button .label{letter-spacing:.5px;font-weight:500}.tabs button:hover:not(.active){color:var(--text-primary);background-color:#0000}.tabs button:hover:not(.active) .icon{opacity:1}.tabs button.active{color:var(--accent-blue);background-color:#0000}.tabs button.active:before{content:"";background:var(--accent-blue);border-radius:0 4px 4px 0;width:3px;position:absolute;top:15%;bottom:15%;left:0;box-shadow:2px 0 8px #0a84ff80}.tabs button.active .icon{opacity:1}.tab-content{flex:1;padding:24px;overflow-y:auto}.tab-panel{flex-direction:column;gap:20px;display:flex}.tab-panel h3{color:var(--text-primary);margin-top:0;margin-bottom:5px;font-size:1.15rem}.ai-setup-box,.ai-card{border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition-smooth);background-color:#ffffff05;padding:16px}.ai-card:hover{border-color:var(--border-highlight);background-color:#ffffff0a}.ai-card h4{color:var(--accent-purple);margin:0 0 8px;font-size:1rem}.preset-group{margin-bottom:10px}.preset-buttons{gap:8px;margin-top:8px;display:flex}.preset-buttons button{flex:1}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.action-buttons{gap:12px;margin-top:15px;display:flex}.action-buttons button{flex:1}.export-actions{flex-direction:column;gap:16px;margin-top:15px;display:flex}.export-btn{padding:14px;font-size:1.05rem}.divider{text-align:center;color:var(--text-muted);margin:10px 0;font-size:.85rem;position:relative}.divider:before,.divider:after{content:"";background-color:var(--border-light);width:40%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}