@import"https://fonts.googleapis.com/css2?family=Bangers&family=Outfit:wght@400;500;600;700&family=Permanent+Marker&family=Righteous&family=Rubik+Spray+Paint&display=swap";:root{--bg-dark: #0a0a0a;--bg-primary: #0a0a0a;--bg-secondary: #111;--bg-card: #111;--bg-elevated: #1a1a1a;--bg-hover: #1a1a1a;--border: #222;--border-subtle: #222;--border-default: #333;--border-accent: rgba(232, 93, 4, .3);--text-primary: #f5f5f5;--text-secondary: #888;--text-muted: #555;--accent: #e85d04;--accent-hover: #ff6b1a;--accent-bright: #ff6b1a;--accent-dark: #c44d00;--accent-dim: rgba(232, 93, 4, .15);--accent-glow: rgba(232, 93, 4, .5);--accent-secondary: #dc2626;--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--info: #60a5fa;--radius: 0;--radius-lg: 0;--transition: .15s ease}[data-theme=light]{--bg-dark: #f5f5f5;--bg-primary: #f5f5f5;--bg-secondary: #eee;--bg-card: #eee;--bg-elevated: #e0e0e0;--bg-hover: #e0e0e0;--border: #ccc;--border-subtle: #ccc;--border-default: #bbb;--border-accent: rgba(232, 93, 4, .3);--text-primary: #111;--text-secondary: #555;--text-muted: #888;--accent-dim: rgba(232, 93, 4, .1);--success: #16a34a;--error: #dc2626;--warning: #d97706;--info: #2563eb}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--accent);color:var(--bg-primary)}html{font-size:16px;scroll-behavior:smooth}html,body{overflow-x:hidden;width:100%}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}#app{min-height:100vh;display:flex;flex-direction:column}.star-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(9,9,11,.5) 100%);z-index:1;pointer-events:none;transition:background .4s ease}[data-theme=light] .vignette{background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(250,249,248,.6) 100%)}.logo-group{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-icon{width:28px;height:28px;filter:drop-shadow(0 0 15px var(--accent-glow));transition:filter .3s ease}.logo-group:hover .logo-icon{filter:drop-shadow(0 0 25px var(--accent-glow))}.logo-text{font-family:Pacifico,cursive;font-size:20px;font-weight:400;color:var(--accent);text-shadow:0 0 30px var(--accent-glow);letter-spacing:.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 25px #f5c51866}.btn-primary:hover:not(:disabled){background:var(--accent-bright);box-shadow:0 0 40px #f5c51899}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-default)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-default)}.btn-large{padding:16px 32px;font-size:16px;font-weight:600}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius);font-size:15px;color:var(--text-primary);outline:none;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 3px var(--accent-dim),0 0 20px var(--accent-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{opacity:.5;cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px}.mode-toggle-switch{position:relative;display:flex;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:4px}.toggle-option{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease;min-width:120px;justify-content:center}.toggle-option:hover{color:var(--text-secondary)}.toggle-option.active{color:var(--text-primary)}.toggle-option.active .toggle-icon{color:var(--accent)}.toggle-icon{width:18px;height:18px;transition:color .2s ease}.toggle-slider{position:absolute;top:4px;left:4px;height:calc(100% - 8px);background:var(--accent-dim);border-radius:calc(var(--radius) - 2px);transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.mode-toggle-3 .toggle-slider{width:calc(33.333% - 4px)}.mode-toggle-3[data-mode="0"] .toggle-slider{transform:translate(0)}.mode-toggle-3[data-mode="1"] .toggle-slider{transform:translate(100%)}.mode-toggle-3[data-mode="2"] .toggle-slider{transform:translate(200%)}.mode-toggle-4 .toggle-slider{width:calc(25% - 4px)}.mode-toggle-4[data-mode="0"] .toggle-slider{transform:translate(0)}.mode-toggle-4[data-mode="1"] .toggle-slider{transform:translate(100%)}.mode-toggle-4[data-mode="2"] .toggle-slider{transform:translate(200%)}.mode-toggle-4[data-mode="3"] .toggle-slider{transform:translate(300%)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.status-draft{background:#71717a26;color:var(--text-muted)}.status-queued{background:#f59e0b26;color:var(--warning)}.status-running{background:#3b82f626;color:var(--info)}.status-done{background:#22c55e26;color:var(--success)}.status-error{background:#ef444426;color:var(--error)}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.spinner-large{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:32px;text-align:center;color:var(--text-muted);font-size:14px}.artist-studio{width:100%;max-width:600px;margin:0 auto}.artist-form{display:flex;flex-direction:column;gap:24px}.form-header{text-align:center}.form-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text-primary)}.form-subtitle{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5}.creating-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;text-align:center}.creating-state p{margin:0;color:var(--text-secondary)}.creating-hint{font-size:13px;color:var(--text-muted)}.artist-result{display:flex;flex-direction:column;gap:24px}.artist-result-header{display:flex;justify-content:space-between;align-items:center}.artist-result-header h2{margin:0;font-size:24px;font-weight:600;color:var(--success)}.artist-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.artist-info{display:flex;flex-direction:column;gap:12px}.artist-name{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.artist-genre{margin:0;font-size:14px;color:var(--accent);font-weight:500}.artist-persona{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.6}.artist-detail{display:flex;gap:8px;font-size:14px}.detail-label{color:var(--text-muted);font-weight:500}.detail-value{color:var(--text-secondary)}.artists-list{margin-top:32px;padding-top:32px;border-top:1px solid var(--border)}.artists-list h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.artist-list-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .2s ease}.artist-list-card:hover{border-color:var(--accent-dim)}.artist-list-info{display:flex;flex-direction:column;gap:4px}.artist-list-name{font-size:14px;font-weight:600;color:var(--text-primary)}.artist-list-genre{font-size:12px;color:var(--text-muted)}.theme-toggle{position:fixed;bottom:24px;right:24px;z-index:100;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;color:var(--text-secondary)}.theme-toggle:hover{background:var(--accent-dim);border-color:var(--border-accent);color:var(--accent)}.theme-toggle svg{width:20px;height:20px}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon,[data-theme=light] .theme-toggle .sun-icon{display:block}[data-theme=light] .theme-toggle .moon-icon{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-tooltip]{position:relative;overflow:visible!important}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 11px);left:var(--tooltip-x, 50%);transform:translate(-50%);padding:6px 10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;font-size:12px;font-weight:400;color:var(--text-secondary);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:9999;box-shadow:0 4px 12px #00000040;pointer-events:none;text-transform:none;letter-spacing:normal}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 11px);left:var(--tooltip-x, 50%);transform:translate(-50%) translateY(100%);border:6px solid transparent;border-top-color:var(--border-subtle);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:10000;pointer-events:none}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;visibility:visible}[data-tooltip-position=bottom]:after{bottom:auto;top:calc(100% + 11px)}[data-tooltip-position=bottom]:before{bottom:auto;top:calc(100% + 11px);transform:translate(-50%) translateY(-100%);border-top-color:transparent;border-bottom-color:var(--border-subtle)}[data-tooltip-position=left]:after{bottom:auto;top:50%;left:auto;right:calc(100% + 11px);transform:translateY(-50%)}[data-tooltip-position=left]:before{bottom:auto;top:50%;left:auto;right:calc(100% + 11px);transform:translateY(-50%) translate(100%);border-top-color:transparent;border-left-color:var(--border-subtle)}[data-tooltip-position=right]:after{bottom:auto;top:50%;left:calc(100% + 11px);transform:translateY(-50%)}[data-tooltip-position=right]:before{bottom:auto;top:50%;left:calc(100% + 11px);transform:translateY(-50%) translate(-100%);border-top-color:transparent;border-right-color:var(--border-subtle)}[data-tooltip-wide]:after{white-space:normal;max-width:220px;text-align:center}.app-wrapper[data-v-d97226fb]{position:relative;min-height:100vh}.star-canvas[data-v-d97226fb]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.vignette[data-v-d97226fb]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.3) 100%);z-index:1}.router-content[data-v-d97226fb]{position:relative;z-index:2;min-height:100vh}