@font-face{font-family:Rock Grotesque;src:url(/rocgrotesk-medium-webfont.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Rock Grotesque;src:url(/rocgrotesk-bold-webfont.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Rock Grotesque;src:url(/rocgrotesk-extrabold-webfont.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rock Grotesque,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#fff;min-height:100vh}.builder-page{padding:0;margin:0}.builder-container{min-height:100vh;background:#fff;display:flex;flex-direction:column}.builder-top-bar{position:-webkit-sticky;position:sticky;top:0;z-index:200;background:#fff;border-bottom:3px solid #000}.builder-header{padding:20px 40px;background:#fff;display:flex;justify-content:space-between;align-items:center}.builder-header-left{display:flex;align-items:center;gap:20px}.builder-logo{display:flex;align-items:center;flex-shrink:0}.builder-logo img{height:27px;width:auto}.builder-header-divider{width:2px;height:28px;background:#e5e5e5}.builder-header h1{font-size:1.3rem;font-weight:800;color:#000;margin:0;white-space:nowrap}.builder-header-right{display:flex;align-items:center}.mobile-step-indicator{display:none;font-size:.9rem;font-weight:600;color:#000;background:#f5f5f5;padding:8px 16px;border-radius:100px}.header-progress{gap:8px}.header-progress,.header-step{display:flex;align-items:center}.header-step{gap:6px;padding:6px 12px;border-radius:100px;background:#f5f5f5;transition:all .3s ease}.header-step.active{background:#0062ff}.header-step.completed{background:#b4fa76}.header-step-number{width:22px;height:22px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#646464}.header-step.active .header-step-number{color:#0062ff}.header-step.completed .header-step-number{color:#2a8c00}.header-step-label{font-size:.8rem;font-weight:600;color:#646464}.header-step.active .header-step-label{color:#fff}.header-step.completed .header-step-label{color:#000}.progress-container{padding:16px 40px;background:#fafafa;display:none}.progress-bar{display:flex;align-items:center;gap:15px;overflow-x:auto;padding:5px 0}.progress-step{flex-direction:column;gap:8px;min-width:80px}.progress-circle,.progress-step{display:flex;align-items:center;transition:all .3s ease}.progress-circle{width:50px;height:50px;border-radius:50%;border:3px solid #000;background:#fff;justify-content:center;font-size:1.1rem;font-weight:800;color:#646464}.progress-step.active .progress-circle{background:#0062ff;color:#fff;border-color:#000;box-shadow:4px 4px 0 #000}.progress-step.completed .progress-circle{background:#b4fa76;color:#000;border-color:#000}.progress-label{font-size:.85rem;font-weight:600;color:#646464;text-align:center;white-space:nowrap}.progress-step.active .progress-label{color:#000;font-weight:700}.progress-connector{flex:1 1;height:3px;background:#e5e5e5;min-width:40px;margin:0 -5px}.builder-content{padding:40px;flex:1 1;width:100%}.step-container{display:none;animation:fadeSlideIn .4s ease}.step-container.active{display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{margin-bottom:40px}.step-title{font-size:2rem;font-weight:900;margin-bottom:10px}.step-description,.step-subtitle{font-size:1.05rem;font-weight:500;color:#646464;line-height:1.6}.mode-selection-step{max-width:900px;margin:0 auto;padding:40px 20px}.mode-selection-step .step-header{text-align:center;margin-bottom:48px}.mode-selection-step .step-header h2{font-size:2rem;font-weight:900;color:#000;margin-bottom:12px}.mode-selection-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;padding:32px;background:#fff;border:2px solid #e5e5e5;border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.mode-card:hover{border-color:#0062ff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.mode-card-recommended{border-color:#0062ff;background:linear-gradient(180deg,#f0f7ff,#fff)}.mode-badge{position:absolute;top:-12px;left:24px;background:#0062ff;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.mode-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:12px;margin-bottom:20px;color:#333}.mode-card-recommended .mode-icon{background:#e6f0ff;color:#0062ff}.mode-title{font-size:1.4rem;font-weight:800;color:#000;margin-bottom:12px}.mode-description{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:20px}.mode-benefits{list-style:none;padding:0;margin:0 0 24px;width:100%}.mode-benefits li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#333;padding:8px 0;border-bottom:1px solid #f0f0f0}.mode-benefits li:last-child{border-bottom:none}.mode-benefits li svg{flex-shrink:0;color:#10b981}.mode-cta{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:#0062ff;margin-top:auto;padding-top:8px}.mode-card:hover .mode-cta{gap:12px}.mode-cta svg{transition:transform .2s ease}.mode-card:hover .mode-cta svg{transform:translateX(4px)}@media (max-width:768px){.mode-selection-grid{grid-template-columns:1fr}.mode-selection-step .step-header h2{font-size:1.5rem}.mode-card{padding:24px}}.section-title{font-size:1.3rem;font-weight:800;margin-bottom:20px;margin-top:10px}.section-title:first-child{margin-top:0}.section-title-with-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.section-title-with-action .section-title{margin:0}.template-sticky-header{position:-webkit-sticky;position:sticky;top:78px;z-index:150;background:#fff;padding:20px 40px 15px;border-bottom:2px solid #e5e5e5;margin:-40px -40px 25px}.template-sticky-header .step-header{margin-bottom:20px}.template-sticky-header .filter-bar{position:static;padding:0;border-bottom:none;margin:0;background:transparent}.filter-bar{padding:20px 0;margin-bottom:30px}.filter-row{display:flex;gap:12px;flex-wrap:wrap}.filter-row-spaced{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.filter-chips{display:flex;gap:12px;flex-wrap:wrap;flex:1 1}.filter-chip{padding:10px 22px;border:2px solid #000;border-radius:100px;background:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.filter-chip:hover{transform:translateY(-2px);box-shadow:3px 3px 0 #000}.filter-chip.active{background:#000;color:#fff;box-shadow:3px 3px 0 #000}.filter-dropdown{display:none}.filter-dropdown-select{padding:12px 40px 12px 16px;border:2px solid #000;border-radius:100px;background:#fff;font-weight:600;font-size:.9rem;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;min-width:180px}.filter-dropdown-select:focus{outline:none;box-shadow:3px 3px 0 #000}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.filter-dropdown{display:block;flex:1 1}.filter-row-spaced{flex-direction:column;gap:12px}.search-box{width:100%}.template-search-input{width:100%;min-width:unset}}.search-box{position:relative;display:flex;align-items:center}.template-search-input{padding:10px 40px 10px 16px;border:2px solid #000;border-radius:100px;font-size:.9rem;font-family:inherit;min-width:200px;transition:all .3s ease}.template-search-input:focus{outline:none;box-shadow:3px 3px 0 #000}.template-search-input::placeholder{color:#999}.search-clear-btn{position:absolute;right:12px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#666;padding:0;line-height:1}.search-clear-btn:hover{color:#000}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:30px;gap:30px;margin-bottom:40px}.template-card{border:3px solid #000;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#fff;position:relative}.template-card:hover{transform:translateY(-5px);box-shadow:8px 8px 0 #000}.template-card.selected{border-color:#0062ff;border-width:4px;box-shadow:8px 8px 0 #0062ff;transform:translateY(-5px)}.template-card.selected:after{content:"✓";position:absolute;top:15px;right:15px;width:45px;height:45px;background:#0062ff;border:3px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:900;color:#fff;box-shadow:3px 3px 0 rgba(0,0,0,.2)}.template-image{width:100%;height:360px;object-fit:cover;object-position:top center;border-bottom:3px solid #000;transition:object-position 2.5s ease}.template-info-card{border:3px dashed #000;border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:#fafafa;min-height:420px}.template-info-card .info-card-content{max-width:240px}.template-info-card h3{font-size:1.25rem;font-weight:700;color:#000;margin:0 0 12px}.template-info-card p{font-size:.9rem;color:#666;line-height:1.5;margin:0}.template-card:hover .template-image{object-position:center bottom}.template-info{padding:20px}.template-name{font-size:1.1rem;font-weight:700;color:#000;margin-bottom:6px}.template-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.template-category{font-size:.8rem;font-weight:600;color:#646464;text-transform:uppercase;letter-spacing:.5px}.template-features{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.template-features-label{font-size:.75rem;font-weight:500;color:#888}.template-badge{font-size:.7rem;font-weight:600;padding:3px 8px;background:#e8f5e9;color:#2e7d32;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.template-badge-store{background:#e3f2fd;color:#1565c0}.template-preview-btn{position:absolute;bottom:70px;right:15px;padding:8px 16px;background:#fff;border:2px solid #000;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;opacity:0;transform:translateY(5px);font-family:inherit}.template-card:hover .template-preview-btn{opacity:1;transform:translateY(0)}.template-preview-btn:hover{background:#000;color:#fff}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;padding-top:30px;border-top:2px solid #e5e5e5}.pagination-btn{padding:10px 20px;border:2px solid #000;border-radius:8px;background:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.pagination-btn:hover:not(:disabled){background:#f5f5f5;transform:translateY(-2px);box-shadow:3px 3px 0 #000}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{font-size:.9rem;font-weight:600;color:#000;padding:0 15px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:25px;gap:25px}.form-grid,.two-column-layout{display:grid;margin-bottom:30px}.two-column-layout{grid-template-columns:1fr 1px 1fr;grid-gap:50px;gap:50px}.column-left,.column-right{display:flex;flex-direction:column}.column-right{align-self:start}.column-divider{background:#e5e5e5;width:1px}.brand-step-layout{display:grid;grid-template-columns:30% 70%;grid-gap:32px;gap:32px;margin-bottom:30px}.brand-controls{display:flex;flex-direction:column;padding:20px 24px 20px 20px;background:#fafafa}.brand-controls,.brand-preview{border-radius:12px;border:1px solid #e5e5e5}.brand-preview{padding:20px;background:#fff}.presets-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;margin-top:24px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;font-size:.85rem;color:#666;cursor:pointer;transition:all .2s ease}.presets-toggle:hover{background:#ebebeb;color:#333}.presets-section .palette-categories{margin-top:16px}.website-skeleton-preview-large{font-size:0;height:auto;border-radius:12px;overflow:hidden;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.website-skeleton-preview-large .skeleton-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;height:56px}.website-skeleton-preview-large .skeleton-logo-placeholder{width:80px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.website-skeleton-preview-large .skeleton-nav{display:flex;align-items:center;gap:16px}.website-skeleton-preview-large .skeleton-nav-item{font-size:11px;font-weight:500}.website-skeleton-preview-large .skeleton-nav-item.skeleton-btn{padding:6px 14px;border-radius:6px;font-size:10px}.website-skeleton-preview-large .skeleton-hero{padding:48px 32px;display:flex;justify-content:center}.website-skeleton-preview-large .skeleton-hero-content{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:300px}.website-skeleton-preview-large .skeleton-cta{height:28px;width:100px;border-radius:6px}.website-skeleton-preview-large .skeleton-content{padding:32px 24px}.website-skeleton-preview-large .skeleton-cards{display:flex;gap:16px;justify-content:center}.website-skeleton-preview-large .skeleton-card{flex:1 1;max-width:140px;padding:20px 14px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:10px}.website-skeleton-preview-large .skeleton-card-icon{width:32px;height:32px;border-radius:50%}.website-skeleton-preview-large .skeleton-card-text{width:80%;height:6px;border-radius:3px}.website-skeleton-preview-large .skeleton-footer{padding:16px 24px;display:flex;justify-content:center}@media (max-width:1024px){.brand-step-layout{grid-template-columns:1fr;gap:30px}.brand-preview{position:static;max-height:none}}.form-row-inline{display:flex;gap:20px}.form-field-half{flex:1 1;min-width:0}.section-subtitle-sm{font-size:.85rem;color:#888;margin:4px 0 16px}.logo-dropzone-compact{display:flex;align-items:center;gap:16px;padding:20px;border:2px dashed #ccc;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fafafa}.logo-dropzone-compact.dragging,.logo-dropzone-compact:hover{border-color:#0062ff;background:#f0f7ff}.logo-preview-compact{display:flex;align-items:center;gap:16px;padding:16px;border:2px solid #e5e5e5;border-radius:12px;background:#fafafa}.logo-preview-compact .logo-preview-image{width:60px;height:60px;object-fit:contain;border-radius:8px}.logo-options{display:flex;flex-direction:column;gap:12px}.logo-options-divider{display:flex;align-items:center;gap:12px;color:#888;font-size:.85rem}.logo-options-divider:after,.logo-options-divider:before{content:"";flex:1 1;height:1px;background:#e5e5e5}.logo-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:2px dashed #0062ff;color:#0062ff;font-weight:600;border-radius:12px;transition:all .2s ease}.logo-generate-btn:hover{background:#f0f7ff;border-style:solid}.logo-generate-btn .btn-icon{font-size:1.1rem}.logo-generator-inline{padding:20px;border:2px solid #e5e5e5;border-radius:12px;background:#fafafa}.logo-generator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600}.logo-style-selector{margin-bottom:16px}.field-label-sm{display:block;font-size:.8rem;font-weight:600;margin-bottom:8px;color:#666}.logo-style-chips{display:flex;flex-wrap:wrap;gap:8px}.style-chip{padding:6px 14px;border:2px solid #e5e5e5;border-radius:100px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#fff;color:#000;font-family:inherit}.style-chip.active,.style-chip:hover{border-color:#0062ff}.style-chip.active{background:#0062ff;color:#fff}.field-hint-sm{font-size:.75rem;color:#888;margin-top:8px}.logo-generating{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;color:#666}.generating-spinner{width:20px;height:20px;border:3px solid #e5e5e5;border-top-color:#0062ff;border-radius:50%;animation:spin 1s linear infinite}.generated-logos-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.generated-logo-item{position:relative;background:#fff;border:2px solid #e5e5e5;border-radius:10px;padding:8px;cursor:pointer;transition:all .2s ease}.generated-logo-item:hover{border-color:#0062ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,98,255,.15)}.generated-logo-item img{width:100%;height:auto;border-radius:6px}.generated-logo-item .wildcard-tag{position:absolute;top:4px;right:4px;font-size:.6rem;padding:2px 6px;background:#8b5cf6;color:#fff;border-radius:4px;font-weight:600}.generated-logo-item .vector-tag{position:absolute;top:4px;left:4px;font-size:.55rem;padding:2px 5px;background:#10b981;color:#fff;border-radius:4px;font-weight:700;letter-spacing:.5px}.generated-logo-wrapper{position:relative}.logo-download-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:rgba(0,0,0,.7);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease;z-index:10}.generated-logo-wrapper:hover .logo-download-btn{opacity:1}.logo-download-btn:hover{background:rgba(0,0,0,.9)}.regenerate-btn{grid-column:1/-1;margin-top:8px}.option-grid-compact{display:flex;flex-wrap:wrap;gap:10px}.option-chip-sm{padding:10px 18px;border:2px solid #e5e5e5;border-radius:100px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#fff;color:#000;font-family:inherit}.option-chip-sm:hover{border-color:#000}.option-chip-sm.active{background:#000;color:#fff;border-color:#000}.field-error{color:#df3037;margin-top:5px}.avago-extra-promo-card-inline{background:#2253de;border-radius:20px;padding:30px;color:#fff;height:100%;display:flex;flex-direction:column}.avago-extra-promo-card-inline .promo-hero{margin-bottom:20px}.avago-extra-promo-card-inline .promo-hero h4{font-size:1.3rem;margin:16px 0 10px}.avago-extra-promo-card-inline .promo-hero p{font-size:.9rem;opacity:.9;line-height:1.5;margin:0}.avago-extra-promo-card-inline .promo-services{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}.avago-extra-promo-card-inline .promo-service-item{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.1);padding:10px 14px;border-radius:10px}.avago-extra-promo-card-inline .promo-service-icon{font-size:1.2rem}.avago-extra-promo-card-inline .promo-service-title{font-size:.85rem;font-weight:600}.avago-extra-promo-card-inline .promo-footer{font-size:.8rem;opacity:.8;margin:auto 0 0;padding-top:15px;border-top:1px solid hsla(0,0%,100%,.2)}.form-field{display:flex;flex-direction:column;margin-bottom:20px}.form-field:last-child{margin-bottom:0}.form-row-inline{margin-bottom:20px}.form-row-inline .form-field,.form-row-inline:last-child{margin-bottom:0}.form-field.full-width{grid-column:1/-1}.field-label{font-weight:600;font-size:.95rem;margin-bottom:10px;color:#000}.field-label .required{color:#df3037;margin-left:4px}.field-label-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px}.field-label-with-action .field-label{margin-bottom:0}.voice-input-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;font-size:.85rem;font-weight:600;font-family:inherit;color:#333;cursor:pointer;transition:all .2s ease}.voice-input-btn:hover:not(:disabled){background:#eee;border-color:#ccc}.voice-input-btn:disabled{opacity:.6;cursor:not-allowed}.voice-input-btn.recording{background:#fee2e2;border-color:#ef4444;color:#dc2626}.voice-input-btn.transcribing{background:#e0f2fe;border-color:#0ea5e9;color:#0284c7}.voice-input-icon{font-size:1rem}.voice-input-icon.pulse{animation:pulse-recording 1s infinite}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.5}}.voice-input-label{white-space:nowrap}.field-error{color:#dc2626;font-size:.85rem;margin-top:8px}.password-strength{display:flex;align-items:center;gap:10px;margin-top:8px}.password-strength-bar{flex:1 1;height:4px;background:#e5e5e5;border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px}.password-strength-label{font-size:.75rem;font-weight:500;min-width:50px}.password-match-indicator{margin-top:8px;font-size:.8rem}.password-match,.password-mismatch{display:flex;align-items:center;gap:4px}.field-input,.field-select,.field-textarea{width:100%;padding:14px 16px;border:2px solid #000;border-radius:10px;font-size:1rem;font-weight:500;font-family:inherit;transition:all .3s ease;background:#fff}.field-textarea{min-height:120px;resize:vertical}.field-input:focus,.field-select:focus,.field-textarea:focus{outline:none;border-color:#0062ff;box-shadow:0 0 0 3px rgba(0,98,255,.1)}.field-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px}.checkbox-group{display:flex;align-items:center;gap:10px;margin-top:10px;cursor:pointer}.checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:2px solid #000;border-radius:5px;cursor:pointer;position:relative;transition:all .3s ease;background:#fff;flex-shrink:0}.checkbox-input:checked{background:#000}.checkbox-input:checked:after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label{font-size:.9rem;font-weight:500;color:#000}.searchable-select{position:relative;width:100%}.searchable-select-trigger{width:100%;padding:14px 16px;border:2px solid #000;border-radius:10px;font-size:1rem;font-weight:500;font-family:inherit;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:all .2s ease}.searchable-select-sm .searchable-select-trigger{padding:10px 12px;border-width:1px;border-radius:8px;font-size:.9rem}.searchable-select-sm .searchable-select-trigger.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.searchable-select-trigger:hover{border-color:#0062ff}.searchable-select-trigger.open{border-color:#0062ff;box-shadow:0 0 0 3px rgba(0,98,255,.1)}.searchable-select-trigger .placeholder{color:#888}.searchable-select-arrow{font-size:.7rem;color:#646464;flex-shrink:0;transition:transform .2s ease}.searchable-select-trigger.open .searchable-select-arrow{transform:rotate(180deg)}.searchable-select-input{flex:1 1;border:none;outline:none;font-size:1rem;font-weight:500;font-family:inherit;background:transparent;min-width:0}.searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #000;border-radius:10px;box-shadow:4px 4px 0 rgba(0,0,0,.1);z-index:1000;max-height:280px;overflow-y:auto}.searchable-select-option{padding:12px 16px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f0f0f0}.searchable-select-option:last-child{border-bottom:none}.searchable-select-option.highlighted,.searchable-select-option:hover{background:#f0f7ff}.searchable-select-option.selected{background:#e8f4ff;font-weight:600}.searchable-select-empty{padding:16px;text-align:center;color:#888;font-size:.9rem}.searchable-select-more{padding:10px 16px;text-align:center;color:#646464;font-size:.85rem;background:#fafafa;border-top:1px solid #e5e5e5}.option-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.option-chip{padding:10px 22px;border:2px solid #000;border-radius:100px;background:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:inherit}.option-chip:hover{transform:translateY(-2px);box-shadow:3px 3px 0 #000}.option-chip.active{background:#000;color:#fff;box-shadow:3px 3px 0 #000}.color-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:20px;gap:20px;margin-top:15px}.color-palette-option{border:3px solid #000;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#fff}.color-palette-option.inherit-option,.font-option.inherit-option{background:#f0f7ff;border-color:#0062ff;display:flex;align-items:center;justify-content:center;min-height:120px}.inherit-label{font-size:.9rem;font-weight:700;color:#0062ff;text-align:center;padding:15px;line-height:1.4}.color-palette-option.active,.color-palette-option:hover{transform:translateY(-3px);box-shadow:5px 5px 0 #000}.color-palette-option.active{border-width:4px}.palette-preview{height:70px;display:flex}.palette-swatch{flex:1 1}.palette-name{padding:12px;text-align:center;background:#f5f5f5;border-top:3px solid #000}.color-palette-picker{background:#f8f9fa;border:2px solid #e5e5e5;border-radius:12px;padding:20px;margin-top:15px}.palette-actions{display:flex;gap:12px;margin-bottom:16px;align-items:center}.palette-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.palette-category-btn{padding:8px 16px;border:2px solid #e5e5e5;border-radius:20px;background:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.palette-category-btn:hover{border-color:#000}.palette-category-btn.active{background:#000;color:#fff;border-color:#000}.palette-options{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.palette-option{border:2px solid #e5e5e5;border-radius:10px;padding:12px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:center}.palette-option:hover{border-color:#000;transform:translateY(-2px);box-shadow:3px 3px 0 rgba(0,0,0,.1)}.palette-option .palette-colors{display:flex;border-radius:6px;overflow:hidden;margin-bottom:8px}.palette-option .palette-color{flex:1 1;height:32px}.palette-option .palette-name{padding:0;background:transparent;border:none;font-size:.8rem;font-weight:500;color:#666}.selected-palette-preview{margin-top:12px}.selected-palette-preview .palette-colors{display:flex;border-radius:8px;overflow:hidden;border:2px solid #000}.selected-palette-preview .palette-color{flex:1 1;height:40px}.font-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:20px;gap:20px;margin-top:15px}.font-option{border:3px solid #000;border-radius:12px;padding:25px;cursor:pointer;transition:all .3s ease;text-align:center;background:#fff;min-height:110px;display:flex;flex-direction:column;justify-content:center}.font-option.active,.font-option:hover{transform:translateY(-3px);box-shadow:5px 5px 0 #000}.font-option.active{background:#f5f5f5;border-width:4px}.font-display{font-size:1.5rem;margin-bottom:8px;font-weight:700;color:#000}.font-label{font-size:.8rem;color:#646464;font-weight:600}.selected-template-banner{border:3px solid #000;border-radius:12px;padding:20px;background:#f5f5f5;margin-bottom:35px;display:flex;align-items:center;gap:20px}.banner-image{width:100px;height:70px;object-fit:cover;border-radius:8px;border:2px solid #000;flex-shrink:0}.banner-info{flex:1 1}.banner-title{font-size:1.1rem;font-weight:700;color:#000;margin-bottom:4px}.banner-subtitle{font-size:.85rem;font-weight:600;color:#646464;text-transform:uppercase}.logo-dropzone{border:2px dashed #ccc;border-radius:12px;padding:30px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafafa}.logo-dropzone:hover{border-color:#0062ff;background:#f0f7ff}.logo-dropzone.dragging{border-color:#0062ff;background:#e8f4ff;border-style:solid}.dropzone-icon{font-size:2rem;margin-bottom:10px}.dropzone-text{display:flex;flex-direction:column;gap:4px}.dropzone-primary{font-size:.95rem;font-weight:600;color:#333}.dropzone-secondary{font-size:.85rem;color:#888}.logo-preview{display:flex;align-items:center;gap:20px;padding:20px;border:2px solid #e5e5e5;border-radius:12px;background:#fafafa}.logo-preview-image{max-width:150px;max-height:80px;object-fit:contain;border-radius:8px}.logo-preview-actions{display:flex;gap:10px}.summary-section{margin-bottom:30px}.summary-box{border:3px solid #000;border-radius:12px;padding:30px;background:#fafafa;margin-bottom:20px}.summary-box h4{font-size:1.2rem;font-weight:800;color:#000;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e5e5e5}.summary-row{display:flex;margin-bottom:12px;gap:15px}.summary-row:last-child{margin-bottom:0}.summary-key{font-weight:700;min-width:130px;color:#000;flex-shrink:0}.summary-val{flex:1 1}.info-banner,.summary-val{font-weight:500;color:#000}.info-banner{background:#f0f7ff;border:2px solid #0062ff;border-radius:12px;padding:18px 22px;margin-top:30px;font-size:.95rem;line-height:1.6}.info-banner strong{font-weight:700}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-top:50px;padding-top:30px;border-top:3px solid #e5e5e5;gap:20px}.action-bar.sticky{position:fixed;bottom:0;left:0;right:0;margin-top:0;padding:20px 40px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:3px solid #000;box-shadow:0 -4px 20px rgba(0,0,0,.1);z-index:100}.step-container.has-sticky-bar{padding-bottom:100px}.action-bar-left{display:flex;align-items:center;gap:15px}.action-bar-center{display:flex;align-items:center;gap:12px;position:absolute;left:50%;transform:translateX(-50%)}.action-bar-stat{font-size:.9rem;font-weight:600;color:#000}.action-bar-divider{color:#ccc}.action-bar-info{font-size:1rem;color:#646464}.action-bar-info strong{color:#000;font-weight:700}.action-bar-buttons{display:flex;align-items:center;gap:12px}.btn-return-home{background:transparent;color:#646464;border:2px solid #e5e5e5;border-radius:100px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;padding:12px 24px}.btn-return-home:hover{border-color:#000;color:#000;background:#f5f5f5}.btn{padding:14px 32px;border-radius:100px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit;border:3px solid #000;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-secondary{background:#fff;color:#000}.btn-secondary:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:4px 4px 0 #000}.btn-primary{background:#0062ff;color:#fff}.btn-primary:hover{background:#0052cc;transform:translateY(-2px);box-shadow:4px 4px 0 #000}.btn-primary:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn-primary:disabled:hover{transform:none;box-shadow:none}.btn-success{background:#b4fa76;color:#000;font-size:1.1rem;padding:16px 40px}.btn-success:hover{background:#9de85f;transform:translateY(-2px);box-shadow:6px 6px 0 #000}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.98);display:none;justify-content:center;align-items:center;z-index:10000;flex-direction:column;padding:40px}.loading-screen.active{display:flex}.loading-content{align-items:center;gap:32px;max-width:500px}.loading-content,.loading-progress{display:flex;flex-direction:column;width:100%}.loading-progress{gap:16px}.loading-progress-step{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#f8f8f8;border-radius:8px;transition:all .3s ease}.loading-progress-step.active{background:#f0f7ff;border:1px solid #0062ff}.loading-progress-step.complete{background:#f0fdf4;border:1px solid #10b981}.loading-progress-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.loading-progress-step.pending .loading-progress-icon{background:#e5e5e5;color:#999}.loading-progress-step.active .loading-progress-icon{background:#0062ff;color:#fff}.loading-progress-step.complete .loading-progress-icon{background:#10b981;color:#fff}.loading-progress-number{font-size:12px;font-weight:600}.loading-progress-spinner{width:14px;height:14px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-progress-text{display:flex;flex-direction:column;gap:2px}.loading-progress-label{font-size:14px;font-weight:600;color:#333}.loading-progress-step.pending .loading-progress-label{color:#999}.loading-progress-details{font-size:12px;color:#10b981;font-weight:500}.loading-time-estimate{font-size:14px;color:#888;text-align:center;margin-top:16px}.loading-complete{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:24px}.loading-complete span{font-size:16px;font-weight:600;color:#10b981}.loading-spinner{width:70px;height:70px;border:6px solid #e5e5e5;border-top-color:#0062ff;border-radius:50%;animation:spin .9s linear infinite}.loading-message{font-size:1.4rem;font-weight:800;color:#000;text-align:center}.loading-submessage{font-size:1rem;font-weight:500;color:#646464;margin-top:-20px}.structure-step-fullpage{position:fixed;top:73px;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#fafafa;overflow:hidden}.streaming-status-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;background:#f0f7ff;border-bottom:2px solid #0062ff;font-size:.9rem;color:#0062ff;font-weight:600;flex-shrink:0}.structure-canvas-fullpage{flex:1 1;overflow:hidden;position:relative;padding:24px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.structure-canvas-fullpage input,.structure-canvas-fullpage textarea{-moz-user-select:text;user-select:text;-webkit-user-select:text}.structure-canvas-fullpage.can-pan{cursor:-webkit-grab;cursor:grab}.structure-canvas-fullpage.is-panning{cursor:-webkit-grabbing;cursor:grabbing}.structure-canvas-fullpage.can-pan .page-card,.structure-canvas-fullpage.can-pan .section-row,.structure-canvas-fullpage.can-pan button,.structure-canvas-fullpage.can-pan input,.structure-canvas-fullpage.can-pan textarea{pointer-events:none}.structure-canvas-fullpage.is-panning *{pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.structure-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:24px;gap:24px;align-items:start;justify-content:center;transition:transform .05s ease-out;min-width:100%;padding-bottom:100px}.canvas-bottom-bar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-top:3px solid #000;z-index:100}.canvas-bottom-left,.canvas-bottom-right{display:flex;align-items:center;gap:12px}.canvas-bottom-center{display:flex;align-items:center;gap:16px;position:absolute;left:50%;transform:translateX(-50%)}.canvas-hint{font-size:.8rem;color:#888;font-weight:500;display:flex;align-items:center;gap:6px}.canvas-hint kbd{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;font-size:.75rem;font-weight:600;font-family:inherit;color:#333;box-shadow:0 1px 0 #aaa}.zoom-controls{gap:4px;background:#f5f5f5;border:2px solid #e5e5e5;border-radius:6px;padding:2px}.btn-zoom,.zoom-controls{display:flex;align-items:center}.btn-zoom{width:28px;height:28px;border:none;background:transparent;font-size:1.1rem;font-weight:600;color:#646464;cursor:pointer;border-radius:4px;justify-content:center;transition:all .15s ease;font-family:inherit}.btn-zoom:hover:not(:disabled){background:#fff;color:#000}.btn-zoom:disabled{color:#ccc;cursor:not-allowed}.zoom-level{font-size:.75rem;min-width:45px;text-align:center}.btn-reset-view,.zoom-level{font-weight:600;color:#646464}.btn-reset-view{padding:6px 14px;background:#f5f5f5;border:2px solid #e5e5e5;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-reset-view:hover{border-color:#000;color:#000;background:#fff}.canvas-status{display:flex;align-items:center}.canvas-status-pages{font-size:.85rem;font-weight:600;color:#333}.canvas-status-loading{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;color:#666}.canvas-status-loading .status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse-dot 1.5s ease-in-out infinite}.canvas-controls-divider{width:1px;height:24px;background:#e0e0e0}.canvas-controls-group{display:flex;align-items:center;gap:2px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:2px}.canvas-control-btn{min-width:28px;height:28px;border:none;background:transparent;font-size:1rem;font-weight:600;color:#555;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-family:inherit}.canvas-control-btn.text{padding:0 10px;font-size:.8rem;font-weight:600}.canvas-control-btn:hover:not(:disabled){background:#fff;color:#000}.canvas-control-btn:disabled{color:#ccc;cursor:not-allowed}.canvas-control-label{color:#555;min-width:38px;text-align:center}.btn-text,.canvas-control-label{font-size:.75rem;font-weight:600}.btn-text{padding:4px 10px;background:transparent;border:none;cursor:pointer;transition:all .15s ease;font-family:inherit;border-radius:4px}.btn-text-refresh{color:#0062ff}.btn-text-refresh:hover:not(:disabled){background:#f0f7ff}.btn-text-refresh.disabled,.btn-text-refresh:disabled{color:#ccc;cursor:not-allowed}.btn-text-delete{color:#df3037}.btn-text-delete:hover{background:#fff0f0}.section-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-row-actions{opacity:0;transition:opacity .15s ease}.section-row:hover .section-row-actions{opacity:1}.btn-section-action{padding:4px 10px;background:transparent;border:none;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;border-radius:4px;color:#888}.btn-section-action:hover{background:#f0f0f0}.btn-section-action.btn-edit:hover{color:#0062ff;background:#f0f7ff}.btn-section-action.btn-delete:hover{color:#df3037;background:#fff0f0}.add-page-content{display:flex;flex-direction:column;width:100%}.quick-add-section{padding:16px 20px;border-top:2px dashed #e5e5e5;background:#fafafa}.quick-add-label{display:block;font-size:.75rem;font-weight:600;color:#888;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.quick-add-chips{display:flex;flex-wrap:wrap;gap:8px}.quick-add-chip{padding:6px 14px;background:#fff;border:2px solid #e5e5e5;border-radius:100px;font-size:.8rem;font-weight:600;color:#000;cursor:pointer;transition:all .15s ease;font-family:inherit}.quick-add-chip:hover:not(:disabled){border-color:#0062ff;color:#0062ff;background:#f0f7ff}.quick-add-chip:disabled{opacity:.5;cursor:not-allowed}.section-edit-textarea.auto-resize{overflow:hidden;resize:none;min-height:60px}.page-card{border:3px solid #000;border-radius:16px;background:#fff;overflow:hidden}.page-card.streaming-in{animation:streamIn .4s ease-out}@keyframes streamIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-card.page-card-skeleton{pointer-events:none;animation:fadeInSkeleton .3s ease-out}@keyframes fadeInSkeleton{0%{opacity:0}to{opacity:1}}.skeleton-page-title{height:20px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.page-card.page-card-loading{border-color:#ccc;border-style:dashed;background:#fafafa}.page-card.page-card-loading .page-card-header{background:#f0f0f0;border-bottom-color:#ccc;border-bottom-style:dashed}.page-card.page-card-loading h4{color:#888;font-weight:400}.section-skeleton{height:48px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px;margin-bottom:8px}.section-skeleton:last-child{margin-bottom:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.streaming-status{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f0f7ff;border:2px solid #0062ff;border-radius:8px;margin-bottom:20px;font-size:.95rem;color:#0062ff;font-weight:600}.streaming-dot{width:8px;height:8px;background:#0062ff;border-radius:50%;animation:pulse 1s ease-in-out infinite}.page-card.page-card-streaming{border-style:dashed;border-color:#0062ff;animation:streamIn .4s ease-out}.page-card.page-card-streaming .page-card-header{background:#f0f7ff;border-bottom-style:dashed;border-bottom-color:#0062ff}.loading-badge{font-size:.7rem;font-weight:500;color:#888;background:transparent;padding:0;margin-left:8px}.page-card-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#f5f5f5;border-bottom:3px solid #000}.page-card-title{display:flex;align-items:center;gap:8px}.page-card-header h4{font-size:1.1rem;font-weight:700;color:#000;margin:0}.sections-list{padding:12px}.section-row{display:flex;flex-direction:column;padding:12px 14px;background:#fff;border:2px solid #e5e5e5;border-radius:8px;margin-bottom:8px;transition:all .2s ease;cursor:-webkit-grab;cursor:grab}.section-row:last-child{margin-bottom:0}.section-row:hover:not(.global-row){border-color:#0062ff;background:#f8fbff}.section-row.dragging{opacity:.5;border-color:#0062ff;background:#f0f7ff}.section-row.drag-over{border-color:#0062ff;border-style:dashed;background:#f0f7ff}.drag-handle{color:#ccc;font-size:.9rem;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:2px 4px;margin-left:-4px}.section-row:hover .drag-handle{color:#0062ff}.section-row-text{width:100%;cursor:pointer}.section-row-name{display:block;font-size:.9rem;font-weight:600;color:#000;margin-bottom:2px}.section-row-desc{display:block;font-size:.75rem;color:#646464;line-height:1.4}.section-row.global-row{background:#f8f8f8;border-color:#e8e8e8;border-style:dashed;cursor:default;padding:10px 14px}.section-row.global-row .section-row-name{color:#888;font-weight:500;font-size:.85rem}.global-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;background:#e8e8e8;padding:3px 8px;border-radius:4px}.btn-icon-sm{width:22px;height:22px;border:none;border-radius:4px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#ccc;transition:all .2s ease;font-family:inherit;flex-shrink:0}.btn-icon-sm:hover{color:#ff3d57;background:#fff0f0}.btn-icon-sm.btn-edit-section:hover{color:#0062ff;background:#f0f7ff}.section-row-actions{display:flex;gap:4px;flex-shrink:0}.section-row.section-adding,.section-row.section-editing{padding:12px;background:#f8fbff;border-color:#0062ff;cursor:default}.section-edit-form{width:100%;display:flex;flex-direction:column;gap:8px}.section-edit-input{width:100%;padding:8px 12px;border:2px solid #e5e5e5;border-radius:6px;font-size:.9rem;font-weight:600;font-family:inherit;transition:border-color .2s ease}.section-edit-input:focus{outline:none;border-color:#0062ff}.section-edit-textarea{width:100%;padding:8px 12px;border:2px solid #e5e5e5;border-radius:6px;font-size:.8rem;font-family:inherit;resize:vertical;min-height:50px;transition:border-color .2s ease}.section-edit-textarea:focus{outline:none;border-color:#0062ff}.section-edit-actions{display:flex;justify-content:flex-end;gap:8px}.btn-add-section{padding:10px 14px;background:#fff;border-radius:8px;font-size:.85rem;color:#888;margin-top:4px}.btn-add-section:hover{background:#f8fbff}.section-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 14px;background:#fafafa;border:2px solid #e5e5e5;border-radius:10px;margin-bottom:10px;transition:all .2s ease}.section-item:last-child{margin-bottom:0}.section-item:hover{border-color:#000;background:#fff}.section-content{flex:1 1;min-width:0}.section-name{font-size:.95rem;font-weight:600;color:#000;margin-bottom:3px}.section-desc{font-size:.8rem;color:#646464;line-height:1.4}.section-actions{display:flex;gap:4px;margin-left:10px;flex-shrink:0}.btn-icon{width:28px;height:28px;border:2px solid #e5e5e5;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#646464;transition:all .2s ease;font-family:inherit}.btn-icon:hover:not(:disabled){border-color:#000;color:#000;background:#f5f5f5}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon.btn-remove,.btn-icon.btn-remove-section{color:#ff3d57;border-color:#ffd0d0}.btn-icon.btn-remove-section:hover,.btn-icon.btn-remove:hover{background:#fff0f0;border-color:#ff3d57}.btn-add-section{width:100%;padding:14px;margin:5px 15px 15px;width:calc(100% - 30px);border:2px dashed #e5e5e5;border-radius:10px;background:transparent;font-size:.9rem;font-weight:600;color:#646464;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-add-section:hover{border-color:#0062ff;color:#0062ff;background:#f0f7ff}.add-section-dropdown{margin:5px 15px 15px;border:2px solid #000;border-radius:10px;overflow:hidden}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f5f5f5;border-bottom:2px solid #000;font-weight:600;font-size:.9rem}.section-options{max-height:250px;overflow-y:auto}.section-option{display:flex;flex-direction:column;width:100%;padding:12px 14px;border:none;border-bottom:1px solid #e5e5e5;background:#fff;text-align:left;cursor:pointer;transition:background .2s ease;font-family:inherit}.section-option:last-child{border-bottom:none}.section-option:hover{background:#f0f7ff}.section-option .option-name{font-size:.9rem;font-weight:600;color:#000}.section-option .option-desc{font-size:.8rem;color:#646464;margin-top:2px}.add-page-card{border-style:dashed;border-color:#e5e5e5;background:#fafafa;min-height:200px;justify-content:center}.add-page-card,.btn-add-page{display:flex;align-items:center}.btn-add-page{flex-direction:column;gap:12px;padding:30px;background:transparent;border:none;cursor:pointer;font-family:inherit;transition:all .2s ease;width:100%;height:100%}.btn-add-page:hover{background:#f0f7ff}.btn-add-page .add-icon{width:50px;height:50px;border:3px solid #e5e5e5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#646464;transition:all .2s ease}.btn-add-page:hover .add-icon{border-color:#0062ff;color:#0062ff}.btn-add-page span:nth-child(2){font-size:1rem;font-weight:600;color:#000}.btn-add-page .page-count{font-size:.85rem;color:#646464;font-weight:500}.add-page-form{padding:25px;width:100%}.add-page-form .field-input{margin-bottom:15px}.add-page-actions{display:flex;gap:10px}.btn-sm{padding:10px 18px;font-size:.85rem}.add-page-floating{position:absolute;bottom:110px;left:24px;z-index:50;display:flex;align-items:flex-end;gap:12px}.add-page-panel{background:#fff;border:3px solid #000;border-radius:16px;padding:20px;box-shadow:6px 6px 0 rgba(0,0,0,.1);min-width:300px}.add-page-panel .add-page-form{padding:0;width:100%}.add-page-panel .quick-add-section{margin-top:16px;padding-top:16px;border-top:1px solid #e5e5e5}.input-with-count{position:relative;width:100%;margin-bottom:8px}.input-with-count .field-input{margin-bottom:0;padding-right:70px}.char-count{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.75rem;color:#888;pointer-events:none}.char-count.at-limit{color:#ff6b35}.limit-message{font-size:.85rem;color:#ff6b35;margin:8px 0}.canvas-status-pages.at-limit{color:#ff6b35}.btn-add-page-floating{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#0062ff;color:#fff;border:3px solid #000;border-radius:100px;font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease;box-shadow:4px 4px 0 rgba(0,0,0,.15)}.btn-add-page-floating:hover{background:#0050d4;transform:translateY(-2px);box-shadow:6px 6px 0 rgba(0,0,0,.15)}.btn-add-page-floating .add-icon{font-size:1.2rem;font-weight:700}.btn-add-page-floating:disabled{opacity:.6;cursor:not-allowed;background:#888}.btn-add-page-floating:disabled:hover{transform:none;box-shadow:4px 4px 0 rgba(0,0,0,.15)}.quick-add-inline{display:flex;gap:8px;flex-wrap:wrap}.quick-add-inline .quick-add-chip{background:#fff;border:2px solid #e5e5e5;border-radius:100px;padding:10px 16px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;color:#000}.quick-add-inline .quick-add-chip:hover{border-color:#0062ff;background:#f0f7ff}.add-page-card{display:none}@media (max-width:768px){.builder-page{padding:0}.builder-top-bar{position:-webkit-sticky;position:sticky;top:0}.builder-header{padding:15px 20px}.builder-header-left{gap:12px}.builder-header-divider,.builder-logo img{height:22px}.builder-header h1{font-size:1rem}.progress-container{padding:12px 20px;overflow-x:auto}.progress-bar{min-width:max-content}.progress-circle{width:36px;height:36px;font-size:.9rem}.progress-step{min-width:50px}.progress-label{font-size:.7rem}.progress-connector{min-width:20px}.builder-content{padding:25px 20px}.step-title{font-size:1.4rem}.template-sticky-header{top:55px;padding:15px 20px 12px;border-bottom:2px solid #e5e5e5;margin:-25px -20px 16px}.template-sticky-header .step-header{margin-bottom:15px}.filter-bar{top:55px;margin:0 -20px;padding:15px 20px}.filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.filter-chip{flex-shrink:0}.templates-grid{grid-template-columns:repeat(2,1fr);gap:12px}.template-preview-btn{opacity:1;transform:translateY(0);bottom:60px;right:10px;padding:6px 12px;font-size:.75rem}.template-info{padding:10px 12px}.template-name{font-size:.85rem}.template-industry{font-size:.7rem}.form-grid{grid-template-columns:1fr}.action-bar{gap:8px;flex-wrap:wrap}.action-bar.sticky{padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.action-bar-left{display:flex;order:2}.action-bar-left .btn{padding:10px 16px;font-size:.85rem}.action-bar-buttons{display:contents}.action-bar-buttons .btn-return-home{order:1}.action-bar-buttons .btn{order:3}.btn-return-home{padding:10px 16px;font-size:.85rem}.action-bar-info{display:none}.btn{padding:10px 16px;font-size:.85rem}.template-image{height:220px}.two-column-layout{grid-template-columns:1fr;gap:30px}.column-divider{display:none}.form-row-inline{flex-direction:column;gap:0}.form-row-inline .form-field{margin-bottom:20px}.form-row-inline .form-field:last-child{margin-bottom:0}.structure-step-fullpage{top:55px;overscroll-behavior:none;touch-action:none}.structure-grid{display:flex;flex-wrap:nowrap;gap:20px;min-width:max-content}.structure-grid .page-card{flex:0 0 280px;min-width:280px}.structure-canvas-fullpage{padding:16px;touch-action:none;overscroll-behavior:none}.canvas-bottom-bar{padding:12px 16px;flex-wrap:wrap;gap:10px}.canvas-bottom-left{order:1}.canvas-bottom-center{position:static;transform:none;order:3;width:100%;justify-content:center;padding-top:8px;border-top:1px solid #e5e5e5;margin-top:8px}.canvas-bottom-right{order:2}.canvas-hint{display:none}.section-row-left{flex-wrap:wrap;gap:4px}.btn-section-action{font-size:.65rem;padding:2px 6px}.page-card-header{padding:14px 16px}.sections-list{padding:12px}.section-item{padding:10px 12px}.section-actions{flex-direction:column;gap:2px}.btn-icon{width:24px;height:24px;font-size:.85rem}.summary-row{flex-direction:column;gap:6px}.summary-key{min-width:auto}.header-progress,.header-step-label{display:none}.mobile-step-indicator{display:block}.builder-header h1,.builder-header-divider{display:none}.add-page-floating{bottom:180px;left:16px}.add-page-panel{max-width:calc(100vw - 32px)}.btn-add-page-floating{padding:12px 16px;font-size:.9rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:100%;border:3px solid #000;box-shadow:8px 8px 0 rgba(0,0,0,.1)}.modal-content.modal-sm{max-width:400px}.modal-title{font-size:1.3rem;font-weight:800;margin:0 0 15px;color:#000}.modal-description{font-size:.95rem;color:#333;margin-bottom:15px;line-height:1.5}.modal-list{margin:0 0 15px;padding-left:20px}.modal-list li{font-size:.9rem;color:#646464;margin-bottom:5px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.login-page{min-height:100vh;background:linear-gradient(135deg,#f5f5f5,#e5e5e5);display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-container{width:100%;max-width:440px}.login-card{background:#fff;border:3px solid #000;border-radius:20px;padding:50px 40px;box-shadow:8px 8px 0 #000}.login-header{text-align:center;margin-bottom:35px}.login-logo{display:inline-block;margin-bottom:30px}.login-header h1{font-size:1.8rem;font-weight:900;color:#000;margin-bottom:8px}.login-header p{font-size:1rem;color:#646464;font-weight:500}.login-error{background:#fff0f0;border:2px solid #ff3d57;border-radius:10px;padding:14px 18px;margin-bottom:25px;color:#ff3d57;font-weight:600;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-field{margin-bottom:0}.login-btn{width:100%;margin-top:10px;padding:16px 32px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:10px}.login-btn.loading{pointer-events:none}.btn-spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.login-footer{text-align:center;margin-top:30px;padding-top:25px;border-top:2px solid #e5e5e5}.login-footer p{color:#646464;font-size:.95rem}.login-footer a{color:#0062ff;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:480px){.login-card{padding:35px 25px;box-shadow:5px 5px 0 #000}.login-header h1{font-size:1.5rem}}.reset-success{text-align:center;padding:20px 0}.reset-success-icon{margin-bottom:15px}.avago-extra-promo-card{margin-top:40px;margin-bottom:20px;border-radius:20px;overflow:hidden;background:#2253de;border:3px solid #000}.avago-extra-promo-card .promo-hero{padding:30px;text-align:center;background:#2253de}.avago-extra-promo-card .promo-logo{margin-bottom:16px}.avago-extra-promo-card .promo-hero h4{font-size:1.4rem;font-weight:900;color:#fff;margin:0 0 12px}.avago-extra-promo-card .promo-hero p{font-size:1rem;line-height:1.6;color:#fff;max-width:520px;margin:0 auto}.avago-extra-promo-card .promo-hero strong{color:#0f8;font-weight:700}.avago-extra-promo-card .promo-services{display:flex;justify-content:center;gap:24px;padding:20px 30px;background:rgba(0,0,0,.15);border-top:1px solid hsla(0,0%,100%,.1)}.avago-extra-promo-card .promo-service-item{display:flex;align-items:center;gap:8px}.avago-extra-promo-card .promo-service-icon{font-size:1.2rem}.avago-extra-promo-card .promo-service-title{font-size:.9rem;font-weight:600;color:#fff}.avago-extra-promo-card .promo-footer{text-align:center;padding:12px 30px;margin:0;font-size:.85rem;color:hsla(0,0%,100%,.7);background:rgba(0,0,0,.1)}@media (max-width:768px){.avago-extra-promo-card .promo-hero{padding:24px 20px}.avago-extra-promo-card .promo-services{flex-wrap:wrap;gap:16px;padding:16px 20px}.avago-extra-promo-card .promo-service-item{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 8px);justify-content:center}}.section-item.global-inline{background:#f8f8f8;border-color:#e0e0e0;border-style:dashed;opacity:.75}.section-item.global-inline .section-name{color:#888;font-weight:600}.section-item.global-inline .section-desc{color:#aaa;font-size:.75rem}.global-tag{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;background:#e8e8e8;padding:3px 8px;border-radius:4px;flex-shrink:0}.page-suggestions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px;padding:14px 18px;background:#f5f5f5;border-radius:10px}.suggestions-label{font-size:.85rem;font-weight:600;color:#646464}.suggestion-chip{padding:6px 14px;background:#fff;border:2px solid #e5e5e5;border-radius:100px;font-size:.8rem;font-weight:600;color:#000;cursor:pointer;transition:all .15s ease}.suggestion-chip:hover{border-color:#0062ff;color:#0062ff;background:#f0f7ff}.suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.page-card-actions{display:flex;align-items:center;gap:6px}.btn-refresh{width:28px;height:28px;border-radius:6px;border:2px solid #e5e5e5;background:#fff;color:#646464;font-size:1rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.btn-refresh:hover:not(:disabled){border-color:#0062ff;color:#0062ff;background:#f0f7ff}.btn-refresh.disabled,.btn-refresh:disabled{opacity:.4;cursor:not-allowed}.ai-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center}.ai-loading-spinner{width:60px;height:60px;border:5px solid #e5e5e5;border-top-color:#0062ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:30px}.ai-loading-message{font-size:1.2rem;font-weight:700;color:#000;margin-bottom:10px}.ai-loading-submessage{font-size:.95rem;color:#646464}.loading-steps{display:flex;gap:24px;margin-top:24px}.loading-step{font-size:.85rem;color:#999;position:relative;padding-left:20px}.loading-step:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:#e0e0e0}.loading-step.active{color:#000;font-weight:500}.loading-step.active:before{background:#000;animation:pulse-dot 1s infinite}.loading-step.complete:before{background:#10b981}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px}.error-message{font-size:1.1rem;color:#ff3d57}.adding-page-message{font-size:.85rem;color:#0062ff;margin:10px 0;font-style:italic}.editable-title{cursor:pointer;transition:color .2s ease}.editable-title:hover{color:#0062ff}.section-desc.editable,.section-name.editable{cursor:pointer;transition:all .2s ease;border-radius:4px;padding:2px 4px;margin:-2px -4px}.section-desc.editable:hover,.section-name.editable:hover{background:#f0f7ff;color:#0062ff}.inline-edit-input{border:2px solid #0062ff;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:inherit;width:100%;background:#fff;outline:none}.inline-edit-input.page-name-edit{font-size:1.1rem;font-weight:700;max-width:180px}.inline-edit-input.section-name-edit{font-size:.95rem;font-weight:600;margin-bottom:4px}.inline-edit-input.section-desc-edit{font-size:.8rem;color:#646464}.design-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;max-width:800px}.design-choice-card{position:relative;border:3px solid #e5e5e5;border-radius:16px;padding:30px;cursor:pointer;transition:all .2s ease;background:#fff;text-align:center}.design-choice-card:hover{border-color:#000;transform:translateY(-2px);box-shadow:4px 4px 0 #000}.design-choice-card.active{border-color:#0062ff;box-shadow:4px 4px 0 #0062ff;transform:translateY(-2px);background:#f0f7ff}.design-choice-icon{font-size:2.5rem;margin-bottom:16px}.design-choice-title{font-size:1.2rem;font-weight:800;color:#000;margin:0 0 10px}.design-choice-desc{font-size:.9rem;color:#646464;line-height:1.5;margin:0}.design-choice-badge{position:absolute;top:-10px;right:20px;background:#22e57a;color:#000;padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:700;border:2px solid #000}@media (max-width:600px){.design-choice-grid{grid-template-columns:1fr}}.style-guide-layout{display:grid;grid-template-columns:1fr 400px;grid-gap:40px;gap:40px;align-items:start}.style-options{gap:40px}.style-options,.style-section{display:flex;flex-direction:column}.style-section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}.style-section-header h3{font-size:1.3rem;font-weight:800;color:#000;margin:0}.style-hint{font-size:.85rem;color:#646464;font-weight:500}.palette-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px}.palette-card{border:3px solid #e5e5e5;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:#fff}.palette-card:hover{border-color:#000;transform:translateY(-2px);box-shadow:4px 4px 0 #000}.palette-card.active{border-color:#0062ff;border-width:3px;box-shadow:4px 4px 0 #0062ff;transform:translateY(-2px)}.palette-card-content{padding:0}.palette-card-content.inherit{display:flex;align-items:center;gap:14px;padding:20px;background:linear-gradient(135deg,#f8fbff,#f0f7ff);min-height:90px}.inherit-icon{font-size:1.5rem;flex-shrink:0}.inherit-text{display:flex;flex-direction:column;gap:2px}.inherit-title{font-size:.95rem;font-weight:700;color:#000}.inherit-desc{font-size:.8rem;color:#646464;line-height:1.3}.palette-colors{display:flex;height:60px}.palette-color{flex:1 1;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}.palette-color.main{flex:1.5 1}.color-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:hsla(0,0%,100%,.9);text-shadow:0 1px 2px rgba(0,0,0,.3)}.palette-info{padding:12px 14px;background:#fafafa;border-top:2px solid #e5e5e5}.palette-card.active .palette-info{border-top-color:#0062ff;background:#f0f7ff}.palette-name{font-size:.85rem;font-weight:600;color:#000}.font-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px}.font-card{border:3px solid #e5e5e5;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:#fff}.font-card:hover{border-color:#000;transform:translateY(-2px);box-shadow:4px 4px 0 #000}.font-card.active{border-color:#0062ff;box-shadow:4px 4px 0 #0062ff;transform:translateY(-2px)}.font-card-content{padding:0}.font-card-content.inherit{display:flex;align-items:center;gap:14px;padding:20px;background:linear-gradient(135deg,#f8fbff,#f0f7ff);min-height:90px}.font-preview{padding:20px;display:flex;flex-direction:column;gap:6px;min-height:80px;justify-content:center}.font-preview-heading{font-size:1.3rem;font-weight:700;color:#000;line-height:1.2}.font-preview-body{font-size:.9rem;color:#646464;line-height:1.4}.font-info{padding:12px 14px;background:#fafafa;border-top:2px solid #e5e5e5}.font-card.active .font-info{border-top-color:#0062ff;background:#f0f7ff}.font-name{font-size:.85rem;font-weight:600;color:#000}.style-preview{position:-webkit-sticky;position:sticky;top:140px}.preview-card{border:3px solid #000;border-radius:16px;overflow:hidden}.preview-header{padding:14px 18px;background:#f5f5f5;border-bottom:3px solid #000;font-size:.9rem;font-weight:700;color:#000}.preview-content{padding:0;background:#fff}.preview-navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--preview-primary,#0062ff);color:#fff}.preview-logo{font-size:.85rem;font-weight:700}.preview-nav-links{display:flex;gap:14px;font-size:.7rem;font-weight:500;opacity:.9}.preview-hero{padding:30px 18px;background:linear-gradient(180deg,var(--preview-primary,#0062ff) 0,var(--preview-secondary,#0052cc) 100%);color:#fff;text-align:center}.preview-hero h4{font-size:1.1rem;font-weight:800;margin:0 0 8px;line-height:1.3}.preview-hero p{font-size:.75rem;opacity:.9;margin:0 0 16px;line-height:1.5}.preview-btn{display:inline-block;padding:8px 18px;background:#fff;color:var(--preview-primary,#0062ff);border:none;border-radius:100px;font-size:.75rem;font-weight:700;cursor:default}.preview-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;padding:20px 18px;background:var(--preview-accent,#f5f5f5)}.preview-feature-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;background:#fff;border-radius:8px;text-align:center}.preview-feature-icon{width:28px;height:28px;background:var(--preview-primary,#0062ff);border-radius:6px;opacity:.15}.preview-feature-card span{font-size:.65rem;font-weight:600;color:#000}.preview-note{margin-top:16px;padding:14px 16px;background:#fffbf0;border:2px solid #fc0;border-radius:10px;font-size:.8rem;color:#660;line-height:1.5}@media (max-width:1024px){.style-guide-layout{grid-template-columns:1fr;gap:30px}.style-preview{position:static;order:-1}.preview-card{max-width:400px;margin:0 auto}}@media (max-width:600px){.font-options,.palette-options,.preview-features{grid-template-columns:1fr}.preview-features{gap:8px}.preview-feature-card{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px}.style-section-header{flex-direction:column;align-items:flex-start;gap:4px}}.url-import-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;padding:24px;margin-bottom:32px}.url-import-header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.url-import-label{font-weight:600;font-size:1rem;color:#000}.url-import-hint{font-size:.875rem;color:#6c757d}.url-import-form{display:flex;gap:12px}.url-import-form .field-input{flex:1 1;margin-bottom:0}.url-import-form .btn{white-space:nowrap}.url-import-error{color:#dc3545;font-size:.875rem;margin-top:8px}.url-import-progress{color:#6c757d;font-size:.875rem;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.url-import-progress:before{content:"";width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#6c757d;border-radius:50%;animation:spin 1s linear infinite}.url-import-success{color:#28a745;font-size:.875rem;margin-top:8px}.url-import-inline{margin-bottom:20px;padding:18px 20px}.import-source-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.import-source-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border:2px solid #dee2e6;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;min-width:80px}.import-source-tab:hover{border-color:#adb5bd;background:#f8f9fa}.import-source-tab.active{border-color:#0062ff;background:#f0f7ff}.import-source-icon{font-size:1.25rem}.import-source-label{font-size:.75rem;font-weight:500;color:#495057}.import-source-tab.active .import-source-label{color:#0062ff;font-weight:600}.import-source-form{margin-top:8px}.import-source-hint{margin-bottom:12px}.import-source-hint p{margin:0;font-size:.875rem;color:#6c757d}.tooltip-trigger{color:#0062ff;cursor:help;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.import-success-block{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:12px 16px;background:#f0fff4;border:2px solid #10b981;border-radius:10px}.import-toggle-fields{background:none;border:none;color:#0062ff;font-size:.875rem;cursor:pointer;padding:0;text-align:left;font-weight:500}.import-toggle-fields:hover{text-decoration:underline}.url-import-error-block{display:flex;flex-direction:column;gap:12px;margin-top:12px}.btn-sm{padding:8px 16px;font-size:.875rem}.url-import-expanded{margin-bottom:24px}.business-step-centered{max-width:1100px;margin:0 auto;padding:40px 20px 20px}.business-step-header{text-align:center;margin-bottom:40px}.business-step-header h2{font-size:2rem;font-weight:900;color:#000;margin:0 0 8px}.business-step-header p{font-size:1.05rem;color:#646464;font-weight:500;margin:0}.source-picker{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:32px;flex-wrap:nowrap}.source-pill{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:2px solid #000;border-radius:100px;background:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;font-family:inherit;color:#000;white-space:nowrap;flex-shrink:0}.source-pill:hover{transform:translateY(-2px);box-shadow:3px 3px 0 #000}.source-pill.active{background:#000;color:#fff;box-shadow:3px 3px 0 #000}.source-pill.active .source-pill-icon svg{filter:brightness(0) invert(1)}.source-pill-icon{font-size:1.1rem}.source-pill-arrow{font-size:.7rem;margin-left:2px}.source-picker-other{position:relative}.source-picker-other-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:2px solid #000;border-radius:12px;padding:8px 0;min-width:200px;box-shadow:6px 6px 0 #000;z-index:50;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.source-picker-other-item{display:flex;align-items:center;gap:10px;padding:12px 20px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .15s ease;border:none;background:none;width:100%;text-align:left;font-family:inherit;color:#000}.source-picker-other-item:hover{background:#f5f5f5}.source-picker-other-item.active{background:#f0f7ff;font-weight:700}.source-input-area{margin-bottom:32px}.source-input-row{display:flex;align-items:stretch;border:2px solid #000;border-radius:12px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.source-input-row:focus-within{border-color:#0062ff}.source-input-prefix{display:flex;align-items:center;padding:14px 0 14px 16px;font-size:1rem;font-weight:500;color:#999;background:#f9f9f9;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.source-input-field{flex:1 1;padding:14px 16px;border:none;font-size:1.05rem;font-weight:500;font-family:inherit;background:#fff;outline:none;min-width:0}.source-input-field::placeholder{color:#aaa;font-weight:400}.source-input-row .btn{border-radius:0;border:none;border-left:2px solid #000;padding:14px 28px}.source-input-hint{margin-top:12px;font-size:.9rem;color:#666;line-height:1.5}.source-help-link{color:#0062ff;cursor:pointer;font-weight:600;text-decoration:underline}.source-help-link:hover{color:#004acc}.business-step-fullscreen{min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px}.business-step-fullscreen .business-step-centered{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px}.business-step-fullscreen .source-input-area{width:100%;max-width:700px}.business-step-fullscreen .source-input-row{display:flex;align-items:stretch;gap:12px;border:none;border-radius:0;overflow:visible}.business-step-fullscreen .source-input-field{flex:1 1;padding:14px 24px;border:2px solid #000;border-radius:100px;font-size:1.05rem;font-weight:500;font-family:inherit;background:#fff;outline:none;min-width:0;transition:border-color .3s ease,box-shadow .3s ease}.business-step-fullscreen .source-input-field:focus{border-color:#0062ff}.business-step-fullscreen .source-input-field::placeholder{color:#aaa;font-weight:400}.business-step-fullscreen .btn-import{padding:14px 32px;border-radius:100px;border:2px solid #000;font-size:1rem;font-weight:700;white-space:nowrap;min-width:140px}.business-step-fullscreen .source-input-hint{text-align:center;margin-top:12px}.source-pill-icon{display:flex;align-items:center;justify-content:center}.source-pill-icon svg{width:20px;height:20px}.source-dropdown-icon{display:flex;align-items:center;justify-content:center}.source-dropdown-icon svg{width:18px;height:18px}.business-step-continue{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:32px;padding:0 20px 40px}.btn-continue{padding:16px 48px;border-radius:100px;font-size:1.05rem;font-weight:700}.import-success-banner{background:#f0fff4;border:2px solid #10b981;border-radius:12px;padding:20px 24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.import-success-banner .success-text{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1rem;color:#059669}.import-accordion-toggle{background:none;border:2px solid #10b981;border-radius:100px;padding:8px 18px;color:#059669;font-size:.875rem;cursor:pointer;font-weight:600;font-family:inherit;transition:all .2s ease}.import-accordion-toggle:hover{background:#059669;color:#fff}.business-fields-section{border:2px solid #e5e5e5;border-radius:12px;padding:32px;margin-bottom:24px}.business-fields-section .section-divider{border:none;border-top:1px solid #e5e5e5;margin:28px 0}.business-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:start}.business-row-left,.business-row-right{display:flex;flex-direction:column}.business-row-divider{border:none;border-top:1px solid #e5e5e5;margin:28px 0}.form-field-fill{display:flex;flex-direction:column;height:100%}.field-textarea-fill{flex:1 1;min-height:180px;resize:vertical}@media (max-width:900px){.business-row{grid-template-columns:1fr;gap:24px}.business-row-divider{margin:20px 0}.field-textarea-fill{min-height:140px}}.business-fields-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.business-fields-left,.business-fields-right{display:flex;flex-direction:column}.business-fields-right .section-divider{display:none}.business-fields-right .fields-subsection-title{margin-top:24px}.business-fields-right .fields-subsection-title:first-child{margin-top:0}@media (max-width:900px){.business-fields-grid{grid-template-columns:1fr;gap:24px}.business-fields-right .section-divider{display:block}.business-fields-right .fields-subsection-title{margin-top:0}}.fields-subsection-title{font-size:1.1rem;font-weight:700;color:#000;margin-bottom:16px;display:flex;align-items:center;gap:8px}.modal-header{justify-content:space-between;margin-bottom:20px}.modal-close,.modal-header{display:flex;align-items:center}.modal-close{width:36px;height:36px;border-radius:50%;border:2px solid #000;background:#fff;cursor:pointer;justify-content:center;font-size:16px;font-weight:700;transition:all .2s ease;font-family:inherit}.modal-close:hover{background:#000;color:#fff}.help-steps-list{list-style:none;counter-reset:help-step;padding:0;margin:0 0 20px}.help-steps-list li{counter-increment:help-step;display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f0f0f0;font-size:.95rem;line-height:1.5;color:#333}.help-steps-list li:last-child{border-bottom:none}.help-steps-list li:before{content:counter(help-step);width:32px;height:32px;min-width:32px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.help-tip-box{background:#f0f7ff;border:2px solid #0062ff;border-radius:10px;padding:14px 18px;font-size:.9rem;font-weight:500;color:#0062ff;margin-bottom:20px;line-height:1.5}@media (max-width:768px){.business-step-centered{padding:24px 16px 16px}.business-step-header h2{font-size:1.5rem}.business-step-header p{font-size:.95rem}.source-picker{gap:8px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}.source-picker::-webkit-scrollbar{display:none}.source-pill{padding:10px 16px;font-size:.85rem;flex-shrink:0}.source-pill-icon{font-size:1rem}.source-input-row{flex-direction:column;border-radius:12px}.source-input-prefix{padding:12px 16px;border-bottom:1px solid #e5e5e5;font-size:.9rem}.source-input-field{font-size:1rem}.source-input-row .btn{border-left:none;border-top:2px solid #000;border-radius:0;width:100%}.import-success-banner{flex-direction:column;text-align:center}.business-fields-section{padding:20px 16px}.source-picker-other-dropdown{right:auto;left:50%;transform:translateX(-50%)}}@media (max-width:480px){.template-image{height:180px}.source-picker{gap:6px;flex-wrap:nowrap}.source-pill{padding:8px 12px;font-size:.8rem;flex-shrink:0}}.seo-analysis-prompt{margin-top:16px;padding:16px 20px;background:#f0f7ff;border:2px solid #0062ff;border-radius:12px}.seo-analysis-content{display:flex;align-items:center;gap:16px}.seo-analysis-icon{font-size:1.5rem;flex-shrink:0}.seo-analysis-text{flex:1 1;display:flex;flex-direction:column;gap:2px}.seo-analysis-text strong{font-size:.95rem;color:#000}.seo-analysis-text span{font-size:.85rem;color:#646464}.seo-analysis-summary{margin-top:16px;padding:20px;background:#f0fff4;border:2px solid #10b981;border-radius:12px}.seo-analysis-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.seo-analysis-header .seo-analysis-icon{color:#10b981}.seo-analysis-header strong{font-size:1rem;color:#000}.seo-analysis-overview{font-size:.9rem;color:#333;line-height:1.5;margin-bottom:12px}.seo-analysis-stats{display:flex;gap:12px;font-size:.85rem;color:#646464;margin-bottom:12px}.seo-analysis-note{font-size:.85rem;color:#10b981;font-weight:500}@media (max-width:640px){.url-import-form{flex-direction:column}.url-import-form .btn{width:100%}.import-source-tabs{gap:6px}.import-source-tab{padding:10px 12px;min-width:60px}.import-source-icon{font-size:1rem}.import-source-label{font-size:.7rem}.seo-analysis-content{flex-direction:column;align-items:flex-start;gap:12px}.seo-analysis-stats{flex-wrap:wrap;gap:8px}}.ai-choice-card{background:#fff;border:2px dashed #000!important;color:#000;min-height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ai-choice-card:hover{border-style:solid!important;background:#f8f9fa}.ai-choice-card.selected{border-style:solid!important;background:#000;color:#fff}.ai-choice-content{text-align:center;padding:24px}.ai-choice-icon{font-size:2.5rem;margin-bottom:12px}.ai-choice-text h4{font-size:1.1rem;font-weight:700;margin:0 0 6px}.ai-choice-text p{font-size:.85rem;opacity:.7;margin:0;line-height:1.4}.ai-choice-card.selected .ai-choice-text p{opacity:.85}.target-locked-container{position:relative;min-height:500px}.target-preview-blur{filter:blur(6px);pointer-events:none;opacity:.5;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;padding:24px 0}.preview-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:24px}.preview-card h4{font-size:1rem;font-weight:600;margin:0 0 16px;color:#333}.preview-keywords{display:flex;flex-direction:column;gap:12px}.preview-keyword-row{height:20px}.preview-skeleton{height:100%;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-shimmer 1.5s infinite}.target-unlock-overlay{position:fixed;top:0;left:0;right:0;bottom:60px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.75);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100}.unlock-card{background:#fff;border:2px solid #000;border-radius:16px;padding:40px;max-width:440px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.15)}.unlock-icon{font-size:3rem;margin-bottom:16px}.unlock-card h3{font-size:1.5rem;font-weight:700;margin:0 0 12px}.unlock-card>p{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 24px}.unlock-features{list-style:none;padding:0;margin:0 0 24px;text-align:left}.unlock-features li{padding:8px 0 8px 28px;position:relative;font-size:.9rem;color:#333}.unlock-features li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700}.unlock-price{margin-bottom:24px}.unlock-price .price{font-size:2rem;font-weight:700;color:#000}.unlock-price .price-note{display:block;font-size:.8rem;color:#888;margin-top:4px}.unlock-price .price-original{font-size:1.2rem;color:#999;text-decoration:line-through;margin-right:8px}.unlock-price .price-discount{display:inline-block;background:#10b981;color:#fff;font-size:.85rem;font-weight:600;padding:4px 10px;border-radius:20px;margin-left:10px}.btn-unlock{width:100%;padding:16px 24px;font-size:1.1rem}.seo-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:32px}.seo-metric-card{background:#fff;border:3px solid #000;border-radius:16px;padding:20px;text-align:center}.seo-metric-value{font-size:2rem;font-weight:800;line-height:1.2;color:#000}.seo-metric-label{font-size:.8rem;color:#646464;font-weight:600;text-transform:uppercase;margin-top:4px;letter-spacing:.5px}.seo-metric-difficulty-breakdown{display:flex;justify-content:center;gap:8px}.difficulty-count{font-size:.85rem;font-weight:600;padding:4px 8px;border-radius:4px}.difficulty-count.easy{color:#10b981;background:#d1fae5}.difficulty-count.medium{color:#f59e0b;background:#fef3c7}.difficulty-count.hard{color:#ef4444;background:#fee2e2}@media (max-width:768px){.seo-metrics-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.seo-metrics-row{grid-template-columns:1fr}.seo-metric-card{padding:16px}.seo-metric-value{font-size:1.5rem}}.target-section{margin-bottom:40px}.section-title{font-size:1.25rem;font-weight:700;margin:0 0 8px;color:#000}.section-description{font-size:.9rem;color:#666;margin:0 0 20px}.domain-analysis-prompt{background:#f0f7ff;border:2px solid #0062ff;border-radius:12px;padding:20px}.domain-analysis-content{display:flex;align-items:flex-start;gap:16px}.domain-analysis-icon{font-size:2rem;line-height:1;flex-shrink:0}.domain-analysis-text{flex:1 1}.domain-analysis-text h4{margin:0 0 6px;font-size:1.1rem;font-weight:700;color:#000}.domain-analysis-text p{margin:0;font-size:.9rem;color:#444;line-height:1.5}.domain-analysis-progress{margin:16px 0 0;padding:12px 16px;background:rgba(0,98,255,.1);border-radius:8px;font-size:.9rem;color:#0062ff;display:flex;align-items:center;gap:10px}.domain-analysis-progress:before{content:"";width:16px;height:16px;border:2px solid #0062ff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.domain-analysis-error{margin:12px 0 0;color:#dc3545;font-size:.9rem}.domain-analysis-result{background:#f0fff4;border:2px solid #10b981;border-radius:12px;padding:20px}.domain-analysis-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.domain-analysis-icon-check{color:#10b981;font-size:1.2rem}.domain-analysis-header strong{font-size:1.1rem;color:#000}.domain-analysis-summary{font-size:.95rem;color:#333;line-height:1.6;margin:0 0 16px}.domain-analysis-stats{display:flex;gap:24px}.domain-analysis-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.domain-analysis-stats .stat-number{font-size:1.5rem;font-weight:700;color:#10b981}.domain-analysis-stats .stat-label{font-size:.8rem;color:#666}.competitor-input-row{display:flex;gap:12px;margin-bottom:12px}.competitor-input-row .field-input{flex:1 1;margin-bottom:0}.competitor-chips{display:flex;flex-wrap:wrap;gap:8px}.competitor-chip{display:inline-flex;align-items:center;gap:8px;background:#f0f0f0;padding:8px 12px;border-radius:20px;font-size:.875rem}.competitor-chip button{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:0;line-height:1;color:#666}.competitor-chip button:hover{color:#dc3545}.discovered-competitors{margin-top:16px;padding-top:16px;border-top:1px dashed #e0e0e0}.discovered-label{font-size:.875rem;color:#666;margin-bottom:8px}.competitor-chips.discovered{gap:8px}.competitor-chip.suggested{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px dashed #0ea5e9;color:#0284c7;cursor:pointer;transition:all .2s}.competitor-chip.suggested:hover{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.competitor-chip.just-added{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;animation:highlightAdded .3s ease-out}@keyframes highlightAdded{0%{transform:scale(1.1);box-shadow:0 0 12px rgba(16,185,129,.4)}to{transform:scale(1);box-shadow:none}}.added-indicator{color:#10b981;font-weight:700;margin-right:4px}.domain-analysis-progress{margin-top:12px}.analysis-progress-bar{height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden;margin-bottom:8px}.analysis-progress-bar-fill{height:100%;background:linear-gradient(90deg,#000,#333);width:30%;animation:progress-slide 1.5s ease-in-out infinite}@keyframes progress-slide{0%{width:0;margin-left:0}50%{width:50%;margin-left:25%}to{width:0;margin-left:100%}}.skeleton-card{pointer-events:none}.skeleton-content{display:flex;flex-direction:column;gap:8px;padding:8px;width:100%}.skeleton-line{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-title{height:20px;width:60%}.skeleton-desc{height:14px;width:100%}.skeleton-desc-short{height:14px;width:70%}.skeleton-badge{height:24px;width:80px}.skeleton-tags{display:flex;gap:6px;margin-top:4px}.skeleton-tag{height:20px;width:60px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:10px}.skeleton-keyword{height:18px;margin-bottom:8px}.skeleton-keyword,.skeleton-stat{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-stat{height:14px;width:50px}.keyword-card.skeleton-card{pointer-events:none}.keyword-card.skeleton-card .skeleton-content{flex:1 1;display:flex;flex-direction:column;gap:0}.keyword-card.skeleton-card .keyword-stats{display:flex;gap:10px;margin-top:4px}.loading-indicator{font-size:.9em;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.keywords-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px}.keyword-card{display:flex;align-items:flex-start;gap:12px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:16px;cursor:pointer;transition:border-color .2s,background .2s}.keyword-card:hover{border-color:#000}.keyword-card.selected{border-color:#000;background:#f8f9fa}.keyword-card input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer}.keyword-content{flex:1 1;min-width:0}.keyword-text{font-weight:600;font-size:.95rem;color:#000;display:block;margin-bottom:8px}.keyword-stats{display:flex;gap:12px;flex-wrap:wrap}.keyword-stats span{font-size:.8rem}.stat-volume{color:#666}.stat-difficulty{font-weight:600}.stat-cpc{color:#666}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.page-suggestion-card{display:flex;align-items:flex-start;gap:12px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:20px;cursor:pointer;transition:border-color .2s,background .2s}.page-suggestion-card:hover{border-color:#000}.page-suggestion-card.selected{border-color:#000;background:#f8f9fa}.page-suggestion-card input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer}.page-content{flex:1 1;min-width:0}.page-name{font-weight:600;font-size:1rem;color:#000;display:block;margin-bottom:6px}.page-description{font-size:.875rem;color:#666;display:block;margin-bottom:12px;line-height:1.4}.page-keywords{display:flex;flex-wrap:wrap;gap:6px}.page-keyword-tag{background:#e9ecef;padding:4px 10px;border-radius:12px;font-size:.75rem;color:#495057}.seo-legend{display:flex;gap:24px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px;flex-wrap:wrap}.seo-legend-item{display:flex;align-items:flex-start;gap:10px;flex:1 1;min-width:200px}.seo-legend-item .legend-icon{font-size:1.2rem;line-height:1}.seo-legend-item .legend-content{display:flex;flex-direction:column;gap:2px}.seo-legend-item .legend-content strong{font-size:.9rem;color:#000}.seo-legend-item .legend-content span{font-size:.8rem;color:#666;line-height:1.4}.recommendations-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px}.recommendation-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:20px}.recommendation-card.priority-high{border-left:4px solid #dc3545}.recommendation-card.priority-medium{border-left:4px solid #ffc107}.recommendation-card.priority-low{border-left:4px solid #28a745}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rec-type{font-size:.8rem;color:#666}.rec-priority{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:12px}.rec-priority.priority-high{background:#fee;color:#dc3545}.rec-priority.priority-medium{background:#fff8e6;color:#b8860b}.rec-priority.priority-low{background:#e8f5e9;color:#28a745}.rec-title{font-size:1rem;font-weight:600;margin:0 0 8px;color:#000}.rec-description{font-size:.875rem;color:#666;margin:0;line-height:1.5}.target-controls{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:32px}.controls-row{display:flex;gap:24px;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:8px}.control-label{font-size:.85rem;font-weight:600;color:#333}.field-select{width:100%;padding:14px 16px;border:2px solid #000;border-radius:10px;font-size:1rem;font-weight:500;font-family:inherit;background:#fff;cursor:pointer;transition:all .3s ease}.field-select:focus{outline:none;border-color:#0062ff;box-shadow:0 0 0 3px rgba(0,98,255,.1)}.btn-regenerate{white-space:nowrap;min-width:180px}.btn-regenerate:disabled{opacity:.5;cursor:not-allowed}.extracted-services{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.services-label{font-size:.85rem;color:#666;font-weight:500}.service-tag{background:#e9ecef;padding:6px 12px;border-radius:16px;font-size:.85rem;color:#333}.analysis-preview{background:#f8f9fa;border-radius:12px;padding:20px}.preview-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #e0e0e0}.preview-item:last-child{border-bottom:none}.preview-label{font-weight:600;color:#333;min-width:100px;flex-shrink:0}.preview-value{color:#666;line-height:1.5}.run-analysis-section{text-align:center;padding:32px 0;border-top:1px solid #e0e0e0;margin-top:24px}.btn-run-analysis{padding:16px 48px;font-size:1.1rem}.btn-large{padding:14px 32px;font-size:1.05rem}.analysis-note{margin-top:16px;font-size:.9rem;color:#666}.keyword-guidance{background:#f0f7ff;border:1px solid #cce0ff;border-radius:10px;padding:16px 20px}.keyword-guidance h4{margin:0 0 8px;font-size:.95rem;font-weight:600;color:#1a365d}.keyword-guidance p{margin:0;font-size:.9rem;line-height:1.6;color:#2d4a6f}.section-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.section-header-row .section-title{margin-bottom:4px}.section-header-row .section-description{margin-bottom:0}.btn-small{padding:8px 16px;font-size:.85rem}.custom-keyword-row{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.custom-keyword-row .field-input{flex:1 1;margin-bottom:0}.custom-keyword-loading{margin-top:8px;font-size:.85rem;color:#0062ff;display:flex;align-items:center;gap:8px}.custom-keyword-loading:before{content:"";width:14px;height:14px;border:2px solid #0062ff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.stat-custom{font-size:.8rem;color:#999;font-style:italic}.generate-more-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.generate-more-hint{font-size:.8rem;color:#666}.keyword-stats-legend{display:flex;gap:20px;margin-bottom:16px;padding:12px 16px;background:#f8f9fa;border-radius:8px}.legend-item{font-size:.85rem;color:#666;cursor:help}.tooltip-wrapper{position:relative;display:inline-flex;cursor:help}.tooltip-text{visibility:hidden;opacity:0;bottom:calc(100% + 8px);background:#1a1a1a;color:#fff;padding:10px 14px;border-radius:6px;font-size:.85rem;font-weight:400;min-width:200px;max-width:320px;width:max-content;white-space:normal;text-align:left;line-height:1.4;z-index:1000;transition:opacity .2s,visibility .2s;box-shadow:0 4px 12px rgba(0,0,0,.15)}.tooltip-text,.tooltip-text:after{position:absolute;left:50%;transform:translateX(-50%)}.tooltip-text:after{content:"";top:100%;border:6px solid transparent;border-top-color:#1a1a1a}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.keyword-stats .tooltip-wrapper{position:static}.keyword-stats .tooltip-text{left:auto;right:0;transform:none}.keyword-stats .tooltip-text:after{left:auto;right:20px}.keyword-card .tooltip-text{left:0;right:auto;transform:none}.keyword-card .tooltip-text:after{left:20px;right:auto}.error-container{text-align:center;padding:60px 20px}.error-message{color:#dc3545;font-size:1rem;margin-bottom:20px}@media (max-width:768px){.target-preview-blur{grid-template-columns:1fr}.unlock-card{margin:20px;padding:24px}.keywords-grid,.pages-grid,.recommendations-list{grid-template-columns:1fr}.competitor-input-row,.controls-row{flex-direction:column}.controls-row{gap:16px}.btn-regenerate,.field-select{width:100%}.keyword-stats-legend{flex-direction:column;gap:8px}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{display:flex;flex-direction:column;gap:8px}.skeleton-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;overflow:hidden}.skeleton-card-content{padding:16px;display:flex;flex-direction:column;gap:8px}.skeleton-table{display:flex;flex-direction:column;gap:12px}.skeleton-table-header,.skeleton-table-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;padding:12px 0}.skeleton-table-header{border-bottom:2px solid #e5e5e5}.skeleton-site-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:20px}.skeleton-site-header{display:flex;gap:16px;margin-bottom:16px}.skeleton-site-info{flex:1 1;display:flex;flex-direction:column;gap:8px}.skeleton-site-actions{display:flex;gap:12px}.skeleton-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.skeleton-stat-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px}.error-content{text-align:center;max-width:400px}.error-icon{font-size:4rem;margin-bottom:20px}.error-content h2{font-size:1.5rem;font-weight:700;margin:0 0 12px}.error-content p{color:#666;margin:0 0 24px}.error-details{margin-top:24px;text-align:left;background:#f5f5f5;border-radius:8px;padding:16px}.error-details summary{cursor:pointer;font-weight:600}.error-details pre{margin:12px 0 0;font-size:.8rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.address-autocomplete{position:relative;width:100%}.autocomplete-input-wrapper{position:relative;display:flex;align-items:center}.autocomplete-input-wrapper .field-input{width:100%;padding-right:45px;margin-bottom:0}.autocomplete-spinner{position:absolute;right:14px;width:20px;height:20px;border:2px solid #e5e5e5;border-top-color:#000;border-radius:50%;animation:spin .6s linear infinite}.autocomplete-clear{position:absolute;right:12px;width:26px;height:26px;border:none;background:#000;border-radius:50%;font-size:16px;line-height:1;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.autocomplete-clear:hover{background:#333}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:2px solid #000;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);list-style:none;padding:6px;max-height:280px;overflow-y:auto;z-index:100}.autocomplete-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:6px;cursor:pointer;font-size:.95rem;color:#333;transition:background .15s}.autocomplete-item.selected,.autocomplete-item:hover{background:#f0f0f0}.autocomplete-icon{flex-shrink:0;width:20px;height:20px;color:#666}.address-details{margin-top:20px;padding:20px;background:#f8f9fa;border:2px solid #e5e5e5;border-radius:8px;flex-direction:column}.address-details,.address-row{display:flex;gap:16px}.address-field{flex:1 1;display:flex;flex-direction:column;gap:6px}.address-field .field-input,.address-field .field-label{margin-bottom:0}.field-input-sm{padding:10px 14px!important;font-size:.95rem!important}@keyframes spin{to{transform:rotate(1turn)}}.pro-mode-toggle{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border:2px solid #e5e5e5;border-radius:8px}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch input:checked+.toggle-slider{background-color:#000}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.pro-mode-info{display:flex;flex-direction:column;gap:2px}.pro-mode-label{font-weight:600;font-size:.95rem;color:#000}.pro-mode-desc{font-size:.85rem;color:#666}.website-skeleton-preview{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-top:12px;font-size:0}.skeleton-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;height:40px}.skeleton-logo-placeholder{width:60px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.skeleton-nav{display:flex;align-items:center;gap:12px}.skeleton-nav-item{font-size:9px;font-weight:500}.skeleton-nav-item.skeleton-btn{padding:4px 10px;border-radius:4px;font-size:8px}.skeleton-hero{padding:36px 20px;display:flex;justify-content:center}.skeleton-hero-content{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:200px}.skeleton-heading{height:12px;width:140px;border-radius:3px}.skeleton-text{height:6px;width:180px;border-radius:2px}.skeleton-text-short{width:120px}.skeleton-cta{height:20px;width:70px;border-radius:4px;margin-top:6px}.skeleton-content{padding:20px 16px}.skeleton-cards{display:flex;gap:10px;justify-content:center}.skeleton-card{flex:1 1;max-width:80px;padding:12px 8px;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:6px}.skeleton-card-icon{width:20px;height:20px;border-radius:50%}.skeleton-card-title{height:6px;width:50px;border-radius:2px}.skeleton-card-text{height:4px;width:60px;border-radius:2px}.skeleton-footer{padding:12px 16px;display:flex;justify-content:center}.skeleton-footer-text{height:5px;width:100px;border-radius:2px}.color-roles-info{display:flex;flex-direction:column;gap:12px;margin-top:16px}.color-role-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9f9f9;border-radius:8px;border:1px solid #e8e8e8}.color-role-swatch-wrapper{position:relative;width:36px;height:36px;flex-shrink:0}.color-role-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.color-role-swatch{width:36px;height:36px;border-radius:6px;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);pointer-events:none}.color-role-info{display:flex;flex-direction:column;gap:2px;min-width:0}.color-role-label{font-size:13px;font-weight:600;color:#000}.color-role-description{font-size:11px;color:#666;line-height:1.3}.palette-generate-actions{margin-top:20px;display:flex;gap:10px}.step-header{text-align:center;margin-bottom:30px}.step-title{font-size:1.75rem;font-weight:700;margin:0 0 8px;color:#000}.step-subtitle{font-size:1rem;color:#666;margin:0}.ai-instructions-accordion{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.ai-instructions-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:#f8f8f8;border:none;cursor:pointer;font-size:.85rem;color:#555;text-align:left;transition:background .15s}.ai-instructions-toggle:hover{background:#f0f0f0}.ai-instructions-toggle-icon{font-size:.75rem;color:#888}.ai-instructions-content{padding:16px;border-top:1px solid #e0e0e0;background:#fff}.ai-instructions-warning{padding:10px 14px;background:#fff8e1;border:1px solid #ffe082;border-radius:6px;font-size:.8rem;color:#795548;line-height:1.5;margin-bottom:12px}.ai-instructions-preview{font-family:SF Mono,Fira Code,monospace;font-size:.78rem;line-height:1.6;color:#333;background:#f9f9f9;padding:14px;border-radius:6px;border:1px solid #e8e8e8;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto;margin:0}