.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.glass-panel--default{background:var(--glass-bg)}.glass-panel--subtle{background:#ffffff05;border-color:#ffffff0d}.glass-panel--strong{background:var(--glass-bg-active);border-color:var(--glass-border-active)}.glass-panel--card{background:var(--color-bg-secondary);border-color:var(--glass-border)}.glass-panel--padding-none{padding:0}.glass-panel--padding-sm{padding:var(--space-sm)}.glass-panel--padding-md{padding:var(--space-lg)}.glass-panel--padding-lg{padding:var(--space-xl)}.glass-panel--padding-xl{padding:var(--space-2xl)}.glass-panel--glow{box-shadow:var(--glow-purple)}.glass-panel--hover{transition:var(--transition-base);cursor:pointer}.glass-panel--hover:hover{border-color:var(--color-accent-primary);transform:translateY(-2px);box-shadow:var(--glow-purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:inherit;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:32px;padding:0 var(--space-sm);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn--md{height:40px;padding:0 var(--space-lg);font-size:var(--text-sm)}.btn--lg{height:48px;padding:0 var(--space-lg);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--glow-purple)}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--glow-purple)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--glass-bg-active);color:var(--text-primary);border:1px solid var(--glass-border)}.btn--secondary:hover:not(:disabled){background:var(--glass-bg);border-color:var(--color-accent-primary)}.btn--outline{background:transparent;color:var(--color-accent-primary);border:1px solid var(--color-accent-primary)}.btn--outline:hover:not(:disabled){background:#8b5cf61a}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary)}.btn--danger{background:var(--color-accent-error);color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626;box-shadow:0 0 20px #ef44444d}.btn--full-width{width:100%}.btn--loading{position:relative}.btn-spinner{width:18px;height:18px;animation:spin .8s linear infinite}.btn-spinner svg{width:100%;height:100%}.btn-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.btn-icon svg{width:100%;height:100%}.btn-icon--left{margin-right:var(--space-xs)}.btn-icon--right{margin-left:var(--space-xs)}.btn-text{display:inline-flex;align-items:center}.input-container{display:flex;flex-direction:column;gap:var(--space-sm)}.input-container--full-width{width:100%}.input-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-field{width:100%;height:44px;padding:0 var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-base);color:var(--text-primary);transition:var(--transition-fast)}.input-field::placeholder{color:var(--text-muted)}.input-field:hover{border-color:var(--glass-border-hover)}.input-field:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf626}.input-wrapper--icon-left .input-field{padding-left:calc(var(--space-md) + 24px)}.input-wrapper--icon-right .input-field{padding-right:calc(var(--space-md) + 24px)}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);pointer-events:none}.input-icon--left{left:var(--space-md)}.input-icon--right{right:var(--space-md)}.input-icon svg{width:100%;height:100%}.input-container--error .input-field{border-color:var(--color-accent-error)}.input-container--error .input-field:focus{box-shadow:0 0 0 3px #ef444426}.input-error{font-size:var(--text-sm);color:var(--color-accent-error)}.input-hint{font-size:var(--text-sm);color:var(--text-muted)}.textarea-container{display:flex;flex-direction:column;gap:var(--space-sm)}.textarea-container--full-width{width:100%}.textarea-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.textarea-wrapper{position:relative}.textarea-field{width:100%;min-height:120px;padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-base);color:var(--text-primary);resize:vertical;transition:var(--transition-fast);line-height:1.6}.textarea-field::placeholder{color:var(--text-muted)}.textarea-field:hover{border-color:var(--glass-border-hover)}.textarea-field:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf626}.textarea-count{position:absolute;bottom:var(--space-sm);right:var(--space-sm);font-size:var(--text-xs);color:var(--text-muted);background:var(--color-bg-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.textarea-container--error .textarea-field{border-color:var(--color-accent-error)}.textarea-container--error .textarea-field:focus{box-shadow:0 0 0 3px #ef444426}.textarea-error{font-size:var(--text-sm);color:var(--color-accent-error)}.textarea-hint{font-size:var(--text-sm);color:var(--text-muted)}.select-container{display:flex;flex-direction:column;gap:var(--space-sm)}.select-container--full-width{width:100%}.select-container--disabled{opacity:.5;pointer-events:none}.select-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.select-wrapper{position:relative;display:flex;align-items:center}.select-field{width:100%;height:44px;padding:0 calc(var(--space-md) + 24px) 0 var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-base);color:var(--text-primary);cursor:pointer;appearance:none;-webkit-appearance:none;transition:var(--transition-fast)}.select-field--with-icon{padding-left:calc(var(--space-md) + 24px)}.select-field:hover{border-color:var(--glass-border-hover)}.select-field:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf626}.select-field option{background:var(--color-bg-secondary);color:var(--text-primary);padding:var(--space-sm)}.select-icon{position:absolute;left:var(--space-md);display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);pointer-events:none}.select-icon svg{width:100%;height:100%}.select-arrow{position:absolute;right:var(--space-md);display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-muted);pointer-events:none;transition:var(--transition-fast)}.select-arrow svg{width:100%;height:100%}.select-field:focus+.select-arrow{color:var(--color-accent-primary)}.select-container--error .select-field{border-color:var(--color-accent-error)}.select-container--error .select-field:focus{box-shadow:0 0 0 3px #ef444426}.select-error{font-size:var(--text-sm);color:var(--color-accent-error)}.select-hint{font-size:var(--text-sm);color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:#000000b3;backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fadeIn .2s ease-out}.modal{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - var(--space-3xl));border-radius:var(--radius-2xl);animation:slideInUp .3s ease-out}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:560px}.modal--lg{width:100%;max-width:720px}.modal--xl{width:100%;max-width:960px}.modal--full{width:calc(100vw - var(--space-3xl));height:calc(100vh - var(--space-3xl));max-width:none;max-height:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg);border-bottom:1px solid var(--glass-border)}.modal-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.modal-close:hover{background:var(--glass-bg);color:var(--text-primary)}.modal-close svg{width:20px;height:20px}.modal-content{flex:1;padding:var(--space-lg);overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg) var(--space-lg);border-top:1px solid var(--glass-border)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.modal-overlay{padding:var(--space-md)}.modal{max-height:calc(100vh - var(--space-2xl))}.modal-header,.modal-content,.modal-footer{padding:var(--space-md)}}.loader{display:inline-flex;align-items:center;justify-content:center}.loader--sm{width:20px;height:20px}.loader--md{width:32px;height:32px}.loader--lg{width:48px;height:48px}.loader--spinner svg{width:100%;height:100%;animation:spin 1s linear infinite}.loader--dots{gap:var(--space-sm)}.loader--dots .loader-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent-primary);animation:dotPulse 1.4s ease-in-out infinite}.loader--dots .loader-dot:nth-child(2){animation-delay:.2s}.loader--dots .loader-dot:nth-child(3){animation-delay:.4s}.loader--dots.loader--sm .loader-dot{width:6px;height:6px}.loader--dots.loader--lg .loader-dot{width:12px;height:12px}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.loader--pulse{border-radius:var(--radius-full);background:var(--gradient-primary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:var(--z-toast);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);min-width:300px;max-width:450px;border-radius:var(--radius-lg);pointer-events:auto;animation:slideInRight .3s ease-out}.toast--success{border-left:3px solid var(--color-accent-success)}.toast--success .toast-icon{color:var(--color-accent-success)}.toast--error{border-left:3px solid var(--color-accent-error)}.toast--error .toast-icon{color:var(--color-accent-error)}.toast--warning{border-left:3px solid var(--color-accent-warning)}.toast--warning .toast-icon{color:var(--color-accent-warning)}.toast--info{border-left:3px solid var(--color-accent-secondary)}.toast--info .toast-icon{color:var(--color-accent-secondary)}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-icon svg{width:100%;height:100%}.toast-message{flex:1;font-size:var(--text-sm);color:var(--text-primary);line-height:1.4}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.toast-close:hover{background:var(--glass-bg);color:var(--text-primary)}.toast-close svg{width:16px;height:16px}@media(max-width:640px){.toast-container{left:var(--space-md);right:var(--space-md);bottom:var(--space-md)}.toast{min-width:auto;max-width:none}}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.badge--sm{padding:2px var(--space-sm);font-size:var(--text-xs)}.badge--md{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.badge--default{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border)}.badge--primary{background:#8b5cf626;color:var(--color-accent-primary);border:1px solid rgba(139,92,246,.3)}.badge--success{background:#10b98126;color:var(--color-accent-success);border:1px solid rgba(16,185,129,.3)}.badge--warning{background:#f59e0b26;color:var(--color-accent-warning);border:1px solid rgba(245,158,11,.3)}.badge--error{background:#ef444426;color:var(--color-accent-error);border:1px solid rgba(239,68,68,.3)}.badge--info{background:#06b6d426;color:var(--color-accent-secondary);border:1px solid rgba(6,182,212,.3)}.badge--dot{padding-left:var(--space-sm)}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.badge--sm.badge--dot{padding-left:var(--space-xs)}.badge--sm .badge-dot{width:5px;height:5px}.rate-limit-display{min-width:200px}.rate-limit-display.compact{display:flex;align-items:center;min-width:auto}.rate-limit-display.error{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);color:var(--text-muted);font-size:var(--text-sm)}.rate-limit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.rate-limit-header h3{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0}.refresh-btn{background:transparent;border:none;cursor:pointer;font-size:var(--text-md);padding:var(--space-xs);border-radius:var(--radius-sm);transition:var(--transition-fast);opacity:.6}.refresh-btn:hover{opacity:1;background:var(--glass-bg-hover)}.rate-limit-stats{display:flex;flex-direction:column;gap:var(--space-md)}.usage-stat{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-header{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.stat-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.reset-time{font-size:var(--text-xs);color:var(--text-muted)}.rate-limit-display .progress-bar{height:8px;background:var(--glass-bg-hover);border-radius:var(--radius-full);overflow:hidden}.rate-limit-display .progress-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.progress-bar.good .progress-fill{background:linear-gradient(90deg,#10b981,#34d399)}.progress-bar.warning .progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar.critical .progress-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.compact-bars{display:flex;gap:var(--space-sm)}.compact-bar{position:relative;width:60px;height:16px;background:var(--glass-bg);border-radius:var(--radius-sm);overflow:hidden}.compact-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-sm);transition:width .3s ease}.compact-bar.good .compact-bar-fill{background:#10b9814d}.compact-bar.warning .compact-bar-fill{background:#f59e0b4d}.compact-bar.critical .compact-bar-fill{background:#ef44444d}.compact-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.usage-warning{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.usage-warning.warning{background:#f59e0b1a;color:#f59e0b}.usage-warning.critical{background:#ef44441a;color:#ef4444}.error-icon{font-size:var(--text-sm)}.error-text{font-size:var(--text-xs)}.size-selector{display:flex;flex-direction:column;gap:.75rem}.size-selector--disabled{opacity:.6;pointer-events:none}.size-selector__tabs{display:flex;gap:.25rem;padding:.25rem;background:#ffffff0d;border-radius:.5rem}.size-selector__tab{flex:1;padding:.5rem 1rem;border:none;background:transparent;color:#fff9;font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.size-selector__tab:hover:not(:disabled){color:#ffffffe6;background:#ffffff0d}.size-selector__tab--active{background:#ffffff1a;color:#fff}.size-selector__tab:disabled{cursor:not-allowed}.size-selector__options{padding:.5rem 0}.size-selector__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem}.size-selector__grid--sizes{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.size-selector__option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.75rem .5rem;background:#ffffff0d;border:2px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;min-height:80px}.size-selector__option:hover:not(:disabled){background:#ffffff1a;border-color:#8b5cf64d}.size-selector__option--selected{background:#8b5cf626;border-color:#8b5cf6}.size-selector__option--selected:hover:not(:disabled){background:#8b5cf633}.size-selector__option:disabled{cursor:not-allowed}.size-selector__preview{background:linear-gradient(135deg,#8b5cf666,#3b82f666);border-radius:.25rem;border:1px solid rgba(255,255,255,.2)}.size-selector__label{font-size:.75rem;color:#ffffffb3;font-weight:500}.size-selector__option--selected .size-selector__label{color:#fff}.size-selector__resolution{font-size:.8125rem;color:#fff;font-weight:600;font-variant-numeric:tabular-nums}.size-selector__option--size{min-height:70px}@media(max-width:480px){.size-selector__grid{grid-template-columns:repeat(3,1fr)}.size-selector__grid--sizes{grid-template-columns:1fr}.size-selector__option{min-height:70px;padding:.5rem}}.lazy-image{position:relative;overflow:hidden;background:#33415580;border-radius:.5rem}.lazy-image__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(10px);transform:scale(1.1);transition:opacity .3s ease}.lazy-image--loaded .lazy-image__placeholder{opacity:0}.lazy-image__actual{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.lazy-image--loaded .lazy-image__actual{opacity:1}.lazy-image__error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#334155cc;color:#ffffff80;font-size:.875rem}.lazy-image:not(.lazy-image--loaded):not(.lazy-image--error):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:lazy-image-shimmer 1.5s infinite}@keyframes lazy-image-shimmer{0%{left:-100%}to{left:100%}}.page-loader{display:flex;align-items:center;justify-content:center;min-height:60vh;width:100%}.page-loader__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.page-loader__spinner{position:relative;width:60px;height:60px}.page-loader__ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;animation:page-loader-spin 1.2s ease-in-out infinite}.page-loader__ring:nth-child(1){border-top-color:var(--color-primary, #8b5cf6);animation-delay:0s}.page-loader__ring:nth-child(2){border-right-color:var(--color-secondary, #06b6d4);animation-delay:.15s}.page-loader__ring:nth-child(3){border-bottom-color:var(--color-accent, #f59e0b);animation-delay:.3s}.page-loader__message{color:#ffffffb3;font-size:.875rem;font-weight:500;letter-spacing:.025em}@keyframes page-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}