.route-header{background:linear-gradient(135deg,#2c3e50 0,#1a242f 100%);color:#fff;padding:2.5em 0;position:relative}.route-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="route" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23route)"/></svg>');opacity:.3}.route-header .container{position:relative;z-index:2}.route-header .header-breadcrumbs{margin-bottom:1.5em}.route-header .header-breadcrumbs .breadcrumbs ul{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.route-header .header-breadcrumbs .breadcrumbs ul li{color:#fff}.route-header .header-breadcrumbs .breadcrumbs ul li a{color:#fff;opacity:.8}.route-header .header-breadcrumbs .breadcrumbs ul li a:hover{opacity:1}.route-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2em}@media (max-width:52em){.route-header .header-content{flex-direction:column;gap:1.5em}}.route-header .route-info{flex:1}.route-header .route-info .page-title{font-size:2.5rem;font-weight:700;margin-bottom:.75em;color:#fff}@media (max-width:30em){.route-header .route-info .page-title{font-size:2rem}}.route-header .route-info .route-meta{display:flex;flex-direction:column;gap:.5em;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.9rem;opacity:.9}@media (max-width:30em){.route-header .route-info .route-meta{gap:.25em}}.route-header .route-info .route-meta .route-url{background:rgba(255,255,255,.1);padding:.5em 1em;border-radius:6px;border:1px solid rgba(255,255,255,.2);word-break:break-all;font-size:.8rem}.route-header .route-info .route-meta .route-url a{color:#fff;text-decoration:none;transition:color .3s ease}.route-header .route-info .route-meta .route-url a:hover{text-decoration:underline;color:#8bc4ea}.route-header .route-info .route-meta .route-id,.route-header .route-info .route-meta .scraped-date{background:rgba(255,255,255,.1);padding:.25em .75em;border-radius:4px;border:1px solid rgba(255,255,255,.2);display:inline-block;width:fit-content}.route-header .route-info .route-meta .route-id a,.route-header .route-info .route-meta .scraped-date a{color:#fff;text-decoration:none;transition:color .3s ease}.route-header .route-info .route-meta .route-id a:hover,.route-header .route-info .route-meta .scraped-date a:hover{text-decoration:underline;color:#8bc4ea}.route-header .route-stats{display:flex;gap:1em;flex-wrap:wrap}@media (max-width:52em){.route-header .route-stats{justify-content:center}}@media (max-width:30em){.route-header .route-stats{justify-content:space-between;gap:.5em}}.route-header .route-stats .stat-item{background:rgba(255,255,255,.1);padding:1em;border-radius:8px;border:1px solid rgba(255,255,255,.2);text-align:center;min-width:80px}@media (max-width:30em){.route-header .route-stats .stat-item{padding:.75em .5em;min-width:70px}}.route-header .route-stats .stat-item .stat-icon{font-size:1.5rem;margin-bottom:.5em}@media (max-width:30em){.route-header .route-stats .stat-item .stat-icon{font-size:1.2rem;margin-bottom:.25em}}.route-header .route-stats .stat-item .stat-content .stat-number{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:1.5rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.25em}@media (max-width:30em){.route-header .route-stats .stat-item .stat-content .stat-number{font-size:1.2rem}}.route-header .route-stats .stat-item .stat-content .stat-label{font-size:.75rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.analysis-tabs{background:#fff;border-bottom:1px solid #ecf0f1;position:sticky;top:0;z-index:10}.analysis-tabs .tab-buttons{display:flex;gap:0}@media (max-width:52em){.analysis-tabs .tab-buttons{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.analysis-tabs .tab-buttons::-webkit-scrollbar{display:none}}.analysis-tabs .tab-buttons .tab-button{background:0 0;border:none;padding:1em 2em;cursor:pointer;font-weight:600;color:#95a5a6;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}@media (max-width:30em){.analysis-tabs .tab-buttons .tab-button{padding:.75em 1.5em;font-size:.9rem}}.analysis-tabs .tab-buttons .tab-button:hover{color:#2c3e50;background:#ecf0f1}.analysis-tabs .tab-buttons .tab-button.active{color:#2c3e50;border-bottom-color:#2c3e50;background:#ecf0f1}.tab-content-container{padding:2em 0;background:#ecf0f1;min-height:60vh}.tab-content-container .tab-content{display:none}.tab-content-container .tab-content.active{display:block;animation:fadeIn .3s ease-in-out}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2em}@media (max-width:52em){.overview-grid{grid-template-columns:1fr}}.overview-grid .overview-card{background:#fff;border-radius:12px;padding:2em;box-shadow:0 4px 20px rgba(0,0,0,.1)}.overview-grid .overview-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1.5em;padding-bottom:.5em;border-bottom:2px solid #ecf0f1}.overview-grid .overview-card.meta-info .info-grid{display:grid;gap:1em}.overview-grid .overview-card.meta-info .info-grid .info-item{display:flex;align-items:flex-start;gap:.75em}.overview-grid .overview-card.meta-info .info-grid .info-item .info-label{font-weight:600;color:#2c3e50;min-width:100px;flex-shrink:0}.overview-grid .overview-card.meta-info .info-grid .info-item .info-value{color:#2d3436;line-height:1.4;word-break:break-word}.overview-grid .overview-card.quick-stats .stats-list{display:grid;gap:.75em}.overview-grid .overview-card.quick-stats .stats-list .stat-row{display:flex;justify-content:space-between;align-items:center;padding:.75em 0;border-bottom:1px solid #ecf0f1}.overview-grid .overview-card.quick-stats .stats-list .stat-row:last-child{border-bottom:none}.overview-grid .overview-card.quick-stats .stats-list .stat-row .stat-name{font-weight:600;color:#2d3436}.overview-grid .overview-card.quick-stats .stats-list .stat-row .stat-value{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-weight:700;color:#2c3e50;background:#ecf0f1;padding:.25em .5em;border-radius:4px}.overview-grid .overview-card.visual-summary .visual-info{display:grid;gap:1em}.overview-grid .overview-card.visual-summary .visual-info .visual-item{display:flex;align-items:center;gap:.75em}.overview-grid .overview-card.visual-summary .visual-info .visual-item .visual-label{font-weight:600;color:#2c3e50;min-width:120px}.overview-grid .overview-card.visual-summary .visual-info .visual-item .visual-value{color:#2d3436;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.9rem}.overview-grid .overview-card.visual-summary .visual-info .visual-item .visual-value .color-preview{display:inline-block;width:16px;height:16px;border-radius:3px;border:1px solid #95a5a6;margin-right:.5em;vertical-align:middle}.overview-grid .overview-card.technical-summary .tech-info{display:grid;gap:1em}.overview-grid .overview-card.technical-summary .tech-info .tech-item{display:flex;align-items:center;gap:.75em}.overview-grid .overview-card.technical-summary .tech-info .tech-item .tech-label{font-weight:600;color:#2c3e50;min-width:120px}.overview-grid .overview-card.technical-summary .tech-info .tech-item .tech-value{color:#2d3436;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.9rem}.content-sections,.technical-sections,.visual-sections{display:grid;gap:2em}.content-sections .content-section,.content-sections .technical-section,.content-sections .visual-section,.technical-sections .content-section,.technical-sections .technical-section,.technical-sections .visual-section,.visual-sections .content-section,.visual-sections .technical-section,.visual-sections .visual-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1)}.content-sections .content-section .section-header,.content-sections .technical-section .section-header,.content-sections .visual-section .section-header,.technical-sections .content-section .section-header,.technical-sections .technical-section .section-header,.technical-sections .visual-section .section-header,.visual-sections .content-section .section-header,.visual-sections .technical-section .section-header,.visual-sections .visual-section .section-header{background:#2c3e50;color:#fff;padding:1.5em;display:flex;justify-content:space-between;align-items:center}.content-sections .content-section .section-header h3,.content-sections .technical-section .section-header h3,.content-sections .visual-section .section-header h3,.technical-sections .content-section .section-header h3,.technical-sections .technical-section .section-header h3,.technical-sections .visual-section .section-header h3,.visual-sections .content-section .section-header h3,.visual-sections .technical-section .section-header h3,.visual-sections .visual-section .section-header h3{margin:0;font-size:1.2rem;font-weight:700;color:#fff}.content-sections .content-section .section-header .toggle-button,.content-sections .technical-section .section-header .toggle-button,.content-sections .visual-section .section-header .toggle-button,.technical-sections .content-section .section-header .toggle-button,.technical-sections .technical-section .section-header .toggle-button,.technical-sections .visual-section .section-header .toggle-button,.visual-sections .content-section .section-header .toggle-button,.visual-sections .technical-section .section-header .toggle-button,.visual-sections .visual-section .section-header .toggle-button{background:0 0;border:none;color:#fff;cursor:pointer;padding:.5em;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.content-sections .content-section .section-header .toggle-button:hover,.content-sections .technical-section .section-header .toggle-button:hover,.content-sections .visual-section .section-header .toggle-button:hover,.technical-sections .content-section .section-header .toggle-button:hover,.technical-sections .technical-section .section-header .toggle-button:hover,.technical-sections .visual-section .section-header .toggle-button:hover,.visual-sections .content-section .section-header .toggle-button:hover,.visual-sections .technical-section .section-header .toggle-button:hover,.visual-sections .visual-section .section-header .toggle-button:hover{background:rgba(255,255,255,.1)}.content-sections .content-section .section-header .toggle-button .toggle-icon,.content-sections .technical-section .section-header .toggle-button .toggle-icon,.content-sections .visual-section .section-header .toggle-button .toggle-icon,.technical-sections .content-section .section-header .toggle-button .toggle-icon,.technical-sections .technical-section .section-header .toggle-button .toggle-icon,.technical-sections .visual-section .section-header .toggle-button .toggle-icon,.visual-sections .content-section .section-header .toggle-button .toggle-icon,.visual-sections .technical-section .section-header .toggle-button .toggle-icon,.visual-sections .visual-section .section-header .toggle-button .toggle-icon{width:20px;height:20px;fill:currentColor;transition:transform .3s ease}.content-sections .content-section .section-header .toggle-button.collapsed .toggle-icon,.content-sections .technical-section .section-header .toggle-button.collapsed .toggle-icon,.content-sections .visual-section .section-header .toggle-button.collapsed .toggle-icon,.technical-sections .content-section .section-header .toggle-button.collapsed .toggle-icon,.technical-sections .technical-section .section-header .toggle-button.collapsed .toggle-icon,.technical-sections .visual-section .section-header .toggle-button.collapsed .toggle-icon,.visual-sections .content-section .section-header .toggle-button.collapsed .toggle-icon,.visual-sections .technical-section .section-header .toggle-button.collapsed .toggle-icon,.visual-sections .visual-section .section-header .toggle-button.collapsed .toggle-icon{transform:rotate(-90deg)}.content-sections .content-section .section-content,.content-sections .technical-section .section-content,.content-sections .visual-section .section-content,.technical-sections .content-section .section-content,.technical-sections .technical-section .section-content,.technical-sections .visual-section .section-content,.visual-sections .content-section .section-content,.visual-sections .technical-section .section-content,.visual-sections .visual-section .section-content{padding:2em;transition:all .3s ease}.content-sections .content-section .section-content.collapsed,.content-sections .technical-section .section-content.collapsed,.content-sections .visual-section .section-content.collapsed,.technical-sections .content-section .section-content.collapsed,.technical-sections .technical-section .section-content.collapsed,.technical-sections .visual-section .section-content.collapsed,.visual-sections .content-section .section-content.collapsed,.visual-sections .technical-section .section-content.collapsed,.visual-sections .visual-section .section-content.collapsed{display:none}.content-sections .content-section .section-content .search-container,.content-sections .technical-section .section-content .search-container,.content-sections .visual-section .section-content .search-container,.technical-sections .content-section .section-content .search-container,.technical-sections .technical-section .section-content .search-container,.technical-sections .visual-section .section-content .search-container,.visual-sections .content-section .section-content .search-container,.visual-sections .technical-section .section-content .search-container,.visual-sections .visual-section .section-content .search-container{margin-bottom:1.5em}.data-grid{display:grid;gap:1em}.data-grid .data-item{display:flex;align-items:flex-start;gap:1em;padding:1em 0;border-bottom:1px solid #ecf0f1}.data-grid .data-item:last-child{border-bottom:none}.data-grid .data-item strong{color:#2c3e50;min-width:120px;flex-shrink:0}.data-grid .data-item span{color:#2d3436;line-height:1.4;word-break:break-word}.headings-structure{display:grid;gap:.5em;overflow-y:scroll;max-height:400px}.headings-structure .heading-item{display:flex;align-items:flex-start;gap:1em;padding:.75em;border-radius:6px;border-left:4px solid}.headings-structure .heading-item.h1{background:#d6eaf8;border-left-color:#3498db}.headings-structure .heading-item.h1 .heading-level{color:#3498db}.headings-structure .heading-item.h2{background:#e8f8f5;border-left-color:#2ecc71}.headings-structure .heading-item.h2 .heading-level{color:#2ecc71}.headings-structure .heading-item.h3{background:#fef5e7;border-left-color:#f39c12}.headings-structure .heading-item.h3 .heading-level{color:#f39c12}.headings-structure .heading-item .heading-level{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:.25em .5em;border-radius:4px;background:#fff;flex-shrink:0}.headings-structure .heading-item .heading-text{color:#2d3436;line-height:1.4;font-weight:600}.paragraph-list{display:grid;gap:1em;max-height:400px;overflow-y:auto}.paragraph-list .paragraph-item{display:flex;gap:1em;padding:1em;background:#ecf0f1;border-radius:6px}.paragraph-list .paragraph-item .paragraph-number{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-weight:700;color:#2c3e50;background:#fff;padding:.25em .5em;border-radius:4px;flex-shrink:0;height:fit-content}.paragraph-list .paragraph-item .paragraph-text{color:#2d3436;line-height:1.4}.navigation-list{display:grid;gap:.5em;max-height:400px;overflow-y:auto}.navigation-list .nav-item{display:flex;justify-content:space-between;align-items:center;padding:.75em 1em;background:#ecf0f1;border-radius:6px}@media (max-width:30em){.navigation-list .nav-item{flex-direction:column;align-items:flex-start;gap:.5em}}.navigation-list .nav-item .nav-text{font-weight:600;color:#2d3436}.navigation-list .nav-item .nav-href{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.8rem;color:#95a5a6;word-break:break-all}.forms-list{display:grid;gap:.5em;max-height:400px;overflow-y:auto}.forms-list .form-item{padding:1em;background:#ecf0f1;border-radius:6px;color:#2d3436;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.9rem}.styles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5em}.styles-grid .style-card{background:#ecf0f1;border-radius:8px;padding:1.5em}.styles-grid .style-card h4{color:#2c3e50;margin-bottom:1em;font-size:1.1rem}.styles-grid .style-card .style-properties{display:grid;gap:.75em}.styles-grid .style-card .style-properties .style-prop{display:flex;justify-content:space-between;align-items:center}.styles-grid .style-card .style-properties .style-prop .prop-name{font-weight:600;color:#2d3436}.styles-grid .style-card .style-properties .style-prop .prop-value{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.9rem;color:#95a5a6;display:flex;align-items:center;gap:.5em}.styles-grid .style-card .style-properties .style-prop .prop-value .color-preview{width:16px;height:16px;border-radius:3px;border:1px solid #95a5a6;flex-shrink:0}.layout-info{display:grid;gap:1em}.layout-info .layout-item{display:flex;justify-content:space-between;align-items:center;padding:.75em 0;border-bottom:1px solid #ecf0f1}.layout-info .layout-item:last-child{border-bottom:none}.layout-info .layout-item .layout-label{font-weight:600;color:#2d3436}.layout-info .layout-item .layout-value{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-weight:700;color:#2c3e50}.css-classes-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5em;max-height:400px;overflow-y:auto}.css-classes-list .css-class-item{background:#ecf0f1;border-radius:4px;padding:.5em}.css-classes-list .css-class-item code{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.9rem;color:#2c3e50}.meta-tags{display:grid;gap:1em}.meta-tags .meta-tag{display:flex;align-items:center;gap:1em;padding:1em;background:#ecf0f1;border-radius:6px}.meta-tags .meta-tag .meta-name{font-weight:700;color:#2c3e50;font-family:"Roboto Mono","SF Mono",Monaco,monospace;min-width:120px}.meta-tags .meta-tag .meta-value{color:#2d3436;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.9rem}.schemas-list{display:grid;gap:1.5em}.schemas-list .schema-item .schema-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em;padding-bottom:.5em;border-bottom:1px solid #ecf0f1}.schemas-list .schema-item .schema-header .schema-type{font-weight:700;color:#2c3e50;font-family:"Roboto Mono","SF Mono",Monaco,monospace}.schemas-list .schema-item .schema-header .schema-context{font-size:.8rem;color:#95a5a6;font-family:"Roboto Mono","SF Mono",Monaco,monospace}.schemas-list .schema-item .schema-content .code-block{max-height:300px;overflow-y:auto;font-size:.8rem;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2em}.resources-grid .resource-group h4{color:#2c3e50;margin-bottom:1em;font-size:1.1rem}.resources-grid .resource-group .resource-list{display:grid;gap:.5em;max-height:300px;overflow-y:auto}.resources-grid .resource-group .resource-list .resource-item{background:#ecf0f1;border-radius:4px;padding:.75em}.resources-grid .resource-group .resource-list .resource-item a{color:#2c3e50;text-decoration:none;font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-size:.9rem;word-break:break-all}.resources-grid .resource-group .resource-list .resource-item a:hover{text-decoration:underline}.frameworks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em}.frameworks-grid .framework-item{display:flex;justify-content:space-between;align-items:center;padding:1em;background:#ecf0f1;border-radius:6px}.frameworks-grid .framework-item .framework-name{font-weight:600;color:#2d3436}.frameworks-grid .framework-item .framework-status{font-weight:700;font-size:.9rem;padding:.25em .75em;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.frameworks-grid .framework-item .framework-status.active{background:#2ecc71;color:#fff}.frameworks-grid .framework-item .framework-status.inactive{background:#e74c3c;color:#fff}.structure-info{display:grid;gap:1em}.structure-info .structure-item{display:flex;justify-content:space-between;align-items:center;padding:.75em 0;border-bottom:1px solid #ecf0f1}.structure-info .structure-item:last-child{border-bottom:none}.structure-info .structure-item .structure-label{font-weight:600;color:#2d3436}.structure-info .structure-item .structure-value{font-family:"Roboto Mono","SF Mono",Monaco,monospace;font-weight:700;color:#2c3e50}.snapshot-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1)}.snapshot-section .section-header{background:#2c3e50;color:#fff;padding:1.5em;display:flex;justify-content:space-between;align-items:center}.snapshot-section .section-header h3{margin:0;font-size:1.2rem;font-weight:700;color:#fff}.snapshot-section .section-header .snapshot-actions{display:flex;gap:.5em}.snapshot-section .section-header .snapshot-actions .copy-button,.snapshot-section .section-header .snapshot-actions .download-button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5em 1em;border-radius:4px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5em;transition:all .3s ease}.snapshot-section .section-header .snapshot-actions .copy-button:hover,.snapshot-section .section-header .snapshot-actions .download-button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.snapshot-section .section-header .snapshot-actions .copy-button svg,.snapshot-section .section-header .snapshot-actions .download-button svg{fill:currentColor}.snapshot-section .snapshot-content{padding:0}.snapshot-section .snapshot-content .code-block{margin:0;border-radius:0;max-height:600px;overflow-y:auto;font-size:.85rem;line-height:1.4}.snapshot-section .snapshot-content .code-block pre{margin:0;padding:2em;white-space:pre-wrap;word-wrap:break-word}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:52em){.route-header .header-content{flex-direction:column;gap:1.5em}.route-header .route-stats{justify-content:center}.overview-grid{grid-template-columns:1fr}.styles-grid{grid-template-columns:1fr}.resources-grid{grid-template-columns:1fr}.frameworks-grid{grid-template-columns:1fr}}@media (max-width:30em){.route-header{padding:2em 0}.route-header .page-title{font-size:2rem}.route-header .route-stats{justify-content:space-between;gap:.5em}.analysis-tabs .tab-buttons .tab-button{padding:.75em 1.5em;font-size:.9rem}.tab-content-container{padding:1.5em 0}.content-section .section-content,.overview-card .section-content,.technical-section .section-content,.visual-section .section-content{padding:1.5em}.navigation-list .nav-item{flex-direction:column;align-items:flex-start;gap:.5em}.data-grid .data-item{flex-direction:column;gap:.5em}.data-grid .data-item strong{min-width:auto}}@media print{.route-header{background:#ecf0f1!important;color:#1a1a1a!important}.route-header::before{display:none!important}.analysis-tabs{display:none!important}.tab-content{display:block!important}.section-content{display:block!important}.toggle-button{display:none!important}.snapshot-actions{display:none!important}}