@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--background: oklch(.9856 .0084 56.3169);--foreground: oklch(.3353 .0132 2.7676);--card: oklch(1 0 0);--card-foreground: oklch(.3353 .0132 2.7676);--popover: oklch(1 0 0);--popover-foreground: oklch(.3353 .0132 2.7676);--primary: oklch(.7357 .1641 34.7091);--primary-foreground: oklch(.9872 .0113 44.492);--secondary: oklch(.9412 .0128 50.0019);--secondary-foreground: oklch(.3353 .0132 2.7676);--muted: oklch(.9412 .0128 50.0019);--muted-foreground: oklch(.5641 .0149 18.1648);--accent: oklch(.9412 .0128 50.0019);--accent-foreground: oklch(.3353 .0132 2.7676);--destructive: oklch(.5768 .2195 27.325);--destructive-foreground: oklch(.9872 .0113 44.492);--border: oklch(.8894 .0118 45.9486);--input: oklch(.8894 .0118 45.9486);--ring: oklch(.7357 .1641 34.7091);--chart-1: oklch(.5878 .1559 21.8139);--chart-2: oklch(.7211 .1314 142.1138);--chart-3: oklch(.6803 .1052 246.0956);--chart-4: oklch(.7596 .1486 87.4207);--chart-5: oklch(.7102 .1686 43.0518);--color-bg: var(--background);--color-bg-elevated: var(--card);--color-card-bg: var(--card);--color-bg-blur: oklch(.9856 .0084 56.3169 / .8);--color-text: var(--foreground);--color-text-secondary: var(--muted-foreground);--color-text-tertiary: oklch(.6641 .0149 18.1648);--color-border: var(--border);--color-border-strong: oklch(.7894 .0118 45.9486);--color-primary: var(--primary);--color-primary-dark: oklch(.6357 .1641 34.7091);--color-primary-light: oklch(.7357 .1641 34.7091 / .1);--color-success: oklch(.7211 .1314 142.1138);--color-success-light: oklch(.7211 .1314 142.1138 / .1);--color-success-border: oklch(.7211 .1314 142.1138 / .3);--color-error: var(--destructive);--color-error-light: oklch(.5768 .2195 27.325 / .1);--color-error-border: oklch(.5768 .2195 27.325 / .3);--color-warning: oklch(.7596 .1486 87.4207);--color-warning-light: oklch(.7596 .1486 87.4207 / .1);--color-warning-border: oklch(.7596 .1486 87.4207 / .3);--color-info: oklch(.6803 .1052 246.0956);--color-info-light: oklch(.6803 .1052 246.0956 / .1);--color-hover: oklch(.3353 .0132 2.7676 / .04);--color-active: oklch(.3353 .0132 2.7676 / .08);--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--color-primary-dark) 100%);--gradient-primary-reverse: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--primary) 100%);--stage-color-1: oklch(.65 .15 270);--stage-color-2: oklch(.55 .2 300);--stage-color-3: oklch(.7 .18 320);--stage-color-4: oklch(.68 .12 220);--stage-color-5: oklch(.75 .15 160);--stage-color-6: oklch(.75 .2 80);--stage-color-7: oklch(.68 .22 340);--stage-color-8: oklch(.6 .2 280);--stage-color-9: oklch(.65 .25 350);--stage-color-10: oklch(.62 .18 200);--vscode-bg: oklch(.22 0 0);--vscode-bg-elevated: oklch(.25 0 0);--vscode-border: oklch(.3 0 0);--vscode-text: oklch(.8 0 0);--vscode-text-muted: oklch(.55 0 0);--vscode-cyan: oklch(.7 .1 190);--vscode-yellow: oklch(.8 .12 90);--vscode-blue: oklch(.6 .15 240);--vscode-gray: oklch(.58 0 0);--vscode-highlight: oklch(.65 .15 270);--vscode-red: oklch(.65 .2 20);--vscode-green: oklch(.75 .15 160);--macos-red: oklch(.6 .3 25);--macos-yellow: oklch(.8 .25 75);--macos-green: oklch(.7 .3 145);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius: .625rem;--radius-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow: 0px 6px 12px -3px hsl(0 0% 0% / .09);--shadow-none: none;--shadow-sm: 0 1px 2px hsl(0 0% 0% / .05);--shadow-md: 0 2px 8px hsl(0 0% 0% / .05);--shadow-lg: 0 4px 16px hsl(0 0% 0% / .08);--shadow-xl: 0 8px 24px hsl(0 0% 0% / .12);--shadow-2xl: 0 20px 25px -5px hsl(0 0% 0% / .3);--shadow-primary: 0 4px 12px oklch(.7357 .1641 34.7091 / .4);--shadow-primary-lg: 0 6px 20px oklch(.7357 .1641 34.7091 / .5);--shadow-success: 0 4px 12px oklch(.7211 .1314 142.1138 / .3);--shadow-error: 0 4px 12px oklch(.5768 .2195 27.325 / .3);--font-sans: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-serif: Merriweather, Georgia, "Times New Roman", serif;--font-mono: "Ubuntu Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-family: var(--font-sans);--font-family-mono: var(--font-mono);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-size-4xl: 2rem;--font-size-5xl: 2.5rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--duration-instant: .1s;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 50;--z-modal: 100;--z-toast: 150;--z-popover: 200;--z-tooltip: 300}.dark,[data-theme=dark]{--background: oklch(.2569 .0169 352.4042);--foreground: oklch(.9397 .0119 51.3156);--card: oklch(.2569 .0169 352.4042);--card-foreground: oklch(.9397 .0119 51.3156);--popover: oklch(.2569 .0169 352.4042);--popover-foreground: oklch(.9397 .0119 51.3156);--primary: oklch(.7357 .1641 34.7091);--primary-foreground: oklch(.3353 .0132 2.7676);--secondary: oklch(.3608 .0169 352.7869);--secondary-foreground: oklch(.9397 .0119 51.3156);--muted: oklch(.3608 .0169 352.7869);--muted-foreground: oklch(.7308 .0072 50.5928);--accent: oklch(.3608 .0169 352.7869);--accent-foreground: oklch(.9397 .0119 51.3156);--destructive: oklch(.4867 .1956 29.2336);--destructive-foreground: oklch(.9872 .0113 44.492);--border: oklch(.3608 .0169 352.7869);--input: oklch(.3608 .0169 352.7869);--ring: oklch(.7357 .1641 34.7091);--chart-1: oklch(.6422 .1442 24.5228);--chart-2: oklch(.7781 .1228 143.6338);--chart-3: oklch(.7317 .1039 247.8577);--chart-4: oklch(.8118 .1396 91.4092);--chart-5: oklch(.7589 .1582 48.3612);--color-bg: var(--background);--color-bg-elevated: oklch(.3069 .0169 352.4042);--color-card-bg: var(--card);--color-bg-blur: oklch(.2569 .0169 352.4042 / .8);--color-text: var(--foreground);--color-text-secondary: var(--muted-foreground);--color-text-tertiary: oklch(.6308 .0072 50.5928);--color-border: var(--border);--color-border-strong: oklch(.4608 .0169 352.7869);--color-hover: oklch(.9397 .0119 51.3156 / .04);--color-active: oklch(.9397 .0119 51.3156 / .08);--shadow-sm: 0 1px 2px hsl(0 0% 0% / .3);--shadow-md: 0 2px 8px hsl(0 0% 0% / .3);--shadow-lg: 0 4px 16px hsl(0 0% 0% / .4);--shadow-xl: 0 8px 24px hsl(0 0% 0% / .5)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{max-width:1200px;margin:0 auto;padding:var(--space-8)}.container-wide{max-width:1400px;margin:0 auto;padding:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-0{padding:var(--space-0)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-0{margin:var(--space-0)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-auto{margin:auto}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:1.25rem}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:2.25rem}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-green{color:#10b981}.text-brand{color:#667eea}.text-yellow{color:#eab308}.bg-elevated{background:var(--color-bg-elevated)}.bg-primary-light{background:var(--color-primary-light)}.bg-success-light{background:var(--color-success-light)}.bg-error-light{background:var(--color-error-light)}.bg-warning-light{background:var(--color-warning-light)}.bg-green{background:#10b981}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-primary{border-color:var(--color-primary)}.border-success{border-color:var(--color-success-border)}.border-error{border-color:var(--color-error-border)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.hidden{display:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.select-none{-webkit-user-select:none;user-select:none}.transition,.transition-all{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.duration-300{transition-duration:.3s}.min-h-screen{min-height:100vh}.no-underline{text-decoration:none}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hover\:text-primary:hover{color:var(--color-text)}.hover\:text-error:hover{color:var(--color-error)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.hover\:bg-error-light:hover{background:var(--color-error-light)}.bg-gradient-success{background:linear-gradient(135deg,#10b9811a,#0596691a)}.bg-gradient-primary{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.bg-gradient-warning{background:linear-gradient(135deg,#eab3081a,#f59e0b1a)}.bg-gradient-error{background:linear-gradient(135deg,#ef44441a,#dc26261a)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-orange{background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-5xl{font-size:3rem}.w-full{width:100%}.w-16{width:4rem}.h-16{height:4rem}.w-5{width:1.125rem}.h-5{height:1.125rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-24{width:6rem}.h-24{height:6rem}.h-3{height:.75rem}.max-w-md{max-width:400px}.relative{position:relative}.absolute{position:absolute}.-top-2{top:-.5rem}.right-4{right:1rem}.border-success{border-color:#10b9814d}.border-warning{border-color:#eab3084d}.border-orange{border-color:#f59e0b}.tab-active{border-bottom:2px solid var(--color-primary);color:var(--color-primary);margin-bottom:-2px}.tab-inactive{border-bottom:2px solid transparent;color:var(--color-text-secondary);margin-bottom:-2px}.divider{height:1px;background:var(--color-border)}.p-3{padding:.75rem}.p-5{padding:1.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.pl-5{padding-left:1.25rem}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-ellipsis{text-overflow:ellipsis}.overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.flex-1{flex:1}.min-w-200{min-width:200px}.min-w-220{min-width:220px}.max-w-120{max-width:120px}.z-1{z-index:1}.z-40{z-index:40}.z-50{z-index:50}.backdrop-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary);cursor:pointer}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}.hover\:scale-102:hover{transform:scale(1.02)}.hover\:translate-y--1:hover{transform:translateY(-1px)}.top-3{top:.75rem}.right-3{right:.75rem}.z-10{z-index:10}.gap-2\.5{gap:.625rem}.min-h-20{min-height:5rem}.resize-y{resize:vertical}.resize-none{resize:none}.justify-start{justify-content:flex-start}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.25rem}@media(max-width:1024px){.history-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:640px){.history-grid{grid-template-columns:1fr}}.article-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base);cursor:pointer}.article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-primary)}.article-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.article-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight);margin-bottom:var(--space-3);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.article-card-meta-item{display:flex;align-items:center;gap:var(--space-1)}.article-card-actions{display:flex;gap:var(--space-2);width:100%}.stats-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-6);color:var(--color-text-secondary)}.page-wrapper{min-height:100vh;background-color:var(--color-bg)}.app-header{position:sticky;top:0;z-index:var(--z-sticky);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:var(--color-bg-blur);border-bottom:1px solid var(--color-border)}.app-header-container{max-width:1680px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between}.app-header-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:opacity var(--transition-fast)}.app-header-brand:hover{opacity:.8}.app-header-logo{width:2rem;height:2rem;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary)}.app-header-logo :global(.logo-icon){color:var(--foreground)}.app-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.app-header-actions{display:flex;align-items:center;gap:var(--space-2)}.token-balance-badge{display:flex;align-items:center;gap:var(--space-2);padding:.9375rem var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);transition:all var(--transition-base);cursor:default;-webkit-user-select:none;user-select:none}.token-balance-badge:hover{background:var(--color-hover)}.token-balance-highlight{animation:balance-pulse var(--duration-slow) var(--ease-smooth);box-shadow:var(--shadow-primary);border-color:var(--color-primary)}@keyframes balance-pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-md)}50%{transform:scale(1.05);box-shadow:var(--shadow-primary)}}.token-balance-badge :global(.iconify){color:var(--color-primary)}.user-button-avatar{width:1.75rem;height:1.75rem;border-radius:var(--radius-full);border:2px solid var(--color-primary)}.user-button-avatar-placeholder{width:1.75rem;height:1.75rem;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:#fff}.user-button-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.google-login-button{display:flex;align-items:center;gap:var(--space-2);padding:.625rem var(--space-4);border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary)}.google-login-button:hover{box-shadow:var(--shadow-primary-lg);transform:translateY(-1px)}.google-icon{width:1.125rem;height:1.125rem;fill:#fff}@media(max-width:768px){.app-header-container{padding:var(--space-3) var(--space-4)}.app-header-title{font-size:var(--font-size-base)}.app-header-logo{width:1.75rem;height:1.75rem}.user-button-name{max-width:80px}}.app-footer{margin-top:auto;background-color:var(--color-bg-elevated);border-top:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-6)}.app-footer-container{max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.app-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8)}.app-footer-column{display:flex;flex-direction:column;gap:var(--space-4)}.app-footer-column-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-2)}.app-footer-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.app-footer-logo{width:2rem;height:2rem;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary)}.app-footer-logo :global(.logo-icon){color:var(--foreground)}.app-footer-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.app-footer-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:400px;margin:0}.app-footer-nav{display:flex;flex-direction:column;gap:var(--space-3)}.footer-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-base)}.footer-link:hover{color:var(--color-primary)}.footer-social{display:flex;gap:var(--space-3)}.footer-social-link{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background-color:var(--color-hover);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-base)}.footer-social-link:hover{background-color:var(--color-primary-light);color:var(--color-primary);transform:translateY(-2px)}.footer-contact-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.app-footer-copyright{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}@media(max-width:968px){.app-footer{padding:var(--space-8) 0 var(--space-6)}.app-footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}.app-footer-column:first-child{grid-column:1 / -1}.app-footer-description{max-width:100%}}@media(max-width:640px){.app-footer{padding:var(--space-6) 0 var(--space-4)}.app-footer-grid{grid-template-columns:1fr;gap:var(--space-6)}.app-footer-column:first-child{grid-column:1}}.user-dropdown-wrapper{position:relative}.user-dropdown{position:absolute;right:0;margin-top:var(--space-2);min-width:220px;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.user-dropdown-header{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.user-dropdown-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.user-dropdown-email{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.user-dropdown-balance{display:flex;align-items:center;gap:var(--space-2);font-size:.7rem;color:var(--color-text-secondary);margin-top:var(--space-2);margin-bottom:0}.user-dropdown-balance :global(.iconify){color:var(--color-primary)}.user-dropdown-menu{padding:var(--space-2)}.user-dropdown-item{display:flex;align-items:center;gap:.625rem;padding:.625rem var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);text-decoration:none;border-radius:var(--radius-sm);transition:background-color var(--transition-base)}.user-dropdown-item:hover{background-color:var(--color-primary-light)}.user-dropdown-footer{padding:var(--space-2);border-top:1px solid var(--color-border)}.user-dropdown-footer :global(.logout-button){color:var(--color-error)!important}.user-dropdown-footer :global(.logout-button:hover){background-color:var(--color-error-light)!important}.feature-badge{display:inline-block;font-size:.5625rem;padding:.125rem var(--space-1);border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:#fff}.badge-pro{background:var(--gradient-primary)}.badge-soon{background:var(--color-warning)}.pro-features-section-label .feature-badge{font-size:.6875rem;padding:.1875rem .375rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-base) var(--ease-smooth);position:relative;overflow:hidden;white-space:nowrap;text-decoration:none}.btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.3) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-fast)}.btn:active:after{transform:scale(0);opacity:.4;transition:0s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-md{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn-primary{background-image:var(--gradient-primary);color:#fff!important;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-primary-lg);transition:all var(--duration-fast) var(--ease-spring)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98);transition:all var(--duration-instant) var(--ease-out)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-hover);box-shadow:var(--shadow-md);transform:translateY(-1px) scale(1.01);transition:all var(--duration-fast) var(--ease-spring)}.btn-secondary:active:not(:disabled){background:var(--color-active);transform:translateY(0) scale(.98);transition:all var(--duration-instant) var(--ease-out)}.btn-danger{background:var(--color-error);color:var(--destructive-foreground);box-shadow:var(--shadow-error)}.btn-danger:hover:not(:disabled){background:var(--destructive);filter:brightness(.9);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-error);transition:all var(--duration-fast) var(--ease-spring)}.btn-danger:active:not(:disabled){transform:translateY(0) scale(.98);transition:all var(--duration-instant) var(--ease-out)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:none}.btn-ghost:hover:not(:disabled){background:var(--color-hover);color:var(--color-text);transform:scale(1.02);transition:all var(--duration-fast) var(--ease-spring)}.btn-ghost:active:not(:disabled){background:var(--color-active);transform:scale(.98);transition:all var(--duration-instant) var(--ease-out)}.btn-success{background:var(--color-success);color:#fff;box-shadow:var(--shadow-success)}.btn-success:hover:not(:disabled){background:var(--color-success);filter:brightness(.9);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-success);transition:all var(--duration-fast) var(--ease-spring)}.btn-success:active:not(:disabled){transform:translateY(0) scale(.98);transition:all var(--duration-instant) var(--ease-out)}.btn-loading{position:relative;pointer-events:none}.btn-loading>*:not(.btn-spinner){opacity:0}.btn-spinner{position:absolute;width:1em;height:1em;border:2px solid transparent;border-top-color:currentColor;border-radius:var(--radius-full);animation:btn-spin var(--duration-slower) linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-3);align-items:center}.form-row:has(.form-label),.form-row:has(.form-label-with-badge){grid-template-columns:100px 1fr}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text)}.form-label-with-badge{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text);white-space:nowrap}.checkbox-container{display:flex;align-items:center;justify-content:flex-end}.checkbox-custom{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--color-primary)}.checkbox-custom:disabled{cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:var(--space-4)}.pro-features-accordion{margin-top:var(--space-2)}.pro-features-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:linear-gradient(135deg,#ff7e5f1a,#dc5e401a);border:1px solid var(--color-primary-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.pro-features-toggle h3{color:var(--color-text)}[data-theme=dark] .pro-features-toggle{border-color:#ff7e5f4d}.pro-features-toggle:hover{background:linear-gradient(135deg,#ff7e5f26,#dc5e4026)}.pro-features-content{padding:var(--space-3);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);background-color:var(--color-bg-elevated)}.form-row.disabled{opacity:.5}.settings-panel-section .form-row .select,.settings-panel-section .form-row .input{padding:.5rem .75rem;font-size:.77rem}.settings-panel-section .form-row .form-label,.settings-panel-section .form-row .form-label-with-badge{font-size:.77rem}.settings-panel-section .form-row .select{background-position:right .75rem center;padding-right:calc(1.5rem + 10px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}[data-theme=dark] .settings-panel-section .form-row .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1a1' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.creativity-block{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-top:0;margin-bottom:0;transition:all var(--transition-base)}.creativity-block:hover{border-color:var(--color-border-strong);box-shadow:0 2px 8px #0000000d}[data-theme=dark] .creativity-block:hover{box-shadow:0 2px 8px #0003}.creativity-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.creativity-slider{width:100%;height:8px;border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--muted-foreground) 0%,var(--primary) 100%);outline:none;transition:opacity var(--transition-base)}.creativity-slider:hover{opacity:.9}.creativity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:0 2px 4px #ff7e5f4d;transition:all var(--transition-base)}.creativity-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #ff7e5f66}.creativity-slider::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:0 2px 4px #ff7e5f4d;transition:all var(--transition-base)}.creativity-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #ff7e5f66}.creativity-labels{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.creativity-label-min,.creativity-label-max{flex:1}.creativity-label-min{text-align:left}.creativity-label-max{text-align:right}.creativity-value{font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-sm);padding:0 var(--space-2)}.special-instructions-block{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-top:0;transition:all var(--transition-base)}.special-instructions-block:hover{border-color:var(--color-border-strong);box-shadow:0 2px 8px #0000000d}[data-theme=dark] .special-instructions-block:hover{box-shadow:0 2px 8px #0003}.special-instructions-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.settings-panel-section .special-instructions-block textarea.input{width:100%;min-height:80px;resize:vertical;font-size:.77rem!important}.pro-features-section{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-top:0;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--space-3)}.pro-features-section:hover{border-color:var(--color-border-strong);box-shadow:0 2px 8px #0000000d}[data-theme=dark] .pro-features-section:hover{box-shadow:0 2px 8px #0003}.pro-features-section-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.banner-low-balance{background:linear-gradient(135deg,#f093fb,#f5576c);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.banner-low-balance-container{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:0 var(--space-4)}.banner-low-balance-content{display:flex;align-items:center;gap:var(--space-4)}.banner-low-balance-icon{font-size:var(--font-size-2xl);flex-shrink:0}.banner-low-balance-title{font-weight:var(--font-weight-semibold);color:#fff;font-size:var(--font-size-base)}.banner-low-balance-text{font-size:var(--font-size-sm);color:#ffffffe6}.banner-limit-warning{background:linear-gradient(135deg,#eab30826,#f59e0b26);border-bottom:1px solid rgba(234,179,8,.3);padding:var(--space-3)}.banner-limit-warning-container{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-4)}.banner-limit-warning-content{display:flex;align-items:center;gap:var(--space-2)}.banner-limit-warning-text{font-size:var(--font-size-sm);color:var(--color-text)}.banner-limit-warning-link{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none;white-space:nowrap;transition:opacity var(--transition-fast)}.banner-limit-warning-link:hover{opacity:.8}@media(max-width:768px){.banner-low-balance-container,.banner-limit-warning-container{padding:0 var(--space-2);gap:var(--space-2)}.banner-low-balance-content{gap:var(--space-2)}}.panel{height:calc(100vh - 150px)}.settings-panel{padding:var(--space-6);overflow-y:auto}.settings-panel-content{display:flex;flex-direction:column;gap:var(--space-6)}.settings-button-wrapper{padding:var(--space-4) 0;display:flex;align-items:center;justify-content:center}.settings-panel-section{display:flex;flex-direction:column;gap:var(--space-3)}.settings-panel-divider{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.preview-panel{overflow:hidden}.preview-panel-header{padding:var(--space-4);height:60px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.preview-panel-header-title{display:flex;align-items:center;flex:1}.preview-panel-title-text{font-size:1rem;font-weight:600;margin:0;color:var(--color-text)}.preview-panel-tabs{display:flex;gap:var(--space-1)}.preview-panel-tab{font-weight:var(--font-weight-medium);transition:all var(--transition-base);border:none;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.preview-panel-tab-active{font-weight:var(--font-weight-semibold)}.preview-panel-tab-icon{display:inline-flex;align-items:center;gap:var(--space-2)}[data-theme=dark] .preview-panel-tab-active{color:var(--foreground)!important;background-color:#ff7e5f26!important}[data-theme=light] .preview-panel-tab-active{color:var(--foreground)!important;background-color:#ff7e5f1a!important}[data-theme=dark] .preview-panel-tab,[data-theme=light] .preview-panel-tab{color:var(--color-text-secondary);background-color:transparent}.preview-panel-content{padding:var(--space-4);height:calc(100% - 60px);display:flex;flex-direction:column}.preview-panel-scroll{flex:1;overflow-y:auto;padding:var(--space-4);background-color:var(--color-bg-elevated);border-radius:var(--radius-md);font-size:var(--font-size-sm);position:relative}.preview-panel-copy-button{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center}.preview-panel-copy-button:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.preview-panel-copy-button:active{transform:scale(.95)}[data-theme=dark] .preview-panel-copy-button{background-color:#453a3ee6;color:var(--color-text)}[data-theme=light] .preview-panel-copy-button{background-color:#ffffffe6;color:var(--color-text)}.preview-panel-tab-text{display:inline-flex;align-items:center;gap:var(--space-2)}.preview-panel-tab-active .preview-panel-tab-text{color:inherit}.preview-panel-tab-active svg{color:inherit}.preview-panel-content-wrapper{padding:var(--space-4) 0;height:calc(100% - 60px);display:flex;flex-direction:column}.preview-panel-scroll-area{flex:1;overflow-y:auto;padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);position:relative}[data-theme=dark] .preview-panel-scroll-area{background-color:var(--muted)}[data-theme=light] .preview-panel-scroll-area{background-color:var(--secondary)}.preview-panel-runs-counter{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border)}[data-theme=dark] .preview-panel-runs-counter{background-color:var(--muted)}[data-theme=light] .preview-panel-runs-counter{background-color:var(--secondary)}.preview-panel-runs-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.terminal-panel{overflow:hidden;padding:0}.terminal-panel-header{padding:var(--space-4);height:60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.terminal-panel-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.terminal-panel-content{padding:0;height:calc(100% - 60px);overflow-y:auto;font-family:Inter,monospace;font-size:var(--font-size-sm)}[data-theme=dark] .terminal-panel-content,[data-theme=light] .terminal-panel-content{background:transparent}.terminal-history{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) 0}.terminal-history-header{margin-bottom:var(--space-2);padding-bottom:0}.terminal-history-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-2);justify-content:space-between}[data-theme=dark] .terminal-history-title{color:#e5e5e5}[data-theme=light] .terminal-history-title{color:#1f2937}.terminal-history-item{width:100%;text-align:left;padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:1px solid}[data-theme=dark] .terminal-history-item{background:#ff7e5f14;border-color:#ff7e5f26}[data-theme=light] .terminal-history-item{background:#ff7e5f0d;border-color:#ff7e5f1a}[data-theme=dark] .terminal-history-item:hover{background:#ff7e5f26;border-color:#ff7e5f4d}[data-theme=light] .terminal-history-item:hover{background:#ff7e5f1a;border-color:#ff7e5f33}.terminal-history-item-header{display:flex;align-items:flex-start;gap:.625rem;margin-bottom:var(--space-2)}.terminal-history-item-icon{color:var(--primary);flex-shrink:0;margin-top:.125rem}.terminal-history-item-title{font-size:.8125rem;font-weight:var(--font-weight-semibold);margin:0;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[data-theme=dark] .terminal-history-item-title{color:#fff}[data-theme=light] .terminal-history-item-title{color:#111827}.terminal-history-item-details{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-left:1.625rem}.terminal-history-item-language{font-size:.6875rem;font-weight:var(--font-weight-semibold);padding:.125rem .375rem;border-radius:var(--radius-xs)}[data-theme=dark] .terminal-history-item-language{color:#a78bfa;background:#a78bfa26}[data-theme=light] .terminal-history-item-language{color:#7c3aed;background:#7c3aed1a}.terminal-history-item-stat{font-size:.6875rem;display:inline-flex;align-items:center;gap:var(--space-1)}[data-theme=dark] .terminal-history-item-stat{color:#9ca3af}[data-theme=light] .terminal-history-item-stat{color:#6b7280}.terminal-history-item-cost{font-size:.6875rem;font-weight:var(--font-weight-semibold)}[data-theme=dark] .terminal-history-item-cost{color:#fbbf24}[data-theme=light] .terminal-history-item-cost{color:#f59e0b}.terminal-history-link{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem;margin-top:var(--space-2);color:var(--primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:.375rem;transition:background var(--transition-base)}[data-theme=dark] .terminal-history-link:hover{background:#ff7e5f14}[data-theme=light] .terminal-history-link:hover{background:#ff7e5f0d}.terminal-empty-state{display:flex;align-items:center;justify-content:center;height:100%}.terminal-empty-state-container{max-width:320px;width:100%}.terminal-empty-state-header{text-align:center;margin-bottom:1.75rem}.terminal-empty-state-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem var(--space-3);border-radius:1rem;border:1px solid;margin-bottom:var(--space-3)}[data-theme=dark] .terminal-empty-state-badge{background:#ff7e5f1a;border-color:#ff7e5f33}[data-theme=light] .terminal-empty-state-badge{background:#ff7e5f26;border-color:#ff7e5f4d}.terminal-empty-state-badge-dot{width:5px;height:5px;background:var(--color-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.terminal-empty-state-badge-text{font-size:.6875rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .terminal-empty-state-badge-text{color:#9ca3af}[data-theme=light] .terminal-empty-state-badge-text{color:#6b7280}.terminal-empty-state-title{font-size:.9375rem;font-weight:var(--font-weight-semibold);margin:0;line-height:1.3}[data-theme=dark] .terminal-empty-state-title{color:#e5e5e5}[data-theme=light] .terminal-empty-state-title{color:#1f2937}.terminal-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;margin-bottom:.625rem}.terminal-stats-card{border-radius:var(--radius-md);padding:.875rem var(--space-3);border:1px solid;position:relative;overflow:hidden}[data-theme=dark] .terminal-stats-card{background:#ff7e5f14;border-color:#ff7e5f26}[data-theme=light] .terminal-stats-card{background:#ff7e5f1f;border-color:#ff7e5f33}.terminal-stats-card-glow{position:absolute;top:0;right:0;width:40px;height:40px;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}.terminal-stats-card-value{font-size:1.5rem;font-weight:var(--font-weight-bold);line-height:1;margin-bottom:.375rem;position:relative}[data-theme=dark] .terminal-stats-card-value{color:#fff}[data-theme=light] .terminal-stats-card-value{color:#111827}.terminal-stats-card-value span{display:inline-block;animation:fadeIn .5s ease-in-out}.terminal-stats-card-label{font-size:.6875rem;font-weight:var(--font-weight-medium)}[data-theme=dark] .terminal-stats-card-label{color:#9ca3af}[data-theme=light] .terminal-stats-card-label{color:#6b7280}.terminal-stats-card-unit{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}[data-theme=dark] .terminal-stats-card-unit{color:#a78bfa}[data-theme=light] .terminal-stats-card-unit{color:#7c3aed}.terminal-waiting-status{margin-top:1.5rem;text-align:center}.terminal-waiting-status-content{display:inline-flex;align-items:center;gap:.375rem}.terminal-waiting-status-dot{width:5px;height:5px;background:var(--primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}.terminal-waiting-status-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}[data-theme=dark] .terminal-waiting-status-text{color:#6b7280}[data-theme=light] .terminal-waiting-status-text{color:#9ca3af}.terminal-history-progress{display:flex;align-items:center;gap:var(--space-2)}.terminal-history-progress-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.preview-placeholder{min-height:100%;padding:2rem;width:100%;box-sizing:border-box}.preview-placeholder-container{background:transparent;border-radius:1rem;width:100%}.preview-placeholder-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.preview-placeholder-logo{width:3rem;height:3rem;background:var(--gradient-primary);border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary);color:#fff}.preview-placeholder-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}.preview-placeholder-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0}.preview-placeholder-info{border-radius:.75rem;padding:1.25rem;margin-bottom:1.25rem;border:1px solid var(--color-border)}[data-theme=dark] .preview-placeholder-info{background-color:#ff7e5f14}[data-theme=light] .preview-placeholder-info{background-color:#ff7e5f0d}.preview-placeholder-info-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.preview-placeholder-info-icon{flex-shrink:0;margin-top:.125rem}.preview-placeholder-info-text{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0}.preview-placeholder-info-content{padding-left:2rem}.preview-placeholder-info-heading{font-size:.8125rem;color:var(--color-text);font-weight:600;margin:0 0 .5rem}.preview-placeholder-info-list{margin:0;padding-left:1.25rem;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.6;list-style-type:disc}.preview-placeholder-footer{margin-top:1.5rem;text-align:center}.preview-placeholder-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;border:1px solid}[data-theme=dark] .preview-placeholder-cta{background-color:#ff7e5f26;border-color:#ff7e5f4d}[data-theme=light] .preview-placeholder-cta{background-color:#ff7e5f1a;border-color:#ff7e5f33}.preview-placeholder-cta-text{font-size:.8125rem;color:var(--color-text);margin:0}.preview-content-wrapper{overflow-wrap:anywhere;word-break:break-word;max-width:100%;overflow-x:hidden;color:var(--color-text);position:relative}.preview-content-error{overflow-wrap:anywhere;word-break:break-word;max-width:100%;overflow-x:hidden;color:var(--color-text)}.preview-content-code{overflow-wrap:anywhere;word-break:break-word;max-width:100%;overflow-x:hidden;font-size:.75rem;white-space:pre-wrap;color:var(--color-text);font-family:monospace;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0}to{opacity:1}}.terminal-skeleton{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.terminal-skeleton-header{display:flex;align-items:center;gap:var(--space-3)}.skeleton-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,var(--color-bg-elevated) 0%,var(--color-border) 50%,var(--color-bg-elevated) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text{height:16px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-bg-elevated) 0%,var(--color-border) 50%,var(--color-bg-elevated) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text-title{width:150px;height:20px}.terminal-skeleton-content{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-text-line{width:100%}.skeleton-text-line.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1279px){.settings-panel,.preview-panel,.terminal-panel{height:600px!important}}@media(max-width:767px){.settings-panel,.preview-panel,.terminal-panel{height:500px!important}.settings-panel{padding:var(--space-4)}}@media(max-width:767px){.preview-panel-header{flex-direction:column;align-items:stretch;gap:var(--space-3);height:auto;padding:var(--space-3)}.preview-panel-tabs{display:flex;justify-content:stretch;gap:var(--space-1);width:100%}.preview-panel-tab{flex:1;padding:var(--space-2);font-size:.75rem;white-space:nowrap}.preview-panel-tab-text{gap:var(--space-1)}.preview-panel-runs-counter{width:100%;justify-content:center;padding:var(--space-2) var(--space-3)}.preview-panel-runs-text{font-size:.75rem}.preview-panel-header-title{width:100%;justify-content:center}.preview-panel-title-text{font-size:.9375rem}}@media(max-width:374px){.preview-panel-tab-text{font-size:0}.preview-panel-tab-text svg{margin:0}.preview-panel-tab{padding:var(--space-2) var(--space-1)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal-overlay-blur{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#0009}.modal-container{background-color:var(--color-card-bg);border-radius:var(--radius-xl);padding:var(--space-8);max-width:500px;width:90%;box-shadow:0 20px 25px -5px #0000004d;border:1px solid var(--color-border)}.modal-container-large{max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.modal-header-centered{text-align:center;margin-bottom:var(--space-8)}.modal-header-icon{width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.modal-header-icon-error{background:var(--destructive)}.modal-header-icon-pro{background:var(--gradient-primary)}.modal-header-icon-large{width:4rem;height:4rem;border-radius:var(--radius-xl);margin-bottom:var(--space-4);display:inline-flex}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.modal-title-large{font-size:var(--font-size-2xl);margin:0 0 var(--space-2) 0}.modal-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.modal-subtitle-large{font-size:var(--font-size-base);margin:0}.modal-text{color:var(--color-text);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.modal-info-box{border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);border:1px solid}.modal-info-box-primary{background:var(--color-primary-light);border-color:var(--color-primary)}[data-theme=dark] .modal-info-box-primary{background:#ff7e5f1a;border-color:#ff7e5f33}[data-theme=light] .modal-info-box-primary{background:#ff7e5f14;border-color:#ff7e5f26}.modal-info-box-warning{background:var(--color-warning-light);border-color:var(--color-warning-border)}.modal-info-box-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.modal-info-box-title{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.modal-info-box-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.modal-info-box-value-primary{color:var(--color-primary)}.modal-info-box-value-warning{color:var(--color-warning)}.modal-list{margin:0;padding-left:var(--space-5);font-size:.8125rem;color:var(--color-text);line-height:var(--line-height-relaxed)}.modal-actions{display:flex;gap:var(--space-3)}.modal-feature-details{border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);border:1px solid}[data-theme=dark] .modal-feature-details{background:#ff7e5f1a;border-color:#ff7e5f33}[data-theme=light] .modal-feature-details{background:#ff7e5f0d;border-color:#ff7e5f26}.modal-feature-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.modal-feature-icon{width:2rem;height:2rem;color:var(--color-text)}.modal-feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}@media(max-width:768px){.modal-container{width:95%;padding:var(--space-6)}.modal-title{font-size:var(--font-size-lg)}.modal-actions{flex-direction:column}}.modal-limit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-limit-container{border-radius:1rem;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 25px -5px #0000004d;border:1px solid}[data-theme=dark] .modal-limit-container{background-color:var(--color-bg-elevated);border-color:var(--color-border)}[data-theme=light] .modal-limit-container{background-color:#fff;border-color:var(--color-border)}.modal-limit-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.modal-limit-icon{width:3rem;height:3rem;background:var(--gradient-primary);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff}.modal-limit-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}.modal-limit-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0}.modal-limit-text{color:var(--color-text);font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem}.modal-limit-timer{border-radius:.75rem;padding:1rem;margin-bottom:1.5rem;border:1px solid}[data-theme=dark] .modal-limit-timer{background:#ff7e5f1a;border-color:#ff7e5f33}[data-theme=light] .modal-limit-timer{background:#ff7e5f14;border-color:#ff7e5f26}.modal-limit-timer-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.modal-limit-timer-text{color:var(--color-text);font-size:.875rem;font-weight:600}.modal-limit-timer-value{color:var(--primary);font-size:1.5rem;font-weight:700}.modal-limit-pro-box{background:linear-gradient(135deg,#eab3081a,#f59e0b1a);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;border:1px solid rgba(234,179,8,.3)}.modal-limit-pro-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.modal-limit-pro-title{color:var(--color-warning);font-size:.875rem;font-weight:700}.modal-limit-pro-list{margin:0;padding-left:1.25rem;font-size:.8125rem;color:var(--color-text);line-height:1.6}.modal-limit-actions{display:flex;gap:.75rem}.modal-limit-actions>*{flex:1}.auth-modal-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto var(--space-6);border-radius:var(--radius-xl);background:var(--color-primary-light)}.auth-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;color:var(--color-text);margin-bottom:var(--space-3)}.auth-modal-description{font-size:var(--font-size-base);text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed)}.auth-modal-actions{display:flex;flex-direction:column;gap:var(--space-4)}.card-token-calculator{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);transition:all var(--transition-base)}.card-token-calculator:hover{border-color:var(--color-border-strong);box-shadow:0 2px 8px #0000000d}[data-theme=dark] .card-token-calculator:hover{box-shadow:0 2px 8px #0003}.settings-panel-section .card-token-calculator,.settings-panel-section .card-anonymous-counter{margin-top:0}.card-token-calculator-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.card-token-cost{flex:1;min-width:200px}.card-token-cost-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.card-token-cost-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.card-token-cost-breakdown{margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.card-token-cost-breakdown>div{padding:var(--space-1) 0;opacity:.9}.card-token-balance{flex:1;min-width:200px;text-align:right}.card-token-balance-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.card-token-balance-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.card-token-balance-sufficient{color:var(--color-success)}.card-token-balance-insufficient{color:var(--color-warning)}.card-low-balance-warning{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;background:var(--color-warning-light);border:1px solid var(--color-warning-border)}.card-low-balance-warning-content{display:flex;align-items:center;gap:var(--space-2)}.card-low-balance-warning-icon{font-size:var(--font-size-xl);filter:grayscale(.3)}.card-low-balance-warning-text{color:var(--color-text);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.anonymous-card{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);transition:all var(--transition-base)}.settings-panel-section .anonymous-card{margin-top:0}.anonymous-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.anonymous-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.anonymous-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.anonymous-card-badge{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.anonymous-card-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-3) 0;line-height:var(--line-height-relaxed)}.anonymous-card-text strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.anonymous-card-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-base)}.anonymous-card-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary)}.button-white-pink{background:var(--card)!important;color:var(--primary)!important}.button-gradient-pink{background:var(--gradient-primary)!important;color:#fff!important}.icon-rotate-animated{transition:transform var(--transition-base)}.icon-rotate-180{transform:rotate(180deg)}.icon-rotate-0{transform:rotate(0)}@media(max-width:768px){.card-token-calculator-content{flex-direction:column;align-items:stretch}.card-token-cost,.card-token-balance{text-align:left}.card-low-balance-warning{flex-direction:column;align-items:stretch}}.page-container{min-height:100vh;background-color:var(--color-bg)}.page-content{max-width:1680px;margin:0 auto;padding:var(--space-6)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:#fff;animation:slideIn .3s ease-out}.toast-success{background-color:var(--color-success)}.toast-error{background-color:var(--color-error)}.toast-warning{background-color:var(--color-warning)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.page-content{padding:var(--space-4)}.toast-container{top:var(--space-2);right:var(--space-2);left:var(--space-2)}}:root{--faq-gradient-primary: var(--gradient-primary)}@keyframes faq-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes faq-glow-pulse{0%,to{box-shadow:0 0 20px #ff7e5f66}50%{box-shadow:0 0 40px #ff7e5f99}}@keyframes faq-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes faq-icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.faq-container{max-width:1400px;margin:0 auto;padding:var(--space-8) var(--space-6)}.faq-hero{position:relative;text-align:center;padding:var(--space-10) var(--space-8) var(--space-8);margin-bottom:var(--space-8);overflow:hidden;border-radius:var(--radius-2xl);background:var(--faq-gradient-primary);background-size:200% 200%;animation:faq-gradient-shift 10s ease infinite}.faq-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.faq-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.faq-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);box-shadow:0 8px 32px #0000001a;transition:all var(--duration-base) var(--ease-smooth);animation:faq-fade-in-up .6s ease-out}.faq-badge:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.faq-badge :global(.icon){width:16px;height:16px}.faq-hero h1{font-size:clamp(2rem,4vw,2.5rem);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--space-3);letter-spacing:var(--letter-spacing-tight);animation:faq-fade-in-up .6s ease-out .1s backwards;text-shadow:0 2px 20px rgba(0,0,0,.2)}.faq-subtitle{font-size:clamp(.9rem,1.5vw,1rem);color:#fffffff2;margin-bottom:var(--space-6);line-height:var(--line-height-relaxed);animation:faq-fade-in-up .6s ease-out .2s backwards}.faq-stats{display:flex;justify-content:center;gap:var(--space-3);font-size:var(--font-size-xs);color:#ffffffd9;margin-bottom:var(--space-6);animation:faq-fade-in-up .6s ease-out .3s backwards}.faq-stats span:not(.faq-stats-separator){padding:var(--space-2) var(--space-4);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2)}.faq-stats-separator{opacity:.5}.faq-search{position:relative;max-width:600px;margin:0 auto;animation:faq-fade-in-up .6s ease-out .4s backwards;display:flex;align-items:center}.faq-search-input{width:100%;padding:var(--space-4) var(--space-12) var(--space-4) 52px;font-size:var(--font-size-lg);color:var(--color-text);background:#fff;border:2px solid rgba(255,255,255,.8);border-radius:var(--radius-full);outline:none;transition:all var(--duration-base) var(--ease-smooth);box-shadow:0 10px 40px #00000026,0 0 #667eea00}.faq-search-input::placeholder{color:var(--color-text-tertiary)}.faq-search-input:focus{border-color:#fff;box-shadow:0 20px 60px #0003,0 0 0 4px #ffffff4d;transform:translateY(-2px)}.faq-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--color-primary);pointer-events:none;transition:all var(--duration-base) var(--ease-smooth);z-index:1;display:flex;align-items:center;justify-content:center}.faq-search:focus-within .faq-search-icon{color:var(--color-primary-dark);transform:translateY(-50%) scale(1.1)}.faq-search-icon :global(.icon){width:24px;height:24px}.faq-search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%) scale(0);background:var(--color-hover);border:none;border-radius:var(--radius-full);padding:var(--space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--duration-fast) var(--ease-smooth)}.faq-search-clear.visible{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.faq-search-clear:hover{background:var(--color-border-strong);transform:translateY(-50%) scale(1.1)}.faq-search-clear:active{transform:translateY(-50%) scale(.95)}.faq-search-clear :global(.icon){width:18px;height:18px;color:var(--color-text-secondary)}.faq-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-12);align-items:start;margin-bottom:var(--space-12)}.faq-nav{position:sticky;top:var(--space-24);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 4px 20px #0000000d;transition:all var(--duration-base) var(--ease-smooth)}.faq-nav:hover{box-shadow:0 8px 30px #00000014}.faq-nav-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-4)}.faq-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.faq-nav-item{margin:0}.faq-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--duration-fast) var(--ease-smooth)}.faq-nav-link:hover{color:var(--color-text);background:var(--color-hover)}.faq-nav-link.active{color:var(--color-primary);background:var(--color-hover);font-weight:var(--font-weight-semibold)}.faq-nav-link :global(.icon){width:20px;height:20px;flex-shrink:0}.faq-nav-count{margin-left:auto;font-size:var(--font-size-xs);padding:2px var(--space-2);background:var(--color-bg);border-radius:var(--radius-full);min-width:24px;text-align:center;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.faq-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.faq-results-count{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.faq-expand-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.faq-expand-button:hover{background:var(--color-hover);border-color:var(--color-border-strong);color:var(--color-text);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.faq-expand-button:active{transform:translateY(0)}.faq-expand-button :global(.icon){width:18px;height:18px;transition:transform var(--duration-base) var(--ease-smooth)}.faq-content{min-width:0}.faq-category{margin-bottom:var(--space-8);scroll-margin-top:var(--space-8)}.faq-category:last-child{margin-bottom:0}.faq-category-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.faq-category-icon-wrapper{display:none}.faq-category h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;letter-spacing:var(--letter-spacing-tight)}.faq-category-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-3);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-full)}.faq-items{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--duration-base) var(--ease-smooth);animation:faq-fade-in-up .4s ease-out backwards;animation-delay:calc(var(--item-index, 0) * .05s)}.faq-item:hover:not(.open){border-color:var(--color-border-strong);box-shadow:0 4px 20px #0000000f;transform:translateY(-2px)}.faq-item.open{border-color:var(--color-primary);box-shadow:0 8px 30px #00000014,0 0 0 3px var(--color-primary-light)}.faq-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);position:relative}.faq-question{flex:1;display:flex;align-items:center;background:transparent;border:none;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);padding:0;min-width:0}.faq-question:hover{color:var(--color-primary)}.faq-question-text{flex:1;line-height:var(--line-height-normal);position:relative;z-index:1;min-width:0;word-break:break-word}.faq-question-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.faq-copy-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);opacity:0}.faq-item:hover .faq-copy-button,.faq-item.open .faq-copy-button{opacity:1}.faq-copy-button:hover{background:var(--color-hover);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.1)}.faq-copy-button.copied{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.faq-copy-button :global(.icon){width:16px;height:16px}.faq-question-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;padding:0;transition:all var(--duration-base) var(--ease-smooth)}.faq-question-icon:hover{background:var(--color-hover);color:var(--color-text);transform:scale(1.05)}.faq-item.open .faq-question-icon{background:var(--color-primary-light);color:var(--color-primary);transform:rotate(180deg)}.faq-item.open .faq-question-icon:hover{transform:rotate(180deg) scale(1.05)}.faq-question-icon :global(.icon){width:20px;height:20px}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow) var(--ease-smooth)}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-answer-content{padding:0 var(--space-4) var(--space-4) var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.faq-highlight{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#2d3436;padding:2px 6px;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);box-shadow:0 2px 8px #fdcb6e4d}.faq-empty{text-align:center;padding:var(--space-20) var(--space-8)}.faq-empty-icon{width:120px;height:120px;margin:0 auto var(--space-8);display:flex;align-items:center;justify-content:center;background:var(--faq-gradient-primary);border-radius:var(--radius-full);color:#fff;box-shadow:0 10px 40px #ff7e5f4d;animation:faq-glow-pulse 2s ease-in-out infinite}.faq-empty-icon :global(.icon){width:60px;height:60px}.faq-empty h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-4)}.faq-empty p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--space-8)}.faq-empty-tips{text-align:left;max-width:500px;margin:0 auto;padding:var(--space-6);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 4px 20px #0000000d}.faq-empty-tips h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.faq-empty-tips ul{margin:0;padding-left:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.faq-empty-tips li{margin-bottom:var(--space-3)}.faq-mobile-nav-trigger{display:none;position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;background:var(--faq-gradient-primary);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;box-shadow:0 8px 24px #ff7e5f66;z-index:100;transition:all var(--duration-base) var(--ease-smooth)}.faq-mobile-nav-trigger:hover{transform:scale(1.1);box-shadow:0 12px 32px #ff7e5f80}.faq-mobile-nav-trigger :global(.icon){width:28px;height:28px}.faq-mobile-nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;opacity:0;transition:opacity var(--duration-base) var(--ease-smooth)}.faq-mobile-nav-overlay.active{opacity:1}.faq-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-6);box-shadow:0 -8px 32px #00000026;z-index:101;max-height:70vh;overflow-y:auto;transform:translateY(100%);transition:transform var(--duration-base) var(--ease-smooth)}.faq-mobile-nav.active{transform:translateY(0)}@media(max-width:1024px){.faq-layout{grid-template-columns:1fr;gap:var(--space-8)}.faq-nav{position:static;display:none}.faq-mobile-nav-trigger,.faq-mobile-nav-overlay,.faq-mobile-nav{display:block}}@media(max-width:768px){.faq-container{padding:var(--space-6) var(--space-4)}.faq-hero{padding:var(--space-8) var(--space-6) var(--space-6);margin-bottom:var(--space-6);border-radius:var(--radius-xl)}.faq-hero h1{font-size:1.75rem}.faq-subtitle{font-size:.9rem}.faq-stats{flex-direction:column;gap:var(--space-2)}.faq-stats-separator{display:none}.faq-search-input{font-size:var(--font-size-base);padding:var(--space-3) var(--space-10) var(--space-3) 44px}.faq-search-icon{left:16px}.faq-search-icon :global(.icon){width:20px;height:20px}.faq-controls{flex-direction:column;align-items:stretch;gap:var(--space-3)}.faq-expand-button{justify-content:center;width:100%}.faq-category{margin-bottom:var(--space-6)}.faq-category-header{gap:var(--space-3)}.faq-category-icon-wrapper{width:40px;height:40px}.faq-category-icon-wrapper :global(.icon){width:20px;height:20px}.faq-category h2{font-size:var(--font-size-xl)}.faq-item-header{padding:var(--space-3)}.faq-question{font-size:var(--font-size-sm)}.faq-answer-content{padding:0 var(--space-3) var(--space-3) var(--space-3);font-size:var(--font-size-sm)}.faq-mobile-nav-trigger{bottom:var(--space-4);right:var(--space-4);width:48px;height:48px}.faq-mobile-nav-trigger :global(.icon){width:24px;height:24px}}@media(max-width:480px){.faq-container{padding:var(--space-4) var(--space-3)}.faq-hero{padding:var(--space-6) var(--space-4) var(--space-5)}.faq-items{gap:var(--space-3)}.faq-copy-button{display:none}}[data-theme=dark] .faq-hero{box-shadow:0 10px 40px #0000004d}[data-theme=dark] .faq-search-input{background:var(--color-bg-elevated);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .faq-search-input:focus{background:var(--color-bg);border-color:var(--color-primary)}[data-theme=dark] .faq-nav{background:#0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] .faq-item{background:#0003}[data-theme=dark] .faq-question-icon{background:#ffffff0d}.faq-item:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.faq-question:focus{outline:none}.faq-nav-link:focus,.faq-copy-button:focus,.faq-expand-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}:root{--pricing-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--pricing-glow-primary: 0 0 40px rgba(102, 126, 234, .4);--pricing-glow-success: 0 0 30px rgba(52, 211, 153, .3);--pricing-shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--pricing-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--pricing-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--pricing-shadow-xl: 0 16px 48px rgba(0, 0, 0, .16)}.free-tier-info{max-width:800px;margin:0 auto var(--space-12);padding:var(--space-8);background:var(--color-bg-elevated);border:2px solid var(--color-success);border-radius:var(--radius-xl);text-align:center;box-shadow:0 4px 12px #34d3991a;transition:all .2s ease}.free-tier-info:hover{box-shadow:0 8px 24px #34d39926;transform:translateY(-2px)}.free-tier-title{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-6)}.free-tier-title :global(.icon){width:24px;height:24px;color:var(--color-success)}.free-tier-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.free-tier-feature{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-success-light);border:1px solid var(--color-success-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text);transition:all var(--duration-base) var(--ease-smooth);cursor:default}.free-tier-feature:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--pricing-shadow-md);border-color:var(--color-success)}.free-tier-feature :global(.icon){width:16px;height:16px;color:var(--color-success);flex-shrink:0}.token-packages-section{margin-bottom:var(--space-12)}.section-header{text-align:center;margin-bottom:var(--space-10)}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-3)}.section-description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.token-packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6);max-width:1200px;margin:0 auto}.token-package{position:relative;padding:var(--space-6) var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;cursor:pointer}.token-package:hover{border-color:var(--color-primary)}.token-package.popular{border:2px solid var(--color-primary);background:var(--color-bg-secondary)}.popular-badge{position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:var(--radius-md);color:#fff;z-index:2}.popular-badge :global(.icon){width:12px;height:12px}.popular-badge span{display:none}.karma-badge{position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#ec4899;z-index:2}.karma-badge :global(.icon){width:12px;height:12px}.karma-badge span{display:none}.bonus-badge{background:var(--color-success);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;margin-bottom:var(--space-4);display:inline-block}.package-icon{display:none}.package-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-4);margin-top:0}.package-tokens{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-1);margin-top:0}.package-tokens-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);opacity:.7;margin-bottom:var(--space-2)}.package-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-1);padding-top:var(--space-4);border-top:1px solid var(--color-border);width:100%}.package-price-per{font-size:var(--font-size-xs);color:var(--color-text-secondary);opacity:.6;margin-bottom:var(--space-3)}.package-button{width:100%}.pricing-contact{margin-top:var(--space-12);padding:var(--space-8);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.pricing-contact:hover{box-shadow:0 4px 12px #00000014}.pricing-contact-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4);font-weight:var(--font-weight-medium)}.pricing-contact-links{display:flex;justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap}.pricing-contact-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease;background:#667eea0d}.pricing-contact-link:hover{background:#667eea1a;transform:translateY(-1px)}.pricing-contact-link :global(.icon){width:16px;height:16px}.pricing-contact-separator{color:var(--color-border-strong);-webkit-user-select:none;user-select:none}.faq-section{margin-bottom:var(--space-12);max-width:900px;margin-left:auto;margin-right:auto}@media(max-width:1024px){.token-packages-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}@media(max-width:768px){.free-tier-info{padding:var(--space-6)}.free-tier-features{grid-template-columns:1fr;gap:var(--space-3)}.token-packages-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.package-icon{width:64px;height:64px}.package-icon :global(.icon){width:32px;height:32px}.package-tokens{font-size:var(--font-size-2xl)}.package-price{font-size:var(--font-size-3xl)}.pricing-contact{padding:var(--space-6)}.pricing-contact-links{flex-direction:column;gap:var(--space-2)}.pricing-contact-separator{display:none}}@media(max-width:480px){.free-tier-info{padding:var(--space-4);margin-bottom:var(--space-8)}.free-tier-title{font-size:var(--font-size-lg)}.token-packages-grid{grid-template-columns:1fr;gap:var(--space-4)}.token-package{padding:var(--space-6) var(--space-4)}.package-icon{width:56px;height:56px}.package-icon :global(.icon){width:28px;height:28px}.section-title{font-size:var(--font-size-2xl)}.section-description{font-size:var(--font-size-sm)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.token-package:focus-visible,.pricing-contact-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}:root{--checkout-max-width: 1000px;--checkout-gap: var(--space-6);--checkout-card-padding: var(--space-6)}.checkout-page,.checkout-success-page,.checkout-cancel-page{min-height:calc(100vh - 120px);padding:var(--space-8) var(--space-4);background:var(--background)}.checkout-container{max-width:var(--checkout-max-width);margin:0 auto}.checkout-loading,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);text-align:center}.loading-spinner{color:var(--primary);animation:spin 1s linear infinite}.checkout-error-card,.error-card{max-width:600px;margin:0 auto}.checkout-error,.error-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.checkout-error :global(.icon),.error-state :global(.icon){color:var(--destructive)}.checkout-error h2,.error-state h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--foreground);margin:0}.checkout-error p,.error-state p{color:var(--muted-foreground);margin:0}.checkout-header{margin-bottom:var(--space-8)}.back-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted-foreground);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-4)}.back-button:hover{background:var(--muted);color:var(--foreground);border-color:var(--foreground)}.checkout-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--foreground);margin:0}.checkout-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--checkout-gap);align-items:start}@media(max-width:768px){.checkout-grid{grid-template-columns:1fr}}.checkout-left{display:flex;flex-direction:column;gap:var(--checkout-gap)}.package-summary-card{height:fit-content}.package-summary-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.package-summary-header :global(.icon){color:var(--primary);width:20px;height:20px}.package-summary-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground);margin:0;text-transform:uppercase}.package-summary-tokens{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--muted);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.token-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.token-row.bonus{color:var(--color-success)}.token-row.total{padding-top:var(--space-3);border-top:1px solid var(--border);font-weight:var(--font-weight-semibold)}.token-label{color:var(--muted-foreground)}.token-value{font-weight:var(--font-weight-medium);color:var(--foreground)}.token-value.total-value{font-size:var(--font-size-lg);color:var(--primary)}.package-summary-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-info-light);border:1px solid oklch(.6803 .1052 246.0956 / .3);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.package-summary-info :global(.icon){color:var(--color-info);flex-shrink:0}.package-summary-price{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:2px solid var(--border)}.price-label{font-size:var(--font-size-base);color:var(--muted-foreground)}.price-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--primary)}.checkout-right{display:flex;flex-direction:column;gap:var(--checkout-gap)}.card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground);margin:0 0 var(--space-4) 0}.card-title :global(.icon){width:20px;height:20px;color:var(--primary)}.order-details{display:flex;flex-direction:column;gap:var(--space-3)}.order-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;color:var(--muted-foreground);font-size:var(--font-size-sm)}.order-row.total{padding-top:var(--space-4);border-top:2px solid var(--border);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground)}.order-value{color:var(--foreground);font-weight:var(--font-weight-medium)}.order-value.price{font-size:var(--font-size-2xl);color:var(--primary)}.promo-input-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.promo-input:disabled{opacity:.6;cursor:not-allowed;background:var(--muted)}.promo-badge{position:absolute;right:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--color-warning);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);pointer-events:none}.promo-hint{font-size:var(--font-size-xs);color:var(--muted-foreground);margin:0}.agreements{display:flex;flex-direction:column;gap:var(--space-4)}.agreement-item{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.agreement-item input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:var(--primary)}.agreement-item span{font-size:var(--font-size-sm);color:var(--foreground);line-height:1.5}.agreement-item a{color:var(--primary);text-decoration:underline;transition:color var(--transition-base)}.agreement-item a:hover{color:var(--color-primary-dark)}.payment-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--destructive);font-size:var(--font-size-sm)}.payment-error :global(.icon){flex-shrink:0}.payment-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.payment-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.payment-button:disabled{opacity:.5;cursor:not-allowed}.button-spinner{animation:spin 1s linear infinite}.success-card,.cancel-card{max-width:600px;margin:0 auto;padding:var(--space-8)!important}.success-icon-wrapper,.cancel-icon-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-6)}.success-icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:var(--color-success-light);border:3px solid var(--color-success);border-radius:50%;animation:success-pop .5s ease-out}.success-icon :global(.icon){color:var(--color-success);width:64px;height:64px}@keyframes success-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--foreground);text-align:center;margin:0 0 var(--space-2) 0}.success-subtitle{font-size:var(--font-size-base);color:var(--muted-foreground);text-align:center;margin:0 0 var(--space-8) 0}.success-details{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--muted);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.success-detail-item{display:flex;align-items:flex-start;gap:var(--space-3)}.success-detail-item :global(.icon){color:var(--primary);flex-shrink:0;margin-top:2px}.detail-content{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.detail-label{font-size:var(--font-size-sm);color:var(--muted-foreground)}.detail-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--foreground)}.success-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.success-actions :global(.button){width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.redirect-countdown{font-size:var(--font-size-sm);color:var(--muted-foreground);text-align:center;margin:0}.cancel-icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#de21231a;border:3px solid var(--destructive);border-radius:50%;animation:cancel-shake .5s ease-out}.cancel-icon :global(.icon){color:var(--destructive);width:64px;height:64px}@keyframes cancel-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.cancel-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--foreground);text-align:center;margin:0 0 var(--space-2) 0}.cancel-subtitle{font-size:var(--font-size-base);color:var(--muted-foreground);text-align:center;margin:0 0 var(--space-6) 0}.cancel-info{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-info-light);border:1px solid oklch(.6803 .1052 246.0956 / .3);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.cancel-info :global(.icon){color:var(--color-info);flex-shrink:0;margin-top:2px}.cancel-info p{font-size:var(--font-size-sm);color:var(--foreground);line-height:1.6;margin:0}.cancel-actions{display:flex;flex-direction:column;gap:var(--space-3)}.cancel-actions :global(.button){width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}@media(max-width:768px){.checkout-page,.checkout-success-page,.checkout-cancel-page{padding:var(--space-4) var(--space-3)}.checkout-header{margin-bottom:var(--space-6)}.checkout-title{font-size:var(--font-size-2xl)}.package-summary-card{position:static}.package-summary-header h2{font-size:var(--font-size-xl)}.price-value{font-size:var(--font-size-2xl)}.success-card,.cancel-card{padding:var(--space-6) var(--space-4)!important}.success-title,.cancel-title{font-size:var(--font-size-2xl)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text)}.main-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:1.5rem}.stripe-card{background:var(--color-card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);padding:var(--space-6);transition:all var(--transition-slow)}.stripe-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stripe-button{background:var(--gradient-primary);box-shadow:var(--shadow-primary);transition:all var(--transition-slow);border:none;border-radius:var(--radius-md);cursor:pointer;color:#fff!important;font-weight:var(--font-weight-semibold);position:relative;overflow:hidden}.stripe-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary-reverse);opacity:0;transition:opacity var(--transition-slow);z-index:0}.stripe-button:hover:before{opacity:1}.stripe-button:hover{box-shadow:var(--shadow-primary-lg);transform:translateY(-2px)}.stripe-button:active{transform:translateY(0)}.stripe-button>*{position:relative;z-index:1}.stripe-button:disabled{opacity:.6;cursor:not-allowed}.stripe-input{transition:all var(--transition-base);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);padding:var(--space-3) var(--space-4)}.stripe-input:focus{outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-light)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulse 2s ease-in-out infinite}select.stripe-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%239CA3AF" d="M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z"/></svg>');background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.5rem!important}@media(min-width:768px)and (max-width:1279px){.main-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto}.settings-panel{height:auto!important}.preview-panel,.terminal-panel{height:600px!important}}@media(max-width:767px){.main-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto}.settings-panel{height:auto!important}.preview-panel,.terminal-panel{height:500px!important}}.article-preview{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.7;font-size:1rem}.article-preview h1{font-size:2rem;font-weight:700;margin-top:0;margin-bottom:1rem;line-height:1.25;letter-spacing:-.02em}.article-preview h2{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem;line-height:1.3;letter-spacing:-.01em}.article-preview h3{font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;line-height:1.35}.article-preview h4,.article-preview h5,.article-preview h6{font-weight:600;margin-top:1.25rem;margin-bottom:.5rem;line-height:1.4}.article-preview p{margin-bottom:1rem;margin-top:0}.article-preview ul,.article-preview ol{margin-top:0;margin-bottom:1rem;padding-left:2rem}.article-preview ul{list-style-type:disc}.article-preview ol{list-style-type:decimal}.article-preview li{margin-bottom:.5rem}.article-preview li>ul,.article-preview li>ol{margin-top:.5rem;margin-bottom:.5rem}.article-preview ul ul{list-style-type:circle}.article-preview ul ul ul{list-style-type:square}.article-preview code{background-color:#afb8c133;padding:.2em .4em;border-radius:3px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em}.article-preview pre{background-color:#0d1117;border-radius:6px;padding:1rem;margin-top:0;margin-bottom:1rem;overflow-x:auto;max-width:100%;word-wrap:break-word;white-space:pre-wrap}.article-preview pre code{background-color:transparent;padding:0;border-radius:0;display:block;font-size:.875rem;line-height:1.6}.article-preview blockquote{margin:1rem 0;padding-left:1rem;border-left:4px solid #d0d7de;color:#6e7781;font-style:italic}.article-preview a{color:#1173d4;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.article-preview a:hover{border-bottom-color:#1173d4}.article-preview table{border-collapse:collapse;width:100%;margin-top:0;margin-bottom:1rem}.article-preview th,.article-preview td{padding:.5rem .75rem;border:1px solid #d0d7de;text-align:left}.article-preview th{background-color:#f6f8fa;font-weight:600}.article-preview hr{height:.25em;padding:0;margin:1.5rem 0;background-color:#d0d7de;border:0}.article-preview img{max-width:100%;height:auto;margin:1rem 0;border-radius:6px}.article-preview>p:first-of-type{font-size:1.125rem}.article-preview-dark{color:#e5e5e5}.article-preview-dark code{background-color:#6e76814d}.article-preview-dark blockquote{border-left-color:#6e7781;color:#9ca3af}.article-preview-dark th{background-color:#1e293b}.article-preview-dark td,.article-preview-dark th{border-color:#404040}.article-preview-dark hr{background-color:#404040}.info-box{background-color:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5);border:1px solid var(--color-border)}.info-box-flex{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0}.info-box-content{flex:1;min-width:0}.info-box-text{font-size:.8125rem;color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal);white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:normal!important;max-width:100%}[data-theme=dark] .info-box{background-color:#0003}.terminal-history-item{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;min-width:0}.terminal-history-item-row-1{display:flex;align-items:center;gap:.5rem;min-width:0}.terminal-history-item-title-wrapper{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.terminal-history-item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;margin:0}.terminal-history-item-status{flex-shrink:0;display:flex;align-items:center;gap:.25rem}.status-completed{color:var(--color-success)}.status-generating{color:var(--color-brand);animation:spin 1s linear infinite}.terminal-history-item-row-2{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary);padding-left:1.5rem}.terminal-history-item-metric{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.terminal-history-item-metric:not(:last-child):after{content:"•";margin-left:.5rem;opacity:.5}.app-layout.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh}.app-main.svelte-12qhfyh{flex:1}