*{box-sizing:border-box;margin:0;padding:0}body{width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100vw;height:100vh}.app{outline:none;flex-direction:column;width:100vw;height:100vh;transition:background-color .6s;display:flex;overflow:hidden}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#ffffffd9;border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 32px;display:flex}.header-left{flex-direction:column;gap:4px;display:flex}.app-header h1{color:#1a1a2e;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.logo-icon{vertical-align:middle;margin-right:2px}.header-right{align-items:center;gap:12px;display:flex}.subtitle{color:#666;font-size:13px;font-weight:400}.track-toggle{background:#f0f0f0;border-radius:10px;gap:4px;padding:3px;display:flex}.track-btn{cursor:pointer;color:#777;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.track-btn.active{color:#333;background:#fff;box-shadow:0 1px 4px #0000001a}.track-btn:hover:not(.active){color:#555}.breadcrumb{align-items:center;gap:2px;font-size:11px;display:flex}.breadcrumb-item{align-items:center;gap:2px;display:flex}.breadcrumb-sep{color:#bbb;margin:0 3px;font-size:10px}.breadcrumb-label{color:#999;cursor:pointer;font-family:inherit;font-weight:500;font-size:inherit;background:0 0;border:none;border-radius:4px;padding:2px 4px;transition:color .3s}.breadcrumb-label:hover{background:#0000000d}.breadcrumb-label.active{cursor:default;font-weight:700}.app-main{flex:1;min-height:0;display:flex}.viewer-area{flex:1;grid-template-columns:auto 1fr;align-items:center;min-width:0;display:grid}.zoom-viewer{justify-content:center;align-items:center;min-width:0;padding:12px;display:flex;overflow:hidden}.scene-container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;display:flex}.scene-svg{filter:drop-shadow(0 4px 20px #00000014);width:100%;height:auto;max-height:calc(100vh - 80px)}.scene-info-banner{color:#555;background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #3b82f6;border-radius:8px;max-width:100%;margin-bottom:8px;padding:8px 12px;font-size:12px;line-height:1.5}.minimap-column{flex-direction:column;justify-content:flex-end;gap:8px;max-height:100%;padding:8px 0 16px 16px;display:flex;overflow-y:auto}.analogy-legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #00000014;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex;box-shadow:0 2px 12px #0000000f}.analogy-legend-title{text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:2px;font-size:10px;font-weight:700}.analogy-badge{cursor:pointer;text-align:left;background:0 0;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:5px 8px;font-family:inherit;transition:all .2s;display:flex}.analogy-badge:hover{background:#00000008}.analogy-badge.active{background:#fffc;box-shadow:0 1px 4px #00000014}.analogy-icon{flex-shrink:0;font-size:16px}.analogy-text{font-size:11px;line-height:1.3}.analogy-text strong{font-weight:700}.minimap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #00000014;border-radius:14px;padding:10px 12px;box-shadow:0 2px 16px #00000014}.minimap-label{text-transform:uppercase;letter-spacing:.5px;color:#888;text-align:center;margin-bottom:6px;font-size:10px;font-weight:700}.minimap-svg{display:block}.mode-toggle{background:#f0f0f0;border-radius:10px;gap:4px;margin-bottom:20px;padding:3px;display:flex}.mode-btn{cursor:pointer;color:#777;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.mode-btn.active{color:#333;background:#fff;box-shadow:0 1px 4px #0000001a}.mode-btn:hover:not(.active){color:#555}.info-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-left:1px solid #0000000f;flex-direction:column;flex-shrink:0;width:380px;padding:24px 28px;display:flex;overflow-y:auto}.info-content{flex:1}.level-stepper{gap:6px;margin-bottom:20px;display:flex}.step-dot{cursor:pointer;background-color:#e0e0e0;border:none;border-radius:3px;width:24px;height:6px;padding:0;transition:all .3s}.step-dot:hover{background-color:#bbb;transform:scaleY(1.4)}.step-dot.active{cursor:default;width:32px}.step-dot.active:hover{transform:none}.step-dot.visited{background-color:#bdbdbd}.level-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:20px;margin-bottom:10px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.level-title{margin-bottom:14px;font-size:28px;font-weight:800;line-height:1.1}.level-description{color:#444;margin-bottom:20px;font-size:14px;line-height:1.7}.level-details{flex-direction:column;gap:10px;list-style:none;display:flex}.level-details li{color:#555;padding-left:18px;font-size:13px;line-height:1.5;position:relative}.level-details li:before{content:"→";color:#aaa;font-weight:700;position:absolute;left:0}.nav-buttons{border-top:1px solid #0000000f;gap:10px;margin-top:28px;padding-top:20px;display:flex}.nav-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.prev-btn{color:#333;background:#f5f5f5}.prev-btn:hover:not(:disabled){background:#e8e8e8}.next-btn{color:#fff;background:#333}.next-btn:hover:not(:disabled){filter:brightness(1.1)}.scene-svg g[style*="cursor: pointer"]:hover>rect,.scene-svg g[style*="cursor: pointer"]:hover>circle{filter:brightness(.95);transition:filter .15s}.scene-svg text[style*="cursor: pointer"]:hover{text-decoration:underline}.svg-tooltip{opacity:0;pointer-events:none;transition:opacity .1s}.svg-tooltip-trigger:hover .svg-tooltip{opacity:1;transition-delay:.15s}.svg-glossary-term{cursor:help;text-underline-offset:2px;-webkit-text-decoration:underline dotted #90a4ae;text-decoration:underline dotted #90a4ae;text-decoration-thickness:1.5px}.code-term{font-family:Courier New,Courier,monospace}.glossary-term{color:#78909c;text-underline-offset:2px;cursor:help;-webkit-text-decoration:underline dotted #90a4ae;text-decoration:underline dotted #90a4ae;position:relative}.deep-dive-btn{text-align:center;margin-top:12px;color:#fff!important;background:linear-gradient(135deg,#e00,#c00)!important;border-radius:12px!important;padding:12px 18px!important;font-size:13px!important;transition:transform .2s,box-shadow .2s!important}.deep-dive-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ee00004d}.scroll-hint{text-align:center;color:#aaa;min-height:20px;margin-top:16px;font-size:12px}.rosa-main{justify-content:center;display:flex;overflow-y:auto}.rosa-map{width:100%;max-width:1100px;padding:8px 32px 48px}.rosa-controls{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.variant-toggle{background:#f0f0f0;border-radius:10px;gap:4px;padding:3px;display:flex}.variant-btn{cursor:pointer;color:#777;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .2s}.variant-btn.active{color:#333;background:#fff;box-shadow:0 1px 4px #0000001a}.rosa-svg{filter:drop-shadow(0 2px 8px #0000000f);width:100%;height:auto;margin-bottom:16px;font-weight:500}.rosa-svg text[font-size="7"]{font-size:8px;font-weight:600}.rosa-svg text[font-size="8"]{font-size:9px;font-weight:600}.rosa-variant-note{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:20px;padding:14px 18px}.rosa-variant-note p{color:#444;margin:0;font-size:13px;line-height:1.6}.rosa-bridge{background:#fff;border:1px solid #e0e0e0;border-radius:14px;padding:18px 20px}.rosa-bridge h4{color:#333;margin:0 0 12px;font-size:15px}.rosa-bridge-content{align-items:center;gap:16px;display:flex}.rosa-bridge-side{background:#fafafa;border-radius:8px;flex:1;padding:12px}.rosa-bridge-side strong{margin-bottom:6px;font-size:13px;display:block}.rosa-bridge-side p{color:#444;white-space:pre-line;margin:0;font-size:13px;line-height:1.5}.rosa-bridge-arrow{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.rosa-bridge-arrow span{color:#666;white-space:nowrap;font-size:11px;font-weight:700}.rosa-bridge-arrow-line{background:linear-gradient(90deg,#f90,#1565c0);width:60px;height:2px;position:relative}.rosa-bridge-arrow-line:before{content:"◀";color:#f90;font-size:10px;position:absolute;top:-8px;left:-10px}.rosa-bridge-arrow-line:after{content:"▶";color:#1565c0;font-size:10px;position:absolute;top:-8px;right:-10px}.rosa-bridge-note{color:#555;background:#f5f5f5;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.6}.api-call-chain{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;margin:24px 0;padding:20px}.api-call-chain h4{color:#333;margin-bottom:16px;font-size:15px}.chain-svg{width:100%;max-width:700px;margin:0 auto 16px;display:block}.chain-steps{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.chain-step{border-radius:8px;align-items:flex-start;gap:10px;padding:8px 12px;transition:all .3s;display:flex}.chain-step.active{background:#fff;box-shadow:0 1px 4px #00000014}.chain-step.current{background:#e3f2fd;box-shadow:0 2px 8px #1565c026}.chain-step-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px;transition:background .3s}.chain-step-content strong{color:#333;font-size:13px;display:block}.chain-step-content p{color:#666;margin:4px 0 0;font-size:12px;line-height:1.5}.chain-controls{align-items:center;gap:8px;display:flex}.chain-note{color:#777;margin-top:12px;font-size:12px;font-style:italic;line-height:1.5}.deep-dive{width:100%;max-width:1100px;padding:0 32px 48px}.dd-tabs{background:#f0f0f0;border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.dd-tab{cursor:pointer;color:#777;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.dd-tab.active{color:#333;background:#fff;box-shadow:0 1px 4px #0000001a}.dd-tab:hover:not(.active){color:#555;background:#ffffff80}.dd-tab-icon{align-items:center;font-size:16px;display:flex}.dd-tab-brand-logo{align-items:center;gap:4px;display:flex}.dd-brand-img{width:auto;height:12px}.dd-content{min-height:0}.dd-page-title{color:#1a1a2e;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font-size:22px;font-weight:800;line-height:1.3;display:flex}.dd-page-title em{color:#555;font-style:italic;font-weight:600}.dd-title-icon{vertical-align:middle;flex-shrink:0}.dd-title-logo{width:auto;height:28px}.variant-logo{vertical-align:middle;width:auto;height:14px}.dd-overview{max-width:1000px}.dd-overview-title{color:#1a1a2e;margin-bottom:8px;font-size:28px;font-weight:800}.dd-overview-subtitle{color:#555;margin-bottom:28px;font-size:15px;line-height:1.6}.dd-overview-grid{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.dd-category-header{border-left:5px solid;border-radius:12px;margin-top:12px;padding:16px 20px}.dd-category-header.managed{background:linear-gradient(135deg,#fde8e8,#fff5f5);border-color:#ffcdd2 #ffcdd2 #ffcdd2 #c00;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px}.dd-category-header.self-managed{background:linear-gradient(135deg,#e3f2fd,#f0f7ff);border-color:#bbdefb #bbdefb #bbdefb #1565c0;border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px;border-right-style:solid;border-right-width:1px}.dd-category-header h3{text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:18px;font-weight:800}.dd-category-header.managed h3{color:#c00}.dd-category-header.self-managed h3{color:#1565c0}.dd-category-header p{color:#666;margin:0;font-size:13px;line-height:1.5}.dd-card{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e0e0e0;border-radius:14px;padding:18px 20px;font-family:inherit;transition:all .2s;display:block}.dd-card:hover{border-color:#bbb;transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.dd-card.managed:hover{border-color:#ef5350}.dd-card.self-managed:hover{border-color:#42a5f5}.dd-card-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:8px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.dd-card-badge.rosa{background:#c00}.dd-card-badge.osd{background:#7b1fa2}.dd-card-badge.assisted{background:#1565c0}.dd-card-badge.local{background:#2e7d32}.dd-card h4{color:#1a1a2e;margin:0 0 8px;font-size:16px;font-weight:700}.dd-card p{color:#555;margin:0 0 10px;font-size:13px;line-height:1.6}.dd-card-providers{gap:6px;margin-bottom:10px;display:flex}.provider-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.provider-badge.aws{color:#e65100;background:#fff3e0;border:1px solid #ffe0b2}.provider-badge.gcp{color:#1a73e8;background:#e8f0fe;border:1px solid #a8c7fa}.provider-badge.bare-metal{color:#455a64;background:#eceff1;border:1px solid #cfd8dc}.provider-badge.vm{color:#7b1fa2;background:#f3e5f5;border:1px solid #e1bee7}.provider-badge.local{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9}.dd-card-cta{color:#06c;font-size:12px;font-weight:700}.dd-comparison{background:#fff;border:1px solid #e0e0e0;border-radius:14px;padding:20px 24px;overflow-x:auto}.dd-comparison h3{color:#333;margin:0 0 14px;font-size:16px;font-weight:700}.dd-table{border-collapse:collapse;width:100%;font-size:13px}.dd-table th{text-align:center;color:#333;white-space:nowrap;border-bottom:2px solid #e0e0e0;padding:8px 12px;font-weight:700}.dd-table td{text-align:center;color:#555;border-bottom:1px solid #f0f0f0;padding:10px 12px}.dd-table-label{white-space:nowrap;font-weight:600;text-align:left!important;color:#333!important}.dd-table tr:last-child td{border-bottom:none}.dd-table tr:hover td{background:#fafafa}.app-footer{color:#aaa;z-index:10;pointer-events:none;font-size:11px;font-weight:500;position:fixed;bottom:4px;left:16px}.glossary-bar{color:#444;z-index:10;pointer-events:none;white-space:nowrap;background:#fffffff2;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:400;display:flex;position:fixed;bottom:40px;right:416px;box-shadow:0 1px 4px #0000001f}.glossary-bar.in-gutter{white-space:normal;align-items:flex-start;min-width:140px;max-width:calc(50vw - 570px);font-size:12px;line-height:1.55;inset:50vh auto auto 12px;transform:translateY(-50%)}.glossary-footer-icon{color:#78909c;flex-shrink:0;margin-top:2px}@media (width<=900px){.app-main{flex-direction:column}.info-panel{border-top:1px solid #0000000f;border-left:none;width:100%;max-height:40vh}.zoom-viewer{padding:12px}.minimap{transform-origin:0 100%;margin:0 0 8px 8px;transform:scale(.75)}}.ocp-console-diagram{background:#fff;border:2.5px solid #4db6ac;border-radius:16px;margin:16px 0;overflow:hidden}.ocp-titlebar{background:#1b2a3d;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.ocp-titlebar-left{align-items:center;gap:10px;display:flex}.ocp-titlebar-text{color:#fff;font-size:14px;font-weight:700}.ocp-titlebar-badge{color:#aaa;font-size:11px}.ocp-perspective-bar{background:#f8f8f8;border-bottom:1px solid #e0e0e0;align-items:center;gap:8px;padding:10px 18px;display:flex}.ocp-persp-btn{color:#00695c;cursor:default;background:#e0f2f1;border:1px solid #4db6ac;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:600;display:flex}.ocp-persp-btn.active{color:#fff;background:#00695c;border-color:#00695c}.ocp-persp-hint{color:#999;margin-left:8px;font-size:11px}.ocp-body{gap:0;display:flex}.ocp-nav{background:#f5f5f5;border-right:1px solid #e0e0e0;width:170px;min-width:170px;padding:12px 8px}.ocp-nav-title{color:#333;margin-bottom:8px;padding-left:6px;font-size:12px;font-weight:700}.ocp-nav-item{cursor:default;background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:4px;padding:8px;display:flex}.ocp-nav-item.active{background:#e0f2f1;border-color:#4db6ac}.ocp-nav-item svg{flex-shrink:0;margin-top:1px}.ocp-nav-label{color:#333;font-size:11px;font-weight:700}.ocp-nav-item.active .ocp-nav-label{color:#00695c}.ocp-nav-desc{color:#999;font-size:9px}.ocp-main{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex}.ocp-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;padding:14px}.ocp-section-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.ocp-section-header h3{color:#333;margin:0;font-size:14px;font-weight:700}.ocp-section-desc{color:#777;margin:0 0 10px;font-size:11px}.ocp-cards{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ocp-card{border:1.5px solid;border-radius:8px;flex-direction:column;gap:3px;min-height:72px;padding:10px;display:flex}.ocp-card-name{font-size:12px;font-weight:700}.ocp-card-desc{color:#777;font-size:10px}.ocp-card-extra{margin-top:auto;font-size:10px;font-style:italic}.ocp-bottom-row{gap:12px;display:flex}.ocp-operators{background:#fde8e8;border:1.5px solid #ef5350;border-radius:10px;flex:1;padding:14px}.ocp-op-item{background:#fff;border:1px solid #ef9a9a;border-radius:6px;margin-bottom:6px;padding:8px 10px}.ocp-op-name{color:#c62828;font-size:11px;font-weight:700}.ocp-op-desc{color:#777;font-size:10px}.ocp-op-note{color:#e65100;margin-top:2px;font-size:9.5px;font-style:italic}.ocp-right-col{flex-direction:column;flex:1;gap:12px;display:flex}.ocp-dev-persp{background:#e0f2f1;border:1.5px solid #4db6ac;border-radius:10px;padding:14px}.ocp-dev-btns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ocp-dev-btn{color:#004d40;background:#b2dfdb;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:10.5px;font-weight:600;display:flex}.ocp-dev-footnote{color:#00695c;margin:8px 0 0;font-size:9.5px;font-style:italic}.ocp-resources-callout{background:#fff8e1;border:1.5px solid #ffa000;border-radius:10px;padding:14px}.ocp-res-boxes{gap:8px;margin-bottom:8px;display:flex}.ocp-res-box{border:1px solid;border-radius:6px;flex:1;padding:8px 10px}.ocp-res-box.builtin{background:#e8f5e9;border-color:#81c784}.ocp-res-box.custom{background:#fde8e8;border-color:#ef5350}.ocp-res-label{font-size:10px;font-weight:700}.ocp-res-box.builtin .ocp-res-label{color:#2e7d32}.ocp-res-box.custom .ocp-res-label{color:#c62828}.ocp-res-examples{color:#555;margin-top:2px;font-size:9.5px}.ocp-res-explain{color:#e65100;margin:0;font-size:10px;line-height:1.5}.ocp-dev-topology-demo{background:#f5f5f5;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:14px;display:flex}.ocp-topo-node{text-align:center;border:2px solid;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:80px;padding:10px 16px;font-size:11px;font-weight:600;display:flex}.ocp-topo-node.deploy{color:#c62828;background:#ffebee;border-color:#ef5350}.ocp-topo-node.svc{color:#283593;background:#e8eaf6;border-color:#7986cb}.ocp-topo-node.route{color:#00695c;background:#e0f2f1;border-color:#4db6ac}.ocp-topo-badge{background:#00000014;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:400}.ocp-topo-arrow{color:#999;font-size:18px;font-weight:300}.ocp-persp-btn{cursor:pointer;position:relative}.zoom-link-corner{pointer-events:none;line-height:0;position:absolute;top:-10px;right:-10px}.zoom-link-corner svg{filter:drop-shadow(0 1px 2px #00000026);display:block}.explore-more{background:#f8f9fa;border:1px solid #e0e0e0;border-left:4px solid #1565c0;border-radius:12px;margin-top:24px;padding:16px 20px}.explore-more h4{color:#1565c0;align-items:center;gap:6px;margin:0 0 10px;font-size:14px;font-weight:700;display:flex}.explore-more ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.explore-more li{font-size:13px;line-height:1.4}.explore-more a{color:#1565c0;align-items:center;gap:3px;font-weight:600;text-decoration:none;display:inline-flex}.explore-more a:hover{text-decoration:underline}.explore-more-desc{color:#777;font-weight:400}.hf-mock-note{color:#444;margin:0 0 10px;font-size:13px}.hf-mock{color:#151515;background:#fff;border:1px solid #d2d2d2;border-radius:8px;margin-bottom:16px;padding:16px 16px 12px;font-size:14px}.hf-mock-crumb{color:#6a6e73;flex-wrap:wrap;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.hf-mock h3{margin:0 0 10px;font-size:22px;font-weight:500}.hf-region-bar{align-items:center;gap:12px;margin-bottom:12px;display:flex;position:relative}.hf-region-bar label{font-weight:500}.hf-region-dd{position:relative}.hf-region-btn{font:inherit;white-space:nowrap;text-align:left;cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%236a6e73' d='M0 0l5 6 5-6z'/></svg>") right 10px center no-repeat;border:1px solid #8a8d90;border-radius:3px;min-width:420px;height:36px;padding:0 32px 0 10px;font-size:14px}.hf-region-menu{z-index:5;background:#fff;border:1px solid #d2d2d2;border-radius:4px;min-width:420px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #00000026}.hf-region-menu button{text-align:left;width:100%;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:14px;display:block}.hf-region-menu button:hover,.hf-region-menu button[aria-selected=true]{background:#e7f1fa}.hf-mock-tabs{border-bottom:1px solid #d2d2d2;margin-bottom:12px;display:flex}.hf-mock-tab{font:inherit;cursor:default;background:0 0;border:0;border-bottom:3px solid #0000;padding:8px 16px}.hf-mock-tab.active{border-bottom-color:#e00;font-weight:500}.hf-mock-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.hf-mock-toolbar input,.hf-mock-toolbar select{font:inherit;background:#fff;border:1px solid #8a8d90;border-radius:3px;height:36px;padding:0 10px;font-size:14px}.hf-mock-toolbar input{width:220px}.hf-btn{font:inherit;cursor:default;border-radius:18px;height:36px;padding:0 16px}.hf-btn-primary{color:#fff;background:#06c;border:1px solid #06c}.hf-btn-secondary{color:#06c;background:#fff;border:1px solid #06c}.hf-linkish{color:#06c;font:inherit;cursor:default;background:0 0;border:0}.hf-mock-meta{color:#4d4d4d;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.hf-mock table{border-collapse:collapse;width:100%}.hf-mock th,.hf-mock td{text-align:left;white-space:nowrap;border-bottom:1px solid #e6e6e6;padding:10px 8px;font-size:13px}.hf-mock a{color:#06c;text-decoration:none}.hf-status{align-items:center;gap:6px;display:inline-flex}.hf-status.ready{color:#3e8635}.hf-status.pending{color:#06c}.hf-region-table{border-collapse:collapse;width:100%;margin-top:8px}.hf-region-table th,.hf-region-table td{text-align:left;white-space:normal;border-bottom:1px solid #eee;padding:6px 8px;font-size:13px}.hf-region-table th:nth-child(2),.hf-region-table td:nth-child(2){white-space:nowrap;width:12rem;min-width:12rem}