.sitemap-page{min-height:100vh;background:var(--bg-base)}.sitemap-hero{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;position:relative;overflow:hidden}.sitemap-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 0,rgba(99,102,241,.03) 20%,transparent 40%),linear-gradient(90deg,transparent 60%,rgba(99,102,241,.03) 80%,transparent);pointer-events:none}.sitemap-hero-content{max-width:640px;margin:0 auto;position:relative;z-index:1}.sitemap-hero h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.sitemap-hero p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.sitemap-tool{padding:var(--space-6) var(--space-6) var(--space-8)}.sitemap-tool-inner{max-width:900px;margin:0 auto}.sitemap-form-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.sitemap-form-row{display:flex;gap:var(--space-3);align-items:stretch}.sitemap-input-wrap{flex:1 1;display:flex;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-4);background:var(--bg-base);border:1px solid var(--color-primary-500);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.sitemap-input-wrap:hover{border-color:var(--color-primary-600)}.sitemap-input-wrap:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.sitemap-input-wrap svg{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.sitemap-input-wrap input{flex:1 1;min-width:0;border:none;outline:none;font-size:var(--text-base);background:transparent;color:var(--text-primary)}.sitemap-input-wrap input::placeholder{color:var(--text-muted)}.sitemap-submit{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-6);min-height:48px;background:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-base);cursor:pointer;transition:background var(--transition-base),box-shadow var(--transition-base);white-space:nowrap;box-shadow:0 0 0 2px rgba(99,102,241,.25)}.sitemap-submit:hover:not(:disabled){background:var(--color-primary-700);box-shadow:0 0 0 2px rgba(99,102,241,.35)}.sitemap-submit:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(99,102,241,.35),0 0 0 4px rgba(99,102,241,.2)}.sitemap-submit:disabled{opacity:.7;cursor:not-allowed}.sitemap-submit svg{width:18px;height:18px}.sitemap-form-options{margin-top:var(--space-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.sitemap-options-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.sitemap-options-toggle:hover{background:var(--color-slate-50);border-color:var(--color-slate-300);color:var(--text-primary)}.sitemap-options-toggle:focus-visible{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.sitemap-options-toggle svg{width:16px;height:16px}.sitemap-options-panel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-slate-50);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:360px}.sitemap-option{display:flex;align-items:center;gap:var(--space-3)}.sitemap-option label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.sitemap-option select{padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary-500);border-radius:var(--radius-md);background:var(--bg-surface);font-size:var(--text-sm);cursor:pointer;color:var(--text-primary);box-shadow:0 0 0 2px rgba(99,102,241,.12);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.sitemap-option select:hover{border-color:var(--color-primary-600);box-shadow:0 0 0 2px rgba(99,102,241,.18)}.sitemap-option select:focus,.sitemap-option select:focus-visible{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 2px rgba(99,102,241,.18)}.sitemap-spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:sitemap-spin .7s linear infinite}@keyframes sitemap-spin{to{transform:rotate(1turn)}}.sitemap-content{max-width:900px;margin:0 auto;padding:0 var(--space-6) var(--space-10)}.sitemap-loading{text-align:center;padding:var(--space-16) var(--space-4)}.sitemap-loading__spinner{width:48px;height:48px;border:3px solid var(--color-slate-200);border-top-color:var(--color-primary-600);border-radius:50%;animation:sitemap-spin .7s linear infinite;margin:0 auto var(--space-5)}.sitemap-loading p{color:var(--text-primary);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.sitemap-loading small{color:var(--text-tertiary);font-size:var(--text-sm)}.sitemap-alert{display:flex;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.sitemap-alert--error{background:var(--color-error-50);border:1px solid var(--color-error-200);color:var(--color-error-800)}.sitemap-alert svg{width:24px;height:24px;flex-shrink:0;color:var(--color-error-500)}.sitemap-alert strong{display:block;margin-bottom:var(--space-1);font-weight:var(--font-semibold)}.sitemap-alert p{font-size:var(--text-sm);margin-bottom:var(--space-4);opacity:.9}.sitemap-alert__retry{padding:var(--space-2) var(--space-4);background:var(--color-error-600);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-base)}.sitemap-alert__retry:hover{background:var(--color-error-700)}.sitemap-alert__retry:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(220,38,38,.3)}.sitemap-results{display:flex;flex-direction:column;gap:var(--space-6)}.sitemap-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.sitemap-summary__card{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.sitemap-summary__card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-sm)}.sitemap-summary__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sitemap-summary__icon svg{width:24px;height:24px}.sitemap-summary__icon--primary{background:var(--color-primary-100);color:var(--color-primary-600)}.sitemap-summary__icon--success{background:var(--color-success-100);color:var(--color-success-600)}.sitemap-summary__icon--info{background:var(--color-slate-100);color:var(--color-slate-600)}.sitemap-summary__data{display:flex;flex-direction:column}.sitemap-summary__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.2}.sitemap-summary__label{font-size:var(--text-sm);color:var(--text-secondary)}.sitemap-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.sitemap-action{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);color:var(--text-primary)}.sitemap-action:hover{border-color:var(--color-primary-300);color:var(--color-primary-600)}.sitemap-action:focus-visible{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.sitemap-action--primary{background:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600);box-shadow:0 0 0 2px rgba(99,102,241,.25)}.sitemap-action--primary:hover{background:var(--color-primary-700);border-color:var(--color-primary-700);color:#fff}.sitemap-action--primary:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(99,102,241,.35),0 0 0 4px rgba(99,102,241,.2)}.sitemap-action svg{width:18px;height:18px}.sitemap-preview{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.sitemap-preview__header-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--color-slate-50)}.sitemap-preview__header-bar h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.sitemap-preview__count{font-size:var(--text-sm);color:var(--text-secondary)}.sitemap-preview__table{overflow-x:auto}.sitemap-preview__thead{display:grid;grid-template-columns:1fr 80px 100px;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-slate-50);font-weight:var(--font-semibold);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.sitemap-preview__tbody{max-height:320px;overflow-y:auto}.sitemap-preview__row{display:grid;grid-template-columns:1fr 80px 100px;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);font-size:var(--text-sm);transition:background var(--transition-base)}.sitemap-preview__row:hover{background:var(--color-slate-50)}.sitemap-preview__row:last-child{border-bottom:none}.sitemap-preview__url{color:var(--color-primary-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sitemap-preview__priority{text-align:center;font-weight:var(--font-semibold);color:var(--text-primary)}.sitemap-preview__freq{text-align:center;color:var(--text-secondary)}.sitemap-xml{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.sitemap-xml__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--color-slate-100)}.sitemap-xml__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.sitemap-xml__title svg{width:16px;height:16px;color:var(--color-primary-600)}.sitemap-xml__copy{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-xs);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-base)}.sitemap-xml__copy:hover{background:var(--color-slate-50);color:var(--color-primary-600);border-color:var(--color-primary-300)}.sitemap-xml__copy:focus-visible{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.sitemap-xml__copy svg{width:14px;height:14px}.sitemap-xml__code{padding:var(--space-4);background:var(--color-slate-50);overflow-x:auto;font-size:var(--text-sm);line-height:1.7;margin:0;max-height:280px;overflow-y:auto}.sitemap-xml__code code{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;color:var(--color-slate-700)}.sitemap-instructions{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6)}.sitemap-instructions h3{margin-bottom:var(--space-5);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.sitemap-instructions__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.sitemap-instructions__step{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-slate-50);border-radius:var(--radius-lg)}.sitemap-instructions__num{width:28px;height:28px;background:var(--color-primary-600);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0}.sitemap-instructions__step strong{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.sitemap-instructions__step p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.sitemap-instructions__step code{background:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);border:1px solid var(--border)}.sitemap-instructions__step a{color:var(--color-primary-600);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--font-medium)}.sitemap-instructions__step a:hover{text-decoration:underline}.sitemap-instructions__step a:focus-visible{outline:none;text-decoration:underline;border-radius:var(--radius-sm);box-shadow:0 0 0 2px rgba(99,102,241,.3)}.sitemap-instructions__step a svg{width:12px;height:12px}.sitemap-url-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-slate-50);border-radius:var(--radius-xl);font-size:var(--text-sm);color:var(--text-secondary)}.sitemap-url-info svg{width:18px;height:18px;color:var(--color-primary-600);flex-shrink:0}.sitemap-url-info strong{color:var(--text-primary)}.sitemap-empty{display:flex;flex-direction:column;gap:var(--space-12)}.sitemap-faq,.sitemap-how,.sitemap-why{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6)}.sitemap-faq h2,.sitemap-how h2,.sitemap-why h2{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-5)}.sitemap-faq-list,.sitemap-how-list,.sitemap-why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.sitemap-how-list li,.sitemap-why-list li{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.sitemap-how-list li:last-child,.sitemap-why-list li:last-child{border-bottom:none;padding-bottom:0}.sitemap-how-list li:first-child,.sitemap-why-list li:first-child{padding-top:0}.sitemap-why-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-primary-100);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sitemap-why-icon svg{width:20px;height:20px}.sitemap-how-list strong,.sitemap-why-list strong{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.sitemap-how-list p,.sitemap-why-list p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.sitemap-how-num{width:28px;height:28px;border-radius:50%;background:var(--color-primary-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0}.sitemap-faq-list{gap:0}.sitemap-faq-list li{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.sitemap-faq-list li:last-child{border-bottom:none;padding-bottom:0}.sitemap-faq-list li:first-child{padding-top:0}.sitemap-faq-list h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.sitemap-faq-list p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.sitemap-faq-list code{background:var(--color-slate-100);padding:2px var(--space-1);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono)}.sitemap-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);max-width:900px;margin:var(--space-8) auto 0;padding:var(--space-6) var(--space-8);background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.05));border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.sitemap-cta__text{flex:1 1;min-width:0}.sitemap-cta__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2);letter-spacing:-.02em;line-height:1.3}.sitemap-cta__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.sitemap-cta__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);min-height:44px;background:var(--color-primary-600);color:#fff;border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);text-decoration:none;transition:background var(--transition-base),box-shadow var(--transition-base);box-shadow:0 0 0 2px rgba(99,102,241,.25);flex-shrink:0}.sitemap-cta__btn:hover{background:var(--color-primary-700);box-shadow:0 0 0 2px rgba(99,102,241,.35)}.sitemap-cta__btn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(99,102,241,.35),0 0 0 4px rgba(99,102,241,.2)}.sitemap-cta__btn svg{width:18px;height:18px}@media (max-width:1024px){.sitemap-summary{grid-template-columns:1fr}}@media (max-width:768px){.sitemap-hero{padding:var(--space-6) var(--space-4) var(--space-5);padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.sitemap-hero h1{font-size:var(--text-xl)}.sitemap-tool{padding:var(--space-4) var(--space-4) var(--space-6);padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.sitemap-form-card{padding:var(--space-4)}.sitemap-form-row{flex-direction:column}.sitemap-input-wrap input{font-size:16px}.sitemap-submit{width:100%;min-height:48px}.sitemap-content{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.sitemap-summary__card{padding:var(--space-4)}.sitemap-actions{flex-direction:column}.sitemap-instructions__grid{grid-template-columns:1fr}.sitemap-cta{flex-direction:column;gap:var(--space-5);margin-top:var(--space-6);padding:var(--space-6) var(--space-4);padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.sitemap-cta,.sitemap-cta__text{text-align:center}.sitemap-cta__title{font-size:var(--text-lg)}.sitemap-cta__btn{width:100%;justify-content:center}.sitemap-preview__row,.sitemap-preview__thead{grid-template-columns:1fr 60px 80px;font-size:var(--text-xs)}}@media (max-width:480px){.sitemap-hero{padding:var(--space-5) var(--space-3) var(--space-4);padding-left:max(var(--space-3),env(safe-area-inset-left));padding-right:max(var(--space-3),env(safe-area-inset-right))}.sitemap-hero h1{font-size:var(--text-lg)}.sitemap-hero p{font-size:13px}.sitemap-tool{padding-left:max(var(--space-3),env(safe-area-inset-left));padding-right:max(var(--space-3),env(safe-area-inset-right))}.sitemap-content{padding:0 var(--space-3) var(--space-8);padding-left:max(var(--space-3),env(safe-area-inset-left));padding-right:max(var(--space-3),env(safe-area-inset-right))}.sitemap-cta{margin-top:var(--space-5);padding:var(--space-5) var(--space-4);padding-left:max(var(--space-3),env(safe-area-inset-left));padding-right:max(var(--space-3),env(safe-area-inset-right))}.sitemap-cta__title{font-size:var(--text-base)}.sitemap-cta__desc{font-size:13px}.sitemap-empty{gap:var(--space-8)}.sitemap-faq,.sitemap-how,.sitemap-why{padding:var(--space-5)}}