:root{--color-primary: #6c5ce7;--color-primary-dark: #5a4bd1;--color-primary-light: #a29bfe;--color-indigo: #4a3fc4;--color-bg: #ffffff;--color-bg-secondary: #f8f7fc;--color-bg-tertiary: #f1f0f5;--color-text: #1a1a2e;--color-text-secondary: #6b6b80;--color-text-tertiary: #9e9eb0;--color-text-inverse: #ffffff;--color-border: #e8e8ef;--color-border-light: #f0f0f5;--color-success: #00c48c;--color-warning: #ffb800;--color-error: #ff4757;--gradient-primary: linear-gradient(135deg, #6c5ce7 0%, #2d1b69 100%);--gradient-card: linear-gradient(135deg, #6c5ce7 0%, #3b2d8e 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-card: 0 2px 8px rgba(108, 92, 231, .08);--shadow-app-shell: 0 0 40px rgba(0, 0, 0, .12);--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 20px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 40px;--space-4xl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 32px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.6;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-tab-bar: 100;--z-modal: 200;--z-toast: 300;--app-max-width: 530px;--tab-bar-height: 56px;--header-height: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;line-height:var(--line-height-base);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}::-webkit-scrollbar{width:0;height:0}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-text)}.heading-xl{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.heading-lg{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.heading-md{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.heading-sm{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.text-base{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.text-sm{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.text-xs{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.app-shell{position:relative;width:100%;max-width:var(--app-max-width);min-height:100vh;margin:0 auto;background-color:var(--color-bg)}@media (min-width: 431px){.app-shell{box-shadow:var(--shadow-app-shell)}}.app-shell__header{display:flex;align-items:center;justify-content:flex-end;height:var(--header-height);padding:0 var(--space-base)}.app-shell__bell{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast)}.app-shell__bell:hover{background:var(--color-bg-tertiary)}.app-shell__content{padding:0 var(--space-sm) var(--space-sm);padding-bottom:calc(var(--tab-bar-height) + var(--space-lg));overflow-y:auto;-webkit-overflow-scrolling:touch}.app-shell__loader{display:flex;align-items:center;justify-content:center;min-height:200px}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);height:var(--tab-bar-height);background-color:var(--color-bg);border-top:1px solid var(--color-border-light);z-index:var(--z-tab-bar);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 0px);display:flex;align-items:center;justify-content:space-between}.tab-bar__item{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;gap:var(--space-2xs);padding:var(--space-sm) 0;color:var(--color-text-tertiary);font-size:var(--font-size-xs);transition:color var(--transition-fast);position:relative;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.tab-bar__item--active{color:var(--color-primary)}.tab-bar__item--active .tab-bar__icon{background:rgba(var(--color-primary-rgb, 99, 66, 232),.1);border-radius:var(--radius-sm);padding:4px}.tab-bar__item--active .tab-bar__label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.tab-bar__icon{width:24px;height:24px;transition:all var(--transition-fast)}.tab-bar__label{font-weight:var(--font-weight-medium)}.tab-bar__accent{display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:none;cursor:pointer;font-family:var(--font-family);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);line-height:var(--line-height-tight);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);transition:background var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:active{background:var(--color-primary-dark)}.btn--secondary{background:var(--color-bg-secondary);color:var(--color-text)}.btn--secondary:active{background:var(--color-bg-tertiary)}.btn--ghost{background:transparent;color:var(--color-primary)}.btn--ghost:active{background:var(--color-bg-secondary)}.btn--full-width{width:100%}.btn--sm{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm)}.btn--lg{font-size:var(--font-size-md);padding:var(--space-base) var(--space-xl);border-radius:var(--radius-lg)}.card{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-base)}.card--no-padding{padding:0}.card--elevated{box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border-radius:var(--radius-full);padding:var(--space-2xs) var(--space-sm);white-space:nowrap}.badge--plan{background:var(--color-primary);color:var(--color-text-inverse)}.badge--media{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.badge--count{background:var(--color-bg-tertiary);color:var(--color-text)}.badge--success{background:var(--color-success);color:var(--color-text-inverse)}.badge--warning{background:var(--color-warning);color:var(--color-text)}.badge--error{background:var(--color-error);color:var(--color-text-inverse)}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.skeleton{background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--circle{border-radius:var(--radius-full)}.skeleton--text{height:14px;border-radius:var(--radius-sm)}.tab-bar a{text-decoration:none;color:inherit}.dev-panel__toggle{position:fixed;bottom:calc(var(--tab-bar-height) + 8px);right:8px;z-index:200;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border-light);background:var(--color-bg);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);opacity:.6}.dev-panel__toggle:hover{opacity:1}.dev-panel{position:fixed;bottom:calc(var(--tab-bar-height) + 8px);right:8px;z-index:200;width:220px;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-xs);overflow:hidden}.dev-panel__header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);font-weight:var(--font-weight-semibold)}.dev-panel__header button{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);font-size:14px}.dev-panel__section{padding:6px 10px;border-bottom:1px solid var(--color-border-light)}.dev-panel__label{display:block;color:var(--color-text-secondary);margin-bottom:4px}.dev-panel__buttons{display:flex;gap:4px;flex-wrap:wrap}.dev-panel__btn{padding:2px 8px;border-radius:4px;border:1px solid var(--color-border-light);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:10px;font-family:inherit;transition:all .12s}.dev-panel__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.dev-panel__btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dev-panel__status{padding:4px 10px;color:var(--color-text-secondary);text-align:center}@keyframes toast-slide-in{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(20px);opacity:0}}.toast{position:fixed;bottom:calc(var(--tab-bar-height) + var(--space-lg));left:50%;transform:translate(-50%);z-index:var(--z-toast);max-width:calc(var(--app-max-width) - var(--space-2xl));width:max-content;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);animation:toast-slide-in var(--transition-base) forwards;pointer-events:none}.toast--exiting{animation:toast-slide-out var(--transition-base) forwards}.toast--success{background:var(--color-success);color:var(--color-text-inverse)}.toast--error{background:var(--color-error);color:var(--color-text-inverse)}.toast--info{background:var(--color-text);color:var(--color-text-inverse)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-base);text-align:center}.empty-state__icon{font-size:48px;margin-bottom:var(--space-base)}.empty-state__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-sm)}.empty-state__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:280px}.search-bar{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-md) var(--space-base)}.search-bar__icon{flex-shrink:0;color:var(--color-text-tertiary)}.search-bar__input{flex:1;font-size:var(--font-size-base);color:var(--color-text);background:transparent;border:none;outline:none}.search-bar__input::placeholder{color:var(--color-text-tertiary)}.token-balance-card{background:var(--gradient-primary);border-radius:var(--radius-lg);padding:var(--space-xl);color:var(--color-text-inverse)}.token-balance-card__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.token-balance-card__icon{opacity:.85}.token-balance-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:.85}.token-balance-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-base)}.token-balance-card__action{background:#fff3;color:var(--color-text-inverse);border:1px solid rgba(255,255,255,.3)}.token-balance-card__action:hover{background:#ffffff4d}.quick-generate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.quick-generate-grid__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.quick-generate-grid__item:active{background:var(--color-bg-secondary)}.quick-generate-grid__icon{color:var(--color-primary)}.quick-generate-grid__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.generation-card{display:flex;gap:var(--space-md);padding:var(--space-md)}.generation-card__thumbnail{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-tertiary)}.generation-card__image{width:100%;height:100%;object-fit:cover}.generation-card__placeholder{width:100%;height:100%;background:var(--color-bg-tertiary)}.generation-card__body{flex:1;min-width:0}.generation-card__prompt{font-size:var(--font-size-sm);color:var(--color-text);margin:0 0 var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generation-card__meta{display:flex;align-items:center;gap:var(--space-sm)}.generation-card__date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.generation-card__cost{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-left:auto}.plan-card{border:1px solid var(--color-border);transition:border-color var(--transition-base)}.plan-card--popular{border-color:var(--color-primary);border-width:2px;position:relative}.plan-card__inner{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.plan-card__badge-row{display:flex;justify-content:flex-start}.plan-card__header{display:flex;flex-direction:column;gap:var(--space-xs)}.plan-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.plan-card__price-row{display:flex;align-items:baseline;gap:var(--space-xs)}.plan-card__price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.plan-card__period{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.plan-card__tokens{display:flex;align-items:baseline;gap:var(--space-xs);padding:var(--space-sm) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.plan-card__tokens-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.plan-card__tokens-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.plan-card__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.plan-card__feature{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.plan-card__feature-icon{color:var(--color-success);flex-shrink:0}.plan-card__action{padding-top:var(--space-sm)}.billing-toggle{display:flex;background:var(--color-bg-tertiary);border-radius:var(--radius-full);padding:var(--space-2xs)}.billing-toggle__option{flex:1;padding:var(--space-sm) var(--space-base);border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.billing-toggle__option--active{background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-sm)}.prompt-card{background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);margin-bottom:var(--space-xs);transition:box-shadow var(--transition-fast);cursor:pointer}.prompt-card:hover{box-shadow:var(--shadow-md)}.prompt-card--expanded{cursor:default;padding:var(--space-sm);box-shadow:var(--shadow-md)}.prompt-card__collapsed{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);min-height:80px}.prompt-card__thumbnails{display:flex;gap:3px;flex-shrink:0}.prompt-card__thumbnail{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover}.prompt-card__info{flex:1;min-width:0}.prompt-card__name{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:2px}.prompt-card__text-truncated{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-base);margin:0 0 4px}.prompt-card__text-full{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-relaxed);margin:var(--space-xs) 0 var(--space-sm);white-space:pre-wrap}.prompt-card__badges{display:flex;align-items:center;gap:var(--space-xs)}.prompt-card__quick-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.prompt-card__quick-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.prompt-card__quick-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.prompt-card__gallery{margin:var(--space-sm) 0;border-radius:var(--radius-sm)}.prompt-card__gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.prompt-card__gallery-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast)}.prompt-card__gallery-img:hover{opacity:.85}.prompt-card .swiper{border-radius:var(--radius-sm);padding-bottom:24px;--swiper-navigation-color: #fff;--swiper-pagination-color: var(--color-primary)}.prompt-card .swiper-slide img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm)}.prompt-card .swiper-button-prev,.prompt-card .swiper-button-next{width:28px;height:28px;background:none;border-radius:0;top:calc(50% - 12px)}.prompt-card .swiper-button-prev:after,.prompt-card .swiper-button-next:after{font-size:16px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.prompt-card .swiper-pagination{bottom:4px!important;left:0!important;width:100%!important;display:flex;justify-content:center;gap:4px}.prompt-card .swiper-pagination-bullet{background:var(--color-text-secondary);width:6px;height:6px}.prompt-card .swiper-pagination-bullet-active{background:var(--color-primary)}.prompt-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.prompt-card__meta{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-sm) 0}.prompt-card__actions{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.prompt-card__full-actions{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.prompt-card__fav{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.prompt-card__fav--active{color:var(--color-error)}.prompt-card__collapse-btn{display:block;width:100%;margin-top:var(--space-sm);padding:4px;background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);cursor:pointer;text-align:center}.prompt-card__collapse-btn:hover{color:var(--color-primary)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000f0;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:pan-y}.lightbox__img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:6px;transition:transform .15s ease;touch-action:none}.lightbox__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .15s}.lightbox__close:hover{background:#ffffff26;color:#fff}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .15s}.lightbox__nav:hover{background:#ffffff26;color:#fff}.lightbox__nav--prev{left:10px}.lightbox__nav--next{right:10px}.lightbox__counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:12px;letter-spacing:1px}.prompt-category{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light);margin-bottom:var(--space-sm);overflow:hidden;transition:border-color var(--transition-fast)}.prompt-category--highlighted{border-color:var(--color-primary-light);background:var(--color-bg-secondary)}.prompt-category--highlighted .prompt-category__header{background:linear-gradient(135deg,#6c5ce714,#a29bfe0f)}.prompt-category--highlighted .prompt-category__name{color:var(--color-primary);font-weight:var(--font-weight-bold)}.prompt-category--expanded{box-shadow:var(--shadow-sm)}.prompt-category--expanded .prompt-category__chevron{transform:rotate(180deg)}.prompt-category__header{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-sm);background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-align:left}.prompt-category__icon{font-size:var(--font-size-lg);flex-shrink:0}.prompt-category__name{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text)}.prompt-category__count{flex-shrink:0}.prompt-category__chevron{color:var(--color-text-tertiary);flex-shrink:0;transition:transform var(--transition-base)}.prompt-category__body{padding:0 var(--space-xs) var(--space-xs)}.upgrade-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-base)}.upgrade-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.upgrade-modal__content{position:relative;width:100%;max-width:340px;padding:var(--space-2xl) var(--space-xl);background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.upgrade-modal__close{position:absolute;top:var(--space-md);right:var(--space-md);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast)}.upgrade-modal__close:hover{background:var(--color-border)}.upgrade-modal__icon{color:var(--color-primary);margin-bottom:var(--space-base)}.upgrade-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-sm)}.upgrade-modal__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-xl)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.stats-grid__cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm)}.stats-grid__icon-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-primary)}.stats-grid__count{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight)}.stats-grid__label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.home-page{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-base)}.home-page__section{display:flex;flex-direction:column;gap:var(--space-md)}.home-page__heading{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.home-page__generations,.home-page__skeletons{display:flex;flex-direction:column;gap:var(--space-sm)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-base);background:var(--color-bg-secondary)}.login-page__card{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);width:100%;max-width:380px;padding:var(--space-2xl) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl)}.login-page__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.login-page__logo{font-size:48px;line-height:1}.login-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.login-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.login-page__oauth{display:flex;flex-direction:column;gap:var(--space-sm)}.login-page__btn{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-md) var(--space-base);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;text-decoration:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.login-page__btn:active{transform:scale(.98)}.login-page__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-page__btn--google{background:#fff;color:var(--color-text);border:1px solid var(--color-border)}.login-page__btn--google:hover{background:var(--color-bg-secondary)}.login-page__btn--mailru{background:#005ff9;color:#fff}.login-page__btn--mailru:hover{opacity:.9}.login-page__btn--magic{background:var(--color-primary);color:var(--color-text-inverse)}.login-page__btn--magic:hover:not(:disabled){background:var(--color-primary-dark)}.login-page__divider{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.login-page__divider:before,.login-page__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.login-page__email-form{display:flex;flex-direction:column;gap:var(--space-sm)}.login-page__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.login-page__input{width:100%;padding:var(--space-md) var(--space-base);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition-fast);box-sizing:border-box}.login-page__input::placeholder{color:var(--color-text-tertiary)}.login-page__input:focus{outline:none;border-color:var(--color-primary)}.login-page__input:disabled{opacity:.6;background:var(--color-bg-tertiary)}.login-page__message{font-size:var(--font-size-sm);text-align:center;margin:0;padding:var(--space-md);border-radius:var(--radius-sm)}.login-page__message--success{color:var(--color-success);background:#00c48c14}.login-page__message--error{color:var(--color-error);background:#ff475714}.login-page__telegram{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.login-page__telegram>div{width:100%;display:flex;justify-content:center}.login-page__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin:0}.login-page__footnote{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;margin:0}.pricing-page{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-base)}.pricing-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;text-align:center}.pricing-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin:0}.pricing-page__plans{display:flex;flex-direction:column;gap:var(--space-md)}.prompt-library-page{padding:var(--space-base)}.prompt-library-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-base)}.prompt-library__loader{text-align:center;padding:var(--space-2xl);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.prompt-library__categories{margin-top:var(--space-base)}.prompt-images{display:flex;gap:var(--space-sm);margin:var(--space-sm) 0}.prompt-images__item{flex:1;max-width:33.333%;border-radius:var(--radius-sm);overflow:hidden}.prompt-images__img{width:100%;height:80px;object-fit:cover;display:block}.usage-counter{display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.usage-counter__icon{flex-shrink:0}.access-badge{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--font-size-xs);padding:2px var(--space-xs);border-radius:var(--radius-sm)}.access-badge--free{color:var(--color-success);background:#00c48c1a}.access-badge--premium{color:var(--color-warning);background:#ffb8001a}.access-badge__label{font-weight:var(--font-weight-medium)}.prompt-detail-page{padding:var(--space-base)}.prompt-detail__loader,.prompt-detail__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-base);min-height:200px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.prompt-detail__back{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0;margin-bottom:var(--space-base);border:none;background:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.prompt-detail__card{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg);margin-bottom:var(--space-base)}.prompt-detail__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.prompt-detail__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.prompt-detail__text{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-relaxed);margin:0 0 var(--space-base);white-space:pre-wrap;word-break:break-word}.prompt-detail__meta{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.prompt-detail__actions{display:flex;flex-direction:column;gap:var(--space-md)}.prompt-detail__secondary-actions{display:flex;align-items:center;justify-content:space-between}.prompt-detail__fav{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.prompt-detail__fav--active{color:var(--color-error);border-color:var(--color-error)}.profile-page{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-base)}.profile-page__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding-top:var(--space-lg)}.profile-page__avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.profile-page__avatar--fallback{display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--color-text-inverse);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.profile-page__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.profile-page__username{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.profile-page__email{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.profile-page__providers{display:flex;flex-direction:column;gap:var(--space-xs)}.profile-page__provider{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-base);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.profile-page__provider-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.profile-page__provider-email{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile-page__balance{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-base);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.profile-page__balance-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.profile-page__section{display:flex;flex-direction:column;gap:var(--space-md)}.profile-page__heading{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.profile-page__error{text-align:center;color:var(--color-text-secondary);padding:var(--space-3xl) 0}.profile-page__link-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.profile-page__link-form{display:flex;flex-direction:column;gap:var(--space-sm)}.profile-page__link-input{width:100%;padding:var(--space-md) var(--space-base);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);box-sizing:border-box}.profile-page__link-input::placeholder{color:var(--color-text-tertiary)}.profile-page__link-input:focus{outline:none;border-color:var(--color-primary)}.profile-page__link-input--code{text-align:center;font-size:var(--font-size-xl);letter-spacing:8px;font-weight:var(--font-weight-bold)}.profile-page__link-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.profile-page__link-resend{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;padding:0;text-align:left}.profile-page__link-resend:hover{text-decoration:underline}.profile-page__link-error{font-size:var(--font-size-sm);color:var(--color-error);margin:0}.profile-page__link-success{font-size:var(--font-size-sm);color:var(--color-success);margin:0}.profile-page__linked-email{display:flex;align-items:center;justify-content:space-between;gap:var(--space-base);padding:var(--space-md) var(--space-base);background:var(--color-bg-secondary, #f5f5f5);border-radius:var(--radius-md)}.profile-page__linked-email-value{font-size:var(--font-size-base);color:var(--color-text);word-break:break-all}.profile-page__unlink-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.profile-page__unlink-btn:hover{color:var(--color-error);border-color:var(--color-error)}.profile-page__unlink-confirm{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) var(--space-base);background:var(--color-bg-secondary, #f5f5f5);border-radius:var(--radius-md)}.profile-page__unlink-text{font-size:var(--font-size-base);color:var(--color-text);margin:0}.profile-page__unlink-actions{display:flex;gap:var(--space-sm)}.quick-actions__item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-base);border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast)}.quick-actions__item:not(:last-child){border-bottom:1px solid var(--color-border-light)}.quick-actions__item:active{background:var(--color-bg-secondary)}.quick-actions__icon{color:var(--color-primary);flex-shrink:0}.quick-actions__label{flex:1;text-align:left;font-size:var(--font-size-base);color:var(--color-text)}.quick-actions__chevron{color:var(--color-text-tertiary);flex-shrink:0}.plan-info{display:flex;flex-direction:column;gap:var(--space-sm)}.plan-info__header{display:flex;align-items:center;gap:var(--space-sm)}.plan-info__icon{color:var(--color-primary)}.plan-info__title{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.plan-info__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.plan-info__renewal{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.plan-info__action{align-self:flex-start;margin-top:var(--space-xs)}.referral-page{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-base)}.referral-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.referral-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.referral-page__link-card{display:flex;flex-direction:column;gap:var(--space-sm)}.referral-page__link-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.referral-page__link-row{display:flex;align-items:center;gap:var(--space-sm)}.referral-page__link-text{flex:1;font-size:var(--font-size-sm);color:var(--color-primary);word-break:break-all}.referral-page__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.referral-page__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg)}.referral-page__stat-icon{color:var(--color-primary)}.referral-page__stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.referral-page__stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.transactions-page{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-base)}.transactions-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.transactions-page__skeletons,.transactions-page__list{display:flex;flex-direction:column;gap:var(--space-sm)}.transactions-page__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.transactions-page__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.transactions-page__item-prompt{font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transactions-page__item-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.transactions-page__item-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2xs);flex-shrink:0}.transactions-page__item-cost{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.stub-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl) var(--space-sm);min-height:60vh;gap:var(--space-md)}.stub-page__icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--space-sm)}.stub-page__icon--purple{background:linear-gradient(135deg,#6342e8,#a78bfa)}.stub-page__icon--blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.stub-page__icon--orange{background:linear-gradient(135deg,#f97316,#fbbf24)}.stub-page__icon--green{background:linear-gradient(135deg,#22c55e,#4ade80)}.stub-page__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.stub-page__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:280px;line-height:var(--line-height-relaxed)}.debug-borders *{outline:1px solid rgba(255,0,0,.2)}