.view-toggle-button,button.filter-button,button.sort-button{padding:12px 23px;display:flex;align-items:center;height:40px;border-radius:20px;gap:8px;background:#f7f7f7;line-height:1;font-size:16px;color:rgb(var(--color-system)/.4);transition:all .3s ease;border:none;cursor:pointer;white-space:nowrap}button.sort-button{padding:12px 16px}button.filter-button.active,button.filter-button:hover{color:#fff;background:rgb(var(--color-secondary))}.add-new-project-button{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:11px 16px;gap:8px;height:48px;border:2px solid rgb(var(--color-system)/.1);border-radius:12px;flex:none;order:0;flex-grow:0;font-size:18px;font-weight:500;color:rgb(var(--color-system));transition:all .3s ease;cursor:pointer}button.add-new-project-button:hover{background:rgb(var(--color-primary));color:#fff}span.selected-sort-value{color:rgb(var(--color-system)/.8)}.filter-tabs{flex-flow:row-reverse}.view-toggle-button{padding:6px}.view-toggle-button button{border-radius:100%}.project-card-item{background:#f7f7f7;border-radius:24px}.project-card-thumbnail-container{position:relative;padding-top:62%}.project-card-thumbnail{position:absolute;top:0;left:8px;width:calc(100% - 16px);background:#333;height:calc(100% - 8px);border-radius:16px;-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden}.project-tag-wrapper{background-color:#f7f7f7;border-radius:18px 0 0 0;padding:8px;bottom:0;right:0}.tag-border-1,.tag-border-2{height:16px;width:16px;bottom:100%;position:absolute;right:8px;background:transparent;overflow:hidden}.tag-border-1>span,.tag-border-2>span{width:200px;height:100px;position:absolute;right:-7px;bottom:-7px;background:transparent;border:7px solid #f7f7f7;border-radius:24px}.tag-border-2{right:100%;bottom:8px}.template-card{border-radius:24px;transition:all .3s ease}.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.filter-tab-2{justify-self:flex-end;justify-self:flex-start;flex-flow:nowrap}.search-field-wrapper{min-width:200px}.search-input{width:100%;padding:10px 44px 10px 46px;height:40px;border:1px solid rgb(var(--color-system)/0);border-radius:20px;background:#f7f7f7;color:rgb(var(--color-system));font-size:14px;outline:none;transition:all .3s ease}.search-input:focus{border-color:rgb(var(--color-secondary));background:#fff;box-shadow:0 0 0 3px rgb(var(--color-secondary)/.1)}.search-input::-moz-placeholder{color:rgb(var(--color-system)/.4)}.search-input::placeholder{color:rgb(var(--color-system)/.4)}.template-header{margin-bottom:16px;padding:8px}h3.template-title{font-size:22px;line-height:1.2;margin:0 0 8px}p.template-description{font-size:16px;color:#0115218c;line-height:1.4}.template-thumb-image img{width:100%}.template-badge{display:flex;flex-direction:row;align-items:center;padding:4px;gap:8px;width:34px;height:20px;background:linear-gradient(119.97deg,#11a4ae 12.23%,#02757c 105.52%);box-shadow:0 5px 12px rgba(151,123,16,.08);border-radius:4px;color:#fff;font-size:12px;line-height:1}.step-listing{justify-self:flex-start;gap:8px}.step-item{padding:8px;gap:8px;border:2px solid rgba(10,99,150,.16);filter:drop-shadow(0 1px 2px rgba(14,18,27,.04));border-radius:100px;cursor:pointer;flex-flow:row-reverse}.step-cirle,.step-item{display:flex;align-items:center}.step-cirle{width:24px;height:24px;border:2px dashed rgba(10,99,150,.16);border-radius:100px;transform:rotate(-180deg)}.step-title{color:#011521}.step-counter,.step-title{font-size:16px;line-height:140%;letter-spacing:-.005em}.step-counter{align-items:center;color:rgba(1,21,33,.4)}.step-item.active{background:rgb(var(--color-secondary)/.08);border-color:rgb(var(--color-secondary)/.2)}.step-item.active .step-cirle{background:rgb(var(--color-secondary)/.16);border:none;color:rgb(var(--color-secondary));display:flex;align-items:center;justify-content:center;transform:rotate(0deg)}.step-item.active .step-cirle svg,.step-item.active .step-cirle svg *{fill:rgb(var(--color-secondary));stroke:rgb(var(--color-secondary))}.step-item.active .step-cirle svg{height:10px;width:10px}.step-item.clickable{cursor:pointer;transition:all .2s ease}.step-item.clickable:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(14,18,27,.08);border-color:rgb(var(--color-secondary)/.3)}.step-item.clickable:active{transform:translateY(0)}.step-item:not(.clickable){cursor:default}.size-card-item{border:3px solid transparent!important}.size-card-item:hover{border:3px solid hsla(0,0%,100%,.7)!important}.size-card-item-selected,.size-card-item:hover{background:#fff}.selected-bg-overlay{visibility:hidden;opacity:0;overflow:hidden;background:#ffd126;z-index:1;transition:all .3s ease}.selected-bg-overlay,.selected-bg-overlay:after{position:absolute;top:0;left:0;border-radius:16px;height:100%;width:100%}.selected-bg-overlay:after{content:"";background:transparent;border:3px solid hsla(0,0%,100%,.4)!important}.selected-bg-icon{z-index:9}.size-card-item-content{position:relative;z-index:9}.size-card-item-selected .selected-bg-overlay,.size-card-item:hover .selected-bg-overlay{visibility:visible;opacity:1}span.social-platform-icon{height:26px;width:26px;display:block}.project-navigation{position:absolute;top:50px;left:15px;padding:2rem;z-index:9;background:#fff;border-radius:10px}.project-navigation button{flex-flow:row-reverse}.project-navigation button svg{transform:rotateX(180deg)}button.button-nav{display:flex;align-items:center;padding:11.0002px 12px 11.0002px 20px;border:2px solid rgb(var(--color-secondary)/.2);border-radius:12px;color:rgb(var(--color-secondary))}button.next-button.button-nav{margin-right:1rem;background:rgb(var(--color-secondary));color:#fff}.preview-card-container{background:rgb(var(--color-primary));border-radius:var(--border-radius,20px);padding:var(--padding,24px);display:flex;flex-direction:column;gap:var(--gap,20px);min-height:auto;border:calc(4px * var(--scale-factor, 1)) solid hsla(0,0%,100%,.4)}.preview-header-text{color:#fff;text-align:center;margin-bottom:calc(12px * var(--scale-factor, 1))}.preview-header-line-1{font-weight:400;font-size:clamp(12px,var(--font-large,22px),22px);line-height:140%;display:block;align-items:center;text-align:center;letter-spacing:-.005em;color:#fff;opacity:.8;flex:none;order:0;align-self:stretch;flex-grow:0}.preview-header-line-2{font-size:clamp(16px,var(--font-xlarge,32px),32px);font-weight:400;line-height:1.1;color:#fff;margin-bottom:0}.preview-header-line-3{font-size:16px;font-weight:400;opacity:.95;line-height:1.5;color:#fff}.preview-headline{font-size:22px;font-weight:700;color:rgb(var(--color-system));text-align:center;line-height:1.5;margin-bottom:8px}.preview-headline.placeholder{color:#9ca3af;font-weight:500}.preview-secondary-text{font-size:15px;color:#4b5563;text-align:center;line-height:1.5;margin-bottom:12px}.preview-secondary-text.placeholder{color:#9ca3af}.preview-image-placeholder{flex:1;background:#f0f4f8;border-radius:calc(12px * var(--scale-factor, 1));display:flex;align-items:center;justify-content:center;min-height:0;margin:0;overflow:hidden;min-width:128px;min-height:128px}.preview-image-placeholder img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-content-area>svg{opacity:.4;transform:rotate(-12.946deg) scale(.5) translate(-50%,-50%);transform-origin:center}.preview-content-area>svg,svg.vector-image{position:absolute;width:auto;height:auto;top:50%;left:50%}svg.vector-image{display:none;transform:translate(-50%,-50%) rotate(-12.946deg) scale(.25);opacity:.3;width:1603.515px;height:1425.954px;stroke-width:185.931px;z-index:1}.preview-card-container{overflow:hidden}.preview-image-placeholder svg{opacity:.4}.preview-cta-button{background:#fff;border-radius:calc(12px * var(--scale-factor, 1));padding:calc(14px * var(--scale-factor, 1)) calc(28px * var(--scale-factor, 1));display:flex;align-items:center;justify-content:center;gap:calc(8px * var(--scale-factor, 1));font-weight:600;font-size:clamp(10px,var(--font-small,15px),15px);margin-top:auto;width:100%;box-sizing:border-box;flex-direction:row-reverse}.preview-cta-button.placeholder{background:#fff;color:rgb(var(--color-system))}.ai-button-with-badge,.ai-scan-button,.step3-project-name-button,.step3-upload-button{display:flex;gap:8px;padding:10px 16px;background:transparent;color:rgb(var(--color-primary));border:2px solid rgb(var(--color-primary)/.2);border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;height:56px}.ai-button-with-badge:hover,.ai-scan-button:hover,.step3-project-name-button:hover,.step3-upload-button:hover{background:#077a82;color:#fff}.ai-button-with-badge{cursor:disabled}.ai-button-text{display:flex;align-items:center;gap:4px}.text-input-field{padding:12px 16px;border:1px solid rgb(var(--color-system)/.1);border-radius:8px;background:#fff;color:rgb(var(--color-system));font-size:16px;outline:none;transition:all .3s ease;height:56px}.text-input-field:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--color-primary)/.1)}.text-input-field::-moz-placeholder{color:#9ca3af}.text-input-field::placeholder{color:#9ca3af}.character-counter{color:rgb(var(--color-system)/.6);font-size:12px}.form-field-item-wrapper p.character-counter{top:48px;position:absolute;left:240px;font-size:14px}.step-container input.text-input-field{padding-left:30px}.form-field-item{flex-flow:row-reverse}.form-field-item-wrapper{position:relative}.ai-modal-field-row{flex-flow:row-reverse}.ai-scan-button:hover:not(:disabled){background:#077a82}.ai-scan-button:disabled{opacity:.5;cursor:not-allowed}.ai-modal-input{padding:12px 16px;border:1px solid rgb(var(--color-system)/.1);border-radius:8px;background:#fff;color:rgb(var(--color-system));font-size:14px;outline:none;transition:all .3s ease}.ai-modal-input:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--color-primary)/.1)}.ai-modal-input::-moz-placeholder{color:#9ca3af}.ai-modal-input::placeholder{color:#9ca3af}.ai-modal-select{padding:12px 40px 12px 16px;border:1px solid rgb(var(--color-system)/.1);border-radius:8px;background:#fff;color:rgb(var(--color-system));font-size:16px;outline:none;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:100%}.ai-modal-select:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--color-primary)/.1)}.ai-modal-textarea{padding:12px 16px;border:1px solid rgb(var(--color-system)/.1);border-radius:8px;background:#fff;color:rgb(var(--color-system));font-size:16px;outline:none;transition:all .3s ease;resize:none;font-family:inherit}.ai-modal-textarea:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--color-primary)/.1)}.ai-modal-textarea::-moz-placeholder{color:#9ca3af}.ai-modal-textarea::placeholder{color:#9ca3af}.ai-modal-cancel-button{padding:12px 24px;border:1px solid rgb(var(--color-system)/.1);border-radius:8px;background:#fff;color:rgb(var(--color-system));font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.ai-modal-cancel-button:hover{border-color:rgb(var(--color-primary));background:#f9fafb}.ai-modal-save-button{padding:12px 24px;background:rgb(var(--color-primary));color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.ai-modal-save-button:hover{background:rgb(var(--color-primary)/.9)}.step3-upload-row{display:flex;align-items:center;gap:12px;flex-flow:row-reverse}.step3-upload-input{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:14px 16px;gap:10px;height:56px;border:1px solid rgb(var(--color-system)/.1);border-radius:12px;flex:none;order:1;flex-grow:1;transition:all .3s ease;outline:none;font-size:18px;line-height:140%;letter-spacing:-.005em;color:rgba(1,21,33,.64)}.step3-upload-input:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 2px rgb(var(--color-primary)/.1)}.step3-upload-input::-moz-placeholder{color:#9ca3af}.step3-upload-input::placeholder{color:#9ca3af}.step3-upload-text{color:rgb(var(--color-system)/.6);font-size:14px;white-space:nowrap;flex-shrink:0}.preview-cta-button{height:35px;width:auto;color:rgb(var(--color-primary));font-size:14px;position:absolute;margin:0 auto;bottom:-10px;left:50%;transform:translateX(-50%);cursor:pointer;line-height:1;text-align:center;white-space:nowrap}.preview-cta-button>svg{width:calc(20px * var(--scale-factor, 1));height:calc(20px * var(--scale-factor, 1));margin-right:calc(10px * var(--scale-factor, 1))}.preview-content-area{justify-content:center;position:relative;margin-bottom:0;flex:1;display:flex;flex-direction:column}.preview-card-container.preview-horizontal{padding:calc(12px * var(--scale-factor, 1)) calc(20px * var(--scale-factor, 1));gap:calc(10px * var(--scale-factor, 1))}.preview-card-container.preview-horizontal .preview-header-text{margin-bottom:calc(6px * var(--scale-factor, 1))}.preview-card-container.preview-horizontal .preview-header-line-1{font-size:clamp(10px,calc(14px * var(--scale-factor, 1)),18px)}.preview-card-container.preview-horizontal .preview-header-line-2{font-size:clamp(12px,calc(18px * var(--scale-factor, 1)),24px)}.preview-card-container.preview-horizontal .preview-cta-button{padding:calc(8px * var(--scale-factor, 1)) calc(16px * var(--scale-factor, 1));font-size:clamp(8px,calc(12px * var(--scale-factor, 1)),13px)}.preview-card-container.preview-horizontal .preview-content-area{flex-direction:row;align-items:center;gap:calc(12px * var(--scale-factor, 1))}.preview-card-container.preview-horizontal .preview-image-placeholder{flex:0 0 auto;width:calc(100% - 30px);min-width:60px}.preview-card-container.preview-horizontal .preview-cta-button{flex:0 0 auto;width:auto;min-width:30%}.preview-card-container.preview-vertical{padding:calc(16px * var(--scale-factor, 1));gap:calc(12px * var(--scale-factor, 1))}.preview-card-container.preview-vertical .preview-header-line-1{font-size:clamp(10px,calc(16px * var(--scale-factor, 1)),20px)}.preview-card-container.preview-vertical .preview-header-line-2{font-size:clamp(14px,calc(24px * var(--scale-factor, 1)),28px)}.preview-card-container.preview-vertical .preview-image-placeholder{min-height:0;flex:1}.step3-upload-label-wrapper{display:flex;justify-content:space-between;padding-left:180px;font-size:16px;color:#01152169}.ad-preview-wrapper{width:40%;max-width:500px}span.step3-upload-text{position:absolute;right:20px;z-index:9;font-size:18px;color:rgb(1 21 33/60%)}.step3-upload-row{position:relative}.step3-project-name-button,.step3-upload-button{width:172px}.ad-preview-content-wrapper{flex-flow:wrap;flex:none;padding-top:30px}p.preview-label{color:rgba(1,21,33,.4);font-size:18px;margin-top:24px;width:100%;text-align:center}.step4-result-wrapper{display:flex;height:100%;background:#fff}.step4-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.step4-header{background:#fff;border-bottom:1px solid rgb(var(--color-system)/.1)}.step4-header-top{display:flex;align-items:center;justify-content:space-between;padding:16px 32px}.step4-back-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid rgb(var(--color-secondary)/.2);border-radius:8px;color:rgb(var(--color-system));font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;color:rgb(var(--color-secondary));background:transparent;height:48px}.step4-back-button:hover{background:rgb(var(--color-secondary));color:#fff}.step4-download-all-button{display:none!important;gap:8px;padding:10px 24px;background:rgb(var(--color-primary));font-size:14px;height:48px;font-weight:600;background:rgb(var(--color-secondary));color:#fff}.step4-download-all-button,.step4-icon-button{align-items:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.step4-icon-button{display:flex;justify-content:center;width:36px;height:36px;background:transparent;color:rgb(var(--color-system))}.step4-icon-button:hover{background:rgba(16,3,15,.05)}.step4-header-content{padding:24px 32px}.step4-title{font-size:28px;font-weight:700;color:rgb(var(--color-system));margin:0 0 8px}.step4-subtitle{font-size:16px;color:rgba(16,3,15,.6);margin:0}.step4-content{flex:1;overflow-y:auto;padding:32px;background:#fff}.generated-ads-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width:1400px){.generated-ads-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.generated-ads-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.generated-ads-grid{grid-template-columns:1fr}}.ad-card-result{position:relative;background:linear-gradient(135deg,#d4f1f4,#a7e6ed);border-radius:16px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(26,142,151,.1)}.ad-card-result:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.08)}.ad-card-result.locked{border-color:#fbbf24;border-width:2px}.ad-card-preview{position:relative;aspect-ratio:1;padding:1px;display:flex;flex-direction:column;justify-content:space-between}.ad-card-lock-badge{top:12px;left:12px;z-index:10;gap:4px;background:#fbbf24;color:#78350f;padding:4px 8px;font-size:12px;font-weight:600}.ad-card-lock-badge,.ad-card-placeholder{position:absolute;display:flex;align-items:center;border-radius:12px}.ad-card-placeholder{bottom:16px;left:16px;width:80px;height:80px;background:hsla(0,0%,100%,.5);justify-content:center;backdrop-filter:blur(4px)}.ad-card-generating{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(212,241,244,.95);backdrop-filter:blur(8px);color:rgb(var(--color-secondary))}.ad-card-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px}.ad-card-generate-button{position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);display:flex;align-items:center;gap:8px;padding:12px 24px;background:rgb(var(--color-secondary));color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;opacity:0;transition:opacity .3s ease;z-index:10}.ad-card-result:hover .ad-card-generate-button{opacity:1}.ad-card-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:hsla(0,93%,94%,.95);backdrop-filter:blur(8px);color:#991b1b;padding:16px}.ad-card-retry-button{padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.ad-card-retry-button:hover{background:#b91c1c}.ad-card-content-wrapper{display:none}.ad-card-text{text-align:center}.ad-card-headline{font-size:18px;font-weight:700;color:rgb(var(--color-system));margin:0 0 8px}.ad-card-secondary{font-size:14px;color:rgba(16,3,15,.7);margin:0}.ad-card-cta-wrapper{display:flex;justify-content:center}.ad-card-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#1a8e97;color:#fff;border-radius:8px;font-size:14px;font-weight:600}.ad-card-actions{position:absolute;top:12px;left:12px;right:auto;bottom:auto;display:flex;gap:8px;opacity:1;z-index:5}.ad-card-action-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(8px);border:none;border-radius:8px;color:rgb(var(--color-system));cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.ad-card-action-button:hover{background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.ad-card-action-button.locked{background:#fbbf24;color:#78350f}.ad-card-action-button.locked:hover{background:#f59e0b}.ai-tools-sidebar{width:320px;background:#fff;border-left:1px solid rgba(16,3,15,.1);display:flex;flex-direction:column;overflow-y:auto;padding:24px 16px}.sidebar-section{margin-bottom:16px}.sidebar-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:rgb(var(--color-system));font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:right}.sidebar-section-header:hover{background:rgba(16,3,15,.05)}.sidebar-section-content{padding:8px 0 0}.sidebar-item{width:100%;display:flex;align-items:center;padding:10px 16px;background:transparent;border:none;border-radius:6px;color:rgba(16,3,15,.7);font-size:13px;cursor:pointer;transition:all .2s ease;text-align:right}.sidebar-item:hover{background:rgba(16,3,15,.05);color:rgb(var(--color-system))}.sidebar-project-item{width:100%;display:flex;align-items:center;padding:10px 16px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.sidebar-project-item:hover{background:rgba(16,3,15,.05)}.sidebar-project-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(26,142,151,.1);border-radius:6px;color:#1a8e97}.sidebar-project-name{font-size:13px;font-weight:500;color:rgb(var(--color-system));margin-bottom:2px}.sidebar-project-number{font-size:11px;color:rgba(16,3,15,.5)}.sidebar-footer{margin-top:auto;padding-top:24px;border-top:1px solid rgba(16,3,15,.1)}.sidebar-credits-section{padding:12px;background:rgba(var(--color-primary),.03);border-radius:12px;margin-bottom:12px}.sidebar-days-remaining{padding:16px;background:rgba(26,142,151,.05);border-radius:12px;margin-bottom:12px}.sidebar-upgrade-button{width:100%;padding:12px 16px;background:rgb(var(--color-primary));border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.sidebar-upgrade-button:hover{background:rgb(var(--color-primary)/.9);transform:translateY(-1px)}.sidebar-team-plan-button{width:100%;padding:12px 16px;background:#1a8e97;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.sidebar-team-plan-button:hover{background:#157d85}.step4-header-top{position:absolute;left:0;top:40px}.ad-generation-modal-content{background:#fff;padding:48px 32px}.generation-stage{border-radius:16px;transition:all .3s ease;padding:20px 24px}.generation-stage-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.generation-stage-pending{background:#f5f5f5;border:none}.generation-stage-pending .generation-stage-icon{opacity:.4}.generation-stage-pending p{color:#9ca3af!important}.generation-stage-loading{background:linear-gradient(135deg,rgba(92,6,82,.08),rgba(92,6,82,.12));border:1px solid rgba(92,6,82,.15);box-shadow:0 2px 8px rgba(92,6,82,.08)}.generation-stage-loading p{color:#1f2937!important;font-weight:600}.generation-stage-completed{background:linear-gradient(135deg,rgba(92,6,82,.06),rgba(92,6,82,.1));border:1px solid rgba(92,6,82,.12)}.generation-stage-completed p{color:#1f2937!important;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.ai-button-with-badge{display:none}.form-field-item-wrapper p.character-counter{left:20px}button.step3-project-name-button{display:none}.required-label{margin-right:5px;position:relative;top:-5px}.settings-filter-tabs{flex-flow:row-reverse}button.settings-filter-button{padding:12px 23px;display:flex;align-items:center;height:40px;border-radius:20px;gap:8px;background:#f7f7f7;line-height:1;font-size:14px;color:rgb(var(--color-system)/.5);transition:all .3s ease;border:none;cursor:pointer;white-space:nowrap}.dark button.settings-filter-button{background:rgb(var(--color-surface));color:rgb(var(--color-text-muted))}button.settings-filter-button:hover{color:rgb(var(--color-system)/.8);background:#f0f0f0}.dark button.settings-filter-button:hover{color:rgb(var(--color-text));background:rgb(var(--color-bg))}.dark button.settings-filter-button.active,button.settings-filter-button.active{color:#fff;background:rgb(var(--color-secondary))}.api-settings-card{background:#f7f7f7;border-radius:16px;padding:32px 40px;margin:0 24px}.api-settings-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:32px}[dir=rtl] .api-settings-content{flex-direction:row}.api-settings-text{flex:1;text-align:right;direction:rtl}.api-settings-header{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:12px}.api-settings-title{font-family:var(--font-watad),"Tajawal",system-ui,sans-serif;font-weight:600;font-size:18px;line-height:140%;color:rgb(var(--color-system))}.api-coming-soon-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;background:rgb(var(--color-secondary)/.15);color:rgb(var(--color-secondary));font-size:11px;font-weight:600}.api-settings-description{font-size:13px;line-height:180%;color:rgb(var(--color-system)/.6);margin-bottom:4px}.api-settings-doc-link{font-size:13px;line-height:180%;color:rgb(var(--color-system)/.45)}.api-settings-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;order:-1}.api-settings-icon svg{color:rgb(var(--color-primary))}.integrations-container{padding:0 24px}.integrations-header{text-align:right;margin-bottom:24px}.integrations-title{font-family:var(--font-watad),"Tajawal",system-ui,sans-serif;font-weight:600;font-size:18px;line-height:140%;color:rgb(var(--color-system));margin-bottom:8px}.integrations-subtitle{font-size:13px;line-height:160%;color:rgb(var(--color-system)/.5)}.integrations-list{display:flex;flex-direction:column;gap:12px}.integration-card{background:#f7f7f7;border-radius:12px;padding:14px 16px;justify-content:space-between}.integration-card,.integration-platform{display:flex;flex-direction:row;align-items:center}.integration-platform{justify-content:flex-end;gap:8px;border:1px solid rgba(16,3,15,.1);border-radius:8px;padding:8px 12px;background:transparent}.integration-platform-name{font-size:14px;font-weight:600}.integration-platform svg,.integration-platform-name{color:rgb(var(--color-system))}.integration-connect-btn{display:flex;flex-direction:row;align-items:center;gap:6px;padding:10px 16px;border-radius:20px;border:1px solid rgb(var(--color-primary));background:#fff;font-size:13px;font-weight:500;color:rgb(var(--color-primary));cursor:pointer;transition:all .2s ease}.integration-connect-btn:hover{background:rgb(var(--color-primary)/.05)}.integration-connect-btn svg{color:rgb(var(--color-primary))}.settings-card{background:rgb(var(--color-surface)/.4);border:3px solid rgb(var(--color-surface));border-radius:16px;padding:24px}.settings-card-header{font-family:var(--font-watad),"Tajawal",system-ui,sans-serif;font-weight:400;font-size:18px;line-height:140%;letter-spacing:-.5%;color:rgb(var(--color-system));margin-bottom:24px}.settings-danger-card{background:hsla(0,86%,97%,.4);border:3px solid rgb(var(--color-surface))}.settings-personal-info-card{display:flex;flex-direction:row-reverse;gap:24px}.settings-avatar-section{flex-shrink:0}.settings-avatar{width:64px;height:64px;background:#f3e8ff;color:#7c3aed;font-size:20px;font-weight:700;position:relative}.settings-avatar,.settings-avatar-badge{border-radius:50%;display:flex;align-items:center;justify-content:center}.settings-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:#0891b2}.settings-form-section{flex:1;display:flex;flex-direction:column;gap:16px}.settings-field-label{font-size:12px;color:rgb(var(--color-text-muted));margin-bottom:4px;text-align:end}.settings-action-button,.settings-input-display{border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:15px;color:rgb(var(--color-system))}.settings-action-button{display:flex;align-items:center;gap:12px;background:#fff;cursor:pointer;transition:all .2s ease}.settings-action-button:hover{background:#f9fafb;border-color:rgb(var(--color-secondary))}.settings-logout-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:15px;color:rgb(var(--color-system));cursor:pointer;transition:all .2s ease}.settings-logout-button:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.settings-dropdown-button{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:15px;color:rgb(var(--color-system));cursor:pointer;transition:all .2s ease}.settings-dropdown-button:hover{border-color:rgb(var(--color-secondary))}.settings-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:8px;box-shadow:0 10px 40px rgba(0,0,0,.1);z-index:50}.settings-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:8px;font-size:14px;color:rgb(var(--color-system)/.7);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.settings-dropdown-item:hover{background:#f7f7f7;color:rgb(var(--color-system))}.settings-dropdown-item.active{background:rgb(var(--color-secondary)/.1);color:rgb(var(--color-secondary))}.settings-theme-toggle{display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:4px;gap:4px}.settings-theme-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;color:rgb(var(--color-system)/.5);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.settings-theme-option:hover{color:rgb(var(--color-system)/.8)}.settings-theme-option.active{background:#f7f7f7;color:rgb(var(--color-system))}.settings-delete-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:15px;color:rgb(var(--color-system));cursor:pointer;transition:all .2s ease}.settings-delete-button:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.settings-content-area{padding:24px}.settings-page-bg{background:rgb(var(--color-sso))}.settings-input-editable{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;transition:all .2s ease}.settings-input-editable:focus-within{border-color:rgb(var(--color-secondary))}.settings-text-input{flex:1;border:none;outline:none;font-size:15px;color:rgb(var(--color-system));background:transparent;text-align:inherit}.settings-text-input::-moz-placeholder{color:rgb(var(--color-system)/.4)}.settings-text-input::placeholder{color:rgb(var(--color-system)/.4)}.settings-textarea{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:15px;color:rgb(var(--color-system));resize:vertical;min-height:80px;transition:all .2s ease}.settings-textarea:focus{outline:none;border-color:rgb(var(--color-secondary))}.settings-textarea::-moz-placeholder{color:rgb(var(--color-system)/.4)}.settings-textarea::placeholder{color:rgb(var(--color-system)/.4)}.settings-logo-add-button{width:64px;height:64px;border-radius:12px;border:2px dashed rgb(var(--color-system)/.2);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:rgb(var(--color-system)/.4)}.settings-logo-add-button:hover{border-color:rgb(var(--color-secondary));color:rgb(var(--color-secondary))}.settings-logo-item{width:64px;height:64px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;position:relative;overflow:hidden;padding:8px}.settings-logo-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;border:none;opacity:0;transition:opacity .2s ease}.settings-logo-item:hover .settings-logo-remove{opacity:1}.settings-color-box{height:100px;width:100%;aspect-ratio:1;border-radius:16px;position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:12px}.settings-color-empty{background:#fff;border:2px dashed rgb(var(--color-system)/.15);align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.settings-color-empty:hover{border-color:rgb(var(--color-secondary))}.settings-color-edit-badge{display:flex;align-items:center;gap:4px;background:#fff;border:none;border-radius:8px;padding:6px 10px;cursor:pointer;transition:all .2s ease;color:rgb(var(--color-system)/.7)}.settings-color-edit-badge:hover{background:#f7f7f7;color:rgb(var(--color-system))}.settings-save-button{display:flex;align-items:center;justify-content:center;gap:8px;background:rgb(var(--color-secondary));border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.settings-save-button:hover{background:rgb(var(--color-secondary)/.9);transform:translateY(-1px)}.settings-save-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.team-invite-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:8px}.team-invite-label{font-size:13px;color:rgb(var(--color-system)/.5);text-align:start}.team-invite-form{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:center}@media (max-width:1024px){.team-invite-form,.team-invite-labels{grid-template-columns:repeat(2,1fr)}.team-invite-labels span:nth-child(3),.team-invite-labels span:nth-child(4){display:none}}@media (max-width:640px){.team-invite-form,.team-invite-labels{grid-template-columns:1fr}.team-invite-labels span:nth-child(2),.team-invite-labels span:nth-child(3),.team-invite-labels span:nth-child(4){display:none}}.team-invite-field{display:flex;flex-direction:column}.team-input{width:100%;height:48px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:15px;color:rgb(var(--color-system));text-align:start;transition:all .2s ease}.team-input::-moz-placeholder{color:rgb(var(--color-system)/.4);text-align:start}.team-input::placeholder{color:rgb(var(--color-system)/.4);text-align:start}.team-input:focus{outline:none;border-color:rgb(var(--color-secondary))}.team-dropdown-button{display:flex;align-items:center;gap:12px;width:100%;height:48px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:15px;color:rgb(var(--color-system));cursor:pointer;transition:all .2s ease}.team-dropdown-button:hover{border-color:rgb(var(--color-secondary))}.team-invite-button{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:2px solid rgb(var(--color-primary));border-radius:12px;padding:12px 20px;height:48px;font-size:15px;font-weight:500;color:rgb(var(--color-primary));cursor:pointer;transition:all .2s ease;white-space:nowrap}.team-invite-button:hover{background:rgb(var(--color-primary));color:#fff}.team-invite-button:disabled{opacity:.5;cursor:not-allowed}.team-table-header{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid #e5e7eb}.team-table-header .team-table-cell{font-size:13px;color:rgb(var(--color-system)/.5);font-weight:400;text-align:start}.team-table-body{display:flex;flex-direction:column}.team-table-row{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid rgba(229,231,235,.5);align-items:center}.team-table-row:last-child{border-bottom:none}.team-table-cell{font-size:14px;text-align:start}.team-delete-button{background:none;border:none;color:rgb(var(--color-secondary));font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;transition:all .2s ease}.team-delete-button:hover{text-decoration:underline}.billing-plan-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.billing-credits-dropdown{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:15px;cursor:pointer;transition:all .2s ease}.billing-credits-dropdown:hover{border-color:rgb(var(--color-primary))}.billing-upgrade-button{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 20px;font-size:15px;font-weight:500;color:rgb(var(--color-system));cursor:pointer;transition:all .2s ease}.billing-upgrade-button:hover{background:rgb(var(--color-secondary));border-color:rgb(var(--color-secondary));color:#fff}.billing-field-label{display:block;font-size:13px;color:rgb(var(--color-system)/.5);margin-bottom:8px;text-align:start}.billing-input{width:100%;height:48px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:15px;color:rgb(var(--color-system));text-align:start;transition:all .2s ease}.billing-input::-moz-placeholder{color:rgb(var(--color-system)/.4)}.billing-input::placeholder{color:rgb(var(--color-system)/.4)}.billing-input:focus{outline:none;border-color:rgb(var(--color-primary))}.billing-dropdown-button{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-size:15px;color:rgb(var(--color-system));cursor:pointer;transition:all .2s ease}.billing-dropdown-button:hover{border-color:rgb(var(--color-primary))}.billing-save-button{display:flex;align-items:center;gap:8px;background:transparent;border:2px solid rgb(var(--color-primary));border-radius:12px;padding:12px 24px;font-size:15px;font-weight:500;color:rgb(var(--color-primary));cursor:pointer;transition:all .2s ease}.billing-save-button:hover{background:rgb(var(--color-primary));color:#fff}.billing-save-button:disabled{opacity:.5;cursor:not-allowed}.billing-card-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px}.billing-default-badge{display:inline-flex;gap:6px;font-size:13px;color:rgb(var(--color-system));padding:6px 12px;border-radius:8px}.billing-add-card-button,.billing-default-badge{align-items:center;background:rgb(var(--color-sso))}.billing-add-card-button{display:flex;justify-content:center;gap:8px;width:100%;border:1px dashed rgb(var(--color-system)/.2);border-radius:12px;padding:16px 20px;font-size:15px;color:rgb(var(--color-primary));cursor:pointer;transition:all .2s ease}.billing-add-card-button:hover{border-color:rgb(var(--color-primary));background:rgb(var(--color-primary)/.05)}.billing-download-all-button{display:flex;align-items:center;gap:6px;background:rgb(var(--color-secondary));border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.billing-download-all-button:hover{opacity:.9}.billing-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.billing-table-header{display:flex;gap:12px;padding:12px 16px;background:rgb(var(--color-sso));border-bottom:1px solid #e5e7eb}.billing-table-header .billing-table-cell{font-size:12px;color:rgb(var(--color-system)/.5);font-weight:400;text-align:start}.billing-table-body{display:flex;flex-direction:column}.billing-table-row{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(229,231,235,.5);align-items:center}.billing-table-row:last-child{border-bottom:none}.billing-table-cell{font-size:14px;text-align:start}.billing-status-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:4px 10px;border-radius:6px}.billing-status-badge.paid{color:#059669;background:rgba(5,150,105,.1)}.billing-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.billing-download-button{background:none;border:none;color:rgb(var(--color-secondary));font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;transition:all .2s ease}.billing-download-button:hover{text-decoration:underline}.contact-textarea{width:100%;min-height:200px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;font-size:15px;color:rgb(var(--color-system));text-align:start;resize:vertical;transition:all .2s ease}.contact-textarea::-moz-placeholder{color:rgb(var(--color-system)/.4)}.contact-textarea::placeholder{color:rgb(var(--color-system)/.4)}.contact-textarea:focus{outline:none;border-color:rgb(var(--color-primary))}.contact-send-button{display:flex;align-items:center;justify-content:center;background:rgb(var(--color-primary));border:none;border-radius:12px;padding:14px 48px;font-size:16px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.contact-send-button:hover{opacity:.9;transform:translateY(-1px)}.contact-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.cm-project-tnumb-bg{background-size:cover;background-color:#0f0f0f}.dark .settings-card{background:rgb(var(--color-surface)/.6);border-color:rgb(var(--color-border))}.dark .settings-danger-card{background:rgba(127,29,29,.2);border-color:rgb(var(--color-border))}.dark .settings-action-button,.dark .settings-input-display{background:rgb(var(--color-bg));border-color:rgb(var(--color-border));color:rgb(var(--color-text))}.dark .settings-action-button:hover{background:rgb(var(--color-surface));border-color:rgb(var(--color-secondary))}.dark .settings-logout-button{background:rgb(var(--color-bg));border-color:rgb(var(--color-border));color:rgb(var(--color-text))}.dark .settings-logout-button:hover{background:rgba(127,29,29,.3);border-color:#ef4444;color:#f87171}.dark .settings-dropdown-button{background:rgb(var(--color-bg));border-color:rgb(var(--color-border));color:rgb(var(--color-text))}.dark .settings-dropdown-menu{background:rgb(var(--color-surface));border-color:rgb(var(--color-border));box-shadow:0 10px 40px rgba(0,0,0,.4)}.dark .settings-dropdown-item{color:rgb(var(--color-text-muted))}.dark .settings-dropdown-item:hover{background:rgb(var(--color-bg));color:rgb(var(--color-text))}.dark .settings-dropdown-item.active{background:rgb(var(--color-secondary)/.2);color:rgb(var(--color-secondary))}.dark .settings-theme-toggle{background:rgb(var(--color-bg));border-color:rgb(var(--color-border))}.dark .settings-theme-option{color:rgb(var(--color-text-muted))}.dark .settings-theme-option:hover{color:rgb(var(--color-text))}.dark .settings-theme-option.active{background:rgb(var(--color-surface));color:rgb(var(--color-text))}.dark .settings-delete-button{background:rgb(var(--color-bg));border-color:rgb(var(--color-border));color:rgb(var(--color-text))}.dark .settings-delete-button:hover{background:rgba(127,29,29,.3);border-color:#ef4444;color:#f87171}.dark .settings-input-editable,.dark .settings-page-bg{background:rgb(var(--color-bg))}.dark .settings-input-editable{border-color:rgb(var(--color-border))}.dark .settings-text-input{color:rgb(var(--color-text))}.dark .settings-text-input::-moz-placeholder{color:rgb(var(--color-text-muted))}.dark .settings-text-input::placeholder{color:rgb(var(--color-text-muted))}.dark .settings-textarea{background:rgb(var(--color-bg));border-color:rgb(var(--color-border));color:rgb(var(--color-text))}.dark .settings-textarea::-moz-placeholder{color:rgb(var(--color-text-muted))}.dark .settings-textarea::placeholder{color:rgb(var(--color-text-muted))}.dark .settings-logo-add-button{background:rgb(var(--color-bg));border-color:rgb(var(--color-border));color:rgb(var(--color-text-muted))}.dark .settings-logo-add-button:hover{border-color:rgb(var(--color-secondary));color:rgb(var(--color-secondary))}.dark .settings-color-empty,.dark .settings-logo-item{background:rgb(var(--color-bg));border-color:rgb(var(--color-border))}.dark .settings-color-edit-badge{background:rgb(var(--color-surface));color:rgb(var(--color-text-muted))}.dark .settings-color-edit-badge:hover,.dark .team-input{background:rgb(var(--color-bg));color:rgb(var(--color-text))}.dark .team-input{border-color:rgb(var(--color-border))}.dark .team-input::-moz-placeholder{color:rgb(var(--color-text-muted))}.dark .team-input::placeholder{color:rgb(var(--color-text-muted))}.dark .billing-card{background:rgb(var(--color-surface));border-color:rgb(var(--color-border))}.dark .billing-plan-card{background:rgb(var(--color-bg));border-color:rgb(var(--color-border))}.dark .billing-plan-card.active{border-color:rgb(var(--color-secondary))}.dark .contact-input,.dark .contact-textarea{background:rgb(var(--color-bg));border-color:rgb(var(--color-border));color:rgb(var(--color-text))}.dark .contact-input::-moz-placeholder,.dark .contact-textarea::-moz-placeholder{color:rgb(var(--color-text-muted))}.dark .contact-input::placeholder,.dark .contact-textarea::placeholder{color:rgb(var(--color-text-muted))}.dark input,.dark select,.dark textarea{color-scheme:dark}.dark ::-webkit-scrollbar{background:rgb(var(--color-bg))}.dark ::-webkit-scrollbar-thumb{background:rgb(var(--color-border))}.dark ::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-border-strong))}.dark .api-settings-card{background:rgb(var(--color-surface))}.dark .api-settings-title{color:rgb(var(--color-text))}.dark .api-settings-description{color:rgb(var(--color-text-muted))}.dark .api-settings-doc-link{color:rgb(var(--color-text-subtle))}.dark .integrations-title{color:rgb(var(--color-text))}.dark .integrations-subtitle{color:rgb(var(--color-text-muted))}.dark .integration-card{background:rgb(var(--color-surface))}.dark .integration-platform{border-color:rgb(var(--color-border))}.dark .integration-platform svg,.dark .integration-platform-name{color:rgb(var(--color-text))}.dark .integration-connect-btn{background:rgb(var(--color-bg))}.dark .integration-connect-btn:hover{background:rgb(var(--color-primary)/.1)}.dark .settings-card-header{color:rgb(var(--color-text))}.cm-login-container{max-width:50%;display:flex;margin:0 0 0 auto;justify-content:center}img.cm-poster-image{position:fixed;top:10px;left:10px;bottom:10px;width:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom right;height:calc(100% - 20px);border:3px solid #8aeff6;border-radius:18px}.preview-card-container.relative.preview-horizontal.columns-2>div{width:50%;display:flex;flex-flow:column}.preview-card-container.relative.preview-horizontal.columns-2{display:flex;flex-direction:row-reverse;align-items:flex-start}.preview-card-container.relative.preview-horizontal.columns-2>.preview-content-area{height:inherit;padding:10px 0 20px}.preview-card-container.preview-horizontal .preview-image-placeholder{width:100%;height:100%}.preview-card-container.relative.preview-horizontal.columns-2 .preview-cta-button.placeholder{position:absolute;left:calc(20px - 100%);height:30px;bottom:20px}.preview-header-text{padding-top:10px}.preview-card-container.relative.preview-horizontal.columns-2 .preview-header-text{text-align:left;justify-content:flex-start}.preview-card-container.relative.preview-horizontal.columns-2 .preview-header-text p.preview-header-line-1{text-align:left}.preview-card-container.relative.preview-horizontal.columns-2.height-short{border-radius:10px;padding:0}.preview-card-container.relative.preview-horizontal.columns-2.height-short .preview-header-text{padding-top:0;padding-left:5px}.preview-card-container.relative.preview-horizontal.columns-2.height-short .preview-content-area{padding:0!important;width:100px!important}input.cm_upload-input{height:100%!important;width:100%!important;left:0!important;top:0!important;clip:auto!important;z-index:99;position:absolute!important;clip-path:none!important;cursor:pointer;opacity:0!important}