.ai-hero{text-align:center;padding:180px 0 80px;position:relative;overflow:hidden}.ai-hero__bg{z-index:0;background:linear-gradient(160deg,#0a0a0a 0%,#0d1f0d 35%,#132613 65%,#0a0a0a 100%);position:absolute;inset:0}.ai-hero__bg:after{content:"";background:radial-gradient(at 50% 30%,#7ab06e1a 0%,#0000 50%),radial-gradient(circle at 20% 80%,#508c3c0f 0%,#0000 40%);position:absolute;inset:0}.ai-hero__content{z-index:1;position:relative}.ai-hero__badge{color:#a8d89a;letter-spacing:.5px;background:#7ab06e1f;border:1px solid #7ab06e40;border-radius:20px;margin-bottom:24px;padding:6px 18px;font-size:14px;font-weight:500;display:inline-block}.ai-hero__title{color:#fff;margin-bottom:16px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2}.ai-hero__title-glow{background:linear-gradient(135deg,#7ab06e 0%,#a8d89a 50%,#d4e8cf 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px #7ab06e66);-webkit-background-clip:text;background-clip:text}.ai-hero__subtitle{font-size:var(--fs-xl);color:#c8dcc399;margin-bottom:20px}.ai-hero__remaining{color:#c8dcc380;font-size:var(--fs-sm)}.ai-hero__remaining-count{color:#fff;background:linear-gradient(135deg,#7ab06e,#a8d89a);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-inline-end:6px;font-size:14px;font-weight:700;display:inline-flex}.ai-hero__remaining-zero{color:#ff6464b3}.ai-progress{background:#f8f9f7;padding:30px 0 40px}.ai-progress__bar{direction:ltr;justify-content:center;align-items:center;gap:0;max-width:560px;margin:0 auto;padding:0 24px;display:flex}.ai-progress__step{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;transition:transform .3s;display:flex}.ai-progress__step:hover{transform:scale(1.05)}.ai-progress__dot{color:#0006;background:#0000000f;border:2px solid #00000026;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.ai-progress__step[data-active=true] .ai-progress__dot{color:#fff;background:linear-gradient(135deg,#7ab06e,#a8d89a);border-color:#0000;animation:2s ease-in-out infinite dot-glow;box-shadow:0 0 20px #7ab06e66,0 0 60px #7ab06e26}@keyframes dot-glow{0%,to{box-shadow:0 0 20px #7ab06e66,0 0 60px #7ab06e26}50%{box-shadow:0 0 25px #7ab06e80,0 0 80px #7ab06e33}}.ai-progress__label{color:#00000073;white-space:nowrap;font-size:13px;font-weight:600;transition:color .4s}.ai-progress__step[data-active=true] .ai-progress__label{color:#4a8a3e}.ai-progress__line{margin:0 12px;background:#0000001a;border-radius:2px;flex:1;min-width:50px;height:2px;margin-bottom:30px;transition:all .6s;position:relative;overflow:hidden}.ai-progress__line[data-active=true]{background:#7ab06e40}.ai-progress__line[data-active=true]:after{content:"";background:linear-gradient(90deg,#7ab06e,#a8d89a);animation:.6s forwards line-fill;position:absolute;inset:0}@keyframes line-fill{0%{transform-origin:100%;transform:scaleX(0)}to{transform-origin:100%;transform:scaleX(1)}}.ai-login-card{text-align:center;border-radius:var(--radius-xl);color:#fff;background:linear-gradient(165deg,#1a1a1a,#0d1f0d);border:1px solid #7ab06e26;max-width:480px;margin:0 auto;padding:60px 40px}.ai-login-card__icon{margin-bottom:20px;font-size:3rem}.ai-login-card h2{font-size:var(--fs-xl);color:#d4e8cf;margin-bottom:12px}.ai-login-card p{color:#c8dcc380;margin-bottom:24px}.ai-form{max-width:800px;margin:0 auto}.ai-form__section{margin-bottom:36px}.ai-form__section-title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--green-800);margin-bottom:8px}.ai-form__section-desc{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:20px}.ai-form__options-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ai-option{border-radius:var(--radius-lg);cursor:pointer;background:#fff;border:2px solid #e8ebe5;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.ai-option:hover{border-color:#b5d4a8;transform:translateY(-3px);box-shadow:0 8px 25px #7ab06e1a}.ai-option--selected{background:linear-gradient(165deg,#f0f7ec,#e5f0e0);border-color:#7ab06e;box-shadow:0 4px 20px #7ab06e26}.ai-option__icon{font-size:1.8rem}.ai-option__label{font-size:var(--fs-sm);color:#333;font-weight:600}.ai-form__budget-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ai-budget{border-radius:var(--radius-lg);cursor:pointer;text-align:center;background:#fff;border:2px solid #e8ebe5;padding:20px;transition:all .3s}.ai-budget:hover{border-color:#b5d4a8;transform:translateY(-2px)}.ai-budget--selected{background:linear-gradient(165deg,#f0f7ec,#e5f0e0);border-color:#7ab06e}.ai-budget__label{color:#333;margin-bottom:4px;font-weight:700;display:block}.ai-budget__desc{color:#999;font-size:12px}.ai-form__inputs{gap:16px;display:grid}.ai-form__next{width:100%;margin-top:12px;font-size:var(--fs-lg)!important;padding:18px!important}.ai-form__nav{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.ai-upload{border-radius:var(--radius-xl);cursor:pointer;text-align:center;background:linear-gradient(165deg,#f0f7ec80,#fff);border:2px dashed #7ab06e4d;flex-direction:column;align-items:center;gap:12px;padding:60px 40px;transition:all .4s;display:flex}.ai-upload:hover,.ai-upload--drag{background:linear-gradient(165deg,#f0f7ec,#e8f2e3);border-color:#7ab06e;box-shadow:0 8px 30px #7ab06e1a}.ai-upload__visual{margin-bottom:8px}.ai-upload__icon-ring{background:linear-gradient(135deg,#7ab06e26,#a8d89a1a);border:2px solid #7ab06e33;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.2rem;animation:2s ease-in-out infinite pulse-ring;display:flex}@keyframes pulse-ring{0%,to{transform:scale(1);box-shadow:0 0 #7ab06e33}50%{transform:scale(1.05);box-shadow:0 0 0 15px #7ab06e00}}.ai-upload__title{font-size:var(--fs-lg);color:#333;font-weight:600}.ai-upload__or{color:#999;font-size:13px}.ai-upload__btn{color:#fff;background:linear-gradient(135deg,#7ab06e,#a8d89a);border-radius:20px;padding:8px 24px;font-size:14px;font-weight:600}.ai-upload__hint{color:#999;font-size:12px}.ai-upload-preview{border-radius:var(--radius-xl);border:2px solid #7ab06e33;max-height:450px;position:relative;overflow:hidden}.ai-upload-preview img{object-fit:cover;width:100%;max-height:450px}.ai-upload-preview__overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.ai-upload-preview:hover .ai-upload-preview__overlay{opacity:1}.ai-upload-preview__overlay button{color:#333;cursor:pointer;background:#ffffffe6;border-radius:10px;padding:10px 24px;font-weight:600;transition:transform .2s}.ai-upload-preview__overlay button:hover{transform:scale(1.05)}.ai-loading{text-align:center;padding:60px 20px}.ai-loading__animation{width:120px;height:120px;margin:0 auto 30px;position:relative}.ai-loading__ring{border:3px solid #0000;border-top-color:#7ab06e;border-radius:50%;animation:1.2s linear infinite spin;position:absolute;inset:0}.ai-loading__ring--2{border-top-color:#a8d89a;animation-duration:.8s;animation-direction:reverse;inset:12px}@keyframes spin{to{transform:rotate(360deg)}}.ai-loading__icon{font-size:2.5rem;animation:1.5s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.15)}}.ai-loading__title{font-size:var(--fs-2xl);color:var(--green-800);margin-bottom:8px}.ai-loading__subtitle{color:var(--text-muted);margin-bottom:32px}.ai-loading__steps{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ai-loading__step{color:var(--green-700);background:#7ab06e14;border:1px solid #7ab06e26;border-radius:20px;padding:8px 16px;font-size:13px;animation:2s ease-in-out infinite step-blink}.ai-loading__step--1{animation-delay:0s}.ai-loading__step--2{animation-delay:.5s}.ai-loading__step--3{animation-delay:1s}.ai-loading__step--4{animation-delay:1.5s}@keyframes step-blink{0%,to{opacity:.4}50%{opacity:1;background:#7ab06e26}}.ai-result__layout{grid-template-columns:380px 1fr;align-items:start;gap:32px;display:grid}.ai-result__image-card{border-radius:var(--radius-xl);border:2px solid #7ab06e33;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000014}.ai-result__image-card img{width:100%;display:block}.ai-result__image-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0009;border-radius:8px;padding:4px 12px;font-size:12px;position:absolute;top:12px;right:12px}.ai-result__new-btn{width:100%;margin-top:16px}.ai-result__text-col{border-radius:var(--radius-xl);background:#fff;border:1px solid #7ab06e1a;padding:32px;box-shadow:0 4px 20px #0000000a}.ai-result__header{margin-bottom:20px}.ai-result__ai-badge{color:#4a7a40;background:linear-gradient(135deg,#7ab06e1a,#a8d89a14);border:1px solid #7ab06e33;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.ai-result__content{color:#444;font-size:15px;line-height:1.8}.ai-result__content h3.ai-result__heading{color:var(--green-800);border-bottom:1px solid #7ab06e26;margin:28px 0 12px;padding-bottom:8px;font-size:1.2rem}.ai-result__content h3.ai-result__heading:first-child{margin-top:0}.ai-result__content h4.ai-result__subheading{color:var(--green-700);margin:20px 0 8px;font-size:1rem}.ai-result__content strong{color:#1a2e1a}.ai-result__image-card--generated{border:2px solid var(--green-400);position:relative}.ai-result__image-badge--ai{font-weight:700;color:#fff!important;background:linear-gradient(135deg,#7ab06e,#4a8a3e)!important}.ai-result__download-btn{text-align:center;margin:12px;text-decoration:none;display:block}.ai-result__image-card--pending{background:#00000005;border:2px dashed #00000026}.ai-result__layout-structured{grid-template-columns:320px 1fr;align-items:start;gap:32px;display:grid}.ai-result__sidebar{flex-direction:column;gap:20px;display:flex}.ai-result__main{border-radius:var(--radius-xl);background:#fff;border:1px solid #7ab06e1f;padding:32px;box-shadow:0 4px 30px #00000008}.ai-result__sidebar-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #7ab06e1f;padding:24px;box-shadow:0 4px 20px #00000005}.ai-sidebar-title{font-size:var(--fs-md);color:var(--green-800);margin-bottom:6px;font-weight:700}.ai-sidebar-subtitle{color:#999;margin-bottom:12px;font-size:11px}.ai-color-palette{flex-direction:column;gap:12px;display:flex}.ai-color-item{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:8px;transition:background .2s;display:flex}.ai-color-item:hover{background:#f8f9f6}.ai-color-circle{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:40px;height:40px}.ai-color-info{flex-direction:column;display:flex}.ai-color-name{font-size:var(--fs-sm);color:#333;font-weight:600}.ai-color-hex{color:#666;font-family:monospace;font-size:12px}.ai-color-role{color:#999;font-size:10px}.ai-material-tags{flex-wrap:wrap;gap:8px;display:flex}.ai-material-tag{color:var(--green-800);font-size:var(--fs-xs);background:#f0f4ee;border:1px solid #7ab06e26;border-radius:20px;padding:6px 12px;font-weight:600}.ai-tabs{border-bottom:2px solid #e8ebe5;gap:16px;margin-bottom:24px;display:flex}.ai-tab-btn{font-size:var(--fs-sm);color:#777;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:12px 16px;font-weight:700;transition:all .3s}.ai-tab-btn:hover{color:var(--green-700)}.ai-tab-btn--active{color:var(--green-800);border-bottom-color:#7ab06e}.ai-tab-content{min-height:300px}.ai-concept-box{border-radius:var(--radius-lg);background:linear-gradient(165deg,#f7f9f5 0%,#edf2ea 100%);border-right:4px solid #7ab06e;margin-bottom:24px;padding:24px}.ai-concept-badge{color:#7ab06e;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.ai-concept-title{font-size:var(--fs-lg);color:var(--green-800);margin-bottom:8px;font-weight:700}.ai-concept-desc{font-size:var(--fs-sm);color:#555;line-height:1.8}.ai-rating-box{border-radius:var(--radius-lg);background:#fff;border:1px solid #e8ebe5;margin-bottom:24px;padding:20px}.ai-rating-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ai-rating-label{font-size:var(--fs-sm);color:#333;font-weight:700}.ai-rating-value{font-size:var(--fs-lg);color:#4a8a3e;font-weight:800}.ai-rating-bar{background:#edf0ec;border-radius:5px;height:10px;margin-bottom:8px;overflow:hidden}.ai-rating-bar-fill{background:linear-gradient(90deg,#7ab06e,#a8d89a);border-radius:5px;height:100%;transition:width 1s ease-out}.ai-rating-hint{font-size:var(--fs-xs);color:#999}.ai-analysis-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ai-analysis-card{border-radius:var(--radius-lg);border:1px solid #e8ebe5;padding:20px}.ai-analysis-card--strengths{background:#f4faf2;border-color:#7ab06e33}.ai-analysis-card--weaknesses{background:#fdf5f5;border-color:#e6646426}.ai-analysis-title{font-size:var(--fs-sm);margin-bottom:12px;font-weight:700}.ai-analysis-card--strengths .ai-analysis-title{color:#2e691e}.ai-analysis-card--weaknesses .ai-analysis-title{color:#a33838}.ai-analysis-card ul{margin:0;padding-inline-start:18px}.ai-analysis-card li{font-size:var(--fs-sm);color:#444;margin-bottom:8px;line-height:1.7}.ai-recommendations-list{flex-direction:column;gap:16px;display:flex}.ai-rec-card{border-radius:var(--radius-lg);background:#fafbfa;border:1px solid #edf0ec;flex-direction:column;gap:10px;padding:20px;transition:all .3s;display:flex}.ai-rec-card:hover{border-color:#d4e0ce;transform:translateY(-2px);box-shadow:0 4px 15px #00000005}.ai-rec-card__header{align-items:center;gap:10px;display:flex}.ai-rec-card__icon{font-size:1.5rem}.ai-rec-card__title{font-size:var(--fs-sm);color:var(--green-800);font-weight:700}.ai-rec-card__desc{font-size:var(--fs-sm);color:#555;padding-inline-start:4px;line-height:1.7}.ai-budget-box{border-radius:var(--radius-lg);background:linear-gradient(165deg,#fefbf5 0%,#faf3e5 100%);border-right:4px solid #e5a93b;margin-bottom:24px;padding:24px}.ai-budget-badge{color:#e5a93b;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.ai-budget-title{font-size:var(--fs-md);color:#8c6014;margin-bottom:8px;font-weight:700}.ai-budget-desc{font-size:var(--fs-sm);color:#665235;line-height:1.7}.ai-tips-box{margin-bottom:28px}.ai-tips-title{font-size:var(--fs-md);color:var(--green-800);margin-bottom:16px;font-weight:700}.ai-tips-list{flex-direction:column;gap:12px;display:flex}.ai-tip-card{border-radius:var(--radius-md);background:#fff;border:1px solid #e8ebe5;align-items:flex-start;gap:14px;padding:16px;display:flex}.ai-tip-number{width:24px;height:24px;color:var(--green-700);background:#edf4eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.ai-tip-text{font-size:var(--fs-sm);color:#444;margin:0;line-height:1.7}.ai-prompt-box{border-radius:var(--radius-lg);background:#f7f7f7;border:1px solid #eee;padding:24px}.ai-prompt-title{font-size:var(--fs-sm);color:#333;margin-bottom:6px;font-weight:700}.ai-prompt-desc{font-size:var(--fs-xs);color:#777;margin-bottom:16px}.ai-prompt-code-wrapper{border-radius:var(--radius-md);color:#eee;text-align:left;direction:ltr;background:#222;padding:16px;position:relative}.ai-prompt-code{font-family:monospace;font-size:var(--fs-xs);word-break:break-all;white-space:pre-wrap;margin-bottom:12px;line-height:1.6;display:block}.ai-prompt-copy-btn{color:#fff!important;background:#ffffff1a!important;border-color:#fff3!important;padding:6px 12px!important;font-size:11px!important}.ai-prompt-copy-btn:hover{background:#fff3!important}@media (max-width:768px){.ai-form__options-grid{grid-template-columns:repeat(2,1fr)}.ai-form__budget-grid,.ai-result__layout,.ai-result__layout-structured,.ai-analysis-grid{grid-template-columns:1fr}.ai-form__nav{flex-direction:column}}@media (max-width:480px){.ai-form__options-grid{grid-template-columns:1fr 1fr}.ai-hero__title{font-size:2rem}.ai-tabs{flex-wrap:wrap;gap:8px}.ai-tab-btn{padding:10px 8px;font-size:12px}}.ai-edit-input{color:#fff;direction:rtl;background:#ffffff0d;border:1px solid #7ab06e4d;border-radius:10px;width:100%;margin-bottom:10px;padding:10px 14px;font-family:inherit;font-size:16px;font-weight:700;transition:border-color .2s,background .2s}.ai-edit-input:focus{background:#ffffff14;border-color:#7ab06eb3;outline:none}.ai-edit-textarea{color:#c8d8c0;resize:vertical;direction:rtl;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;width:100%;margin-top:4px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.8;transition:border-color .2s,background .2s}.ai-edit-textarea:focus{color:#fff;background:#ffffff12;border-color:#7ab06e80;outline:none}.ai-edit-textarea--tip{flex:1;margin-top:0}.ai-edit-list-input{color:#c8d8c0;direction:rtl;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;width:100%;padding:6px 10px;font-family:inherit;font-size:13px;transition:border-color .2s}.ai-edit-list-input:focus{color:#fff;border-color:#7ab06e80;outline:none}