:root{--ws-bg-primary:#faf9f7;--ws-bg-secondary:#ffffff;--ws-bg-elevated:#ffffff;--ws-bg-hover:#f5f3f0;--ws-bg-active:#eeebe6;--ws-bg-warm:#f7f5f2;--ws-text-primary:#1a1915;--ws-text-secondary:#5c5a54;--ws-text-tertiary:#8a877f;--ws-text-muted:#b5b2ab;--ws-accent:#e85d3b;--ws-accent-hover:#d4512f;--ws-accent-subtle:rgba(232,93,59,0.08);--ws-accent-glow:rgba(232,93,59,0.12);--ws-accent-secondary:#d97706;--ws-accent-secondary-subtle:rgba(217,119,6,0.08);--ws-accent-tertiary:#7c3aed;--ws-accent-tertiary-subtle:rgba(124,58,237,0.08);--ws-genre-rap:#e85d3b;--ws-genre-pop:#3b82f6;--ws-genre-country:#d97706;--ws-genre-rock:#dc2626;--ws-genre-drill:#7c3aed;--ws-genre-trap:#0891b2;--ws-border-subtle:rgba(0,0,0,0.04);--ws-border-default:rgba(0,0,0,0.08);--ws-border-visible:rgba(0,0,0,0.12);--ws-border-focus:rgba(232,93,59,0.4);--ws-shadow-sm:0 1px 2px rgba(0,0,0,0.04);--ws-shadow-md:0 4px 12px rgba(0,0,0,0.06);--ws-shadow-lg:0 8px 32px rgba(0,0,0,0.08);--ws-shadow-glow:0 0 0 3px rgba(232,93,59,0.1);--ws-font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--ws-font-sans:"DM Sans","Inter",-apple-system,sans-serif;--ws-space-xs:0.25rem;--ws-space-sm:0.5rem;--ws-space-md:1rem;--ws-space-lg:1.5rem;--ws-space-xl:2rem;--ws-space-2xl:3rem;--ws-radius-sm:6px;--ws-radius-md:10px;--ws-radius-lg:16px;--ws-radius-xl:24px;--ws-transition-fast:150ms ease-out;--ws-transition-base:250ms ease-out;--ws-transition-slow:400ms ease-out}@keyframes ws-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ws-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ws-breathe{0%,to{opacity:1}50%{opacity:.4}}@keyframes ws-pulse-glow{0%,to{box-shadow:0 0 0 0 var(--ws-accent-subtle)}50%{box-shadow:0 0 20px 4px var(--ws-accent-subtle)}}@keyframes ws-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ws-bounce-subtle{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.ws-shell{min-height:100vh;background:var(--ws-bg-primary);color:var(--ws-text-primary);font-family:var(--ws-font-sans);position:relative}.ws-shell:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 100% 60% at 50% -10%,rgba(232,93,59,.04),transparent 50%),radial-gradient(ellipse 80% 50% at 0 100%,rgba(124,58,237,.03),transparent 50%),radial-gradient(ellipse 60% 40% at 100% 80%,rgba(217,119,6,.03),transparent 50%);pointer-events:none;z-index:0}.ws-container{max-width:720px;margin:0 auto;padding:var(--ws-space-xl) var(--ws-space-md);position:relative;z-index:1}.ws-heading{font-family:var(--ws-font-mono);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ws-text-primary)}.ws-heading-lg{font-size:1.25rem}.ws-heading-sm{font-size:.75rem}.ws-heading-sm,.ws-label{color:var(--ws-text-tertiary)}.ws-label{font-family:var(--ws-font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.ws-header{text-align:center;margin-bottom:var(--ws-space-xl);animation:ws-fade-up .5s ease-out .1s both}.ws-header-title{font-family:var(--ws-font-sans);font-size:2rem;font-weight:700;letter-spacing:-.01em;color:var(--ws-text-primary);margin-bottom:var(--ws-space-sm)}.ws-header-line{width:80px;height:2px;background:linear-gradient(90deg,var(--ws-accent),var(--ws-accent-secondary));margin:0 auto;border-radius:1px}.ws-prompt{animation:ws-fade-up .5s ease-out .2s both}.ws-prompt-box{background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-lg);padding:var(--ws-space-lg);box-shadow:var(--ws-shadow-sm);transition:border-color var(--ws-transition-base),box-shadow var(--ws-transition-base)}.ws-prompt-box:focus-within{border-color:var(--ws-accent);box-shadow:var(--ws-shadow-glow),var(--ws-shadow-md)}.ws-prompt-input{width:100%;background:transparent;border:none;outline:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;font-family:var(--ws-font-sans);font-size:1.125rem;line-height:1.6;color:var(--ws-text-primary);resize:none;min-height:28px;max-height:200px}.ws-prompt-input:focus{outline:none;box-shadow:none}.ws-prompt-input::-moz-placeholder{color:var(--ws-text-muted)}.ws-prompt-input::placeholder{color:var(--ws-text-muted)}.ws-prompt-tags{display:flex;flex-wrap:wrap;gap:var(--ws-space-sm);margin-bottom:var(--ws-space-md)}.ws-prompt-tag{display:inline-flex;align-items:center;gap:var(--ws-space-xs);padding:var(--ws-space-xs) var(--ws-space-sm);background:var(--ws-accent);border:1px solid var(--ws-accent);border-radius:var(--ws-radius-sm);font-family:var(--ws-font-mono);font-size:.8125rem;color:white;cursor:pointer;transition:all var(--ws-transition-fast)}.ws-prompt-tag:hover{background:var(--ws-accent-hover);border-color:var(--ws-accent-hover);color:white}.ws-prompt-tag svg{width:14px;height:14px}.ws-prompt-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--ws-space-md);padding-top:var(--ws-space-md);border-top:1px solid var(--ws-border-subtle)}.ws-prompt-counter{font-family:var(--ws-font-mono);font-size:.75rem;color:var(--ws-text-muted)}.ws-chips-section{margin-top:var(--ws-space-lg);animation:ws-fade-up .5s ease-out .3s both}.ws-chips-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ws-space-md)}.ws-chips-grid{display:flex;flex-wrap:wrap;gap:var(--ws-space-sm)}.ws-chip{padding:var(--ws-space-sm) var(--ws-space-md);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);font-family:var(--ws-font-sans);font-size:.875rem;color:var(--ws-text-secondary);cursor:pointer;transition:all var(--ws-transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--ws-shadow-sm)}.ws-chip,.ws-chip:hover{background:var(--ws-bg-secondary)}.ws-chip:hover{border-color:var(--ws-accent);color:var(--ws-accent);transform:translateY(-2px);box-shadow:var(--ws-shadow-md)}.ws-chip:active{transform:scale(.97)}.ws-chip--selected{background:var(--ws-accent);border-color:var(--ws-accent);color:white;box-shadow:0 2px 8px rgba(232,93,59,.25)}.ws-chip--selected:hover{background:var(--ws-accent-hover);border-color:var(--ws-accent-hover);color:white}.ws-chip--emotion:hover{border-color:var(--ws-accent-tertiary);color:var(--ws-accent-tertiary)}.ws-chip--emotion.ws-chip--selected{background:var(--ws-accent-tertiary);border-color:var(--ws-accent-tertiary);color:white;box-shadow:0 2px 8px rgba(124,58,237,.25)}.ws-chip--emotion.ws-chip--selected:hover{background:#6d28d9;border-color:#6d28d9}.ws-shuffle{display:inline-flex;align-items:center;gap:var(--ws-space-xs);padding:var(--ws-space-xs) var(--ws-space-sm);background:transparent;border:none;font-family:var(--ws-font-mono);font-size:.75rem;color:var(--ws-text-tertiary);cursor:pointer;transition:color var(--ws-transition-fast)}.ws-shuffle:hover{color:var(--ws-text-secondary)}.ws-shuffle svg{width:14px;height:14px}.ws-vibes{margin-top:var(--ws-space-lg);animation:ws-fade-up .5s ease-out .35s both}.ws-vibes-grid{display:flex;flex-wrap:wrap;gap:var(--ws-space-md) var(--ws-space-xl)}.ws-vibe{gap:var(--ws-space-sm);cursor:pointer}.ws-vibe,.ws-vibe-radio{display:flex;align-items:center}.ws-vibe-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--ws-border-visible);justify-content:center;transition:all var(--ws-transition-fast)}.ws-vibe:hover .ws-vibe-radio{border-color:var(--ws-accent)}.ws-vibe--selected .ws-vibe-radio{border-color:var(--ws-accent);background:var(--ws-accent)}.ws-vibe-radio:after{content:"";width:6px;height:6px;border-radius:50%;background:white;opacity:0;transition:opacity var(--ws-transition-fast)}.ws-vibe--selected .ws-vibe-radio:after{opacity:1}.ws-vibe-label{font-size:.9375rem;color:var(--ws-text-secondary);transition:color var(--ws-transition-fast)}.ws-vibe:hover .ws-vibe-label{color:var(--ws-text-primary)}.ws-vibe--selected .ws-vibe-label{color:var(--ws-text-primary);font-weight:500}.ws-advanced{margin-top:var(--ws-space-lg);animation:ws-fade-up .5s ease-out .38s both}.ws-advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ws-space-md);background:var(--ws-bg-warm);border:1px solid var(--ws-border-subtle);border-radius:var(--ws-radius-md);cursor:pointer;font-size:.9375rem;color:var(--ws-text-secondary);transition:all var(--ws-transition-fast)}.ws-advanced-toggle:hover{background:var(--ws-bg-hover);color:var(--ws-text-primary);border-color:var(--ws-border-default)}.ws-advanced-icon{width:18px;height:18px;transition:transform var(--ws-transition-base)}.ws-advanced-icon--open{transform:rotate(180deg)}.ws-advanced-panel{margin-top:var(--ws-space-md);padding:var(--ws-space-lg);background:var(--ws-bg-warm);border:1px solid var(--ws-border-subtle);border-radius:var(--ws-radius-md);display:flex;flex-direction:column;gap:var(--ws-space-lg);animation:ws-fade-in .2s ease-out}.ws-advanced-field{display:flex;flex-direction:column;gap:var(--ws-space-sm)}.ws-advanced-field .ws-label{font-size:.875rem;font-weight:500;color:var(--ws-text-secondary)}.ws-advanced-input{width:100%;padding:var(--ws-space-md);font-size:.9375rem;font-family:var(--ws-font-sans);color:var(--ws-text-primary);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-sm);resize:vertical;min-height:48px;transition:all var(--ws-transition-fast)}.ws-advanced-input::-moz-placeholder{color:var(--ws-text-muted)}.ws-advanced-input::placeholder{color:var(--ws-text-muted)}.ws-advanced-input:focus{outline:none;border-color:var(--ws-accent);box-shadow:var(--ws-shadow-glow)}.ws-advanced-hint{font-size:.8125rem;color:var(--ws-text-tertiary);font-style:italic}.ws-generate{margin-top:var(--ws-space-xl);margin-bottom:var(--ws-space-md);animation:ws-fade-up .5s ease-out .4s both}.ws-generate-btn{width:100%;padding:var(--ws-space-lg);background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-hover));border:none;border-radius:var(--ws-radius-md);font-family:var(--ws-font-mono);font-size:.9375rem;font-weight:600;letter-spacing:.05em;color:white;cursor:pointer;transition:all var(--ws-transition-base);box-shadow:0 4px 14px rgba(232,93,59,.25)}.ws-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(232,93,59,.35)}.ws-generate-btn:active:not(:disabled){transform:translateY(0)}.ws-generate-btn:disabled{background:var(--ws-bg-active);color:var(--ws-text-muted);cursor:not-allowed;box-shadow:none}.ws-generate-btn--loading{position:relative;color:transparent}.ws-generate-btn--loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:ws-spin .8s linear infinite}.ws-actions-row{display:flex;justify-content:center;gap:var(--ws-space-md);margin-top:var(--ws-space-lg)}.ws-action-link{font-family:var(--ws-font-mono);font-size:.8125rem;color:var(--ws-text-tertiary);background:none;border:none;cursor:pointer;transition:color var(--ws-transition-fast)}.ws-action-link:hover{color:var(--ws-text-secondary)}.ws-action-link--accent{color:var(--ws-accent)}.ws-action-link--accent:hover{color:var(--ws-accent-hover)}.ws-streaming{animation:ws-fade-up .4s ease-out both}.ws-streaming-indicator{display:flex;align-items:center;gap:var(--ws-space-sm);margin-bottom:var(--ws-space-lg)}.ws-streaming-dots{display:flex;gap:4px}.ws-streaming-dot{width:6px;height:6px;background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-secondary));border-radius:50%;animation:ws-breathe 1.5s ease-in-out infinite}.ws-streaming-dot:nth-child(2){animation-delay:.15s}.ws-streaming-dot:nth-child(3){animation-delay:.3s}.ws-streaming-text{font-family:var(--ws-font-mono);font-size:.8125rem;color:var(--ws-text-tertiary)}.ws-lyrics-card{background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-lg);padding:var(--ws-space-xl);max-height:60vh;overflow-y:auto;box-shadow:var(--ws-shadow-sm);scrollbar-width:thin;scrollbar-color:var(--ws-border-default) transparent}.ws-lyrics-card::-webkit-scrollbar{width:6px}.ws-lyrics-card::-webkit-scrollbar-track{background:transparent}.ws-lyrics-card::-webkit-scrollbar-thumb{background:var(--ws-border-default);border-radius:3px}.ws-lyrics-card::-webkit-scrollbar-thumb:hover{background:var(--ws-border-visible)}.ws-lyrics-title{font-size:1.5rem;font-weight:600;letter-spacing:.02em;text-align:center;margin-bottom:var(--ws-space-lg);padding-bottom:var(--ws-space-md);border-bottom:1px solid var(--ws-border-subtle)}.ws-lyrics-content,.ws-lyrics-title{font-family:var(--ws-font-mono);color:var(--ws-text-primary)}.ws-lyrics-content{font-size:1rem;line-height:1.8}.ws-lyrics-section{font-size:.6875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ws-text-tertiary);margin-top:var(--ws-space-xl);margin-bottom:var(--ws-space-sm)}.ws-lyrics-section:first-child{margin-top:0}.ws-lyrics-line{padding:2px 0}.ws-lyrics-line strong{font-weight:700;color:var(--ws-text-primary)}.ws-lyrics-line em{font-style:italic;color:var(--ws-text-secondary)}.ws-lyrics-empty{height:var(--ws-space-md)}.ws-lyrics-cursor{display:inline-block;width:2px;height:1.2em;background:linear-gradient(180deg,var(--ws-accent),var(--ws-accent-secondary));margin-left:2px;animation:ws-breathe 1s ease-in-out infinite;vertical-align:text-bottom;border-radius:1px}.ws-complete{animation:ws-fade-up .4s ease-out both}.ws-complete .ws-lyrics-card{max-height:none;overflow-y:visible}.ws-button-row{margin-bottom:var(--ws-space-lg)}.ws-btn,.ws-button-row{display:flex;gap:var(--ws-space-sm)}.ws-btn{flex:1;align-items:center;justify-content:center;padding:var(--ws-space-md);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);font-family:var(--ws-font-sans);font-size:.875rem;font-weight:500;color:var(--ws-text-secondary);cursor:pointer;transition:all var(--ws-transition-fast);box-shadow:var(--ws-shadow-sm)}.ws-btn,.ws-btn:hover{background:var(--ws-bg-secondary)}.ws-btn:hover{border-color:var(--ws-border-visible);color:var(--ws-text-primary);box-shadow:var(--ws-shadow-md);transform:translateY(-1px)}.ws-btn svg{width:18px;height:18px}.ws-btn--primary{background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-hover));border-color:transparent;color:white;box-shadow:0 2px 8px rgba(232,93,59,.2)}.ws-btn--primary:hover{box-shadow:0 4px 12px rgba(232,93,59,.3);color:white}.ws-refine{margin-top:var(--ws-space-lg);padding-top:var(--ws-space-lg);border-top:1px solid var(--ws-border-subtle)}.ws-refine-grid{display:flex;flex-wrap:wrap;gap:var(--ws-space-sm);margin-top:var(--ws-space-md)}.ws-refine-btn{padding:var(--ws-space-sm) var(--ws-space-md);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);font-family:var(--ws-font-sans);font-size:.8125rem;color:var(--ws-text-secondary);cursor:pointer;transition:all var(--ws-transition-fast)}.ws-refine-btn:hover:not(:disabled){background:var(--ws-bg-secondary);border-color:var(--ws-accent);color:var(--ws-accent);transform:translateY(-2px);box-shadow:var(--ws-shadow-sm)}.ws-refine-btn:disabled{opacity:.5;cursor:not-allowed}.ws-refine-btn--active{background:var(--ws-accent-subtle);border-color:var(--ws-accent);color:var(--ws-accent)}.ws-refine-custom{display:flex;gap:var(--ws-space-sm);margin-top:var(--ws-space-md)}.ws-refine-input{flex:1;background:var(--ws-surface);border:1px solid var(--ws-border);border-radius:var(--ws-radius-md);padding:var(--ws-space-sm) var(--ws-space-md);font-size:.875rem;color:var(--ws-text-primary);transition:border-color .2s ease,box-shadow .2s ease}.ws-refine-input::-moz-placeholder{color:var(--ws-text-muted)}.ws-refine-input::placeholder{color:var(--ws-text-muted)}.ws-refine-input:focus{outline:none;border-color:var(--ws-accent);box-shadow:0 0 0 2px rgba(139,92,246,.15)}.ws-refine-input:disabled{opacity:.5;cursor:not-allowed}.ws-refine-btn--submit{min-width:50px}.ws-cancel{display:flex;justify-content:center;margin-top:var(--ws-space-lg)}.ws-cancel-btn{font-family:var(--ws-font-mono);font-size:.8125rem;color:var(--ws-text-tertiary);background:none;border:none;cursor:pointer;transition:color var(--ws-transition-fast)}.ws-cancel-btn:hover{color:var(--ws-text-secondary)}.ws-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--ws-radius-md);padding:var(--ws-space-md);margin-bottom:var(--ws-space-lg);text-align:center}.ws-error-text{color:#ef4444;font-size:.875rem}.ws-error-link{color:#ef4444;text-decoration:underline;margin-left:var(--ws-space-sm);cursor:pointer}.ws-error-subtext{display:block;color:var(--ws-text-secondary);font-size:.8rem;margin-top:var(--ws-space-xs)}.ws-nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ws-border-subtle)}.ws-nav-inner{max-width:1200px;margin:0 auto;padding:0 var(--ws-space-md);height:60px;justify-content:space-between}.ws-nav-inner,.ws-nav-logo{display:flex;align-items:center}.ws-nav-logo{gap:var(--ws-space-sm);text-decoration:none;transition:opacity var(--ws-transition-fast)}.ws-nav-logo:hover{opacity:.8}.ws-nav-logo-text{font-weight:300;font-size:1.1rem;letter-spacing:.18em;color:var(--ws-text-primary)}.ws-nav-links{display:none;align-items:center;gap:var(--ws-space-xs)}@media (min-width:768px){.ws-nav-links{display:flex}}.ws-nav-link{display:flex;align-items:center;gap:var(--ws-space-xs);padding:var(--ws-space-sm) var(--ws-space-md);font-family:var(--ws-font-mono);font-size:.8125rem;font-weight:500;color:var(--ws-text-secondary);background:none;border:none;border-radius:var(--ws-radius-sm);cursor:pointer;text-decoration:none;transition:all var(--ws-transition-fast)}.ws-nav-link:hover{color:var(--ws-text-primary);background:var(--ws-bg-hover)}.ws-nav-link--accent{color:var(--ws-accent)}.ws-nav-link--accent:hover{color:var(--ws-accent-hover);background:var(--ws-accent-subtle)}.ws-nav-icon{width:16px;height:16px}.ws-nav-chevron{width:14px;height:14px;opacity:.6}.ws-nav-dropdown{position:relative}.ws-nav-menu{position:absolute;top:100%;right:0;margin-top:var(--ws-space-sm);min-width:180px;background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);box-shadow:var(--ws-shadow-lg);padding:var(--ws-space-sm);z-index:50}.ws-nav-menu-section{padding:var(--ws-space-xs)}.ws-nav-menu-label{display:block;padding:var(--ws-space-xs) var(--ws-space-sm);font-family:var(--ws-font-mono);font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-text-muted)}.ws-nav-menu-item{display:block;padding:var(--ws-space-sm) var(--ws-space-md);font-size:.875rem;color:var(--ws-text-secondary);text-decoration:none;border-radius:var(--ws-radius-sm);transition:all var(--ws-transition-fast)}.ws-nav-menu-item--active,.ws-nav-menu-item:hover{color:var(--ws-text-primary);background:var(--ws-bg-hover)}.ws-nav-menu-divider{height:1px;background:var(--ws-border-subtle);margin:var(--ws-space-sm) 0}.ws-dropdown-enter{transition:all .15s ease-out}.ws-dropdown-enter-from{opacity:0;transform:scale(.95) translateY(-4px)}.ws-dropdown-enter-to{opacity:1;transform:scale(1) translateY(0)}.ws-dropdown-leave{transition:all .1s ease-in}.ws-dropdown-leave-from{opacity:1;transform:scale(1) translateY(0)}.ws-dropdown-leave-to{opacity:0;transform:scale(.95) translateY(-4px)}.ws-nav-mobile{display:flex;align-items:center;gap:var(--ws-space-xs)}@media (min-width:768px){.ws-nav-mobile{display:none}}.ws-nav-mobile-btn{padding:var(--ws-space-sm);background:none;border:none;color:var(--ws-text-secondary);cursor:pointer;border-radius:var(--ws-radius-sm);transition:all var(--ws-transition-fast)}.ws-nav-mobile-btn:hover{color:var(--ws-text-primary);background:var(--ws-bg-hover)}.ws-nav-mobile-btn svg{width:24px;height:24px}.ws-nav-mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--ws-bg-secondary);border-bottom:1px solid var(--ws-border-default);padding:var(--ws-space-lg);box-shadow:var(--ws-shadow-lg)}.ws-nav-mobile-section{margin-bottom:var(--ws-space-lg)}.ws-nav-mobile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ws-space-sm);margin-top:var(--ws-space-sm)}.ws-nav-mobile-link{display:block;padding:var(--ws-space-sm) var(--ws-space-md);font-size:.9375rem;color:var(--ws-text-secondary);text-decoration:none;background:var(--ws-bg-warm);border-radius:var(--ws-radius-sm);transition:all var(--ws-transition-fast)}.ws-nav-mobile-link:hover{color:var(--ws-text-primary);background:var(--ws-bg-hover)}.ws-nav-mobile-link--accent{color:white;background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-hover))}.ws-nav-mobile-divider{height:1px;background:var(--ws-border-subtle);margin:var(--ws-space-md) 0}.ws-nav-mobile-actions{display:flex;flex-direction:column;gap:var(--ws-space-sm);margin-top:var(--ws-space-sm)}.ws-mobile-enter{transition:all .2s ease-out}.ws-mobile-enter-from{opacity:0;transform:translateY(-8px)}.ws-mobile-enter-to{opacity:1;transform:translateY(0)}.ws-mobile-leave{transition:all .15s ease-in}.ws-mobile-leave-from{opacity:1;transform:translateY(0)}.ws-mobile-leave-to{opacity:0;transform:translateY(-8px)}.home-more-styles{margin-top:var(--ws-space-2xl);text-align:center}.home-more-styles-all{display:inline-block;margin-top:var(--ws-space-md);font-family:var(--ws-font-sans);font-size:.8125rem;color:var(--ws-text-tertiary);text-decoration:none;transition:color .15s ease}.home-more-styles-all:hover{color:var(--ws-accent)}.ws-footer{margin-top:auto;padding:var(--ws-space-2xl) 0 var(--ws-space-xl);border-top:1px solid var(--ws-border-subtle)}.ws-footer-inner{max-width:1200px;margin:0 auto;padding:0 var(--ws-space-md);display:flex;flex-direction:column;align-items:center;gap:var(--ws-space-md)}@media (min-width:640px){.ws-footer-inner{flex-direction:row;justify-content:space-between}}.ws-footer-copy{gap:var(--ws-space-sm);font-size:.75rem;color:var(--ws-text-muted)}.ws-footer-copy,.ws-footer-logo{display:flex;align-items:center;font-family:var(--ws-font-mono)}.ws-footer-logo{width:20px;height:20px;background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-secondary));border-radius:4px;justify-content:center;font-weight:700;font-size:.625rem;color:white}.ws-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ws-space-md) var(--ws-space-lg)}.ws-footer-link{font-family:var(--ws-font-mono);font-size:.75rem;color:var(--ws-text-tertiary);text-decoration:none;transition:color var(--ws-transition-fast)}.ws-footer-link:hover{color:var(--ws-text-secondary)}.tools-container{max-width:1200px;margin:0 auto;padding:var(--ws-space-xl) var(--ws-space-md)}.tools-hero{text-align:center;margin-bottom:var(--ws-space-2xl);padding:var(--ws-space-2xl) 0}.tools-hero-title{font-family:var(--ws-font-mono);font-size:2rem;font-weight:600;letter-spacing:-.02em;color:var(--ws-text-primary);margin-bottom:var(--ws-space-md)}.tools-hero-subtitle{font-size:1.125rem;color:var(--ws-text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.tools-section{margin-bottom:var(--ws-space-2xl)}.tools-section-title{font-family:var(--ws-font-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-text-tertiary);margin-bottom:var(--ws-space-sm)}.tools-section-desc{font-size:1rem;color:var(--ws-text-secondary);margin-bottom:var(--ws-space-lg)}.tools-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ws-space-lg);margin-bottom:var(--ws-space-2xl)}@media (max-width:900px){.tools-featured-grid{grid-template-columns:1fr}}.tools-featured-card{position:relative;display:block;text-decoration:none;border-radius:var(--ws-radius-lg);overflow:hidden;transition:all var(--ws-transition-base)}.tools-featured-card:hover{transform:translateY(-4px)}.tools-featured-bg{position:absolute;inset:0;border:1px solid;border-radius:var(--ws-radius-lg)}.tools-featured-content{position:relative;padding:var(--ws-space-xl)}.tools-featured-badge{display:inline-block;padding:var(--ws-space-xs) var(--ws-space-sm);font-family:var(--ws-font-mono);font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:white;border-radius:var(--ws-radius-sm);margin-bottom:var(--ws-space-md)}.tools-featured-title{font-size:1.25rem;font-weight:600;color:var(--ws-text-primary);margin-bottom:var(--ws-space-sm)}.tools-featured-desc{font-size:.875rem;color:var(--ws-text-secondary);line-height:1.5;margin-bottom:var(--ws-space-md)}.tools-featured-cta{display:inline-flex;align-items:center;gap:var(--ws-space-xs);font-family:var(--ws-font-mono);font-size:.8125rem;font-weight:500}.tools-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--ws-space-2xl)}@media (max-width:1024px){.tools-layout{grid-template-columns:1fr}.tools-sidebar{display:none}}.tools-main{min-width:0}.tools-sidebar{position:sticky;top:80px;align-self:start}.tools-ad-slot{min-height:250px}.tools-ad-placeholder{text-align:center}.tools-ad-label{font-family:var(--ws-font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-text-muted)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ws-space-md)}.tools-card{display:flex;align-items:center;gap:var(--ws-space-md);padding:var(--ws-space-md);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);text-decoration:none;transition:all var(--ws-transition-fast);box-shadow:var(--ws-shadow-sm)}.tools-card:hover{border-color:var(--ws-border-visible);box-shadow:var(--ws-shadow-md);transform:translateY(-2px)}.tools-card-accent{width:4px;height:40px;border-radius:2px;flex-shrink:0}.tools-card-content{flex:1;min-width:0}.tools-card-title{font-size:1rem;font-weight:600;color:var(--ws-text-primary);margin-bottom:2px}.tools-card-desc{font-size:.75rem;color:var(--ws-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools-card-arrow{color:var(--ws-text-muted);flex-shrink:0;transition:all var(--ws-transition-fast)}.tools-card:hover .tools-card-arrow{color:var(--ws-accent);transform:translateX(4px)}.tools-cta-section{margin-top:var(--ws-space-2xl)}.tools-cta-card{background:linear-gradient(135deg,var(--ws-accent-subtle),var(--ws-accent-tertiary-subtle));border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-lg);padding:var(--ws-space-xl);text-align:center}.tools-cta-title{font-size:1.25rem;font-weight:600;color:var(--ws-text-primary);margin-bottom:var(--ws-space-sm)}.tools-cta-desc{color:var(--ws-text-secondary);margin-bottom:var(--ws-space-lg)}.tools-cta-btn{display:inline-flex;padding:var(--ws-space-md) var(--ws-space-xl);background:var(--ws-text-primary);color:var(--ws-bg-primary);font-family:var(--ws-font-mono);font-size:.875rem;font-weight:600;text-decoration:none;border-radius:var(--ws-radius-md);transition:all var(--ws-transition-fast)}.tools-cta-btn:hover{background:var(--ws-accent);transform:translateY(-2px)}.comp-container{max-width:1200px;margin:0 auto;padding:var(--ws-space-xl) var(--ws-space-md)}.comp-hero{text-align:center;margin-bottom:var(--ws-space-2xl);padding:var(--ws-space-xl) 0}.comp-hero-title{font-family:var(--ws-font-mono);font-size:2rem;font-weight:600;letter-spacing:-.02em;color:var(--ws-text-primary);margin-bottom:var(--ws-space-md)}.comp-hero-subtitle{font-size:1.125rem;color:var(--ws-text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.comp-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--ws-space-2xl)}@media (max-width:1024px){.comp-layout{grid-template-columns:1fr}.comp-sidebar{display:none}}.comp-main{min-width:0}.comp-sidebar{position:sticky;top:80px;align-self:start}.comp-ad-slot{min-height:250px}.comp-ad-placeholder{text-align:center}.comp-ad-label{font-family:var(--ws-font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-text-muted)}.comp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ws-space-md)}.comp-card{display:flex;background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);overflow:hidden;transition:all var(--ws-transition-fast);box-shadow:var(--ws-shadow-sm)}.comp-card:hover{border-color:var(--ws-border-visible);box-shadow:var(--ws-shadow-md);transform:translateY(-2px)}.comp-card-accent{width:4px;flex-shrink:0}.comp-card-content{flex:1;padding:var(--ws-space-md);min-width:0}.comp-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ws-space-sm);margin-bottom:var(--ws-space-sm)}.comp-card-title{font-size:1rem;font-weight:600;color:var(--ws-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp-card-date{font-family:var(--ws-font-mono);font-size:.6875rem;color:var(--ws-text-muted);flex-shrink:0}.comp-card-meta{display:flex;flex-wrap:wrap;gap:var(--ws-space-xs);margin-bottom:var(--ws-space-sm)}.comp-card-style{font-family:var(--ws-font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.comp-card-tag{font-size:.6875rem;color:var(--ws-text-tertiary);padding:2px 6px;background:var(--ws-bg-warm);border-radius:4px}.comp-card-preview{font-size:.8125rem;color:var(--ws-text-secondary);line-height:1.5;margin-bottom:var(--ws-space-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comp-card-actions{display:flex;gap:var(--ws-space-xs);flex-wrap:wrap}.comp-card-btn{display:inline-flex;align-items:center;gap:var(--ws-space-xs);padding:var(--ws-space-xs) var(--ws-space-sm);background:var(--ws-bg-warm);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-sm);font-size:.75rem;font-weight:500;color:var(--ws-text-secondary);text-decoration:none;cursor:pointer;transition:all var(--ws-transition-fast)}.comp-card-btn:hover{border-color:var(--ws-border-visible);color:var(--ws-text-primary);background:var(--ws-bg-hover)}.comp-card-btn-primary{background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-hover));border-color:transparent;color:white}.comp-card-btn-primary:hover{box-shadow:0 2px 8px rgba(232,93,59,.2);color:white}.comp-card-btn-danger{color:var(--ws-text-muted)}.comp-card-btn-danger:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.05)}.comp-delete-confirm{display:flex;gap:var(--ws-space-xs)}.comp-empty{text-align:center;padding:var(--ws-space-2xl);background:var(--ws-bg-warm);border-radius:var(--ws-radius-lg)}.comp-empty-icon{width:64px;height:64px;margin:0 auto var(--ws-space-lg);color:var(--ws-text-muted)}.comp-empty-title{font-size:1.25rem;font-weight:600;color:var(--ws-text-primary);margin-bottom:var(--ws-space-sm)}.comp-empty-desc{color:var(--ws-text-secondary);margin-bottom:var(--ws-space-xl)}.comp-empty-btn{display:inline-flex;padding:var(--ws-space-md) var(--ws-space-xl);background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-hover));color:white;font-family:var(--ws-font-mono);font-size:.875rem;font-weight:600;text-decoration:none;border-radius:var(--ws-radius-md);transition:all var(--ws-transition-fast)}.comp-empty-btn:hover{box-shadow:0 4px 12px rgba(232,93,59,.25);transform:translateY(-2px)}.comp-login{text-align:center;padding:var(--ws-space-2xl);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-lg)}.comp-login-icon{width:64px;height:64px;margin:0 auto var(--ws-space-lg);color:var(--ws-text-muted)}.comp-login-title{font-size:1.25rem;font-weight:600;color:var(--ws-text-primary);margin-bottom:var(--ws-space-sm)}.comp-login-desc{color:var(--ws-text-secondary);max-width:400px;margin:0 auto var(--ws-space-xl)}.comp-login-btn{display:inline-flex;padding:var(--ws-space-md) var(--ws-space-xl);background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-hover));color:white;font-family:var(--ws-font-mono);font-size:.875rem;font-weight:600;text-decoration:none;border-radius:var(--ws-radius-md);transition:all var(--ws-transition-fast)}.comp-login-btn:hover{box-shadow:0 4px 12px rgba(232,93,59,.25)}.comp-loading{text-align:center;padding:var(--ws-space-2xl)}.comp-loading-spinner{width:32px;height:32px;margin:0 auto var(--ws-space-md);border:3px solid var(--ws-border-default);border-top-color:var(--ws-accent);border-radius:50%;animation:ws-spin .8s linear infinite}.comp-loading p{color:var(--ws-text-secondary);font-size:.875rem}.comp-load-more{text-align:center;margin-top:var(--ws-space-xl)}.comp-load-more-btn{padding:var(--ws-space-md) var(--ws-space-2xl);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);font-family:var(--ws-font-mono);font-size:.875rem;color:var(--ws-text-secondary);cursor:pointer;transition:all var(--ws-transition-fast)}.comp-load-more-btn:hover:not(:disabled){border-color:var(--ws-border-visible);color:var(--ws-text-primary);box-shadow:var(--ws-shadow-sm)}.comp-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.comps-container{max-width:900px;margin:0 auto;padding:var(--ws-space-xl) var(--ws-space-md)}.comps-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--ws-space-2xl)}@media (max-width:1024px){.comps-layout{grid-template-columns:1fr}.comps-sidebar{display:none}}.comps-main{min-width:0}.comps-header{margin-bottom:var(--ws-space-xl)}.comps-title{font-family:var(--ws-font-mono);font-size:1.5rem;font-weight:600;color:var(--ws-text-primary);margin-bottom:var(--ws-space-sm)}.comps-subtitle{color:var(--ws-text-secondary)}.comps-actions{margin-bottom:var(--ws-space-xl)}.comps-action-btn,.comps-actions{display:flex;gap:var(--ws-space-sm)}.comps-action-btn{flex:1;align-items:center;justify-content:center;padding:var(--ws-space-md);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);font-family:var(--ws-font-sans);font-size:.875rem;font-weight:500;color:var(--ws-text-secondary);text-decoration:none;transition:all var(--ws-transition-fast)}.comps-action-btn:hover{border-color:var(--ws-border-visible);color:var(--ws-text-primary);box-shadow:var(--ws-shadow-sm)}.comps-action-btn--primary{background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-hover));border-color:transparent;color:white}.comps-action-btn--primary:hover{box-shadow:0 4px 12px rgba(232,93,59,.25);color:white}.comps-list{display:flex;flex-direction:column;gap:var(--ws-space-sm)}.comps-item{display:flex;align-items:center;gap:var(--ws-space-md);padding:var(--ws-space-md);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);transition:all var(--ws-transition-fast)}.comps-item:hover{border-color:var(--ws-border-visible);box-shadow:var(--ws-shadow-sm)}.comps-item-link{flex:1;min-width:0;text-decoration:none}.comps-item-title{font-weight:500;color:var(--ws-text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comps-item-meta{font-size:.75rem;color:var(--ws-text-tertiary)}.comps-item-actions{display:flex;gap:var(--ws-space-xs);flex-shrink:0}.comps-item-btn{padding:var(--ws-space-sm);background:none;border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-sm);color:var(--ws-text-tertiary);cursor:pointer;transition:all var(--ws-transition-fast)}.comps-item-btn:hover{border-color:var(--ws-border-visible);color:var(--ws-text-primary)}.comps-item-btn--danger:hover{border-color:#ef4444;color:#ef4444}.comps-item-btn svg{width:16px;height:16px}.comps-empty{text-align:center;padding:var(--ws-space-2xl);background:var(--ws-bg-warm);border-radius:var(--ws-radius-lg)}.comps-empty-icon{width:48px;height:48px;margin:0 auto var(--ws-space-md);color:var(--ws-text-muted)}.comps-empty-title{font-weight:600;color:var(--ws-text-primary);margin-bottom:var(--ws-space-sm)}.comps-empty-desc{font-size:.875rem;color:var(--ws-text-secondary);margin-bottom:var(--ws-space-lg)}.comps-login{text-align:center;padding:var(--ws-space-2xl);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-lg)}.comps-login-title{font-weight:600;color:var(--ws-text-primary);margin-bottom:var(--ws-space-sm)}.comps-login-desc{font-size:.875rem;color:var(--ws-text-secondary);margin-bottom:var(--ws-space-lg)}.comps-login-btn{display:inline-flex;padding:var(--ws-space-md) var(--ws-space-xl);background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-hover));color:white;font-family:var(--ws-font-mono);font-size:.875rem;font-weight:600;text-decoration:none;border-radius:var(--ws-radius-md);transition:all var(--ws-transition-fast)}.comps-login-btn:hover{box-shadow:0 4px 12px rgba(232,93,59,.25)}.comps-load-more{display:block;width:100%;padding:var(--ws-space-md);margin-top:var(--ws-space-lg);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);font-family:var(--ws-font-mono);font-size:.875rem;color:var(--ws-text-secondary);cursor:pointer;transition:all var(--ws-transition-fast)}.comps-load-more:hover{border-color:var(--ws-border-visible);color:var(--ws-text-primary)}.comps-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--ws-space-md)}.comps-modal{background:var(--ws-bg-secondary);border-radius:var(--ws-radius-lg);padding:var(--ws-space-xl);max-width:400px;width:100%;box-shadow:var(--ws-shadow-lg)}.comps-modal-title{font-size:1.125rem;font-weight:600;color:var(--ws-text-primary);margin-bottom:var(--ws-space-md)}.comps-modal-desc{color:var(--ws-text-secondary);margin-bottom:var(--ws-space-xl)}.comps-modal-actions{display:flex;gap:var(--ws-space-sm);justify-content:flex-end}.comps-modal-btn{padding:var(--ws-space-sm) var(--ws-space-lg);border-radius:var(--ws-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--ws-transition-fast)}.comps-modal-btn--cancel{background:var(--ws-bg-hover);border:1px solid var(--ws-border-default);color:var(--ws-text-secondary)}.comps-modal-btn--cancel:hover{background:var(--ws-bg-active)}.comps-modal-btn--delete{background:#ef4444;border:none;color:white}.comps-modal-btn--delete:hover{background:#dc2626}.ws-page-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--ws-space-2xl);max-width:1200px;margin:0 auto;padding:var(--ws-space-xl) var(--ws-space-md) 0}@media (max-width:1024px){.ws-page-layout{grid-template-columns:1fr}.ws-page-sidebar{display:none}}.ws-page-main{min-width:0}.ws-page-sidebar{position:sticky;top:80px;align-self:start}.ws-ad-slot{min-height:250px}.ws-ad-placeholder{text-align:center}.ws-ad-label{font-family:var(--ws-font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-text-muted)}.ws-seo-content{margin-top:var(--ws-space-2xl);padding-top:var(--ws-space-2xl);border-top:1px solid var(--ws-border-subtle)}.ws-seo-inner{max-width:720px;margin:0 auto;padding:0 var(--ws-space-md)}.ws-seo-h1{font-family:var(--ws-font-sans);font-size:1.75rem;font-weight:600;color:var(--ws-text-primary);margin-bottom:var(--ws-space-lg);line-height:1.3}.ws-seo-h2{font-size:1.25rem;margin-top:var(--ws-space-xl);margin-bottom:var(--ws-space-md)}.ws-seo-h2,.ws-seo-h3{font-family:var(--ws-font-sans);font-weight:600;color:var(--ws-text-primary);line-height:1.4}.ws-seo-h3{font-size:1.125rem;margin-top:var(--ws-space-lg);margin-bottom:var(--ws-space-sm)}.ws-seo-p{font-size:1rem;line-height:1.7;color:var(--ws-text-secondary)}.ws-seo-ol,.ws-seo-p,.ws-seo-ul{margin-bottom:var(--ws-space-md)}.ws-seo-ol,.ws-seo-ul{padding-left:var(--ws-space-lg)}.ws-seo-li{font-size:1rem;line-height:1.7;color:var(--ws-text-secondary);margin-bottom:var(--ws-space-xs)}.ws-seo-content a{color:var(--ws-accent);text-decoration:underline;text-underline-offset:2px}.ws-seo-content a:hover{color:var(--ws-accent-hover)}.ws-seo-content strong{font-weight:600;color:var(--ws-text-primary)}.ws-seo-content em{font-style:italic}.ws-seo-content code{font-family:var(--ws-font-mono);font-size:.875em;background:var(--ws-bg-warm);padding:2px 6px;border-radius:4px}@media (max-width:640px){.ws-page-layout{padding:var(--ws-space-lg) var(--ws-space-sm) 0}.ws-container{padding:var(--ws-space-lg) var(--ws-space-md)}.ws-prompt-box{padding:var(--ws-space-lg)}.ws-prompt-input{font-size:1.125rem;min-height:44px}.ws-lyrics-card{border-radius:var(--ws-radius-md);padding:var(--ws-space-lg)}.ws-vibes-grid{gap:var(--ws-space-sm) var(--ws-space-lg)}.ws-button-row{flex-wrap:wrap}.ws-btn{flex:1 1 auto;min-width:0}}.home-hero{padding:var(--ws-space-2xl) var(--ws-space-md);text-align:center;background:linear-gradient(180deg,var(--ws-bg-primary) 0,var(--ws-bg-warm) 100%)}.home-hero-content{max-width:700px;margin:0 auto}.home-hero-title{font-family:var(--ws-font-sans);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;color:var(--ws-text-primary);margin-bottom:var(--ws-space-lg)}.home-hero-gradient{background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero-subtitle{font-size:1.25rem;color:var(--ws-text-secondary);line-height:1.6;margin-bottom:var(--ws-space-xl)}.home-hero-cta{display:flex;gap:var(--ws-space-md);justify-content:center;flex-wrap:wrap}.home-cta-primary{display:inline-flex;align-items:center;padding:var(--ws-space-md) var(--ws-space-xl);background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-hover));color:white;font-family:var(--ws-font-mono);font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--ws-radius-md);transition:all var(--ws-transition-fast);box-shadow:0 4px 14px rgba(232,93,59,.25)}.home-cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(232,93,59,.35)}.home-cta-large{padding:var(--ws-space-lg) var(--ws-space-2xl);font-size:1.125rem}.home-cta-secondary{display:inline-flex;align-items:center;padding:var(--ws-space-md) var(--ws-space-xl);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);color:var(--ws-text-secondary);font-family:var(--ws-font-mono);font-size:1rem;font-weight:500;text-decoration:none;border-radius:var(--ws-radius-md);transition:all var(--ws-transition-fast)}.home-cta-secondary:hover{border-color:var(--ws-border-visible);color:var(--ws-text-primary)}.home-section{padding:var(--ws-space-2xl) var(--ws-space-md)}.home-section--warm{background:var(--ws-bg-warm)}.home-container{max-width:1000px;margin:0 auto}.home-section-label{font-family:var(--ws-font-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-text-tertiary);margin-bottom:var(--ws-space-lg)}.home-section-desc{color:var(--ws-text-secondary);margin-top:calc(-1 * var(--ws-space-sm));margin-bottom:var(--ws-space-lg)}.home-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ws-space-lg)}@media (max-width:768px){.home-featured-grid{grid-template-columns:1fr}}.home-featured-card{position:relative;display:block;padding:var(--ws-space-xl);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-lg);text-decoration:none;overflow:hidden;transition:all var(--ws-transition-base)}.home-featured-card:hover{transform:translateY(-4px);box-shadow:var(--ws-shadow-lg);border-color:var(--accent-color,var(--ws-accent))}.home-featured-accent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color,var(--ws-accent))}.home-featured-title{font-size:1.5rem;font-weight:600;color:var(--ws-text-primary);margin-bottom:var(--ws-space-sm)}.home-featured-desc{font-size:.9375rem;color:var(--ws-text-secondary);margin-bottom:var(--ws-space-md)}.home-featured-cta{display:inline-flex;align-items:center;gap:var(--ws-space-xs);font-family:var(--ws-font-mono);font-size:.875rem;font-weight:500;color:var(--accent-color,var(--ws-accent))}.home-genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ws-space-md)}@media (max-width:768px){.home-genre-grid{grid-template-columns:repeat(2,1fr)}}.home-genre-card{display:flex;align-items:center;gap:var(--ws-space-sm);padding:var(--ws-space-md);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);font-size:1rem;font-weight:500;color:var(--ws-text-primary);text-decoration:none;transition:all var(--ws-transition-fast)}.home-genre-card:hover{border-color:var(--ws-border-visible);transform:translateY(-2px);box-shadow:var(--ws-shadow-sm)}.home-genre-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.home-poetry-grid{display:flex;flex-wrap:wrap;gap:var(--ws-space-sm)}.home-poetry-card{padding:var(--ws-space-sm) var(--ws-space-lg);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);font-size:.9375rem;color:var(--ws-text-secondary);text-decoration:none;transition:all var(--ws-transition-fast)}.home-poetry-card:hover{border-color:var(--ws-accent-tertiary);color:var(--ws-accent-tertiary)}.home-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ws-space-xl)}@media (max-width:768px){.home-steps{grid-template-columns:1fr}}.home-step{text-align:center}.home-step-num{width:48px;height:48px;margin:0 auto var(--ws-space-md);background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--ws-font-mono);font-size:1.25rem;font-weight:700;color:white}.home-step-title{font-size:1.125rem;font-weight:600;color:var(--ws-text-primary);margin-bottom:var(--ws-space-sm)}.home-step-desc{font-size:.9375rem;color:var(--ws-text-secondary)}.home-seo-content{max-width:720px}.home-final-cta{padding:var(--ws-space-2xl) var(--ws-space-md);text-align:center;background:linear-gradient(180deg,var(--ws-bg-warm) 0,var(--ws-bg-primary) 100%)}.home-final-title{font-size:1.75rem;font-weight:600;color:var(--ws-text-primary);margin-bottom:var(--ws-space-lg)}.home-workspace{padding:var(--ws-space-xl) var(--ws-space-md) var(--ws-space-2xl);background:var(--ws-bg-primary)}.home-style-bar{display:flex;flex-direction:column;align-items:center;gap:var(--ws-space-md);margin-bottom:var(--ws-space-xl);text-align:center}.home-title{font-family:var(--ws-font-sans);font-size:2.25rem;font-weight:700;letter-spacing:-.02em;color:var(--ws-text-primary);line-height:1.15}@media (min-width:640px){.home-title{font-size:3rem}}.home-style-picker{position:relative}.home-style-trigger{display:inline-flex;align-items:center;gap:4px;padding:0;background:none;border:none;font-family:var(--ws-font-mono);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ws-accent);cursor:pointer;transition:color var(--ws-transition-fast)}.home-style-trigger:hover{color:var(--ws-accent-hover)}.home-style-chevron{width:14px;height:14px;transition:transform var(--ws-transition-fast)}.home-style-chevron--open{transform:rotate(180deg)}.home-style-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:160px;background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);box-shadow:var(--ws-shadow-lg);padding:var(--ws-space-xs);z-index:50}.home-style-option{display:block;width:100%;padding:var(--ws-space-sm) var(--ws-space-md);background:none;border:none;border-radius:var(--ws-radius-sm);font-family:var(--ws-font-mono);font-size:.8125rem;font-weight:500;color:var(--ws-text-secondary);cursor:pointer;text-align:left;transition:all var(--ws-transition-fast)}.home-style-option:hover{background:var(--ws-bg-hover);color:var(--ws-text-primary)}.home-style-option--active{color:var(--ws-accent);background:var(--ws-accent-subtle)}.home-recent-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--ws-space-lg)}.home-recent-link{font-family:var(--ws-font-mono);font-size:.8125rem;color:var(--ws-accent);text-decoration:none;transition:color var(--ws-transition-fast)}.home-recent-link:hover{color:var(--ws-accent-hover)}.home-recent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ws-space-md)}@media (max-width:640px){.home-workspace{padding-left:var(--ws-space-sm);padding-right:var(--ws-space-sm)}.home-style-bar{margin-bottom:var(--ws-space-lg)}.home-recent-grid{grid-template-columns:1fr}}.home-recent-card{display:flex;overflow:hidden;background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);text-decoration:none;color:inherit;transition:all var(--ws-transition-fast)}.home-recent-card:hover{border-color:var(--ws-border-visible);box-shadow:var(--ws-shadow-md)}.home-recent-accent{width:4px;flex-shrink:0}.home-recent-body{padding:var(--ws-space-md);min-width:0;display:flex;flex-direction:column;gap:var(--ws-space-xs)}.home-recent-title{font-family:var(--ws-font-sans);font-size:.9375rem;font-weight:600;color:var(--ws-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-recent-meta{display:flex;align-items:center;gap:var(--ws-space-sm);font-size:.75rem}.home-recent-style{font-family:var(--ws-font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.home-recent-date{color:var(--ws-text-muted)}.home-recent-preview{font-size:.8125rem;color:var(--ws-text-tertiary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.home-signin-prompt{display:flex;align-items:center;justify-content:center;gap:var(--ws-space-lg);padding:var(--ws-space-lg) var(--ws-space-xl);background:var(--ws-bg-secondary);border:1px dashed var(--ws-border-visible);border-radius:var(--ws-radius-md)}.home-signin-text{font-size:.875rem;color:var(--ws-text-secondary);margin:0}.home-signin-btn{flex-shrink:0;padding:var(--ws-space-sm) var(--ws-space-lg);background:var(--ws-accent);color:white;border:none;border-radius:var(--ws-radius-sm);font-family:var(--ws-font-sans);font-size:.875rem;font-weight:600;text-decoration:none;transition:background var(--ws-transition-fast)}.home-signin-btn:hover{background:var(--ws-accent-hover)}@media (max-width:480px){.home-signin-prompt{flex-direction:column;text-align:center;gap:var(--ws-space-md)}}.view-page-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--ws-space-2xl);max-width:1200px;margin:0 auto;padding:var(--ws-space-xl) var(--ws-space-md)}@media (max-width:1024px){.view-page-layout{grid-template-columns:1fr}.view-page-sidebar{display:none}}.view-page-main{min-width:0}.view-page-sidebar{position:sticky;top:80px;align-self:start}.view-ad-slot{min-height:250px}.view-ad-placeholder{text-align:center}.view-ad-label{font-family:var(--ws-font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-text-muted)}.view-lyrics-container{max-width:720px;margin:0 auto;padding:0 var(--ws-space-md)}.view-lyrics-card{background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-lg);padding:var(--ws-space-xl);margin-bottom:var(--ws-space-lg);box-shadow:var(--ws-shadow-sm)}.view-lyrics-title{font-family:var(--ws-font-mono);font-size:1.5rem;font-weight:600;letter-spacing:.02em;color:var(--ws-text-primary);text-align:center;margin-bottom:var(--ws-space-md);padding-bottom:var(--ws-space-md);border-bottom:1px solid var(--ws-border-subtle)}.view-lyrics-meta{display:flex;flex-wrap:wrap;gap:var(--ws-space-sm);justify-content:center;margin-bottom:var(--ws-space-lg)}.view-lyrics-style{font-family:var(--ws-font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ws-accent)}.view-lyrics-tag{font-size:.75rem;color:var(--ws-text-tertiary);padding:2px 8px;background:var(--ws-bg-warm);border-radius:4px}.view-lyrics-content{font-family:var(--ws-font-mono);font-size:1rem;line-height:1.8;color:var(--ws-text-primary)}.view-lyrics-section{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-text-tertiary);margin-top:var(--ws-space-xl);margin-bottom:var(--ws-space-sm)}.view-lyrics-section:first-child{margin-top:0}.view-lyrics-line{margin:0;padding:2px 0}.view-lyrics-break{height:var(--ws-space-md)}.view-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ws-space-sm);margin-bottom:var(--ws-space-lg)}.view-action-btn{display:inline-flex;align-items:center;gap:var(--ws-space-sm);padding:var(--ws-space-md) var(--ws-space-lg);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);font-family:var(--ws-font-sans);font-size:.9375rem;font-weight:500;color:var(--ws-text-secondary);text-decoration:none;cursor:pointer;transition:all var(--ws-transition-fast)}.view-action-btn:hover{border-color:var(--ws-border-visible);color:var(--ws-text-primary);box-shadow:var(--ws-shadow-sm)}.view-action-btn--primary{background:linear-gradient(135deg,var(--ws-accent),var(--ws-accent-hover));border-color:transparent;color:white}.view-action-btn--primary:hover{box-shadow:0 4px 12px rgba(232,93,59,.25);color:white}.view-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--ws-space-md)}.view-modal{background:var(--ws-bg-secondary);border-radius:var(--ws-radius-lg);padding:var(--ws-space-xl);max-width:450px;width:100%;box-shadow:var(--ws-shadow-lg)}.view-modal-title{font-size:1.125rem;font-weight:600;color:var(--ws-text-primary);margin-bottom:var(--ws-space-md)}.view-modal-input{width:100%;padding:var(--ws-space-md);background:var(--ws-bg-warm);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-sm);font-family:var(--ws-font-mono);font-size:.875rem;color:var(--ws-text-primary);margin-bottom:var(--ws-space-lg)}.view-modal-actions{display:flex;gap:var(--ws-space-sm)}.view-section{margin-top:var(--ws-space-2xl);padding-top:var(--ws-space-xl);border-top:1px solid var(--ws-border-subtle)}.view-section-title{font-family:var(--ws-font-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-text-tertiary);margin-bottom:var(--ws-space-md)}.view-genre-grid{display:flex;flex-wrap:wrap;gap:var(--ws-space-sm)}.view-genre-card{padding:var(--ws-space-sm) var(--ws-space-lg);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);font-size:.9375rem;font-weight:500;color:var(--ws-text-secondary);text-decoration:none;transition:all var(--ws-transition-fast)}.view-genre-card:hover{border-color:var(--ws-accent);color:var(--ws-accent)}@media (max-width:640px){.view-page-layout{padding:var(--ws-space-lg) var(--ws-space-sm)}.view-lyrics-card{border-radius:var(--ws-radius-md);padding:var(--ws-space-lg)}.view-lyrics-title{font-size:1.25rem;margin-bottom:var(--ws-space-md);padding-bottom:var(--ws-space-sm)}.view-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--ws-space-sm);margin-bottom:var(--ws-space-md)}.view-action-btn{justify-content:center;padding:var(--ws-space-sm) var(--ws-space-md);font-size:.8125rem}}.edit-form{gap:var(--ws-space-lg);animation:ws-fade-up .4s ease-out both}.edit-form,.edit-section{display:flex;flex-direction:column}.edit-section{gap:var(--ws-space-sm)}.edit-input{width:100%;padding:var(--ws-space-sm) var(--ws-space-md);font-family:var(--ws-font-sans);font-size:1rem;font-weight:500;color:var(--ws-text-primary);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);outline:none;transition:border-color var(--ws-transition-fast),box-shadow var(--ws-transition-fast);box-sizing:border-box}.edit-input:focus{border-color:var(--ws-border-focus);box-shadow:var(--ws-shadow-glow)}.edit-input::-moz-placeholder{color:var(--ws-text-muted)}.edit-input::placeholder{color:var(--ws-text-muted)}.edit-textarea{width:100%;padding:var(--ws-space-md);font-family:var(--ws-font-mono);font-size:.875rem;line-height:1.7;color:var(--ws-text-primary);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);outline:none;resize:vertical;transition:border-color var(--ws-transition-fast),box-shadow var(--ws-transition-fast);box-sizing:border-box}.edit-textarea:focus{border-color:var(--ws-border-focus);box-shadow:var(--ws-shadow-glow)}.edit-textarea::-moz-placeholder{color:var(--ws-text-muted);font-family:var(--ws-font-sans)}.edit-textarea::placeholder{color:var(--ws-text-muted);font-family:var(--ws-font-sans)}.edit-textarea--short{min-height:72px}.edit-chip-grid{display:flex;flex-wrap:wrap;gap:var(--ws-space-xs)}.edit-chip{padding:6px 14px;font-family:var(--ws-font-sans);font-size:.8125rem;font-weight:500;color:var(--ws-text-secondary);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-xl);cursor:pointer;transition:all var(--ws-transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.edit-chip:hover{border-color:var(--ws-border-visible);color:var(--ws-text-primary)}.edit-chip--active{background:var(--ws-accent-subtle);border-color:var(--ws-accent);color:var(--ws-accent)}.edit-chip--active:hover{background:var(--ws-accent-glow);border-color:var(--ws-accent-hover);color:var(--ws-accent-hover)}.edit-submit{width:100%;padding:var(--ws-space-md) var(--ws-space-xl);font-family:var(--ws-font-mono);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ffffff;background:var(--ws-accent);border:none;border-radius:var(--ws-radius-md);cursor:pointer;transition:all var(--ws-transition-fast)}.edit-submit:hover:not(:disabled){background:var(--ws-accent-hover);transform:translateY(-1px);box-shadow:var(--ws-shadow-md)}.edit-submit:disabled{opacity:.4;cursor:not-allowed}.edit-again{display:flex;flex-direction:column;gap:var(--ws-space-sm);margin-top:var(--ws-space-lg);padding:var(--ws-space-lg);background:var(--ws-bg-warm);border:1px solid var(--ws-border-subtle);border-radius:var(--ws-radius-lg)}.ws-field{margin-bottom:var(--ws-space-md)}.ws-field--tags{margin-bottom:var(--ws-space-lg)}.ws-field--toggle{margin-bottom:var(--ws-space-md)}.ws-required{color:var(--ws-accent);margin-left:2px}.ws-field-hint{display:block;margin-top:var(--ws-space-xs);font-size:.8125rem;color:var(--ws-text-tertiary);font-style:italic}.ws-text-input{width:100%;padding:var(--ws-space-md);font-size:.9375rem;font-family:var(--ws-font-sans);color:var(--ws-text-primary);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-sm);transition:all var(--ws-transition-fast)}.ws-text-input::-moz-placeholder{color:var(--ws-text-muted)}.ws-text-input::placeholder{color:var(--ws-text-muted)}.ws-text-input:focus{outline:none;border-color:var(--ws-accent);box-shadow:var(--ws-shadow-glow)}.ws-select{width:100%;padding:var(--ws-space-md);font-size:.9375rem;font-family:var(--ws-font-sans);color:var(--ws-text-primary);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-sm);cursor:pointer;transition:all var(--ws-transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235c5a54'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.ws-select:focus{outline:none;border-color:var(--ws-accent);box-shadow:var(--ws-shadow-glow)}.ws-select:hover{border-color:var(--ws-border-visible)}.ws-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ws-space-md);cursor:pointer}.ws-toggle-label{display:flex;flex-direction:column;gap:2px;font-size:.9375rem;color:var(--ws-text-primary)}.ws-toggle-desc{font-size:.8125rem;color:var(--ws-text-tertiary)}.ws-toggle{position:relative;width:44px;height:24px;background:var(--ws-border-visible);border:none;border-radius:12px;cursor:pointer;transition:background var(--ws-transition-fast);flex-shrink:0}.ws-toggle--on{background:var(--ws-accent)}.ws-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;box-shadow:var(--ws-shadow-sm);transition:transform var(--ws-transition-fast)}.ws-toggle--on .ws-toggle-thumb{transform:translateX(20px)}.ws-tags-selected{display:flex;flex-wrap:wrap;gap:var(--ws-space-sm);margin-bottom:var(--ws-space-md)}.ws-prompt-tag--accent{background:var(--ws-accent-tertiary);border-color:var(--ws-accent-tertiary)}.ws-prompt-tag--accent:hover{background:#6d28d9;border-color:#6d28d9}.ws-tags-input-row{display:flex;gap:var(--ws-space-sm);margin-bottom:var(--ws-space-md)}.ws-tags-input{flex:1;background:var(--ws-surface);border:1px solid var(--ws-border);border-radius:var(--ws-radius-md);padding:var(--ws-space-sm) var(--ws-space-md);font-size:.875rem;color:var(--ws-text-primary);transition:border-color .2s ease,box-shadow .2s ease}.ws-tags-input::-moz-placeholder{color:var(--ws-text-muted)}.ws-tags-input::placeholder{color:var(--ws-text-muted)}.ws-tags-input:focus{outline:none;border-color:var(--ws-accent);box-shadow:0 0 0 2px rgba(139,92,246,.15)}.ws-tags-add-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--ws-accent);border:none;border-radius:var(--ws-radius-md);color:white;cursor:pointer;transition:background .2s ease,opacity .2s ease}.ws-tags-add-btn:disabled{opacity:.4;cursor:default}.ws-tags-add-btn:not(:disabled):hover{background:var(--ws-accent-hover)}.ws-tags-add-btn svg{width:18px;height:18px}.ws-dynamic-fields{display:flex;flex-direction:column;gap:var(--ws-space-lg);margin-top:var(--ws-space-lg)}.ws-dynamic-field-wrapper{animation:ws-fade-up .3s ease-out both}.ws-dynamic-field-wrapper:first-child{animation-delay:.1s}.ws-dynamic-field-wrapper:nth-child(2){animation-delay:.15s}.ws-dynamic-field-wrapper:nth-child(3){animation-delay:.2s}.ws-dynamic-field-wrapper:nth-child(4){animation-delay:.25s}.ws-dynamic-field-wrapper:nth-child(5){animation-delay:.3s}.ws-dynamic-field-wrapper:nth-child(6){animation-delay:.35s}.ws-select-inline{display:flex;flex-wrap:wrap;gap:var(--ws-space-sm)}.ws-select-inline .ws-select{width:auto;min-width:120px}.login-container{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:var(--ws-space-lg)}.login-card{max-width:400px;width:100%;padding:var(--ws-space-lg)}.login-title{font-family:var(--ws-font-sans);font-size:1.5rem;font-weight:600;color:var(--ws-text-primary);text-align:left;margin-bottom:var(--ws-space-md)}.login-text{font-size:1rem;line-height:1.6;color:var(--ws-text-secondary);text-align:left;margin-bottom:var(--ws-space-sm)}.login-divider{border:none;border-top:1px solid var(--ws-border-subtle);margin:var(--ws-space-md) 0}@media (max-width:640px){.login-card{padding:var(--ws-space-md)}.login-title{font-size:1.25rem}}.ws-seo-content--standalone{margin-top:0;padding-top:var(--ws-space-xl);border-top:none}.not-found-main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--ws-space-2xl) var(--ws-space-md)}.not-found-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px}.not-found-code{font-family:var(--ws-font-mono);font-size:6rem;font-weight:800;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--ws-accent) 0,var(--ws-accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--ws-space-sm)}.not-found-title{font-family:var(--ws-font-sans);font-size:1.5rem;font-weight:700;color:var(--ws-text-primary);margin-bottom:var(--ws-space-sm);letter-spacing:-.01em}.not-found-text{font-size:.9375rem;color:var(--ws-text-secondary);line-height:1.6;margin-bottom:var(--ws-space-xl)}.not-found-generators{width:100%;margin-bottom:var(--ws-space-xl)}.not-found-label{display:block;font-family:var(--ws-font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ws-text-tertiary);margin-bottom:var(--ws-space-md)}.not-found-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ws-space-sm)}.not-found-genre{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--ws-space-sm) var(--ws-space-md);background:var(--ws-bg-secondary);border:1px solid var(--ws-border-default);border-radius:var(--ws-radius-md);font-family:var(--ws-font-sans);font-size:.8125rem;font-weight:500;color:var(--ws-text-primary);text-decoration:none;transition:all var(--ws-transition-fast)}.not-found-genre:hover{border-color:var(--ws-border-visible);background:var(--ws-bg-hover);transform:translateY(-1px);box-shadow:var(--ws-shadow-sm)}.not-found-genre-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.not-found-link{display:inline-flex;align-items:center;gap:var(--ws-space-sm);padding:10px var(--ws-space-xl);background:var(--ws-text-primary);color:var(--ws-bg-primary);font-family:var(--ws-font-sans);font-size:.875rem;font-weight:600;text-decoration:none;border-radius:var(--ws-radius-md);transition:all var(--ws-transition-fast)}.not-found-link:hover{opacity:.85;transform:translateY(-1px)}@media (max-width:400px){.not-found-grid{grid-template-columns:repeat(2,1fr)}.not-found-code{font-size:4.5rem}}.ws-loading-spinner{width:32px;height:32px;border:3px solid var(--ws-border-default);border-top-color:var(--ws-accent);border-radius:50%;animation:ws-spin .7s linear infinite}@keyframes ws-spin{to{transform:rotate(1turn)}}