.tool-header{margin-bottom:var(--space-8)}.tool-header__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.tool-header__description{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.input-section{margin-bottom:var(--space-8)}.input-tabs{gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);padding-bottom:0;display:flex}.input-tab{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);transition:all var(--transition-fast);cursor:pointer;background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px}.input-tab:hover{color:var(--color-text)}.input-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.url-input-row{gap:var(--space-3);display:flex}.url-input-row .input{flex:1}.input-hint{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-muted)}.btn__spinner,.btn--loading .btn__text{display:none}.btn--loading .btn__spinner{display:inline-block!important}.presets-label{font-size:var(--font-size-xs);color:var(--color-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.presets-row{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.preset-btn{font-size:var(--font-size-xs);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast);white-space:nowrap}.preset-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-ghost)}.preset-btn--active{border-color:var(--color-primary);background:var(--color-primary-ghost);color:var(--color-primary);font-weight:var(--font-weight-semi)}.example-card{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.example-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.example-card--error{background:var(--color-warning-light);border-radius:var(--radius-md);padding:var(--space-5);border:1px solid var(--color-warning);margin-left:calc(-1 * var(--space-2));margin-right:calc(-1 * var(--space-2))}.example-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.example-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semi);margin-bottom:var(--space-1)}.example-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.example-load-btn{white-space:nowrap;flex-shrink:0}.example-code{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text);white-space:pre;overflow-x:auto}.example-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.example-note code{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-surface-2);border-radius:var(--radius-sm);color:var(--color-primary);padding:.125rem .375rem}.example-errors-list{margin-top:var(--space-3);padding-left:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.example-errors-list li{margin-bottom:var(--space-2)}.example-errors-list code{font-family:var(--font-mono);font-size:var(--font-size-sm);border-radius:var(--radius-sm);color:#92400e;background:#fff9;padding:.125rem .375rem}.results-section{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.results-summary{margin-bottom:var(--space-6);align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.summary-score{align-items:center;gap:var(--space-3);display:flex}.summary-score__icon{width:56px;height:56px;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.summary-score__icon--pass{background:var(--color-success-light);color:var(--color-success)}.summary-score__icon--warn{background:var(--color-warning-light);color:var(--color-warning)}.summary-score__icon--fail{background:var(--color-error-light);color:var(--color-error)}.summary-score__label{font-size:var(--font-size-xl);font-weight:var(--font-weight-semi)}.summary-stats{gap:var(--space-6);margin-left:auto;display:flex}.summary-stat{text-align:center}.summary-stat__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);display:block}.summary-stat__label{font-size:var(--font-size-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.results-checks{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.check-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.check-card:hover{border-color:var(--color-border-hover)}.check-card__header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:none;display:flex}.check-card__icon{width:28px;height:28px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.check-card__icon--pass{background:var(--color-success-light);color:var(--color-success)}.check-card__icon--warn{background:var(--color-warning-light);color:var(--color-warning)}.check-card__icon--fail{background:var(--color-error-light);color:var(--color-error)}.check-card__icon--info{background:var(--color-info-light);color:var(--color-info)}.check-card__title{font-weight:var(--font-weight-medium);flex:1}.check-card__chevron{font-size:var(--font-size-sm);color:var(--color-muted);transition:transform var(--transition-fast)}.check-card--open .check-card__chevron{transform:rotate(90deg)}.check-card__details{padding:0 var(--space-5) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);border-top:1px solid var(--color-border);padding-top:var(--space-4);margin-top:0;display:none}.check-card--open .check-card__details{display:block}.check-detail-list{margin-top:var(--space-2);padding-left:var(--space-4);list-style:outside}.check-detail-list li{margin-bottom:var(--space-1);word-break:break-all}.results-urls{margin-bottom:var(--space-6)}.results-urls__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.results-urls__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semi)}.results-urls__table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:400px;overflow:auto}.results-urls__table{width:100%;font-size:var(--font-size-sm)}.results-urls__table th{background:var(--color-surface-2);padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semi);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0}.results-urls__table td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);text-overflow:ellipsis;white-space:nowrap;max-width:400px;font-family:var(--font-mono);font-size:var(--font-size-xs);overflow:hidden}.results-urls__table tr:last-child td{border-bottom:none}.results-urls__count{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-muted)}.status-alert{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.status-alert--warning{background:var(--color-warning-light);color:#92400e;border:1px solid #fcd34d}.status-alert--error{background:var(--color-error-light);color:#991b1b;border:1px solid #fca5a5}.status-alert--info{background:var(--color-info-light);color:#1e40af;border:1px solid #93c5fd}.results-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.seo-content{margin-top:var(--space-12)}.seo-content__text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.seo-content__list{padding-left:var(--space-6);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);list-style-type:disc}.seo-content__list li{margin-bottom:var(--space-3)}.seo-content__list code{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-surface-2);border-radius:var(--radius-sm);color:var(--color-primary);padding:.125rem .375rem}.faq-item{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item__question{font-size:var(--font-size-lg);font-weight:var(--font-weight-semi);margin-bottom:var(--space-2)}.faq-item__answer{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.faq-item__answer code{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-surface-2);border-radius:var(--radius-sm);color:var(--color-primary);padding:.125rem .375rem}@media (width<=640px){.tool-header__title{font-size:var(--font-size-2xl)}.tool-header__description{font-size:var(--font-size-base)}.input-tabs{gap:0}.input-tab{padding:var(--space-3) var(--space-3);font-size:var(--font-size-xs)}.url-input-row{flex-direction:column}.results-summary{flex-direction:column;align-items:flex-start}.summary-stats{justify-content:space-around;width:100%;margin-left:0}.summary-score__icon{width:44px;height:44px;font-size:var(--font-size-xl)}.check-card__header{padding:var(--space-3) var(--space-4)}.check-card__details{padding:0 var(--space-4) var(--space-3);padding-top:var(--space-3)}.results-urls__header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.results-urls__table td{max-width:200px;font-size:11px}.results-actions{flex-direction:column}.results-actions .btn{justify-content:center;width:100%}}
