@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--brand-primary: #6C5CE7;--brand-secondary: #00D9FF;--brand-gradient: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-secondary) 100%);--brand-glow: 0 0 20px rgba(108, 92, 231, .3);--sidebar-width: 220px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--transition: .15s ease;--text-xs: .7rem;--text-sm: .775rem;--text-base: .85rem;--text-lg: .95rem}[data-theme=dark]{--bg-primary: #0a0c10;--bg-secondary: #0f1115;--bg-tertiary: #161a20;--bg-surface: #1a1f26;--bg-input: #12151a;--bg-hover: rgba(255, 255, 255, .04);--text-primary: #f1f5f9;--text-secondary: #a1a9b8;--text-muted: #6b7280;--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .08);--border-focus: var(--brand-primary);--success: #22c55e;--warning: #eab308;--error: #ef4444;--info: #3b82f6;--skeleton-from: rgba(255, 255, 255, .03);--skeleton-to: rgba(255, 255, 255, .06)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-surface: #ffffff;--bg-input: #ffffff;--bg-hover: rgba(0, 0, 0, .03);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-focus: var(--brand-primary);--success: #16a34a;--warning: #ca8a04;--error: #dc2626;--info: #2563eb;--skeleton-from: rgba(0, 0, 0, .04);--skeleton-to: rgba(0, 0, 0, .08)}*{box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);line-height:1.5;margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;margin:0}.text-gradient{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.generator-card,.result-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--card-shadow)}[data-theme=dark]{--bg-card: linear-gradient(145deg, rgba(22, 26, 32, .9) 0%, rgba(15, 17, 21, .95) 100%);--border-card: rgba(255, 255, 255, .08);--card-shadow: 0 4px 24px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .05)}[data-theme=light]{--bg-card: #ffffff;--border-card: rgba(0, 0, 0, .08);--card-shadow: 0 4px 24px rgba(0, 0, 0, .08)}.panel-card{border-radius:var(--radius-lg);border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panel-card-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);background:var(--panel-header-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.panel-card-body{padding:1rem}[data-theme=dark]{--panel-bg: linear-gradient(180deg, rgba(22, 26, 35, .95) 0%, rgba(15, 18, 25, .98) 100%);--panel-border: rgba(255, 255, 255, .06);--panel-shadow: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .03), inset 0 1px 0 rgba(255, 255, 255, .04);--panel-header-bg: rgba(255, 255, 255, .02)}[data-theme=light]{--panel-bg: rgba(255, 255, 255, .9);--panel-border: rgba(0, 0, 0, .06);--panel-shadow: 0 8px 32px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .02);--panel-header-bg: rgba(0, 0, 0, .02)}.content-panel{position:relative;overflow:hidden}.content-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand-gradient);z-index:10}.image-grid-item{position:relative;overflow:hidden;border-radius:var(--radius-md);transition:transform .2s ease,box-shadow .2s ease}.image-grid-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.image-grid-item img{transition:transform .3s ease}.image-grid-item:hover img{transform:scale(1.05)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes expandIn{0%{opacity:0;transform:scale(.95);max-width:0}to{opacity:1;transform:scale(1);max-width:100%}}.panel-animate-in{animation:slideInFromRight .5s cubic-bezier(.16,1,.3,1) forwards}.panel-animate-left{animation:slideInFromLeft .5s cubic-bezier(.16,1,.3,1) forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-size:var(--text-sm);font-weight:500;padding:.4rem .8rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:var(--brand-glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-success{background:var(--success);color:#fff}.input{width:100%;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:.45rem .65rem;color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--brand-primary)}textarea.input{resize:none}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:2rem}.skeleton{background:linear-gradient(90deg,var(--skeleton-from) 0%,var(--skeleton-to) 50%,var(--skeleton-from) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:.9rem;margin-bottom:.5rem}.skeleton-text:last-child{width:60%}.skeleton-image{aspect-ratio:1;border-radius:var(--radius-md)}.wave-bar{width:2px;background:var(--brand-gradient);border-radius:1px;animation:wave .5s ease-in-out infinite}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.wave-bar:nth-child(1){animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.08s}.wave-bar:nth-child(3){animation-delay:.16s}.wave-bar:nth-child(4){animation-delay:.24s}.wave-bar:nth-child(5){animation-delay:.16s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.badge{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .4rem;font-size:var(--text-xs);font-weight:500;border-radius:9999px}.badge-success{background:#22c55e26;color:var(--success)}.badge-warning{background:#eab30826;color:var(--warning)}.badge-error{background:#ef444426;color:var(--error)}.badge-primary{background:#6c5ce726;color:var(--brand-primary)}.badge-muted{background:var(--bg-tertiary);color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .2s ease}.animate-slide{animation:slideUp .2s ease}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1024px){:root{--sidebar-width: 0px}}@media(max-width:640px){:root{--text-xs: .65rem;--text-sm: .75rem;--text-base: .8rem}}.swal2-popup{font-size:.85rem!important;padding:1.25rem!important;max-width:320px!important;border-radius:12px!important}.swal2-title{font-size:1rem!important;font-weight:600!important;padding:0!important;margin-bottom:.5rem!important}.swal2-html-container{font-size:.8rem!important;margin:.5rem 0!important;padding:0!important;line-height:1.4!important}.swal2-icon{width:50px!important;height:50px!important;margin:.75rem auto!important;border-width:3px!important}.swal2-icon.swal2-success{border-color:#10b981!important}.swal2-icon.swal2-success .swal2-success-ring{border-color:#10b9814d!important}.swal2-icon.swal2-success [class^=swal2-success-line]{background-color:#10b981!important;height:4px!important}.swal2-icon.swal2-success .swal2-success-line-tip{width:14px!important;left:7px!important;top:27px!important}.swal2-icon.swal2-success .swal2-success-line-long{width:26px!important;right:5px!important;top:24px!important}.swal2-icon .swal2-icon-content{font-size:2rem!important}.swal2-actions{margin-top:1rem!important;gap:.5rem!important}.swal2-confirm,.swal2-cancel{font-size:.8rem!important;padding:.5rem 1.25rem!important;border-radius:6px!important;font-weight:500!important}.swal2-input{font-size:.8rem!important;padding:.5rem .75rem!important;height:auto!important;margin:.25rem 0!important;border-radius:6px!important;background:var(--bg-tertiary)!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}.swal2-input:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 2px #6c5ce733!important}.swal2-input::placeholder{color:var(--text-muted)!important}.swal2-validation-message{font-size:.75rem!important;padding:.5rem!important;margin:.5rem 0 0!important}