:root{--primary-color:#8287FA;--secondary-color:#FF8700;--background-color:#ffffff;--card-color:#ffffff;--text-color:#111827;--border-color:#CED3D9;--surface-muted:#fafbfc;--text-muted:#6b7280;--error-color:#e74c3c;--warning-color:#FF8700;--success-color:#7ECB19;--header-bar-bg:#252830;--header-bar-border:#3a3f47;--header-bar-text:#f3f4f6;--header-bar-text-muted:rgba(255,255,255,0.65);--analysis-metrics-bg:#252830;--analysis-tabs-bg:#eef1f6;--analysis-tabs-border:#d8dde8;--analysis-filters-bg:#14151A}body{margin:0;padding:0;background-color:var(--background-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color)}*{box-sizing:border-box}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.app-content{flex:1;padding:16px;overflow-y:auto;background-color:var(--background-color);display:flex;flex-direction:column;min-height:0}.app-content--results{padding:10px 12px;overflow:hidden;position:relative}.app-content--results:before{content:"";position:absolute;top:0;left:0;right:0;height:180px;background-color:var(--header-bar-bg);z-index:0}.app-content--results>*{position:relative;z-index:1}.validation-page .app-content{align-items:center;justify-content:flex-start;max-width:100%;margin:0 auto}.results-layout-row{min-height:0}.app-header{background-color:var(--header-bar-bg);padding:10px 16px;justify-content:space-between;box-shadow:none;position:sticky;top:0;z-index:100;width:100%}.app-header,.app-logo{display:flex;align-items:center}.app-logo{gap:12px}.app-header .app-logo img,.app-logo img,header .app-logo img{filter:none!important}.app-header .app-title h1{margin:0;font-size:16px;font-weight:700;color:var(--header-bar-text);letter-spacing:.02em}.app-header .app-title p{margin:0;font-size:11px;color:var(--header-bar-text-muted);letter-spacing:.06em;text-transform:uppercase}.app-header .version-badge{font-size:10px;color:rgba(255,255,255,1);font-weight:500;margin-left:8px;letter-spacing:.5px;background-color:var(--primary-color);padding:2px 6px;border-radius:12px;font-weight:700}.header-buttons{display:flex;align-items:center;gap:12px}.app-header .feedback-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.88);padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;box-shadow:none}.app-header .feedback-btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);color:#fff}.app-header .feedback-btn:active{background:rgba(255,255,255,.18)}.new-validation-btn{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#ffffff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;box-shadow:none}.new-validation-btn:hover{background-color:#6d72e8;border-color:#6d72e8}.new-validation-btn:active{background-color:#5c61d6}.new-validation-btn img{filter:brightness(0) invert(1)}.validation-page{--primary-color:#8287FA;--secondary-color:#FF8700;--background-color:#f8f9fb;--card-color:#ffffff;--border-color:#CED3D9;background-color:var(--background-color)}.validation-page .app-content,.validation-page-content{background-color:var(--background-color);align-items:center;justify-content:flex-start;max-width:100%;width:100%;margin:0 auto;padding:32px 24px 40px;position:relative}.validation-page-content:before{content:"";position:absolute;top:0;left:0;right:0;height:280px;background-color:var(--analysis-metrics-bg);z-index:0}.validation-page-content>*{position:relative;z-index:1}.validation-page .validation-card{width:100%;min-width:0;max-width:720px;margin:0 auto;padding:0;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 8px 32px rgba(0,0,0,.12);overflow:visible}.validation-card-header{position:relative;background-color:var(--analysis-metrics-bg);padding:14px 18px 14px 21px;border-bottom:1px solid var(--header-bar-border);border-radius:8px 8px 0 0;overflow:hidden}.validation-card-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color)}.validation-card-header h2{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--header-bar-text);text-align:left;letter-spacing:.02em}.validation-card-subtitle{margin:0;font-size:12px;color:var(--header-bar-text-muted);line-height:1.45}.validation-card-body{padding:28px 24px 24px;background-color:#fff;border-radius:12px 12px 0 0;overflow:visible}.validation-page .option-item:has(.ea-select[aria-expanded=true]){position:relative;z-index:50}.validation-page .option-item .ea-select[aria-expanded=true]{z-index:50}.validation-page .options-grid{gap:20px;overflow:visible}.validation-page .input-label,.validation-page .option-item .form-label{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-color);margin-bottom:8px}.validation-page .validation-card h2{color:var(--header-bar-text);text-align:left;margin-bottom:4px}.validation-page .new-validation-btn{background-color:var(--primary-color);color:#ffffff;border:1px solid var(--primary-color);box-shadow:none}.validation-page .new-validation-btn:hover{background-color:#6d72e8;border-color:#6d72e8;box-shadow:none;transform:translateY(-1px)}.validation-page .new-validation-btn:active{transform:translateY(0) scale(.98)}.validation-page .new-validation-btn img{filter:brightness(0) invert(1)}.validation-card{border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:32px;margin-top:20px;width:100%;min-width:600px;box-sizing:border-box}.validation-card,.validation-page .validation-card{background-color:var(--card-color)}.login-page .validation-card{max-width:450px;min-width:0;padding:24px;border-radius:8px;box-shadow:none;overflow:visible}.validation-card h2{margin-top:0;margin-bottom:32px;font-size:24px;font-weight:700;color:var(--text-color)}.login-page .validation-card h2{text-align:center;margin-bottom:24px;font-size:20px}.validation-header{margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.validation-page .validation-header{border-bottom:2px solid var(--border-color);position:relative}.validation-page .validation-header:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background-color:var(--primary-color)}.validation-subtitle{margin:0;font-size:14px;color:#666;line-height:1.5}.validation-page .validation-subtitle{color:#666}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;width:100%;gap:12px}.section-title{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0;flex-shrink:0}.section-title,.validation-page .section-title{color:var(--text-color)}.section-hint{font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.section-hint,.validation-page .section-hint{color:#666;background-color:#f5f7fa}.section-hint.optional,.validation-page .section-hint.optional{color:#95a5a6}.validation-page .section-hint:not(.optional){color:var(--primary-color);background-color:rgba(130,135,250,.1)}.field-hint{margin:8px 0 0;font-size:13px;color:#95a5a6;line-height:1.5;padding-left:2px}.validation-page .field-hint{color:#666}.form-section-collapsible{border:1px solid var(--border-color);border-radius:12px;padding:0;overflow:hidden;transition:all .2s ease}.form-section-collapsible:hover{border-color:#CFC7B5}.validation-page .form-section-collapsible,.validation-page .form-section-collapsible:hover{border-color:var(--border-color)}.validation-page .section-toggle-btn:hover{background-color:transparent}.section-toggle-btn{width:100%;background:none;border:none;padding:16px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;transition:background-color .2s}.section-toggle-btn:hover{background-color:#fafafa}.section-toggle-btn .section-header{margin-bottom:0;flex:1;min-width:0}.section-toggle-icon{color:#666;transition:transform .2s ease;flex-shrink:0;margin-left:16px}.section-toggle-icon.open{transform:rotate(180deg)}.utm-section-content{padding:0 20px 20px;animation:slideDown .2s ease-out}.utm-section-content .utm-input-group:last-child{margin-bottom:0}.utm-section-wrapper{margin-top:20px;border:1px solid var(--border-color);border-radius:12px;background-color:var(--card-color);overflow:hidden}.validation-form-section{margin-bottom:20px;overflow:visible}.validation-form-section--last{margin-bottom:0;margin-top:4px}.field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.field-required{color:var(--error-color);margin-left:3px}.link-action-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background-color:transparent;border:1px solid var(--border-color);border-radius:5px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.link-action-btn:hover{background-color:var(--surface-muted);color:var(--text-color);border-color:#c5cbd5}.link-action-btn svg{opacity:.65}.link-action-btn:hover svg{opacity:1}.input-with-icon{position:relative;display:flex;align-items:center}.input-leading-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none;z-index:1}.input-with-icon .app-input{padding-left:42px!important;padding-right:42px}.input-trailing-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.input-trailing-btn:hover{background-color:var(--surface-muted);color:var(--text-color)}.input-with-icon--error .app-input{border-color:var(--error-color)}.input-with-icon--error .input-leading-icon{color:var(--error-color)}.input-with-icon--valid .app-input{border-color:var(--success-color)}.input-with-icon--valid .input-leading-icon{color:var(--success-color)}.field-message{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;line-height:1.4}.field-message--hint{color:var(--text-muted)}.field-message--error{color:var(--error-color)}.field-message--error svg{flex-shrink:0}.field-message--success{color:var(--success-color)}.field-message--success svg{flex-shrink:0}@media (min-width:640px){.validation-page .options-grid{grid-template-columns:1fr 1fr}}.validation-page .utm-section-wrapper{border:1px solid #e5e8ed;border-radius:8px;background-color:#f8f9fb;margin-top:0}.validation-page .utm-toggle-header{padding:12px 14px}.validation-page .utm-toggle-header:hover{background-color:#f0f2f7}.validation-page .utm-toggle-header .section-label{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-color)}.validation-page .utm-panel{display:none}.validation-page .utm-panel[data-open=true]{display:block}.validation-page .utm-section{padding:14px 14px 16px;background-color:#fff;border-top:1px solid #e5e8ed}.validation-page .utm-label{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-muted);margin-bottom:6px}.validation-page .utm-input{height:40px;min-height:40px;border-color:#e5e8ed;border-radius:8px;font-size:14px;padding:8px 12px}.validation-page .utm-toggle{margin-top:22px}.validation-page .chevron-icon{color:var(--text-muted);opacity:1;width:16px;height:16px}.utm-toggle-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 15px;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease}.utm-toggle-header:hover,.validation-page .utm-toggle-header:hover{background-color:#f5f7fa}.utm-toggle-header .section-label{margin-bottom:0;font-size:13px;color:var(--text-color);font-weight:500;text-transform:none;letter-spacing:0}.utm-section{padding:0 15px 15px;animation:fadeIn .3s ease-in-out;margin-bottom:0}.chevron-icon{color:var(--text-color);opacity:.6;transition:transform .3s ease,opacity .2s ease}.chevron-icon:hover{opacity:1}.chevron-icon.rotated{transform:rotate(180deg)}.validation-page .chevron-icon{color:var(--text-color)}.utm-description{margin:0 0 20px;font-size:13px;color:#666;line-height:1.6}.validation-page .utm-description{color:#666}.mode-selector{display:flex;border-radius:12px;padding:5px;margin-bottom:16px;width:100%;gap:4px}.mode-selector,.validation-page .mode-selector{background-color:#f0f2f5;border:1px solid var(--border-color)}.mode-btn{flex:1;background:none;border:none;padding:12px 16px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:#666;transition:all .2s ease;height:48px;min-width:0}.mode-btn .mode-icon{flex-shrink:0;width:16px;height:16px}.mode-btn.active{background-color:var(--card-color);color:var(--text-color);box-shadow:0 2px 8px rgba(0,0,0,.12)}.mode-btn:hover:not(.active){color:#333;background-color:rgba(255,255,255,.5)}.validation-page .mode-btn{color:#666}.validation-page .mode-btn.active{background-color:var(--primary-color);color:#ffffff;box-shadow:0 2px 8px rgba(130,135,250,.3)}.validation-page .mode-btn:hover:not(.active){color:var(--text-color);background-color:rgba(255,255,255,.5)}.mode-btn:active{transform:scale(.98)}.input-section{margin-bottom:0;margin-top:0;transition:opacity .2s ease;width:100%}.input-label{display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:var(--text-color);text-transform:none;letter-spacing:0}.app-input,.app-textarea{width:100%;border:1px solid #cfc7b5;border-radius:12px;padding:12px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s;background-color:#ffffff}.validation-page .app-input,.validation-page .app-textarea{border-color:#e5e8ed;background-color:#ffffff;color:var(--text-color);height:42px;min-height:42px;border-radius:8px;font-size:14px;padding:10px 14px}.validation-page .app-input::placeholder,.validation-page .app-textarea::placeholder{color:#95a5a6}.app-input{height:50px;min-height:50px}.app-textarea{min-height:120px;resize:vertical}.app-input:focus,.app-textarea:focus{outline:none}.app-input:focus,.app-textarea:focus,.validation-page .app-input:focus,.validation-page .app-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(130,135,250,.1)}.validation-page .input-with-icon .app-input{padding-left:42px;padding-right:42px}.option-item,.option-item .ea-select{width:100%;min-width:0;display:flex;flex-direction:column}.option-item .ea-select{position:relative}.option-item .ea-select .options{position:absolute;top:100%;left:0;right:0;z-index:30;border-radius:6px!important;margin-top:4px;box-shadow:0 4px 12px rgba(17,24,39,.1);border:1px solid #eceef1!important;background:#ffffff!important;overflow:hidden;max-height:220px;overflow-y:auto;padding:4px}.option-item .ea-select .options .option{padding:8px 10px;border-radius:4px!important;color:var(--text-color);cursor:pointer;transition:background-color .15s ease,color .15s ease;font-size:14px;line-height:1.4}.option-item .ea-select .options .option:hover:not(.disabled){background-color:#f8f9fd!important;color:#111827!important}.validation-page .option-item .ea-select .options{border-color:#eceef1!important;background:#ffffff!important;box-shadow:0 8px 20px rgba(17,24,39,.1);padding:4px}.validation-page .option-item .ea-select .options .option{padding:8px 10px;font-size:14px;border-radius:4px!important}.validation-page .option-item .ea-select .options .option:hover:not(.disabled){background-color:#f8f9fd!important;color:#111827!important}.validation-page .option-item .ea-select .options .option.disabled{color:#9ca3af!important;background:transparent!important}.option-item .ea-select .options .option.disabled{color:#9ca3af;cursor:not-allowed;opacity:1;background:transparent!important}.option-item .form-label,.utm-label{display:block;color:var(--text-color);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;margin-bottom:8px}.validation-page .option-item .form-label,.validation-page .utm-label{color:var(--text-color)}.option-item .ea-select .selected{background:var(--card-color);padding:14px 18px;border:1px solid var(--border-color);width:100%;min-width:0;border-radius:12px!important;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text-color);font-size:15px;transition:all .2s ease;min-height:50px;height:auto}.validation-page .option-item .ea-select .selected{background:#ffffff;border-color:#e5e8ed;color:var(--text-color);min-height:42px;padding:10px 14px;border-radius:8px!important;font-size:14px}.option-item .ea-select .selected.placeholder,.option-item .ea-select .selected[data-placeholder=true]{color:#95a5a6!important}.option-item .ea-select.has-value .selected{color:var(--text-color)}.validation-page .option-item .ea-select .selected.placeholder,.validation-page .option-item .ea-select .selected[data-placeholder=true]{color:#95a5a6!important}.validation-page .option-item .ea-select.has-value .selected{color:var(--text-color)}.option-item .ea-select .selected:hover{border-color:var(--border-color);background-color:#f5f7fa}.validation-page .option-item .ea-select .selected:hover{border-color:#d8dce3;background-color:#f8f9fd}.option-item .ea-select .selected.placeholder:hover{color:#95a5a6}.option-item .ea-select .selected:focus,.option-item .ea-select .selected:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(130,135,250,.1);outline:none}.validation-page .option-item .ea-select .selected:focus,.validation-page .option-item .ea-select .selected:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(130,135,250,.1)}.option-item .ea-select .selected .icon{width:20px;height:20px;display:block;position:static!important;flex-shrink:0;margin-left:8px;top:auto!important;right:auto!important;opacity:.5;transition:all .2s ease}.option-item .ea-select .selected:hover .icon{opacity:.7}.option-item .ea-select .selected:hover .icon:not(.open){transform:translateY(2px)}.option-item .ea-select .selected.placeholder .icon,.option-item .ea-select.has-value .selected .icon{opacity:.5}.option-item .ea-select .selected .icon.open,.option-item .ea-select[aria-expanded=true] .selected .icon{transform:rotate(180deg)}.validation-page .option-item .ea-select .selected .icon{opacity:.5;filter:none}.validation-page .option-item .ea-select .selected:hover .icon{opacity:.7;filter:none}.validation-page .option-item .ea-select .selected:hover .icon:not(.open){transform:translateY(2px)}.validation-page .option-item .ea-select .selected.placeholder .icon,.validation-page .option-item .ea-select.has-value .selected .icon{opacity:.5;filter:none}.validation-page .ea-select[aria-expanded=true] .selected .icon,.validation-page .option-item .ea-select .selected .icon.open{transform:rotate(180deg);filter:none}.options-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:0}.section-label{display:block;font-size:14px;font-weight:500;margin-bottom:16px;color:#666}.utm-input-group{display:flex;align-items:flex-start;margin-bottom:16px;gap:12px;width:100%}.utm-toggle{flex-shrink:0;margin-top:28px;display:flex;align-items:center;justify-content:center}.utm-input-wrapper{flex:1;min-width:0}.utm-input{height:44px;transition:opacity .2s}.utm-input.disabled{opacity:.5}.validation-page .utm-input{border-color:var(--border-color);background-color:#ffffff;color:var(--text-color)}.validation-page .utm-input::placeholder{color:#95a5a6}.validation-page .utm-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(130,135,250,.1)}.checkbox-container{display:block;position:relative;cursor:pointer;user-select:none;height:20px;width:20px;margin:0}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:var(--card-color);border-radius:4px;border:1px solid var(--border-color)}.validation-page .checkmark{background-color:#eee;border-color:var(--border-color)}.checkbox-container:hover input~.checkmark{background-color:#f5f5f5}.checkbox-container input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.validation-page .checkbox-container:hover input~.checkmark{background-color:#f5f7fa;border-color:var(--primary-color)}.validation-page .checkbox-container input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.toggle-option{display:flex;justify-content:space-between;align-items:center;padding:0;gap:20px}.toggle-label-group{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.toggle-label{font-size:15px;margin:0;cursor:pointer}.validation-page .toggle-label{color:var(--text-color)}.toggle-hint{font-size:13px;line-height:1.4;margin:0}.toggle-hint,.validation-page .toggle-hint{color:#95a5a6}.validation-page .toggle-switch:hover input:not(:checked)+.toggle-slider{background-color:rgba(255,135,0,.3)}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;margin-top:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px;transition:.4s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:white;border-radius:50%;transition:.4s}.validation-page input:checked+.toggle-slider,input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translateX(24px)}.submit-button{background-color:#7B45B3;color:#FFFFFF;width:100%;padding:16px 24px;border:none;font-size:16px;font-weight:700;border-radius:12px;margin-top:32px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:all .2s ease;box-shadow:0 2px 8px rgba(249,209,58,.2);height:56px;min-height:56px}.validation-page .submit-button{background-color:var(--primary-color);color:#ffffff;box-shadow:none;margin-top:16px;height:44px;min-height:44px;border-radius:6px;font-size:14px;padding:10px 16px}.submit-button span{font-weight:700;letter-spacing:.3px}.submit-button img{flex-shrink:0;transition:transform .2s ease,filter .2s ease}.validation-page .submit-button img{filter:brightness(0) invert(1)}.validation-page .submit-button:hover:not(:disabled) img{transform:translateX(4px);filter:brightness(0) invert(1)}.validation-page .submit-button:active img{transform:translateX(2px)}.submit-button:hover:not(:disabled){background-color:#6A3A9C;box-shadow:0 2px 8px rgba(123,69,179,.3);transform:translateY(-1px)}.validation-page .submit-button:hover:not(:disabled){background-color:#6d72e8;box-shadow:0 2px 8px rgba(130,135,250,.3);transform:translateY(-1px)}.submit-button:active{transform:scale(.98)}.submit-button:disabled{cursor:not-allowed}.submit-button:disabled,.validation-page .submit-button:disabled{background-color:var(--primary-color);color:#ffffff;opacity:.8}.submit-button:disabled:hover,.validation-page .submit-button:disabled:hover{background-color:var(--primary-color);transform:none}.bouncing-arrow{animation:bounce-right .6s ease-in-out infinite}@keyframes bounce-right{0%{transform:translateX(0)}50%{transform:translateX(10px)}to{transform:translateX(0)}}.animated-card{animation:card-fade-in .35s ease-out}@keyframes card-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.utm-toggle-label-group{display:flex;align-items:center;gap:8px}.utm-optional-tag{font-size:10px;font-weight:500;color:var(--text-muted);background-color:rgba(0,0,0,.04);padding:2px 6px;border-radius:4px;text-transform:lowercase}.utm-count-badge{display:inline-flex;min-width:18px;height:18px;font-size:10px;font-weight:700;color:#ffffff;background-color:var(--primary-color);border-radius:9px;padding:0 5px}.utm-chevron,.utm-count-badge{align-items:center;justify-content:center}.utm-chevron{display:flex;transition:transform .2s ease;color:var(--text-muted)}.utm-chevron--open{transform:rotate(180deg)}.utm-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.utm-panel[data-open=true]{grid-template-rows:1fr}.utm-panel>.utm-section{overflow:hidden}.utm-grid{display:grid;gap:12px}@media (min-width:480px){.utm-grid{grid-template-columns:repeat(3,1fr)}}.utm-field{display:flex;flex-direction:column}.validation-card-footer{padding:16px 24px 24px;background-color:#fff;border-radius:0 0 12px 12px;border-top:1px solid var(--border-color)}.validation-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;background-color:var(--primary-color);color:#ffffff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin:0}.validation-submit-btn:hover:not(:disabled){background-color:#6d72e8;box-shadow:0 4px 12px rgba(130,135,250,.3);transform:translateY(-1px)}.validation-submit-btn:active:not(:disabled){transform:translateY(0) scale(.99)}.validation-submit-btn:disabled{opacity:.7;cursor:not-allowed}.validation-submit-btn.is-loading{pointer-events:none}.validation-submit-label{font-weight:600;letter-spacing:.02em}.validation-submit-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.validation-submit-btn:hover:not(:disabled) .validation-submit-icon{transform:translateX(3px)}.validation-submit-icon img{filter:brightness(0) invert(1)}.submit-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffff;border-radius:50%;animation:spin .8s linear infinite}.validation-hero{width:100%;max-width:720px;margin:0 auto 20px;text-align:center}.validation-hero__inner{background-color:transparent;border-radius:0;padding:28px 24px 24px;position:relative}.validation-hero__inner:before{display:none;content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-color);border-radius:12px 0 0 0}.validation-eyebrow{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--header-bar-text-muted);margin-bottom:8px;background-color:var(--primary-color);padding:5px 10px;border-radius:12px}.validation-eyebrow--error{color:#ffffff;background-color:var(--error-color)}.validation-hero h2{margin:0 0 6px;font-size:22px;font-weight:700;color:var(--header-bar-text);letter-spacing:-.01em}.validation-hero p{margin:0;font-size:13px;color:var(--header-bar-text-muted);line-height:1.5}.state-card{width:100%;max-width:720px;margin:0 auto;background-color:var(--card-color);border-radius:12px;border:1px solid var(--border-color);padding:40px 32px;flex-direction:column;text-align:center;gap:20px;box-shadow:0 8px 32px rgba(0,0,0,.12)}.state-card,.state-icon{display:flex;align-items:center}.state-icon{justify-content:center;width:80px;height:80px;border-radius:50%;background-color:var(--surface-muted);flex-shrink:0}.state-icon--loading{width:auto;height:auto;background:none}.state-icon--error{background-color:#fef2f2;color:var(--error-color)}.state-icon--error svg{width:40px;height:40px;stroke:var(--error-color)}.state-content{display:flex;flex-direction:column;align-items:center;gap:8px}.state-content h3{margin:0;font-size:18px;font-weight:600;color:var(--text-color)}.state-message{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5}.loading-steps{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}.loading-steps li{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);padding:6px 12px;background-color:var(--surface-muted);border-radius:6px}.loading-steps li:before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--primary-color);animation:pulse-dot 1.5s ease-in-out infinite}.loading-steps li:nth-child(2):before{animation-delay:.3s}.loading-steps li:nth-child(3):before{animation-delay:.6s}.loading-steps--icons li:before{display:none}.loading-steps--icons li>svg{flex-shrink:0;color:var(--primary-color);opacity:.9}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.state-actions{display:flex;gap:12px;margin-top:8px}.state-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.state-btn--primary{background-color:var(--primary-color);color:#ffffff}.state-btn--primary:hover{filter:brightness(.95);transform:translateY(-1px)}.state-btn--secondary{background-color:var(--surface-muted);color:var(--text-color);border:1px solid var(--border-color)}.state-btn--secondary:hover{background-color:#f0f2f5}.validation-layout{width:100%;max-width:720px;margin:0 auto}.state-card .action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background-color:var(--primary-color);color:#ffffff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.state-card .action-button:hover{background-color:#6d72e8;box-shadow:0 4px 12px rgba(130,135,250,.3);transform:translateY(-1px)}.state-card .action-button svg{transition:transform .2s ease}.state-card .action-button:hover svg{transform:translateX(3px)}@media (max-width:640px){.validation-page-content:before{height:240px}.validation-hero__inner{padding:20px 16px 18px}.validation-hero h2{font-size:18px}.validation-hero p{font-size:12px}.state-card{padding:28px 20px}.state-content h3{font-size:16px}.state-message{font-size:13px}.loading-steps li{font-size:12px;padding:5px 10px}.validation-card-footer{padding:12px 16px 18px}.validation-submit-btn{height:44px;font-size:13px}}@media (max-width:1024px){.main-content-container{flex-direction:column}}@media (min-width:1024px){.main-content-container{flex-direction:row;align-items:flex-start}.left-section{width:45%}.right-section{width:55%;display:flex;flex-direction:column;gap:20px}}@media (max-width:640px){.validation-card-body{padding:14px}.login-page .validation-card{padding:20px}.form-section{margin-bottom:24px}.section-header{gap:8px}.toggle-option{gap:16px}.submit-button{height:50px;font-size:1.1rem;font-weight:700;border-radius:8px}.mode-btn{padding:10px 12px;height:44px;font-size:13px}.option-item .ea-select .selected{min-height:48px;padding:12px 16px;font-size:14px}.options-grid{grid-template-columns:1fr}.main-content-container{gap:16px}.info-badges-container,.section-header{padding:12px 16px}.issues-grid{padding:12px 16px 16px;gap:12px}.issue-icon-container{width:36px;height:36px}.issue-count{font-size:18px}.tab-content{padding:16px}}.app-footer{text-align:center;padding:16px;font-size:14px;color:#95a5a6;background-color:var(--card-color);border-top:1px solid var(--border-color)}.app-notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);background-color:#333;color:white;padding:12px 20px;border-radius:8px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .3s ease-out;max-width:90%;text-align:center}.app-notification.show{transform:translateX(-50%) translateY(0)}.content-layout{display:flex;flex-direction:column;gap:16px;width:100%;margin:0 auto}.main-content-container{display:flex;flex:1;overflow:hidden!important;height:100%;width:100%;box-sizing:border-box}@media (min-width:1024px){.main-content-container{display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 20px)}}.left-section,.right-section{height:100%;overflow:hidden;box-sizing:border-box;min-width:0;display:flex;flex-direction:column}.results-summary-section{background-color:var(--card-color);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;margin-bottom:16px;border:1px solid var(--border-color)}.results-summary-section h3{font-size:18px;font-weight:600;margin-top:0;margin-bottom:16px;color:var(--text-color)}.summary-items-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.summary-item{display:flex;align-items:center;padding:14px 18px;border-radius:10px;background-color:#f5f7fa;transition:background-color .3s,transform .2s;cursor:pointer;width:calc(25% - 12px);min-width:220px;box-shadow:0 2px 4px rgba(0,0,0,.05);text-decoration:none;color:inherit;border:1px solid var(--border-color)}.summary-item:hover{background-color:#e8ecef;transform:translateY(-2px)}.summary-item.has-issues{background-color:rgba(231,76,60,.2);border-color:var(--error-color)}.summary-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:var(--primary-color);color:#fff;margin-right:14px}.summary-item.has-issues .summary-icon{background-color:var(--error-color)}.summary-text{flex:1;display:flex;flex-direction:column}.summary-label{font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:4px}.summary-count{font-size:16px;font-weight:600;padding:4px 10px;border-radius:12px;background-color:#fff;color:var(--text-color);text-align:center;border:1px solid var(--border-color)}.summary-item.has-issues .summary-count{background-color:var(--error-color);color:#fff;border-color:var(--error-color)}.email-preview-section{display:flex;flex-direction:column;background-color:var(--card-color);border-radius:8px;box-shadow:none;overflow:hidden;height:100%;width:100%;max-width:100%;min-width:0;box-sizing:border-box;grid-column:1;border:1px solid var(--border-color);padding:0}.email-preview-section *{max-width:100%!important;box-sizing:border-box!important}.preview-placeholder-container{height:100%}.preview-placeholder{background-color:#f4f6f8;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;height:100%;min-height:500px;border:1px solid var(--border-color)}.preview-icon{color:#95a5a6;margin-bottom:12px}.preview-placeholder p{color:#95a5a6;font-size:14px;margin:0}.email-preview-panel{display:flex;flex-direction:column;height:100%;width:100%}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color);background:var(--surface-muted)}.preview-header h2{font-size:13px;font-weight:600;margin:0;color:var(--text-color)}.preview-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.device-toggle-buttons,.view-toggle-buttons{display:flex;background-color:#fff;border-radius:6px;padding:2px;border:1px solid var(--border-color)}.view-toggle-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;border:none;background:none;border-radius:4px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease;white-space:nowrap;min-height:0}.view-toggle-btn:hover{color:var(--text-color);background:var(--surface-muted)}.view-toggle-btn.active{background-color:var(--surface-muted);color:var(--text-color);box-shadow:none}.view-toggle-btn:disabled{opacity:.45;cursor:not-allowed}.copy-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:var(--primary-color);color:#ffffff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:none}.copy-btn:hover{background-color:#6d72e8}.preview-content-container{flex:1;overflow:hidden!important;position:relative;box-sizing:border-box;width:100%;max-width:100%;min-width:0;transition:all .3s ease}.preview-content-container .code-scroll-area{overflow-x:auto!important;overflow-y:auto!important}.preview-content-container.device-desktop iframe{width:100%;height:100%;min-height:600px;border:none;border-radius:0;transition:width .3s ease}.preview-content-container.device-mobile iframe{width:375px;height:100%;min-height:600px;border:none;border-radius:0;margin:0 auto;display:block;transition:width .3s ease}.preview-content-container.device-desktop .preview-scroll-area,.preview-content-container.device-mobile .preview-scroll-area{width:100%;height:100%}.preview-scroll-area{height:100%;overflow-y:scroll;overflow-x:hidden}.preview-content{padding:16px;background-color:#ffffff}.code-scroll-area{height:100%;max-width:100%;width:100%;min-width:0;box-sizing:border-box}.code-scroll-area [data-slot=scroll-area-viewport]{overflow-x:auto!important;overflow-y:auto!important;width:100%;height:100%;display:block;scrollbar-width:thin;scrollbar-color:#555 #2a2a2a}.code-scroll-area [data-slot=scroll-area-viewport]::-webkit-scrollbar{width:12px;height:12px}.code-scroll-area [data-slot=scroll-area-viewport]::-webkit-scrollbar-track{background:#2a2a2a;border-radius:6px}.code-scroll-area [data-slot=scroll-area-viewport]::-webkit-scrollbar-thumb{background:#555;border-radius:6px;border:2px solid #2a2a2a}.code-scroll-area [data-slot=scroll-area-viewport]::-webkit-scrollbar-thumb:hover{background:#666}.code-scroll-area [data-slot=scroll-area-viewport]::-webkit-scrollbar-corner{background:#2a2a2a}.html-code-display{margin:0;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;white-space:pre;word-break:normal;overflow:visible;max-width:none;width:max-content;min-width:100%;min-height:100%;box-sizing:border-box;line-height:1.5;overflow-wrap:normal;table-layout:fixed;border-radius:8px}.html-code-display code{word-break:normal!important;overflow-wrap:normal!important;max-width:none!important;min-width:max-content!important;hyphens:auto!important;white-space:pre;display:block}.html-code-display code .html-tag{color:#569cd6!important}.html-code-display code .html-tag-name{color:#4ec9b0!important;font-weight:500}.html-code-display code .html-tag-structural{color:#86c5ff!important;font-weight:500}.html-code-display code .html-tag-link{color:#4fc1ff!important;font-weight:500}.html-code-display code .html-tag-media{color:#ff6b9d!important;font-weight:500}.html-code-display code .html-tag-form{color:#c586c0!important;font-weight:500}.html-code-display code .html-tag-text{color:#ce9178!important;font-weight:500}.html-code-display code .html-tag-list{color:#b5cea8!important;font-weight:500}.html-code-display code .html-tag-semantic{color:#d7ba7d!important;font-weight:500}.html-code-display code .html-tag-meta{color:#808080!important;font-weight:500;font-style:italic}.html-code-display code .html-tag-script{color:#f48771!important;font-weight:600}.html-code-display code .html-tag-break{color:#6a9955!important;font-weight:500}.html-code-display code .html-attr{color:#9cdcfe!important}.html-code-display code .html-attr-special{color:#dcdcaa!important;font-weight:500}.html-code-display code .html-attr-boolean{color:#c586c0!important;font-weight:500}.html-code-display code .html-aria-attr,.html-code-display code .html-data-attr{color:#9cdcfe!important;font-weight:500}.html-code-display code .html-string{color:#ce9178!important}.html-code-display code .html-string-url{color:#4fc1ff!important;text-decoration:underline}.html-code-display code .html-string-boolean{color:#c586c0!important}.html-code-display code .html-comment{color:#6a9955!important;font-style:italic}.html-code-display code .html-cdata,.html-code-display code .html-doctype{color:#808080!important;font-style:italic}.html-code-display code .html-entity{color:#d7ba7d!important}.html-code-display code .html-number{color:#b5cea8!important}.html-code-display code .html-unit{color:#b5cea8!important;font-weight:500}.html-code-display code .html-css-property{color:#9cdcfe!important;font-weight:500}.html-code-display code .html-css-value{color:#ce9178!important}.html-code-display code .html-css-selector{color:#d7ba7d!important;font-weight:500}.html-code-display code .html-js-keyword{color:#c586c0!important;font-weight:600}.html-code-display code .html-event-handler{color:#4ec9b0!important;font-weight:500}.html-code-display code .html-event-code{color:#ce9178!important}.html-code-display code:before{counter-increment:line;content:counter(line);display:inline-block;width:50px;margin-left:-70px;padding-right:10px;text-align:right;user-select:none;color:#888;font-weight:500;border-right:1px solid #3a3a3a;line-height:1.5;height:1.5em}.code-container{display:flex;align-items:flex-start;font-family:monospace;font-size:12px;width:max-content;min-width:100%;min-height:100%;box-sizing:border-box}.line-numbers{text-align:right;padding-right:8px;border-right:1px solid #ddd;color:#888;user-select:none;flex-shrink:0;min-width:40px;max-width:40px;font-size:12px;line-height:1.5;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace}.line-numbers span{display:block;height:1.5em;line-height:1.5em}.error-line{background-color:#DD2222}.analysis-section{background-color:var(--card-color);border-radius:8px;box-shadow:none;overflow:hidden;padding:10px 12px;height:100%;min-width:0;display:flex;flex-direction:column;box-sizing:border-box;grid-column:2;border:1px solid var(--border-color)}.analysis-section--results{padding:0;border:none;background-color:transparent}.analysis-section--results .analysis-chrome{background-color:transparent;border-bottom:none}.analysis-section--results .analysis-chrome .tab-header{background-color:var(--card-color);border-bottom:1px solid var(--border-color);border:1px solid var(--border-color);border-bottom-color:var(--analysis-tabs-border);border-radius:8px 8px 0 0;padding:10px 14px}.analysis-section--results .analysis-body{background-color:var(--card-color);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px}.analysis-chrome{background-color:transparent;flex-shrink:0}.analysis-metrics-row{display:grid;grid-template-columns:repeat(5,1fr);align-items:start;gap:0;padding:12px 18px 12px 20px;background-color:var(--analysis-metrics-bg);color:var(--header-bar-text-muted);position:relative;border-radius:8px 8px 0 0}.analysis-metrics-row:before{display:none}.analysis-metrics-row--utm{grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1);padding-top:12px;margin-top:0}.analysis-metric{display:flex;flex-direction:column;justify-content:flex-start;gap:3px;padding:6px 12px;min-width:0;border-left:1px solid rgba(255,255,255,.1)}.analysis-metric:first-child{padding-left:0;border-left:none}.icon-label{display:inline-flex;align-items:center;gap:6px;min-width:0}.icon-label__icon{flex-shrink:0;opacity:.88}.icon-label__text{min-width:0}.icon-label--muted .icon-label__icon{opacity:.7}.analysis-metric .icon-label{font-size:inherit}.analysis-metric-label,.analysis-metrics-row .analysis-metric .icon-label{color:rgba(255,255,255,.78)}.analysis-metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;line-height:1.2}.analysis-metric-label.icon-label .icon-label__icon,.analysis-metrics-row .icon-label__icon{color:rgba(255,255,255,.78);opacity:1}.analysis-metrics-row .analysis-metric-value,.analysis-metrics-row .analysis-metric-value--mono{color:var(--header-bar-text)}.issue-filter .icon-label{gap:5px}.issue-filter .icon-label__icon{opacity:.9}.copy-issue-label.icon-label,.file-card-meta-item.icon-label,.url-issue-link-label.icon-label{font-size:inherit;font-weight:inherit;color:inherit;text-transform:inherit;letter-spacing:normal}.empty-state-description{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.stat-item .icon-label{gap:5px}.files-sort-btn .icon-label{font-size:inherit;font-weight:inherit;color:inherit}.analysis-metric-value{font-size:13px;font-weight:700;color:var(--header-bar-text);letter-spacing:-.01em;line-height:1.3;word-break:break-word;overflow-wrap:break-word}.analysis-metric-value--mono{font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:500}.analysis-metric-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;line-height:1.3}.analysis-metric-status:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.analysis-metric-status.available{color:#6ee7b7}.analysis-metric-status.available:before{background-color:#34d399}.analysis-metric-status.missing{color:#fcd34d}.analysis-metric-status.missing:before{background-color:#fbbf24}.analysis-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;background-color:#f8f9fb}.analysis-chrome .tab-header{background-color:var(--analysis-tabs-bg);border:none;border-bottom:1px solid var(--analysis-tabs-border);padding:8px 14px 10px;gap:6px}.analysis-chrome .tab-header:has(+.issues-section-header){border-bottom:none;padding-bottom:8px}.analysis-chrome .tab-button{background:#ffffff;border:1px solid #cfd5e3;color:#4b5563;box-shadow:0 1px 2px rgba(17,24,39,.05);min-height:32px;padding:6px 12px;font-size:12px}.analysis-chrome .tab-button:hover{background:#f8f9fd;border-color:#b8bfd4;color:#111827;box-shadow:0 1px 3px rgba(17,24,39,.08)}.analysis-chrome .tab-button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 2px 6px rgba(130,135,250,.3)}.analysis-chrome .tab-button.active:hover{background-color:#7277e8;border-color:#7277e8}.analysis-chrome .tab-button .issue-badge{background:#fef2f2;color:#b91c1c}.analysis-chrome .tab-button.active .issue-badge{background:rgba(255,255,255,.22);color:#fff}.analysis-chrome .issues-section-header{position:static;background-color:var(--analysis-filters-bg);border-top:1px solid var(--header-bar-border);border-bottom:1px solid var(--header-bar-border);padding:8px 14px 10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.analysis-section--results .analysis-chrome .issues-section-header{border-left:none;border-right:none}.analysis-chrome .issues-section-header--filters-only .issues-section-header-top{justify-content:flex-end}.analysis-chrome .issues-section-header-top:has(.issues-section-meta:only-child){justify-content:flex-end}.analysis-body .issues-detail-section{padding:8px 10px;overflow:auto}.analysis-wrapper{min-height:0}.analysis-summary{background:linear-gradient(135deg,#f8f7ff,#f4f6fb);border-bottom:1px solid #e4e7f5;border-left:3px solid var(--primary-color);padding:12px 14px 14px;flex-shrink:0}.analysis-summary-header{padding:0 0 10px;margin-bottom:0}.analysis-summary-header h3{font-size:14px;font-weight:700;margin:0 0 2px;color:#111827;letter-spacing:-.01em;text-transform:none}.analysis-summary-subtitle{margin:0;font-size:11px;color:#6b7280;line-height:1.4}.analysis-summary .info-badges-container{padding:0;gap:8px}.analysis-summary .info-badge{background:#fff;border:1px solid #e8eaf3;border-radius:8px;padding:10px 12px;box-shadow:0 1px 3px rgba(130,135,250,.08);min-width:calc(25% - 8px)}.analysis-summary .info-badge.status-badge{background:#fff}.analysis-summary .info-label{font-size:10px;color:#6b7280;margin-bottom:4px}.analysis-summary .info-value{font-size:15px;font-weight:700;color:#111827;letter-spacing:-.01em}.analysis-summary .status-indicator{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;margin-top:2px}.analysis-summary .status-indicator:before{width:5px;height:5px;margin-right:5px}.analysis-summary .status-indicator.available{background:#ecfdf5;color:#047857}.analysis-summary .status-indicator.available:before{background-color:#34d399}.analysis-summary .status-indicator.missing{background:#fffbeb;color:#b45309}.analysis-summary .status-indicator.missing:before{background-color:#fbbf24}.analysis-issues-panel{min-height:0}.section-header{padding:10px 0 8px;border-bottom:none;margin-bottom:0}.section-header h3{font-size:12px;font-weight:600;margin:0;color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase}.issues-detail-section h3{font-size:16px;font-weight:500;margin:0;color:var(--text-color);padding:12px 16px;border-bottom:1px solid var(--border-color)}.issues-header{border-top:1px solid var(--border-color);padding-top:16px;margin-top:8px}.info-badges-container{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 10px}.info-badge{border-radius:6px;padding:6px 10px;flex:1;min-width:calc(25% - 6px);display:flex;flex-direction:column;border:1px solid var(--border-color)}.info-badge,.info-badge.status-badge{background-color:var(--surface-muted)}.info-label{font-size:10px;color:var(--text-muted);margin-bottom:2px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.info-value{font-size:12px;font-weight:600;color:var(--text-color)}.status-indicator{font-size:11px;font-weight:600;display:inline-flex;align-items:center}.status-indicator.available{color:var(--success-color)}.status-indicator.missing{color:var(--warning-color)}.status-indicator:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.status-indicator.available:before{background-color:var(--success-color)}.status-indicator.missing:before{background-color:var(--warning-color)}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.info-card{background-color:#F4F1EB;border-radius:12px;padding:16px;display:flex;flex-direction:column;border:1px solid var(--border-color)}.check-icon,.warning-icon{display:flex;align-items:center;gap:6px}.check-icon{color:var(--success-color)}.warning-icon{color:var(--warning-color)}.issue-value{font-size:18px;padding:4px 12px;border-radius:100px;background-color:#e8f8f5;color:var(--success-color);display:inline-block}.issue-value.has-issues{background-color:var(--error-color);color:#fff}.tabs-container{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;background-color:#f8f9fa;border-radius:8px;border:1px solid var(--border-color)}.tab-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;color:#4b5563;background-color:#fff;border:1px solid #dfe3ef;border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap;min-height:36px;font-family:inherit;box-shadow:0 1px 2px rgba(17,24,39,.04)}.tab-button:hover{color:#111827;border-color:#c7cce0;background-color:#f8f9fd;box-shadow:0 1px 3px rgba(17,24,39,.08)}.tab-button.active{background-color:var(--primary-color);color:#ffffff;border-color:var(--primary-color);box-shadow:0 2px 6px rgba(130,135,250,.35)}.tab-button.active:hover{background-color:#7277e8;border-color:#7277e8;color:#ffffff}.issue-badge{background-color:#fef2f2;color:#b91c1c;font-size:10px;font-weight:700;border-radius:999px;padding:2px 7px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:none;line-height:1;flex-shrink:0}.tab-button.active .issue-badge{background-color:rgba(255,255,255,.22);color:#ffffff}.tab-content{background-color:var(--card-color);overflow:visible;min-height:0;flex:1;display:flex;flex-direction:column;padding:0}.tab-content h3{margin-top:0;margin-bottom:12px;font-size:18px}.copy-issues-header,.image-stats{display:flex;align-items:center;gap:20px;flex-wrap:wrap;width:100%}.image-stats .stat-item{font-size:12px;color:#999;display:inline-flex;align-items:center;gap:4px}.image-stats .stat-item strong{color:var(--text-color);font-weight:600}.images-section-header,.issues-section-header,.url-issues-header{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-bottom:0;min-width:0;position:sticky;top:57px;background-color:var(--header-bar-bg);z-index:10;padding:8px 12px;margin-top:0;border-top:none;border-bottom:1px solid var(--header-bar-border);border-radius:0;flex-shrink:0}.issues-section-header-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%}.issues-section-header-top .issue-category-filters,.issues-section-header-top .issue-status-filters,.issues-section-header-top .issue-type-filters,.issues-section-header-top .issues-section-meta{flex:1 1 auto;min-width:0;margin-left:auto;justify-content:flex-end}.issues-section-header-top .file-traffic-filters{flex:0 1 auto;margin-left:auto;margin-right:0;justify-content:flex-end}.issues-section-header-top:has(.file-traffic-filters) .issues-section-meta{flex:0 1 auto;margin-left:0;margin-right:auto;justify-content:flex-start}.issues-section-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;min-width:0}.issues-section-header-top .issues-section-meta{width:auto;flex:1 1 auto}.issues-section-meta .stat-item{font-size:11px;color:rgba(255,255,255,.65);display:inline-flex;align-items:center;gap:4px}.issues-section-meta .stat-item strong{color:#ffffff;font-weight:600}.copy-issues-header h3,.images-section-header h3,.issues-section-header h3,.url-issues-header h3{margin:0;font-size:11px;font-weight:600;color:#f3f4f6!important;flex:0 0 auto;min-width:0;letter-spacing:.04em;text-transform:uppercase}.issue-category-filters,.issue-status-filters,.issue-type-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.issue-category-filter,.issue-filter,.issue-status-filter,.issue-type-filter{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid var(--border-color);border-radius:4px;background:#fff;color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;font-family:inherit}.issue-category-filter:hover,.issue-filter:hover,.issue-status-filter:hover,.issue-type-filter:hover{background:var(--surface-muted);border-color:#d8dce3;color:var(--text-color)}.issue-category-filter.active,.issue-filter.active,.issue-status-filter.active,.issue-type-filter.active{background:#f4f5f7;border-color:#d1d5db;color:var(--text-color)}.issue-category-filter.active:hover,.issue-filter.active:hover,.issue-status-filter.active:hover,.issue-type-filter.active:hover{background:#eef0f3;border-color:#c4c9d1;color:var(--text-color)}.issue-type-filter.active.issue-type-filter--0{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.issue-type-filter.active.issue-type-filter--0:hover{background:#fee2e2;border-color:#fca5a5}.issue-type-filter.active.issue-type-filter--1{background:#fffbeb;border-color:#fde68a;color:#b45309}.issue-type-filter.active.issue-type-filter--1:hover{background:#fef3c7;border-color:#fcd34d}.issue-type-filter.active.issue-type-filter--2{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.issue-type-filter.active.issue-type-filter--2:hover{background:#dbeafe;border-color:#93c5fd}.issue-type-filter.active.issue-type-filter--3{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.issue-type-filter.active.issue-type-filter--3:hover{background:#ede9fe;border-color:#c4b5fd}.issue-type-filter.active.issue-type-filter--4{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.issue-type-filter.active.issue-type-filter--4:hover{background:#d1fae5;border-color:#6ee7b7}.issue-type-filter.active.issue-type-filter--5{background:#fdf2f8;border-color:#fbcfe8;color:#be185d}.issue-type-filter.active.issue-type-filter--5:hover{background:#fce7f3;border-color:#f9a8d4}.issue-type-filter.active.issue-type-filter--6{background:#ecfeff;border-color:#a5f3fc;color:#0e7490}.issue-type-filter.active.issue-type-filter--6:hover{background:#cffafe;border-color:#67e8f9}.issue-type-filter.active.issue-type-filter--7{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.issue-type-filter.active.issue-type-filter--7:hover{background:#ffedd5;border-color:#fdba74}.issue-status-filter.active.issue-status-filter--error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.issue-status-filter.active.issue-status-filter--error:hover{background:#fee2e2;border-color:#fca5a5}.issue-status-filter.active.issue-status-filter--warning{background:#fffbeb;border-color:#fde68a;color:#b45309}.issue-status-filter.active.issue-status-filter--warning:hover{background:#fef3c7;border-color:#fcd34d}.issue-status-filter.active.issue-status-filter--ok{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.issue-status-filter.active.issue-status-filter--ok:hover{background:#d1fae5;border-color:#6ee7b7}.issue-status-filter-count{background:rgba(17,24,39,.08)}.issue-category-filter-ok,.issue-status-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 5px;border-radius:999px;font-size:10px;font-weight:600;line-height:1}.issue-category-filter-ok{background:#ecfdf5;color:#047857}.issues-section-header .issue-category-filter,.issues-section-header .issue-filter,.issues-section-header .issue-status-filter,.issues-section-header .issue-type-filter{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:rgba(255,255,255,.88)}.issues-section-header .issue-category-filter:hover,.issues-section-header .issue-filter:hover,.issues-section-header .issue-status-filter:hover,.issues-section-header .issue-type-filter:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);color:#fff}.issues-section-header .issue-category-filter.active,.issues-section-header .issue-filter.active,.issues-section-header .issue-status-filter.active,.issues-section-header .issue-type-filter.active{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.32);color:#fff}.issues-section-header .issue-category-filter.active:hover,.issues-section-header .issue-filter.active:hover,.issues-section-header .issue-status-filter.active:hover,.issues-section-header .issue-type-filter.active:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.38);color:#fff}.issues-section-header .issue-type-filter.active.issue-type-filter--0{background:rgba(185,28,28,.45);border-color:rgba(248,113,113,.7);color:#fff}.issues-section-header .issue-type-filter.active.issue-type-filter--1{background:rgba(180,83,9,.45);border-color:rgba(251,191,36,.7);color:#fff}.issues-section-header .issue-type-filter.active.issue-type-filter--2{background:rgba(29,78,216,.45);border-color:rgba(96,165,250,.7);color:#fff}.issues-section-header .issue-type-filter.active.issue-type-filter--3{background:rgba(109,40,217,.45);border-color:rgba(167,139,250,.7);color:#fff}.issues-section-header .issue-type-filter.active.issue-type-filter--4{background:rgba(4,120,87,.45);border-color:rgba(52,211,153,.7);color:#fff}.issues-section-header .issue-type-filter.active.issue-type-filter--5{background:rgba(190,24,93,.45);border-color:rgba(244,114,182,.7);color:#fff}.issues-section-header .issue-type-filter.active.issue-type-filter--6{background:rgba(14,116,144,.45);border-color:rgba(34,211,238,.7);color:#fff}.issues-section-header .issue-type-filter.active.issue-type-filter--7{background:rgba(194,65,12,.45);border-color:rgba(251,146,60,.7);color:#fff}.issues-section-header .issue-status-filter.active.issue-status-filter--error{background:rgba(239,68,68,.35);border-color:rgba(239,68,68,.65);color:#fff}.issues-section-header .issue-status-filter.active.issue-status-filter--warning{background:rgba(245,158,11,.35);border-color:rgba(245,158,11,.65);color:#fff}.issues-section-header .issue-status-filter.active.issue-status-filter--ok{background:rgba(16,185,129,.35);border-color:rgba(16,185,129,.65);color:#fff}.issues-section-header .issue-status-filter-count{background:rgba(0,0,0,.28);color:#fff}.issues-section-header .issue-category-filter-ok{background:rgba(16,185,129,.25);color:#6ee7b7}.tab-header:has(+.copy-issues-header),.tab-header:has(+.html-element-header),.tab-header:has(+.images-section-header),.tab-header:has(+.issues-section-header),.tab-header:has(+.url-issues-header){border-bottom:none}.tab-content .copy-issues,.tab-content .copy-issues-container,.tab-content .html-issues,.tab-content .image-issues,.tab-content .images-section,.tab-content .url-issues{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column;width:100%;padding:0}.tab-header{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px;background-color:#f4f6fb;border-radius:0;border:none;border-bottom:1px solid #e4e7f5;padding:10px 12px;margin-bottom:0;flex-shrink:0}.issues-detail-section{flex:1;overflow:hidden;padding:0;min-height:0;display:flex;flex-direction:column;background-color:#ffffff;width:100%}.element-details-content{overflow-y:auto!important;max-height:400px!important}.responsive-table{overflow-x:auto;overflow-y:auto;border-radius:12px;border:1px solid var(--border-color);margin-top:10px;min-height:0;flex:1;display:block;background-color:var(--card-color);width:100%;box-shadow:0 2px 8px rgba(0,0,0,.04);max-height:100%}.responsive-table table{display:table;width:100%;table-layout:fixed}table{width:100%;border-collapse:separate;border-spacing:0;flex:1;min-height:0;table-layout:fixed}.url-issues .responsive-table,.url-issues table{min-width:800px}.images-section table{table-layout:auto;border-collapse:separate;border-spacing:0}table .code-cell{width:35%}th{text-align:left;padding:14px 16px;font-size:13px;font-weight:600;color:#666;border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px}.copy-issues-container .responsive-table table thead th,.images-section .responsive-table table thead th,.responsive-table table thead th,.url-issues .responsive-table table thead th,th{background-color:#f8f9fa;position:sticky;top:0;z-index:10}table td:first-child,table th:first-child{width:80px;min-width:80px;max-width:80px}table td:nth-child(2),table th:nth-child(2){width:100px;min-width:100px;max-width:100px}table td:nth-child(3),table th:nth-child(3){width:auto;min-width:200px}table td:nth-child(4),table th:nth-child(4){width:auto;min-width:150px}.url-issues table td:nth-child(3),.url-issues table th:nth-child(3){min-width:400px;max-width:none;width:auto}.url-issues table td:nth-child(4),.url-issues table th:nth-child(4){min-width:200px}td{padding:16px;border-bottom:1px solid #e9ecef;font-size:14px;vertical-align:middle;color:var(--text-color);background-color:#ffffff;transition:background-color .2s ease}tbody tr:nth-child(2n) td{background-color:#f8f9fa}tbody tr:nth-child(odd) td{background-color:#ffffff}tbody tr:hover td{background-color:#f0f4f8;cursor:pointer}tr:last-child td{border-bottom:none}.url-cell code{display:block;padding:4px 0;word-break:break-all;line-height:1.5}.status-icon{display:inline-flex;align-items:center;justify-content:center;background-color:transparent!important;border-radius:0!important;vertical-align:middle;margin:0 auto}.status-icon,.status-icon svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;flex-shrink:0}.status-icon svg{display:block}.status-icon svg circle,.status-icon svg line,.status-icon svg path{fill:none!important;stroke:currentColor}.status-icon.error-icon{color:#ef4444}.status-icon.warning-icon{color:#f59e0b}.status-icon.ok-icon{color:#10b981}table td:nth-child(2){text-align:center;vertical-align:middle}table td:nth-child(2) .status-icon{margin:0 auto}.url-issues table td:nth-child(4),.url-issues table th:nth-child(4){text-align:left}.images-section table td:nth-child(4),.images-section table th:nth-child(4){text-align:right}.text-cell,.url-cell{max-width:none;overflow-x:auto;word-break:break-word;overflow-wrap:break-word;min-width:400px}.text-cell code,.url-cell code{display:block;padding:4px 0;word-break:break-all;line-height:1.5;font-size:13px;color:var(--text-color);white-space:pre-wrap}.url-issues-list{display:flex;flex-direction:column;gap:6px;padding:8px;overflow-y:auto;flex:1;background:transparent}.url-issue-card{background-color:#fff;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;transition:background-color .15s ease,border-color .15s ease}.url-issue-card:hover{background-color:#f8fafc}.url-issue-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.url-issue-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-color)}.url-issue-status:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.url-issue-status--error:before{background:var(--error-color)}.url-issue-status--warning:before{background:var(--warning-color)}.url-issue-status--ok:before{background:var(--success-color)}.url-issue-meta{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto;font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.url-issue-meta span:before{content:"·";margin-right:6px;color:#d1d5db}.url-issue-meta span:first-child:before{content:none;margin:0}.url-issue-message{margin:0 0 8px;font-size:13px;line-height:1.5;color:var(--text-muted);padding-left:14px}.url-issue-errors{margin:0 0 6px;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.url-issue-error{font-size:12px;line-height:1.4;color:var(--text-muted)}.url-issue-ok{display:none}.url-issue-link-row{display:flex;align-items:center;gap:8px;min-width:0;padding:0;margin-left:14px}.url-issue-link-row--nested{margin-top:6px}.url-issue-link-label{flex-shrink:0;width:2.25rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.url-issue-link{flex:1;min-width:0;margin:0;padding:0;border:none;background:transparent;text-align:left;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.4;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.url-issue-link:hover{color:#111827}.url-issue-link.expanded{white-space:normal;word-break:break-all;overflow:visible;text-overflow:unset}.url-issue-open-btn{display:inline-flex;align-items:center;justify-content:center;padding:1px 2px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:3px;transition:color .15s ease,background-color .15s ease;flex-shrink:0}.url-issue-open-btn:hover{color:#6b7280;background:#eef0f3}.url-issue-tracking-panel .url-issue-link-row--nested{margin-top:0}.copy-issues-list{display:flex;flex-direction:column;gap:6px;padding:8px;overflow-y:auto;flex:1;background:transparent}.copy-issue-card{background-color:#fff;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;transition:background-color .15s ease,border-color .15s ease;cursor:pointer}.copy-issue-card:hover{background-color:#f8fafc}.copy-issue-card.selected{background-color:#f0f4ff}.copy-issue-header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px}.copy-issue-type{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-size:13px;font-weight:500;color:var(--text-color)}.copy-issue-type:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.copy-issue-type.copy-issue-type--0:before{background:#ef4444}.copy-issue-type.copy-issue-type--1:before{background:#f59e0b}.copy-issue-type.copy-issue-type--2:before{background:#3b82f6}.copy-issue-type.copy-issue-type--3:before{background:#8b5cf6}.copy-issue-type.copy-issue-type--4:before{background:#10b981}.copy-issue-type.copy-issue-type--5:before{background:#ec4899}.copy-issue-type.copy-issue-type--6:before{background:#06b6d4}.copy-issue-type.copy-issue-type--7:before{background:#f97316}.copy-issue-description{margin:0;font-size:12px;line-height:1.45;color:var(--text-muted);flex:1;min-width:0}.copy-issue-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch;margin-top:2px}.copy-issue-side{display:flex;flex-direction:column;gap:4px;min-width:0}.copy-issue-side-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.copy-issue-side--current .copy-issue-side-label{color:var(--text-muted)}.copy-issue-side--suggested .copy-issue-side-label{color:#15803d}.copy-issue-side-text{margin:0;flex:1;padding:8px 10px;border-radius:6px;font-size:13px;line-height:1.45;word-break:break-word;white-space:pre-wrap}.copy-issue-side--current .copy-issue-side-text{background:#f4f5f7;border:1px solid #e5e7eb;color:var(--text-color)}.copy-issue-side--suggested .copy-issue-side-text{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d;font-weight:500}.copy-issue-arrow{display:flex;align-items:center;justify-content:center;padding-top:18px;font-size:16px;font-weight:600;color:var(--text-muted);flex-shrink:0}@media (max-width:900px){.copy-issue-comparison{grid-template-columns:1fr;gap:8px}.copy-issue-arrow{padding:0;justify-content:flex-start;font-size:14px}}.issue-label{font-size:13px;color:#666;font-weight:500}.code-cell{max-width:none;min-width:0;width:100%;overflow:visible;word-wrap:break-word;padding:0;vertical-align:top}.hidden{display:none!important}.highlight-text{background-color:#fff3cd;padding:2px 4px;border-radius:3px;font-weight:500;display:inline-block;word-break:break-word}.proposed-cell{background-color:#d4edda}.proposed-cell .highlight-text{background-color:#d1ecf1}.code-cell code{padding:8px 12px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;display:block;width:100%;min-width:100%;box-sizing:border-box}.code-line,.html-code-display code{white-space:pre!important;word-break:normal;overflow-wrap:normal}tr:hover{background-color:#f8f9fa}.html-issue-row{transition:background-color .2s ease;border-left:3px solid transparent}.html-issue-row:hover{background-color:#f0f0f0}.html-issue-row.expanded{background-color:#ffffff;border-left-color:var(--primary-color)}.html-issue-row td{padding:14px 12px}.html-issue-row td:first-child{font-weight:600;color:var(--text-color)}.html-issue-details{background-color:#ffffff;border-bottom:1px solid #e9ecef}.html-issue-details-cell{border-top:none!important;padding:24px!important;background-color:#ffffff;border-left:3px solid var(--primary-color);width:100%;max-width:100%}.html-issue-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;min-width:0;box-sizing:border-box}.html-issue-content>*{min-width:0;max-width:100%}.html-code-display.highlight-line-temp:after{content:"";position:absolute;left:50px;right:0;z-index:1;top:calc(var(--highlight-line-index) * var(--highlight-line-height));height:var(--highlight-line-height);background-color:rgba(255,193,7,.6);transition:opacity .2s ease-in-out}@media (max-width:768px){.html-issue-content{grid-template-columns:1fr;gap:16px}}.html-issue-column{display:flex;flex-direction:column;flex:1}.html-issue-code,.html-issue-column{min-width:0;width:100%;max-width:100%}.html-issue-code{margin:0;padding:0}.html-issue-label{font-weight:600;font-size:12px;color:#495057;margin-bottom:12px;text-transform:uppercase;letter-spacing:.8px}.html-issue-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.html-issue-label-row .html-issue-label{margin-bottom:0}.html-issue-code code{margin:0;padding:16px;display:block;width:100%!important;max-width:100%!important;min-width:100%!important;box-sizing:border-box;font-size:13px;line-height:1.7;max-height:450px;overflow-y:auto;overflow-x:auto;border-radius:8px;background-color:var(--analysis-filters-bg);border:1px solid var(--header-bar-border);box-shadow:none;color:#ffffff;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;white-space:pre-wrap;word-wrap:break-word}.html-issue-column .proposed-cell code{background-color:#f0fff4;border-color:#d4edda}.html-issue-code code::-webkit-scrollbar{width:10px;height:10px}.html-issue-code code::-webkit-scrollbar-track{background:rgba(255,255,255,.08);border-radius:5px}.html-issue-code code::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:5px;border:2px solid var(--analysis-filters-bg)}.html-issue-code code::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4)}.copy-proposed-btn{display:flex;align-items:center;justify-content:center;padding:6px;background-color:var(--primary-color);color:white;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;flex-shrink:0;min-width:32px;height:32px}.copy-proposed-btn:hover{background-color:#6d72e8;transform:scale(1.05)}.copy-proposed-btn:active{transform:scale(.95)}.copy-proposed-btn svg{width:16px;height:16px}.image-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:10px}.image-card{background-color:var(--card-color);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);transition:all .2s ease}.image-card.oversized{border-color:var(--warning-color);background-color:#FEF9E7}.image-info{padding:16px}.image-url{display:block;margin-bottom:8px}.image-url a{display:block;color:var(--text-color);text-decoration:none;word-break:break-all;overflow-wrap:break-word;max-width:100%}.image-url a:hover{text-decoration:underline}.file-details{max-width:100%}.files-list{display:flex;flex-direction:column;gap:6px;padding:8px;overflow-y:auto;flex:1;background:transparent}.issues-section-meta--files{gap:16px}.issues-section-meta--files .files-sort-btn{margin-left:4px;flex-shrink:0}.files-sort-btn{display:inline-flex;align-items:center;gap:2px;padding:4px 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.88);font-size:11px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;font-family:inherit}.files-sort-btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);color:#fff}.files-sort-btn svg{width:14px;height:14px}.file-card{display:flex;align-items:flex-start;gap:10px;background-color:#fff;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;cursor:default;transition:background-color .15s ease,border-color .15s ease}.file-card:hover{background-color:#f8fafc}.file-card-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;margin-top:5px;background:#9ca3af}.file-card-dot--green,.file-card-dot--ok{background:var(--success-color)}.file-card-dot--orange,.file-card-dot--warning{background:var(--warning-color)}.file-card-dot--red{background:var(--error-color)}.file-card-body{flex:1;min-width:0;width:100%}.file-card-title-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.file-card-title-start{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow:hidden}.file-card-name{font-size:13px;font-weight:600;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;min-width:0}.file-card-title-row .file-card-issue-callout{flex-shrink:0;margin-left:auto;max-width:min(420px,55%)}.file-card-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0;padding:0}.file-card-specs--primary{display:flex;flex-wrap:nowrap;align-items:stretch;gap:10px 16px;margin-top:2px;width:100%}.file-card-specs--primary .file-card-spec{flex:1 1 0;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;align-items:baseline}.file-card-specs--primary .file-card-spec dt{white-space:nowrap;margin:0}.file-card-specs--primary .file-card-spec dd{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:520px){.file-card-specs--primary{flex-wrap:wrap}.file-card-specs--primary .file-card-spec{flex:1 1 calc(50% - 8px);min-width:calc(50% - 8px)}}.file-card-spec{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0}.file-card-spec--full{grid-column:1/-1}.file-card-spec dt{margin:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);line-height:1.2}.file-card-spec dd{margin:0;font-size:12px;line-height:1.35;color:var(--text-color);word-break:break-word}.file-card-spec-value--mono{font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.file-card-spec-value--success{color:#15803d;font-weight:600}.file-card-spec-value--warning{color:#b45309;font-weight:600}.file-card-spec-value--error{color:#b91c1c;font-weight:600}.file-card-color-value{display:inline-flex;align-items:center;gap:6px}.file-card-color-swatch{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.file-card-details-row{margin-top:6px}.file-card-issue-callout{width:fit-content;max-width:min(100%,420px);padding:3px 6px;border-radius:3px;border:1px solid transparent;border-left-width:2px;display:flex;flex-wrap:nowrap;align-items:center;gap:4px 6px;box-sizing:border-box}.file-card-issue-callout:before{content:"Issue";flex-shrink:0;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.2}.file-card-issue-callout--red{background:#fef2f2;border-color:#fecaca;border-left-color:var(--error-color)}.file-card-issue-callout--red:before{color:#b91c1c}.file-card-issue-callout--orange,.file-card-issue-callout--warning{background:#fffbeb;border-color:#fde68a;border-left-color:var(--warning-color)}.file-card-issue-callout--orange:before,.file-card-issue-callout--warning:before{color:#b45309}.file-card-issue-callout--green,.file-card-issue-callout--ok{background:#f0fdf4;border-color:#bbf7d0;border-left-color:var(--success-color)}.file-card-issue-callout--green:before,.file-card-issue-callout--ok:before{color:#15803d}.file-card-issue-callout--empty{background:#f8fafc;border-color:#e5e7eb #e5e7eb #e5e7eb #d1d5db}.file-card-issue-callout--empty:before{color:var(--text-muted)}.file-card-issue-callout-text{margin:0;min-width:0;font-size:10px;font-weight:500;line-height:1.3;color:#111827;word-break:break-word;text-align:right}.file-card-issue-callout--empty .file-card-issue-callout-text{color:var(--text-muted)}.file-card-details-toggle{display:inline-flex;align-items:center;align-self:center;gap:3px;flex-shrink:0;padding:4px 0;border:none;background:none;font-size:10px;font-weight:600;color:var(--text-muted);cursor:pointer;font-family:inherit;white-space:nowrap}.file-card-details-toggle:hover{color:var(--text-color)}.file-card-expand-chevron{flex-shrink:0;margin-top:1px;color:var(--text-muted);transition:transform .2s ease}.file-card-expand-chevron.expanded{transform:rotate(180deg)}.file-card-expand-panel{margin-top:6px;padding:10px;background:#f8fafc;border:1px solid #eef1f4;border-radius:6px}.file-card-specs--details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:6px;margin-top:0}.file-card-specs--details .file-card-spec{display:grid;grid-template-columns:minmax(6.5rem,auto) 1fr;gap:4px 8px;align-items:center;min-width:0}.file-card-specs--details .file-card-spec dt{margin:0;white-space:nowrap}.file-card-specs--details .file-card-spec dd{margin:0;min-width:0}.file-card-expand-panel .file-card-issues{margin-top:0;margin-bottom:10px}.file-card-traffic-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.file-card-traffic-dot--green,.file-card-traffic-dot--ok{background:var(--success-color)}.file-card-traffic-dot--orange,.file-card-traffic-dot--warning{background:var(--warning-color)}.file-card-traffic-dot--red{background:var(--error-color)}.file-card-traffic-dot--unknown{background:#9ca3af}.file-card-specs--details .file-card-spec dd:has(.file-card-traffic-dot){display:flex;align-items:center;min-height:12px}.file-card-issues{display:flex;flex-direction:column;gap:6px}.file-card-issue{padding:8px 10px;border-radius:6px;border:1px solid transparent}.file-card-issue--error{background:#fef2f2;border-color:#fecaca}.file-card-issue--advice{background:#fffbeb;border-color:#fde68a}.file-card-issue-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;color:var(--text-muted)}.file-card-issue--error .file-card-issue-label{color:#b91c1c}.file-card-issue--advice .file-card-issue-label{color:#b45309}.file-card-issue-text{margin:0;font-size:12px;line-height:1.4;color:var(--text-color)}@media (max-width:520px){.file-card-specs--details{grid-template-columns:1fr}}.file-card-actions{display:flex;gap:4px;flex-shrink:0;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:opacity .15s ease,max-width .15s ease}.file-card:hover .file-card-actions{max-width:64px;opacity:1;pointer-events:auto}.file-card-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.file-card-action:hover{background:#eef1f4;color:var(--text-color)}.file-card-top,.file-traffic-light{display:none}.file-card-url{display:none;color:#374151}.file-card-copy-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;border:1px solid #dfe3ef;border-radius:4px;background:#fff;color:#6b7280;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.file-card-copy-btn:hover{color:#374151;background:#f4f6fb;border-color:#c7cce0}.images-section table{table-layout:fixed;width:100%}.images-section table tbody tr:nth-child(2n) td{background-color:#f8f9fa}.images-section table tbody tr:nth-child(odd) td{background-color:#ffffff}.images-section table tbody tr:hover td{background-color:#f0f4f8;cursor:pointer}.images-section table td{padding:16px;border-bottom:1px solid #e9ecef;vertical-align:middle;transition:background-color .2s ease}.images-section table th{padding:14px 16px;border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10;background-color:#f8f9fa}.warning-badge{width:20px;height:20px;border-radius:50%;background-color:var(--warning-color);color:white;display:flex;align-items:center;justify-content:center;margin-right:8px}.image-filename{font-size:14px;font-weight:600;color:var(--text-color)}.image-filename,.image-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-path{font-size:12px;color:#666;margin-bottom:12px}.size-badge{font-size:13px;font-weight:600;padding:4px 12px;border-radius:100px;color:var(--success-color);background-color:#e8f8f5;display:inline-block}.size-badge.oversized{color:var(--warning-color);background-color:#FEF2E0}.image-preview-tooltip{background-color:#fff;border:1px solid #eceef1;border-radius:6px;padding:6px;box-shadow:0 4px 16px rgba(0,0,0,.08);z-index:1000;display:inline-block;line-height:0;width:auto;height:auto}.image-preview-tooltip img{max-width:200px;max-height:200px;width:auto!important;height:auto!important;object-fit:contain;display:block;border-radius:4px;aspect-ratio:unset}.url-preview-tooltip{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:8px;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;display:inline-block;width:auto;height:auto}.url-preview-tooltip iframe{width:400px;height:300px;border:none;border-radius:4px;display:block;background-color:#fff}.email-on-acid-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#007bff;color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.email-on-acid-btn:hover:not(:disabled){background-color:#0056b3}.email-on-acid-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.7}.email-on-acid-preview-section{margin-bottom:20px;background-color:var(--card-color);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.preview-title-section h3{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--text-color)}.client-stats{display:flex;gap:12px;font-size:12px}.client-stats span{padding:4px 8px;border-radius:12px;font-weight:500}.total-clients{background:#e3f2fd;color:#1976d2}.complete-clients{background:#e8f5e8;color:#2e7d32}.processing-clients{background:#fff3e0;color:#f57c00}.open-preview-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#28a745;color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.open-preview-btn:hover{background-color:#218838}.email-on-acid-iframe-container{padding:16px;background-color:var(--card-color)}.screenshot-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-bottom:20px;padding:20px;background:white;border-radius:12px;border:1px solid #eaecef;max-height:400px;overflow-y:auto}@media (max-width:768px){.screenshot-thumbnails{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:15px}}@media (min-width:1200px){.screenshot-thumbnails{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}}.thumbnail-item{cursor:pointer;border:2px solid var(--border-color);border-radius:12px;padding:12px;transition:all .3s ease;background:#f8f9fa;position:relative;overflow:hidden}.thumbnail-item:hover{background:#e3f2fd}.thumbnail-item.selected,.thumbnail-item:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.thumbnail-item.selected{background:rgba(130,135,250,.1)}.thumbnail-item:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;border:2px solid white}.thumbnail-item[data-status=Complete]:after{background:#28a745}.thumbnail-item[data-status=Processing]:after{background:#ffc107;animation:pulse 2s infinite}.thumbnail-item[data-status=Pending]:after{background:#6c757d}.thumbnail-item[data-status=Bounced]:after{background:#dc3545}.thumbnail-image{width:100%;height:90px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color);transition:transform .2s ease}.thumbnail-item:hover .thumbnail-image{transform:none}.thumbnail-info{margin-top:8px;text-align:center}.client-name{font-size:13px;font-weight:600;color:#333;margin-bottom:3px}.client-details,.client-name{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-details{font-size:11px;color:#666}.client-category-badge{display:inline-block;font-size:9px;font-weight:600;color:white;padding:2px 6px;border-radius:10px;margin-top:4px;text-transform:uppercase}.client-category-badge.application,.client-category-badge.mobile,.client-category-badge.web{background:#007bff}.selected-screenshot-container{background:var(--card-color);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.screenshot-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-bottom:1px solid var(--border-color)}.screenshot-header h4{margin:0;color:var(--text-color);font-size:16px}.client-category{background:#007bff;color:white;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.screenshot-display{padding:20px;text-align:center}.screenshot-image{max-width:100%;max-height:500px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease}.screenshot-image:hover{transform:none}.email-on-acid-loading{display:flex;align-items:center;justify-content:center;min-height:400px;background:var(--card-color);border-radius:12px;border:1px solid var(--border-color)}.loading-content{text-align:center;padding:40px}.loading-content h3{color:var(--text-color);margin-bottom:10px;font-size:18px}.loading-content p{color:#666;font-size:14px;margin:0}.offcanvas-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px)}.offcanvas-panel{background:var(--card-color);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.2);width:95%;max-width:1400px;min-width:900px;max-height:calc(100vh - 148px);display:flex;flex-direction:column;animation:slideInDown .25s ease-out;margin:0;padding:0;border:1px solid var(--border-color);overflow:hidden}.offcanvas-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--background-color);border-radius:12px 12px 0 0;flex-shrink:0}.offcanvas-title h3{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text-color)}.offcanvas-progress{margin:6px 0 0;font-size:13px;color:var(--primary-color);font-weight:500}.offcanvas-meta{display:flex;gap:8px;align-items:baseline;flex-wrap:nowrap}.offcanvas-meta .client-category-badge{background:var(--primary-color);color:#ffffff;font-weight:600;text-transform:uppercase}.offcanvas-meta .client-browser,.offcanvas-meta .client-category-badge,.offcanvas-meta .client-os{padding:6px 12px;border-radius:100px;font-size:11px;line-height:1;height:24px;display:flex;align-items:center;justify-content:center;vertical-align:baseline}.offcanvas-meta .client-browser,.offcanvas-meta .client-os{background:var(--background-color);color:var(--text-color);font-weight:500;border:1px solid var(--border-color)}.offcanvas-nav-controls{display:inline-flex;align-items:center;gap:8px;margin-right:8px}.offcanvas-nav-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-color);color:var(--text-color);font-size:12px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.offcanvas-nav-btn:hover:not(:disabled){background:#f0f4ff;border-color:var(--primary-color)}.offcanvas-nav-btn:disabled{opacity:.4;cursor:not-allowed}.offcanvas-screenshot-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border-color);border-radius:50%;background:rgba(255,255,255,.95);color:var(--text-color);box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.offcanvas-screenshot-nav:hover:not(:disabled){background:#f0f4ff;border-color:var(--primary-color);color:var(--primary-color)}.offcanvas-screenshot-nav:disabled{opacity:.35;cursor:not-allowed}.offcanvas-screenshot-nav--prev{left:12px}.offcanvas-screenshot-nav--next{right:12px}.offcanvas-actions{display:flex;gap:8px;align-items:center}.navigation-info{font-size:14px;font-weight:600;color:var(--text-color);margin-right:12px;padding:6px 12px;background:var(--background-color);border-radius:100px;border:1px solid var(--border-color)}.nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:100px;cursor:pointer;transition:all .2s ease;background:var(--primary-color);color:#ffffff;box-shadow:none}.nav-btn:hover:not(:disabled){background:#6d72e8;transform:translateY(-1px);box-shadow:none}.nav-btn:disabled{background:var(--border-color);cursor:not-allowed;opacity:.5;color:#999}.offcanvas-action-btn,.offcanvas-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;box-shadow:none}.offcanvas-action-btn{background:var(--primary-color);border-color:var(--primary-color);color:#ffffff}.offcanvas-action-btn:hover{background:#6d72e8;border-color:#6d72e8}.offcanvas-close-btn{background:var(--background-color);color:var(--text-muted)}.offcanvas-close-btn:hover{background:var(--surface-muted);border-color:var(--border-color);color:var(--text-color)}.offcanvas-content{flex:1;padding:0;margin:0;flex-direction:column;min-width:0}.offcanvas-content,.offcanvas-layout{overflow:hidden;display:flex;min-height:0;border-radius:0 0 12px 12px}.offcanvas-layout{flex-direction:row;flex:1;width:100%}.offcanvas-screenshot-area{flex:1;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:0;background:var(--background-color);min-width:0;scrollbar-width:thin;scrollbar-color:#6b7280 transparent;border-radius:0 0 0 12px}.offcanvas-screenshot-area::-webkit-scrollbar{width:8px}.offcanvas-screenshot-area::-webkit-scrollbar-track{background:transparent;border-radius:4px}.offcanvas-screenshot-area::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px;transition:all .3s ease}.offcanvas-screenshot-area::-webkit-scrollbar-thumb:hover{background:#4b5563}.screenshot-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;width:100%;min-height:100%;margin:0;position:relative;padding:20px}.screenshot-wrapper:has(.screenshot-loading){justify-content:center;min-height:calc(100vh - 200px)}.screenshot-wrapper:has(.screenshot-error-placeholder){justify-content:center;min-height:calc(100vh - 200px)}.offcanvas-thumbnails-sidebar{width:600px;min-width:600px;min-height:0;border-left:1px solid var(--border-color);background:var(--card-color);display:flex;flex-direction:column;overflow:hidden;border-radius:0 0 12px 0}.thumbnails-scroll-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:start;scrollbar-width:thin;scrollbar-color:#6b7280 transparent}.thumbnails-scroll-container::-webkit-scrollbar{width:8px}.thumbnails-scroll-container::-webkit-scrollbar-track{background:transparent;border-radius:4px}.thumbnails-scroll-container::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px;transition:all .3s ease}.thumbnails-scroll-container::-webkit-scrollbar-thumb:hover{background:#4b5563}.client-info-top{background:#f8f9fa;padding:16px 20px;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.client-name-large{font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:8px}.client-details-large{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.client-category-badge-large{background:#007bff;color:white;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase}.client-browser-large,.client-os-large{background:#e9ecef;color:#495057;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500}.client-info-bottom{background:#f8f9fa;padding:12px 20px;border-top:1px solid #eaecef;border-radius:0;margin-top:auto}.screenshot-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#666}.client-id{font-weight:500}.screenshot-status{font-weight:500;text-transform:capitalize}.offcanvas-screenshot{width:auto;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease;display:block;image-rendering:auto;margin:0;background:white;transform:none;transform-origin:center}.offcanvas-screenshot.loading{opacity:.3;transition:opacity .3s ease}.offcanvas-screenshot.hidden{display:none!important}.offcanvas-screenshot.loaded{opacity:1;transition:opacity .3s ease}.mobile-screenshot,.offcanvas-screenshot[data-category*=MOBILE i],.offcanvas-screenshot[data-category*=Mobile i],.offcanvas-screenshot[data-category*=mobile i]{width:350px!important;height:auto!important}.offcanvas-screenshot:hover{transform:none}@media (max-width:768px){.offcanvas-panel{width:100%;min-width:unset;height:100vh;border-radius:0}.offcanvas-header{padding:16px 20px;border-radius:0}.offcanvas-content{padding:10px;overflow:auto}.offcanvas-layout{flex-direction:column}.offcanvas-thumbnails-sidebar{width:100%;min-width:unset;border-left:none;border-top:1px solid var(--border-color);max-height:200px}.thumbnails-scroll-container{grid-template-columns:repeat(2,1fr);gap:10px}.offcanvas-screenshot{max-width:100%;max-height:100%}}.nav-thumbnail{cursor:pointer;border:2px solid transparent;border-radius:10px;padding:10px;transition:all .2s ease;background:var(--background-color);text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.08);width:100%;display:flex;flex-direction:column}.nav-thumbnail:hover{background:var(--card-color);transform:translateY(-2px)}.nav-thumbnail.active,.nav-thumbnail:hover{border-color:var(--primary-color);box-shadow:0 6px 16px rgba(0,0,0,.15)}.nav-thumbnail.active{background:var(--primary-color)}.nav-thumbnail .thumbnail-container{position:relative;border-radius:8px;border:1px solid var(--border-color);overflow:hidden;background:var(--background-color)}.nav-thumbnail .thumbnail-container,.thumbnail-placeholder{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center}.thumbnail-placeholder{height:100%;background:#f5f5f5;border-radius:8px;padding:16px}.thumbnail-placeholder.thumbnail-error{background:#f9f9f9;border:1px dashed #ddd}.thumbnail-placeholder-text{color:#999;font-size:12px;font-weight:500;text-align:center;line-height:1.4;word-break:break-word}.screenshot-error-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:400px;background:#f9f9f9;border:1px dashed #ddd;border-radius:8px;padding:40px}.screenshot-error-icon{color:#999;margin-bottom:16px}.screenshot-error-text{color:#666;font-size:14px;font-weight:500;margin:0 0 8px}.screenshot-error-name{color:#999;font-size:12px;margin:0}.nav-thumbnail .thumbnail-image{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:8px;display:block;transition:opacity .3s ease}.thumbnail-error,.thumbnail-loader{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--background-color)}.thumbnail-error{flex-direction:column;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color);border-radius:8px}.thumbnail-error:hover{background:var(--card-color);border-color:var(--primary-color)}.thumbnail-label{font-size:12px;font-weight:500;color:var(--text-color);margin-top:8px;padding:0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.nav-thumbnail.active .thumbnail-label{color:var(--text-color);font-weight:600}.retry-text{font-size:9px;font-weight:500;color:var(--text-color);text-align:center;text-transform:uppercase;letter-spacing:.5px}.error-card,.loading-card{background-color:var(--card-color);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:32px;text-align:center;width:100%;max-width:400px;border:1px solid var(--border-color)}.empty-state{flex-direction:column;padding:32px 16px;text-align:center;min-height:160px;background-color:var(--surface-muted);border-radius:6px;border:1px dashed var(--border-color);margin:12px 14px}.empty-icon,.empty-state{display:flex;align-items:center;justify-content:center}.empty-icon{width:40px;height:40px;margin-bottom:12px;color:var(--success-color);background-color:#ecfdf5;border-radius:50%;animation:fadeIn .5s ease-out}.empty-icon svg{width:24px;height:24px;stroke-width:2}.empty-state p{font-size:13px;font-weight:500;color:var(--text-muted);margin:0;line-height:1.5;animation:fadeIn .5s ease-out .2s both}.empty-state p:before{content:none}.loading-spinner,.spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(0,0,0,.1);border-top:3px solid var(--primary-color);animation:spin 1s linear infinite;margin:0 auto 24px}.loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:white;animation:bounce-horizontal 1s ease-in-out infinite}.error-icon{margin:0 auto 24px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(231,76,60,.2);color:var(--error-color)}.action-button{background-color:var(--primary-color);color:#ffffff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;margin-top:24px;transition:all .2s ease;box-shadow:none}.action-button:hover{background-color:#6d72e8}.action-button:active{transform:scale(.98)}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--card-color);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:48px 24px;margin:40px auto;max-width:500px;border:1px solid var(--border-color)}.loading-section h2{font-size:24px;font-weight:600;margin:24px 0 12px;color:var(--text-color)}.loading-section p{font-size:16px;color:#666;margin:0;max-width:400px;line-height:1.6}.bounce-animation-container{margin-bottom:12px;height:120px;width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bouncing-logo{animation:tilt-bounce 3s infinite;position:relative;z-index:2;transform-origin:bottom center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.shadow-element{width:40px;height:10px;border-radius:50%;background-color:rgba(0,0,0,.1);position:absolute;bottom:10px;filter:blur(4px);z-index:1;animation:wobble-shadow 3s infinite}.screenshot-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;background:rgba(255,255,255,.9);padding:24px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.screenshot-loader .spinner{width:32px;height:32px;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.screenshot-loader .loading-text{font-size:14px;font-weight:500;color:var(--text-color)}.screenshot-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 40px;text-align:center;background:var(--background-color);border-radius:12px;margin:20px}.screenshot-error-state .error-icon{font-size:64px;color:#ef4444}.screenshot-error-state h3{font-size:24px;font-weight:600;color:var(--text-color);margin:0}.screenshot-error-state p{font-size:16px;color:var(--text-muted);margin:0;max-width:400px;line-height:1.5}.screenshot-error-state .retry-button{padding:12px 24px;background:var(--primary-color);color:#ffffff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:none}.screenshot-error-state .retry-button:hover{background:#6d72e8;transform:translateY(-2px);box-shadow:none}.thumbnail-error-state{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(231,76,60,.2);border:2px solid var(--error-color);border-radius:8px}.thumbnail-error-state .error-icon{font-size:20px;color:#ef4444}.screenshot-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 40px;text-align:center;background:var(--background-color);border-radius:12px;margin:auto;width:100%;min-height:400px}.screenshot-loading .bounce-animation-container{margin-bottom:0}.screenshot-loading .loading-text{font-size:18px;font-weight:500;color:var(--text-color);margin-top:0}.thumbnail-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--background-color);border-radius:8px;min-height:60px;border:1px solid var(--border-color)}.thumbnail-loading .bounce-animation-container{margin-bottom:0}.offcanvas-loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px;padding:40px;width:100%}.offcanvas-loading-content{text-align:center;max-width:400px;display:flex;flex-direction:column;align-items:center}.offcanvas-loading-content .bounce-animation-container{margin-bottom:24px}.offcanvas-loading-content h3{font-size:20px;font-weight:600;color:var(--text-color);margin-bottom:12px;margin-top:0}.offcanvas-loading-content p{font-size:14px;color:var(--text-muted);line-height:1.5;margin:0}.google-sso-button{display:flex;align-items:center;justify-content:center;width:100%;height:50px;padding:0 15px;margin-top:15px;margin-bottom:25px;background-color:#FFFFFF;color:#424242;border:1px solid #d9d9d9;border-radius:4px;font-size:1.05rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 1px 0 rgba(0,0,0,.05)}.google-sso-button:hover:not(:disabled){background-color:#F8F8F8;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.google-sso-button:active:not(:disabled){background-color:#EEEEEE}.google-sso-button:disabled{opacity:.7;cursor:not-allowed;background-color:#FFFFFF}.google-sso-button img{margin-right:12px}.login-helper-text{margin-top:1rem;font-size:.875rem;color:#666;text-align:center;line-height:1.5}.validation-page .login-helper-text{color:#666}.password-reset-container{text-align:right;margin-top:10px;margin-bottom:20px}.password-reset-btn{background:none;border:none;color:#4A90E2;font-size:.875rem;font-weight:500;cursor:pointer;padding:5px 0;transition:color .2s,text-decoration .2s}.password-reset-btn:hover{color:#357ae8;text-decoration:underline}.password-reset-btn:disabled{opacity:.5;cursor:not-allowed}.html-code-display{padding:20px 20px 20px 70px;background-color:#1e1e1e;color:#e0e0e0;border:1px solid #3a3a3a;position:relative;counter-reset:line;white-space:pre!important}.html-code-display code{font-size:13px!important;color:#e0e0e0!important}.code-line,.html-code-display code{white-space:pre!important;display:block!important;line-height:1.5!important}.code-line{min-height:1.5em}.code-line:before{counter-increment:line;content:counter(line);display:inline-block;width:50px;margin-left:-70px;padding-right:10px;text-align:right;user-select:none;color:#888;font-weight:500;border-right:1px solid #3a3a3a;line-height:1.5!important;height:100%;white-space:pre}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-horizontal{0%{transform:translateX(-20px)}50%{transform:translateX(20px)}to{transform:translateX(-20px)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes tilt-bounce{0%{transform:translateY(0) rotate(0deg);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}15%{transform:translateY(-25px) rotate(-6deg);animation-timing-function:cubic-bezier(.4,0,1,1)}30%{transform:translateY(3px) rotate(-3deg);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}40%{transform:translateY(-7px) rotate(-2deg);animation-timing-function:cubic-bezier(.4,0,1,1)}45%{transform:translateY(0) rotate(0deg);animation-timing-function:cubic-bezier(.4,0,1,1)}55%{transform:translateY(0) rotate(0deg);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}70%{transform:translateY(-25px) rotate(6deg);animation-timing-function:cubic-bezier(.4,0,1,1)}85%{transform:translateY(3px) rotate(3deg);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}95%{transform:translateY(-7px) rotate(2deg);animation-timing-function:cubic-bezier(.4,0,1,1)}to{transform:translateY(0) rotate(0deg)}}@keyframes wobble-shadow{0%{transform:scale(.8) translateX(0);opacity:.3}15%{transform:scale(.6) translateX(5px);opacity:.15}30%{transform:scale(.7) translateX(3px);opacity:.25}40%{transform:scale(.65) translateX(2px);opacity:.2}45%,55%{transform:scale(.8) translateX(0);opacity:.3}70%{transform:scale(.6) translateX(-5px);opacity:.15}85%{transform:scale(.7) translateX(-3px);opacity:.25}95%{transform:scale(.65) translateX(-2px);opacity:.2}to{transform:scale(.8) translateX(0);opacity:.3}}.app-toast-container{z-index:10000;width:auto!important;padding:0!important}.app-toast-container.Toastify__toast-container--bottom-right{bottom:20px;right:20px}.app-toast.Toastify__toast{--toast-accent:var(--primary-color);--toast-icon-bg:rgba(130,135,250,0.12);--toast-icon-color:var(--primary-color);display:flex;align-items:center;gap:0;min-height:unset!important;width:320px;max-width:calc(100vw - 40px);margin-bottom:10px!important;padding:0!important;border-radius:10px;border:1px solid var(--border-color);background:#fff!important;color:var(--text-color)!important;box-shadow:0 8px 24px rgba(17,24,39,.1),0 1px 3px rgba(17,24,39,.06);font-family:inherit;font-size:13px;line-height:1.45;overflow:hidden}.app-toast.Toastify__toast--success{--toast-accent:var(--success-color);--toast-icon-bg:rgba(126,203,25,0.12);--toast-icon-color:var(--success-color)}.app-toast.Toastify__toast--error{--toast-accent:var(--error-color);--toast-icon-bg:rgba(231,76,60,0.1);--toast-icon-color:var(--error-color)}.app-toast.Toastify__toast--warning{--toast-accent:var(--warning-color);--toast-icon-bg:rgba(255,135,0,0.12);--toast-icon-color:var(--warning-color)}.app-toast.Toastify__toast--default,.app-toast.Toastify__toast--info{--toast-accent:var(--primary-color);--toast-icon-bg:rgba(130,135,250,0.12);--toast-icon-color:var(--primary-color)}.app-toast .Toastify__toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;margin:12px 0 12px 12px;border-radius:8px;background:var(--toast-icon-bg);color:var(--toast-icon-color)}.app-toast .Toastify__toast-icon svg{fill:none;stroke:currentColor}.app-toast .Toastify__toast-body{flex:1;min-width:0;padding:12px 8px 12px 10px;margin:0!important;color:var(--text-color);font-weight:500;word-break:break-word}.app-toast .Toastify__close-button{align-self:center;flex-shrink:0;width:28px;height:28px;margin:0 8px 0 0;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);opacity:.55;transition:opacity .15s ease,background-color .15s ease,color .15s ease}.app-toast .Toastify__close-button:hover{opacity:1;background:var(--surface-muted);color:var(--text-color)}.app-toast .Toastify__close-button>svg{width:14px;height:14px;fill:currentColor}.app-toast-progress.Toastify__progress-bar{height:3px;background:var(--toast-accent);opacity:.85}.app-toast-progress.Toastify__progress-bar--bg{background:rgba(0,0,0,.04)}@media (max-width:480px){.app-toast-container.Toastify__toast-container--bottom-right{bottom:12px;right:12px;left:12px}.app-toast.Toastify__toast{width:100%;max-width:none}}.html-element-check-issues{display:flex;flex-direction:column;gap:16px}.html-element-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;position:sticky;top:48px;background-color:#1e1e1e;z-index:10;padding:8px 16px;margin-bottom:0;margin-top:-1px;border-top:1px solid var(--border-color);border-radius:0 0 8px 8px}.html-element-header h3{color:#ffffff}.html-element-header .html-element-tab{background:rgba(255,255,255,.1);color:#e0e0e0}.html-element-header .html-element-tab:hover{background:rgba(255,255,255,.15)}.html-element-header .html-element-tab.active{background:var(--primary-color);color:#ffffff}.html-element-check-issues h3{margin:0;font-size:13px;font-weight:600;color:var(--text-color);flex:1;min-width:0}.html-element-header h3{margin:0;font-size:13px;font-weight:600;color:#ffffff!important;width:100%;min-width:0}@media (max-width:768px){.html-element-header{flex-direction:column;align-items:flex-start;gap:12px}.html-element-check-issues h3{width:100%}}.html-element-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0}.html-element-tab{padding:6px 12px;border:none;border-radius:6px;background:var(--background-color);color:var(--text-color);cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s ease;font-family:inherit}.html-element-tab:hover{background:var(--card-color);transform:translateY(-1px)}.html-element-tab.active{background:var(--primary-color);color:#ffffff;font-weight:600}.html-element-issues-cards{display:flex;flex-direction:column;gap:6px;padding:8px;margin-top:0;background:transparent}.html-element-issues-cards .html-issue-card{width:100%;display:block}.html-issue-card{background-color:#fff;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.html-issue-card:hover{background-color:#f8fafc}.html-issue-card.selected{background-color:#f0f4ff}.html-issue-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.html-issue-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-color)}.html-issue-status:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.html-issue-status--error:before{background:var(--error-color)}.html-issue-status--warning:before{background:var(--warning-color)}.html-issue-status--ok:before{background:var(--success-color)}.html-issue-line{font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin-left:auto}.html-issue-line,.html-issue-messages{font-size:12px;color:var(--text-muted)}.html-issue-messages{margin:0;padding:0;list-style:none;line-height:1.4}.html-issue-messages li+li{margin-top:2px}.html-issue-ok{display:none}.html-element-issues-cards .html-issue-code{margin-top:8px;padding:8px 10px;border-radius:4px;background:#f4f5f7;border:none}.html-element-issues-cards .html-issue-code code{display:block;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.5;color:#cccccc}.toggle-switch{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;flex-shrink:0;min-width:0}.toggle-switch input{display:none}.toggle-label{font-size:13px;font-weight:500;color:var(--text-color);white-space:nowrap;order:1;flex-shrink:0}@media (max-width:1024px){.toggle-label{font-size:12px}}.toggle-slider{width:40px;height:22px;background-color:var(--border-color);border-radius:11px;position:relative;transition:background-color .2s ease;cursor:pointer;flex-shrink:0;order:2}.toggle-slider.active{background-color:var(--primary-color)}.toggle-slider-handle{width:18px;height:18px;background-color:#ffffff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-slider.active .toggle-slider-handle{left:20px}.html-element-tab .issue-badge{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.html-element-tab .issue-badge.tab-active{background-color:rgba(255,255,255,.3);color:#ffffff}.html-element-tab .issue-badge.tab-inactive{background-color:var(--error-color);color:#ffffff}.html-element-tab .issue-badge.success-badge.tab-inactive{background-color:var(--success-color);color:#ffffff}