.meta-analyzer-page{flex:1 0 auto;width:100%}#rawHeadersModal[hidden],.meta-analyzer-page [hidden]{display:none!important}.meta-analyzer-page .tool-ui__header{margin-bottom:1.25rem}.meta-analyzer-page .tool-ui__title{font-size:1.35rem;margin:0 0 .35rem}.meta-analyzer-page .tool-ui__description,.meta-preview-note{color:var(--color-text-secondary);line-height:1.6;margin:.35rem 0 1rem}.meta-analyzer-page .url-input{padding-left:1rem!important;width:100%}.meta-analyzer-page .meta-tag-value{overflow-wrap:anywhere}.meta-analyzer-page .meta-tag-optional{color:var(--color-text-muted);font-size:.78rem}.meta-analyzer-page .meta-toast:empty{display:none}.meta-analyzer-page .meta-toast{color:var(--color-primary);margin:.75rem 0 0}.meta-analyzer-page .meta-share-image{display:block;max-height:180px;object-fit:cover;width:100%}.meta-analyzer-page .social-fb-body{padding:.75rem}.meta-analyzer-page .social-fb-title{font-weight:700;margin:.25rem 0;overflow-wrap:anywhere}.meta-analyzer-page .social-fb-desc,.meta-analyzer-page .social-fb-url{color:var(--color-text-secondary);font-size:.85rem;overflow-wrap:anywhere}#rawHeadersModal:not([hidden]){display:flex}.tool-page{padding-bottom:var(--space-12);padding-top:var(--space-6)}.tool-h1{font-size:var(--text-3xl);line-height:1.2;margin-bottom:var(--space-4)}.tool-intro{margin-bottom:var(--space-8)}.tool-intro p{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.7}.tool-ui{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-8);padding:var(--space-6)}.tool-controls{align-items:flex-end;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.url-input-group{display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-width:200px}.url-input-wrapper{align-items:center;display:flex;position:relative}.url-input-icon{color:var(--color-text-muted);left:var(--space-3);pointer-events:none;position:absolute}.url-input{padding-left:40px!important}.control-actions{align-items:center;display:flex;gap:var(--space-2)}.analyze-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-10)}.loading-spinner{animation:spin .8s linear infinite;border-radius:50%;border-top-color:var(--color-primary);box-shadow:var(--shadow-subtle);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.analyze-loading p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.analyze-error{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-10);text-align:center}.analyze-error svg{color:var(--color-error)}.analyze-error p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;max-width:400px}.analyze-results{flex-direction:column}.analyze-results,.score-card{display:flex;gap:var(--space-6)}.score-card{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-wrap:wrap;padding:var(--space-6)}.score-circle{flex-shrink:0;height:100px;position:relative;width:100px}.score-ring{height:100%;transform:rotate(-90deg);width:100%}.score-ring-bg{fill:none;stroke:var(--color-border);stroke-width:8}.score-ring-fill{fill:none;stroke:var(--color-primary);stroke-dasharray:283;stroke-dashoffset:283;stroke-linecap:round;stroke-width:8;transition:stroke-dashoffset 1s ease}.score-value{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-2xl);font-weight:800;inset:0;justify-content:center;position:absolute}.score-label{bottom:6px;color:var(--color-text-muted);font-size:var(--text-xs);left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.score-details{flex:1;min-width:200px}.score-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-2)}.score-summary{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-3)}.score-breakdown{display:flex;flex-wrap:wrap;gap:var(--space-3)}.score-pill{align-items:center;display:flex;font-size:var(--text-xs);font-weight:600;gap:var(--space-1)}.score-pill-dot{border-radius:50%;height:8px;width:8px}.score-pill--pass .score-pill-dot{background:var(--color-success)}.score-pill--warning .score-pill-dot{background:var(--color-warning)}.score-pill--fail .score-pill-dot{background:var(--color-error)}.preview-section{margin-bottom:var(--space-4)}.preview-section-title{color:var(--color-text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-3)}.serp-preview{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);font-size:var(--text-sm);padding:var(--space-4) var(--space-5)}.serp-title{color:#1a0dab;cursor:pointer;font-size:18px;font-weight:400;line-height:1.3;margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serp-title:hover{text-decoration:underline}.serp-url{color:#202124;font-size:14px;margin-bottom:var(--space-1)}.serp-url-path{color:#188130}.serp-description{color:#4d5156;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.5;-webkit-box-orient:vertical;overflow:hidden}.serp-favicon{border-radius:50%;height:16px;margin-right:var(--space-1);vertical-align:middle;width:16px}.social-previews{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.social-preview-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);overflow:hidden}.social-preview-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.social-preview-content{padding:var(--space-3)}.meta-results-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.meta-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);overflow:hidden}.meta-section-title{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);margin:0;padding:var(--space-3) var(--space-4)}.meta-section-title svg{color:var(--color-primary);flex-shrink:0}.meta-tags-list{display:flex;flex-direction:column;gap:0;max-height:400px;overflow-y:auto}.meta-tag-row{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background var(--transition-fast)}.meta-tag-row:last-child{border-bottom:none}.meta-tag-row:hover{background:var(--color-bg)}.meta-tag-name{color:var(--color-text-muted);flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-xs);min-width:140px;word-break:break-all}.meta-tag-value-wrap{display:flex;flex:1;flex-direction:column;gap:var(--space-1);min-width:0}.meta-tag-value{color:var(--color-text-primary);font-size:var(--text-sm);line-height:1.5;word-break:break-all}.meta-tag-meta{align-items:center;display:flex;gap:var(--space-3)}.meta-tag-length{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.meta-tag-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;padding:2px 8px;white-space:nowrap}.meta-tag-badge--pass{background:rgba(16,185,129,.1);color:var(--color-success)}.meta-tag-badge--warning{background:rgba(245,158,11,.1);color:var(--color-warning)}.meta-tag-badge--fail{background:rgba(239,68,68,.1);color:var(--color-error)}.meta-tag-badge--info{background:rgba(99,102,241,.1);color:var(--color-primary)}.meta-tag-advice{border:1px solid transparent;border-radius:var(--radius-md);display:grid;font-size:var(--text-xs);gap:5px;line-height:1.55;margin-top:var(--space-2);padding:9px 11px;word-break:normal}.meta-tag-advice strong{font-weight:700}.meta-tag-advice code{background:color-mix(in srgb,currentColor 7%,transparent);border-radius:4px;color:inherit;font-family:var(--font-mono);font-size:.72rem;overflow-wrap:anywhere;padding:1px 4px;white-space:normal}.meta-tag-advice--fail{background:color-mix(in srgb,var(--color-error) 7%,var(--color-bg));border-color:color-mix(in srgb,var(--color-error) 24%,transparent);color:var(--color-error-dark)}.meta-tag-advice--warning{background:color-mix(in srgb,var(--color-warning) 8%,var(--color-bg));border-color:color-mix(in srgb,var(--color-warning) 28%,transparent);color:var(--color-warning-dark)}.meta-tag-advice--info{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg));border-color:color-mix(in srgb,var(--color-primary) 22%,transparent);color:var(--color-text-secondary)}[data-theme=dark] .meta-tag-advice--fail{color:#fca5a5}[data-theme=dark] .meta-tag-advice--warning{color:#fcd34d}.meta-tag-missing{color:var(--color-text-muted);font-size:var(--text-sm);font-style:italic}.schema-count{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.schema-count-icon{color:var(--color-success)}.results-footer-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.raw-code-block{background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.7;max-height:500px;overflow-y:auto;padding:var(--space-4);white-space:pre-wrap;word-break:break-all}.modal-body{max-height:60vh;overflow-y:auto}.how-to-use{margin:var(--space-8) 0}.how-to-use h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.steps{display:flex;flex-direction:column;gap:var(--space-6)}.step{align-items:flex-start;display:flex;gap:var(--space-4)}.step-number{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--text-lg);font-weight:600;height:40px;justify-content:center;width:40px}.step-content h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.step-content p{color:var(--color-text-secondary);line-height:1.7;margin:0}.benefits{margin:var(--space-8) 0}.benefits h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.benefits-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.benefit-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6)}.benefit-icon{font-size:32px;margin-bottom:var(--space-3)}.benefit-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.benefit-card p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0}.faq{margin:var(--space-8) 0}.faq h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);overflow:hidden}.faq-question{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;list-style:none;padding:var(--space-4) var(--space-5);transition:background var(--transition-fast)}.faq-question::-webkit-details-marker{display:none}.faq-question:after{color:var(--color-primary);content:"+";font-size:var(--text-xl);font-weight:600}.faq-item[open] .faq-question:after{content:"-"}.faq-question:hover{background:var(--color-bg-tertiary)}.faq-answer{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7;margin:0;padding:0 var(--space-5) var(--space-4)}.related-tools{margin:var(--space-8) 0}.related-tools h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}@media (max-width:1024px){.meta-results-grid,.social-previews{grid-template-columns:1fr}.benefits-grid{grid-template-columns:repeat(2,1fr)}.layout-with-sidebar{grid-template-columns:1fr}}@media (max-width:768px){.tool-controls{align-items:stretch;flex-direction:column}.url-input-group{min-width:100%}.control-actions{width:100%}.control-actions .btn{flex:1}.tool-h1{font-size:var(--text-2xl)}.score-card{align-items:flex-start;flex-direction:column}.benefits-grid{grid-template-columns:1fr}.step{flex-direction:column;gap:var(--space-3)}}@media (max-width:640px){.tool-ui{padding:var(--space-4)}.tool-controls{padding-bottom:var(--space-4)}}