.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}.sitemap-tool-title{color:var(--color-text-primary);font-size:1.3rem;margin:0 0 1.2rem}.sitemap-field-note{display:block;font-size:.83rem}.sitemap-field-note,.sitemap-result-note{color:var(--color-text-secondary);line-height:1.5}.sitemap-result-note{background:var(--color-bg-secondary,#f8fafc);border:1px solid var(--color-border);border-radius:.75rem;margin:1rem 0 0;padding:.8rem 1rem}.sitemap-result-note.is-warning{background:#fffbeb;border-color:#d97706;color:#78350f}.sitemap-editorial{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-secondary);line-height:1.65;margin:0 0 2rem;padding:1.5rem}.sitemap-editorial h2{color:var(--color-text-primary);font-size:1.35rem;line-height:1.3;margin:0 0 1rem}.sitemap-editorial p{margin:.8rem 0 0}.sitemap-steps{display:grid;gap:.75rem;margin:0;padding-left:1.3rem}.sitemap-steps strong{color:var(--color-text-primary)}.sitemap-table-wrap{overflow-x:auto}.sitemap-review-table{border-collapse:collapse;min-width:520px;width:100%}.sitemap-review-table td,.sitemap-review-table th{border-bottom:1px solid var(--color-border);padding:.8rem;text-align:left;vertical-align:top}.sitemap-review-table th{background:var(--color-bg-secondary,#f8fafc);color:var(--color-text-primary)}.sitemap-review-table td:first-child{color:var(--color-text-primary);font-weight:700;width:30%}:is([data-theme=dark],.dark) .sitemap-result-note.is-warning{background:#422006;border-color:#d97706;color:#fde68a}@media (max-width:640px){.sitemap-editorial{padding:1rem}}.tool-ui{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-subtle);margin-bottom:var(--space-8);padding:var(--space-6)}.sitemap-controls{border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.control-group-url{display:flex;flex-direction:column;gap:var(--space-2)}.control-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4)}.control-group{display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-width:150px}.control-checkboxes{display:flex;flex-direction:column;gap:var(--space-3)}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-6)}.checkbox-wrapper{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2)}.checkbox-wrapper input[type=checkbox]{accent-color:var(--color-primary);height:16px;width:16px}input[type=range].slider{accent-color:var(--color-primary);width:100%}.crawl-action{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.btn-icon-text{font-size:var(--text-lg)}.crawl-progress{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5)}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.progress-label{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600}.progress-count{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.progress-bar{background:var(--color-border);height:6px;margin-bottom:var(--space-3);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{animation:progressPulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-success) 100%);height:100%;transition:width .3s ease;width:0}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.progress-stats{display:flex;flex-wrap:wrap;gap:var(--space-6)}.stat-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2)}.stat-icon{font-size:14px}.crawled-urls-section{margin-bottom:var(--space-6)}.section-sub-title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3)}.crawled-urls-list{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);max-height:200px;overflow-y:auto;padding:var(--space-2)}.crawled-url-item{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--space-2) var(--space-3);transition:background var(--transition-fast)}.crawled-url-item:hover{background:var(--color-bg-secondary)}.crawled-url-text{color:var(--color-text-primary);flex:1;font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crawled-url-type{border-radius:var(--radius-full);flex-shrink:0;font-size:var(--text-xs);font-weight:600;margin-left:var(--space-2);padding:2px 8px}.crawled-url-type.type-page{background:rgba(99,102,241,.15);color:var(--color-primary)}.crawled-url-type.type-image{background:rgba(16,185,129,.15);color:var(--color-success)}.crawled-url-type.type-video{background:rgba(245,158,11,.15);color:var(--color-warning)}.sitemap-preview-section{margin-bottom:var(--space-6)}.preview-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.preview-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sitemap-code-block{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);max-height:400px;overflow:auto}.sitemap-code{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;margin:0;overflow-x:auto;padding:var(--space-4);white-space:pre}.code-tag{color:var(--color-primary);font-weight:600}.code-attr{color:var(--color-warning)}.code-value{color:var(--color-success)}.code-text{color:var(--color-text-primary)}.code-bracket{color:var(--color-text-muted)}.sitemap-stats{display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}.stat-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);padding:var(--space-4);text-align:center}.stat-card-value{color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-1)}.stat-card-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.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:700;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-subtle);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:700}.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){.benefits-grid,.sitemap-stats{grid-template-columns:repeat(2,1fr)}.layout-with-sidebar{grid-template-columns:1fr}}@media (max-width:768px){.control-row{align-items:stretch;flex-direction:column}.control-group{min-width:100%}.crawl-action{align-items:stretch;flex-direction:column}.crawl-action .btn{width:100%}.tool-h1{font-size:var(--text-2xl)}.benefits-grid{grid-template-columns:1fr}.sitemap-stats{grid-template-columns:repeat(2,1fr)}.preview-header{align-items:stretch;flex-direction:column}.preview-actions{justify-content:stretch}.preview-actions .btn{flex:1}.step{flex-direction:column;gap:var(--space-3)}}@media (max-width:640px){.tool-ui{padding:var(--space-4)}.sitemap-stats{grid-template-columns:1fr 1fr}.sitemap-code-block{max-height:300px}}