.react-flow-workspace{background:#fff!important}.react-flow-workspace .react-flow__node{border:1px solid hsl(var(--border));color:hsl(var(--foreground));background:#fff;border-radius:8px;padding:10px;font-size:12px;font-weight:500;box-shadow:0 1px 3px #0000001a}.react-flow-workspace .react-flow__node.node-setup{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.react-flow-workspace .react-flow__node.node-task{border-color:hsl(var(--border));background:#fff}.react-flow-workspace .react-flow__node.selected{box-shadow:0 0 0 2px hsl(var(--ring))}.react-flow-workspace .react-flow__node:hover{border-color:hsl(var(--ring))}.react-flow-workspace .react-flow__edge.edge-minimal{stroke:hsl(var(--muted-foreground));stroke-width:1px}.react-flow-workspace .react-flow__edge .react-flow__edge-path{stroke:hsl(var(--muted-foreground))}.react-flow-workspace .react-flow__edge.selected .react-flow__edge-path{stroke:hsl(var(--ring));stroke-width:2px}.react-flow-workspace .react-flow__handle{background:hsl(var(--muted-foreground));border:1px solid hsl(var(--background));width:6px;height:6px}.react-flow-workspace .react-flow__handle.react-flow__handle-top,.react-flow-workspace .react-flow__handle.react-flow__handle-bottom{left:50%;transform:translate(-50%)}.react-flow-workspace .react-flow__handle.react-flow__handle-left,.react-flow-workspace .react-flow__handle.react-flow__handle-right{top:50%;transform:translateY(-50%)}.react-flow-controls .react-flow__controls{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;box-shadow:0 1px 3px #0000001a}.react-flow-controls .react-flow__controls .react-flow__controls-button{color:hsl(var(--foreground));border:none;border-bottom:1px solid hsl(var(--border));background:0 0}.react-flow-controls .react-flow__controls .react-flow__controls-button:hover{background:hsl(var(--accent))}.react-flow-controls .react-flow__controls .react-flow__controls-button:last-child{border-bottom:none}.react-flow-controls .react-flow__controls .react-flow__controls-button svg{width:14px;height:14px}.react-flow-minimap .react-flow__minimap{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px}.react-flow-minimap .react-flow__minimap .react-flow__minimap-mask{fill:hsl(var(--primary)/.1);stroke:hsl(var(--primary));stroke-width:1px}.react-flow-minimap .react-flow__minimap .react-flow__minimap-node{fill:hsl(var(--muted));stroke:hsl(var(--muted-foreground));stroke-width:1px}.react-flow-background .react-flow__background{background:#fff!important}.react-flow-background .react-flow__background .react-flow__background-pattern{fill:hsl(var(--muted-foreground)/.05)}.floating-cards-container{perspective:1000px;z-index:1;background:0 0;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:30px;display:none;position:relative}.floating-cards-container .floating-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #0000001a;border-radius:16px;min-width:200px;max-width:250px;padding:16px 20px;transition:all .3s;position:relative;box-shadow:0 8px 32px #0000001a,inset 0 1px #fffc}.floating-cards-container .floating-card:hover{border-color:#00000026;transform:translateY(-4px)scale(1.02);box-shadow:0 16px 48px #00000026,inset 0 1px #ffffffe6}.floating-cards-container .floating-card .card-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.floating-cards-container .floating-card .card-header .card-icon{color:#1f2937;font-size:16px;font-weight:600}.floating-cards-container .floating-card .card-header .card-title{color:#1f2937;font-size:14px;font-weight:600}.floating-cards-container .floating-card .card-content{color:#6b7280;font-size:13px;line-height:1.4}.floating-cards-container .floating-card .card-content .highlight{color:#1f2937;-webkit-text-decoration:underline #1f29374d;text-decoration:underline #1f29374d}.floating-cards-container .floating-card.mention-card{z-index:1;transform:rotate(-2deg)translateY(10px)}.floating-cards-container .floating-card.browse-card{z-index:3;background:#f8fafcf2;border-color:#6366f14d;transform:rotate(1deg)translateY(-15px)}.floating-cards-container .floating-card.personalize-card{z-index:2;transform:rotate(-1deg)translateY(5px)}@media (max-width:768px){.floating-cards-container{flex-direction:column;gap:16px;height:auto;margin-top:32px}.floating-cards-container .floating-card{min-width:280px;max-width:320px}.floating-cards-container .floating-card.mention-card,.floating-cards-container .floating-card.browse-card,.floating-cards-container .floating-card.personalize-card{transform:none}}.floating-cards-container .welcome-card.featured{z-index:5;transform:rotate(0)translateY(-10px)scale(1.05)}.credits-display-top{z-index:1000;position:absolute;top:20px;right:20px}.credits-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #00000014;border-radius:60px;align-items:center;gap:5px;padding:4px 4px 4px 10px;transition:all .2s;display:flex}.credits-pill:hover{border-color:#0000001f;transform:translateY(-1px)}.credits-pill .plan-name{color:#1a1a1a;background:#f0f0f0;border-radius:60px;padding:2px 7px;font-family:Google Sans;font-size:12px;font-weight:600}.credits-pill .credits-amount{color:#1a1a1a;letter-spacing:-.01em;font-family:Google Sans;font-size:14px;font-weight:700}.credits-pill .credits-label{color:#666;font-family:Google Sans;font-size:12px;font-weight:500}.credits-pill .add-credits-btn{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #0000001f;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.credits-pill .add-credits-btn:hover{background:#f5f5f5;border-color:#0003;transform:scale(1.05)}.credits-pill .add-credits-btn:active{transform:scale(.95)}.upgrade-pill{cursor:pointer;gap:8px!important;padding:5px 12px!important}.upgrade-pill:hover{background:#fff;border-color:#00000026}.upgrade-pill .zero-credits{color:#dc2626;letter-spacing:-.01em;font-family:Google Sans;font-size:13px;font-weight:700}.upgrade-pill .upgrade-text{color:#1a1a1a;font-family:Google Sans;font-size:13px;font-weight:600}.main-heading{text-align:center;color:#1a1a1a;letter-spacing:-.01em;text-shadow:0 2px 8px #0000001a,0 4px 16px #0000000d;z-index:10;margin-top:10%;margin-bottom:10px;font-family:Google Sans;font-size:clamp(2.5rem,5vw,2rem);font-weight:700;line-height:1.1;position:relative}.animated-char{opacity:0;filter:blur(8px);font-family:fritzle;transition:all .6s cubic-bezier(.23,1,.32,1);display:inline-block;transform:translate(20px)scale(.8);text-transform:lowercase!important}.animated-char.animate{animation:.8s cubic-bezier(.23,1,.32,1) forwards charBlurReveal}.animated-char.build-word{font-family:fritzle}.animated-char.scramble-char{opacity:1;filter:blur();will-change:transform,opacity;letter-spacing:inherit;transition:all .15s cubic-bezier(.4,0,.2,1);animation:none;transform:translate(0)scale(1)}@keyframes charBlurReveal{0%{opacity:0;filter:blur(8px);transform:translate(20px)scale(.8)}60%{opacity:.8;filter:blur(2px);transform:translate(5px)scale(.95)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}.box-shadow-none{box-shadow:none!important}textarea{-webkit-text-decoration-skip:none;text-decoration-skip-ink:none}textarea::-webkit-grammar-error{color:inherit!important;background:0 0!important;text-decoration:none!important}textarea::-webkit-spelling-error{color:inherit!important;background:0 0!important;text-decoration:none!important}textarea::-moz-grammar-error{color:inherit!important;background:0 0!important;text-decoration:none!important}textarea::-moz-spelling-error{color:inherit!important;background:0 0!important;text-decoration:none!important}.loading-workspace{background:#fff;min-height:100vh}.floating-icons{width:140px;height:140px;margin-bottom:1rem;position:relative}.floating-icon{transform-origin:0 0;width:36px;height:36px;animation:6s ease-in-out infinite floatOrbit;animation-delay:var(--delay);background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 1px 3px #00000014}.floating-icon svg{width:18px;height:18px}.floating-icon-1{transform:translate(-18px,-18px)rotate(0)translate(55px)rotate(0)}.floating-icon-2{transform:translate(-18px,-18px)rotate(60deg)translate(55px)rotate(-60deg)}.floating-icon-3{transform:translate(-18px,-18px)rotate(120deg)translate(55px)rotate(-120deg)}.floating-icon-4{transform:translate(-18px,-18px)rotate(180deg)translate(55px)rotate(-180deg)}.floating-icon-5{transform:translate(-18px,-18px)rotate(240deg)translate(55px)rotate(-240deg)}.floating-icon-6{transform:translate(-18px,-18px)rotate(300deg)translate(55px)rotate(-300deg)}@keyframes floatOrbit{0%,to{transform:translate(-18px,-18px)rotate(var(--rotation))translateX(55px)rotate(calc(-1*var(--rotation)));opacity:.7}50%{transform:translate(-18px,-18px)rotate(calc(var(--rotation) + 180deg))translateX(55px)rotate(calc(-1*var(--rotation) - 180deg));opacity:1}}.central-loader{z-index:5;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-ring{background:#fff;border:2px solid #f8fafc;border-radius:50%;width:100%;height:100%;position:absolute;box-shadow:0 2px 8px #0000000d}.loader-segment{border:2px solid #0000;border-radius:50%;width:100%;height:100%;animation:3s ease-in-out infinite loaderSpin;position:absolute}.loader-segment-1{border-top-color:#3b82f6;border-right-color:#3b82f6;animation-delay:0s}.loader-segment-2{border-bottom-color:#10b981;border-left-color:#10b981;animation-delay:1s}.loader-segment-3{border-top-color:#f59e0b;border-left-color:#f59e0b;animation-delay:2s}@keyframes loaderSpin{0%{opacity:.8;transform:rotate(0)}50%{opacity:1}to{opacity:.8;transform:rotate(360deg)}}.loader-center{justify-content:center;align-items:center;width:24px;height:24px;animation:3s ease-in-out infinite pulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}.loading-title{color:#1e293b;margin-bottom:.25rem;font-size:1.125rem;font-weight:600;line-height:1.4;animation:3s ease-in-out infinite textSlide}.loading-subtitle{color:#64748b;font-size:.8rem;line-height:1.3;animation:4s ease-in-out infinite fadeInOut}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes textSlide{0%,to{opacity:1;transform:translateY(0)}25%{opacity:.7;transform:translateY(-2px)}75%{opacity:.7;transform:translateY(2px)}}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:768px){.floating-icons{width:120px;height:120px}.floating-icon{width:32px;height:32px}.floating-icon svg{width:16px;height:16px}.floating-icon-1{transform:translate(-16px,-16px)rotate(0)translate(45px)rotate(0)}.floating-icon-2{transform:translate(-16px,-16px)rotate(60deg)translate(45px)rotate(-60deg)}.floating-icon-3{transform:translate(-16px,-16px)rotate(120deg)translate(45px)rotate(-120deg)}.floating-icon-4{transform:translate(-16px,-16px)rotate(180deg)translate(45px)rotate(-180deg)}.floating-icon-5{transform:translate(-16px,-16px)rotate(240deg)translate(45px)rotate(-240deg)}.floating-icon-6{transform:translate(-16px,-16px)rotate(300deg)translate(45px)rotate(-300deg)}@keyframes floatOrbit{0%,to{transform:translate(-16px,-16px)rotate(var(--rotation))translateX(45px)rotate(calc(-1*var(--rotation)));opacity:.7}50%{transform:translate(-16px,-16px)rotate(calc(var(--rotation) + 180deg))translateX(45px)rotate(calc(-1*var(--rotation) - 180deg));opacity:1}}.central-loader{width:50px;height:50px}.loader-center{width:20px;height:20px}.loading-title{font-size:1rem}.loading-subtitle{font-size:.75rem}}.top-projects-at{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:100%;display:flex}.top-projects-at .at-ct{color:#666;border:1px solid #666;border-radius:10px;margin-top:10px;font-size:14px;font-weight:600}.selected-repos-container{flex-wrap:wrap;gap:4px;min-height:0;padding-left:12px;padding-right:12px;display:flex}.selected-repo-tag{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:60px;align-items:center;width:max-content;padding:3px 10px;transition:all .2s;display:flex}.selected-repo-tag:hover{background:#f8fafc;border-color:#cbd5e1}.selected-repo-tag .repo-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;font-family:Google Sans;font-size:12px;font-weight:500}.selected-repo-tag .remove-icon{color:#94a3b8;margin-left:6px;font-size:16px;line-height:1;transition:color .2s}.selected-repo-tag:hover .remove-icon{color:#475569}.bottom-input-section-cook{z-index:99999;flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.bottom-input-section-cook .right-nut{flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;display:flex}.bottom-input-section-cook .mode-dropdown-container{z-index:99999;position:relative}.bottom-input-section-cook .projects-types-wrap{cursor:pointer;background:#eeeff0e4;border-radius:50px;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;padding:3.3px 6px 3.3px 8px;transition:all .2s;display:flex}.bottom-input-section-cook .projects-types-wrap:hover{background:#e2e4e7a0}.bottom-input-section-cook .projects-types-wrap span{color:#56677fb8;font-family:Google Sans;font-size:13px;font-weight:550}.bottom-input-section-cook .mode-dropdown{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#ffffff25;border:1px solid #e2e8f0;border-radius:12px;min-width:184px;max-height:400px;padding:4px;animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014}.bottom-input-section-cook .mode-dropdown::-webkit-scrollbar{width:6px}.bottom-input-section-cook .mode-dropdown::-webkit-scrollbar-track{background:0 0}.bottom-input-section-cook .mode-dropdown::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.bottom-input-section-cook .mode-dropdown::-webkit-scrollbar-thumb:hover{background:#cbd5e1}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bottom-input-section-cook .mode-section{background-color:#0000;padding:2px 0}.bottom-input-section-cook .mode-option{cursor:pointer;color:#64748b;background-color:#0000;border-radius:8px;align-items:center;gap:8px;margin:1px 0;padding:7px 10px;font-family:Google Sans;font-size:13px;transition:all .15s;display:flex}.bottom-input-section-cook .mode-option:hover{background:#f1f5f975}.bottom-input-section-cook .mode-option.selected{color:#fe5d48;background:#fe5d4821;font-weight:550}.bottom-input-section-cook .mode-option.selected span{font-weight:500!important}.bottom-input-section-cook .mode-option span{flex:1;font-family:Google Sans;font-weight:450}.bottom-input-section-cook .github-repos-wrap{cursor:pointer;border-radius:50px;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;padding:4px 8px;transition:all .2s;display:flex}.bottom-input-section-cook .github-repos-wrap:hover{background:#f3f4f6a0}.bottom-input-section-cook .github-repos-wrap span{color:#62748e;font-size:13px;font-weight:450}.bottom-input-section-cook .left-nut{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;display:flex}.github-dropdown-container{z-index:99999;position:relative}.github-dropdown{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#ffffff25;border:1px solid #e2e8f0;border-radius:12px;min-width:320px;max-height:400px;padding:4px;animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014}.github-dropdown-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:10px 12px;display:flex}.github-dropdown-header span{color:#64748b;font-family:Google Sans;font-size:13px;font-weight:550}.github-repos-list{max-height:300px;padding:2px 0;overflow-y:auto}.github-repos-list::-webkit-scrollbar{width:6px}.github-repos-list::-webkit-scrollbar-track{background:0 0}.github-repos-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.github-repos-list::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.github-repo-item{cursor:pointer;border-radius:8px;margin:1px 0;padding:10px 12px;transition:all .15s}.github-repo-item:hover{background:#f1f5f975}.github-repo-item.highlighted{background:#fe5d4821}.github-repo-item .repo-content{flex-direction:column;gap:4px;display:flex}.github-repo-item .repo-header{align-items:center;gap:8px;display:flex}.github-repo-item .repo-name{color:#334155;font-family:Google Sans;font-size:13px;font-weight:550}.github-repo-item .private-badge{color:#c2410c;background:#fed7aa;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.github-repo-item .repo-description{color:#64748b;font-family:Google Sans;font-size:12px;font-weight:400}.github-repo-item .repo-language{align-items:center;gap:4px;display:flex}.github-repo-item .repo-language .language-dot{background:#3b82f6;border-radius:50%;width:8px;height:8px}.github-repo-item .repo-language span{color:#64748b;font-family:Google Sans;font-size:11px}.github-loading-state{text-align:center;padding:24px 16px}.github-loading-state .loading-spinner{color:#3b82f6;width:24px;height:24px;margin:0 auto 8px;animation:1s linear infinite spin}.github-loading-state p{color:#64748b;font-family:Google Sans;font-size:13px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.github-empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.github-empty-state .empty-message{color:#64748b;margin-bottom:4px;font-family:Google Sans;font-size:13px}.github-empty-state .connect-button{margin-top:4px;font-size:12px}.github-no-results{text-align:center;padding:24px 16px}.github-no-results .no-results-message{color:#64748b;font-family:Google Sans;font-size:13px}.github-no-results .no-results-hint{color:#94a3b8;margin-top:4px;font-family:Google Sans;font-size:11px}.credits-modal-wrapper{background:#fff;width:100%;min-height:400px;position:relative;overflow:hidden}.credits-modal-dithering{z-index:0;pointer-events:none;height:180px;position:absolute;top:0;left:0;right:0}.credits-modal-dithering:after{content:"";z-index:1;background:linear-gradient(#0000,#fff);height:60px;position:absolute;bottom:0;left:0;right:0}.credits-modal-content{z-index:2;padding:24px;position:relative}.credits-modal-header-compact{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.credits-icon-compact{color:#fe5d48;background:linear-gradient(135deg,#fff5f0 0%,#ffe8e0 100%);border:1px solid #ffe0d5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 8px #ff5d481f}.credits-header-text{flex:1;padding-top:2px}.credits-modal-title-compact{color:#1a1a1a;letter-spacing:-.01em;margin:0 0 2px;font-family:Google Sans,sans-serif;font-size:18px;font-weight:650;line-height:1.3}.credits-modal-subtitle-compact{color:#666;margin:0;font-family:Google Sans,sans-serif;font-size:13px;font-weight:450;line-height:1.4}.credits-why-section{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);border:1px solid #ececec;border-radius:10px;margin-bottom:16px;padding:14px 16px}.credits-explanation{color:#555;margin:0;font-family:Google Sans,sans-serif;font-size:13px;font-weight:450;line-height:1.5}.credits-status-compact{background:#fff;border:1px solid #e8e8e8;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.status-item{flex-direction:column;gap:4px;display:flex}.status-label{color:#999;text-transform:uppercase;letter-spacing:.03em;font-family:Google Sans,sans-serif;font-size:11px;font-weight:550}.status-value{color:#1a1a1a;letter-spacing:-.01em;font-family:Google Sans,sans-serif;font-size:15px;font-weight:650}.status-divider{background:#e8e8e8;width:1px;height:32px}.credits-plans-preview{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.plan-preview-card{cursor:pointer;text-align:left;background:linear-gradient(135deg,#f9f9f9 0%,#faf7f5 100%);border:none;border-radius:10px;outline:none;width:100%;padding:14px 16px;transition:all .2s;position:relative}.plan-preview-card:hover:not(:disabled){border-color:#d8d8d8;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.plan-preview-card:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.plan-preview-card:disabled{opacity:.7;cursor:not-allowed}.plan-preview-card.plan-preview-popular{background:linear-gradient(135deg,#1a1a1a 0%,#2d1810 100%);border-color:#1a1a1a}.plan-preview-card.plan-preview-popular .plan-preview-name,.plan-preview-card.plan-preview-popular .plan-preview-price,.plan-preview-card.plan-preview-popular .plan-preview-credits{color:#fff!important}.plan-preview-card.plan-preview-popular .plan-preview-period{color:#b8b8b8!important}.plan-preview-card.plan-preview-popular:hover:not(:disabled){box-shadow:0 4px 12px #0000004d}.plan-preview-loading{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plan-preview-loading svg{color:#fe5d48}.plan-preview-badge{color:#fff;letter-spacing:.02em;background:#fe5d48;border-radius:60px;padding:2px 8px;font-family:Google Sans,sans-serif;font-size:10px;font-weight:600;position:absolute;top:-8px;right:12px;box-shadow:0 2px 6px #fe5d484d}.plan-preview-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.plan-preview-name{color:#1a1a1a;letter-spacing:-.01em;font-family:Google Sans,sans-serif;font-size:15px;font-weight:650}.plan-preview-price{color:#1a1a1a;letter-spacing:-.02em;font-family:Google Sans,sans-serif;font-size:18px;font-weight:700}.plan-preview-period{color:#888;margin-left:2px;font-size:12px;font-weight:500}.plan-preview-credits{color:#666;font-family:Google Sans,sans-serif;font-size:12px;font-weight:500}.credits-modal-actions-compact{gap:8px;padding-top:4px;display:flex}.credits-btn-compact{cursor:pointer;border:none;border-radius:9px;outline:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:550;transition:all .2s;display:flex}.credits-btn-compact:active{transform:scale(.98)}.credits-btn-ghost-compact{color:#666;background:#fff;border:1px solid #d8d8d8}.credits-btn-ghost-compact:hover{color:#1a1a1a;background:#fafafa;border-color:#c8c8c8}.credits-btn-primary-compact{color:#fff;background:linear-gradient(135deg,#fe5d48 0%,#dd3919 100%);border:1px solid #0000000d;box-shadow:0 2px 8px #fe5d4840,0 1px 2px #0000000d}.credits-btn-primary-compact:hover{background:linear-gradient(135deg,#ff6e5a 0%,#e84525 100%);transform:translateY(-1px);box-shadow:0 4px 12px #fe5d4859,0 2px 4px #00000014}@media (max-width:480px){.credits-modal-content{padding:20px}.credits-modal-header-compact{margin-bottom:14px}.credits-status-compact{flex-direction:column;align-items:stretch;gap:12px}.status-divider{width:100%;height:1px}.credits-modal-actions-compact{flex-direction:column}.credits-btn-compact{width:100%}}