:root{--src-primary:var(--main-primary);--src-bg:#fff;--src-bg-secondary:#f8fafc;--src-text:#1e293b;--src-text-muted:#64748b;--src-border:#e2e8f0;--src-shadow:0 1px 3px #0000000f;--src-shadow-lg:0 4px 12px #00000014;--src-badge-desktop:#6366f1;--src-badge-tablet:#f59e0b;--src-badge-mobile:#10b981;--src-badge-landscape:#3b82f6;--src-badge-portrait:#8b5cf6;--src-bp-active:var(--main-primary);--src-bp-inactive:#cbd5e1}._src-container{flex-direction:column;gap:1.25rem;width:100%;max-width:900px;margin:0 auto;display:flex}@media (max-width:768px){._src-container{gap:1rem;padding-left:1rem;padding-right:1rem}}._src-visual{contain:layout style;flex-direction:column;align-items:center;min-height:380px;display:flex}._src-device{contain:layout style;will-change:contents;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}._src-device[style*="display: none"]{contain:strict;min-height:0!important}._src-device-desktop,._src-device-laptop{min-height:340px}._src-device-tablet{min-height:420px}._src-device-mobile{min-height:520px}._src-device-desktop{max-width:500px}._src-device-desktop ._src-monitor-bezel{background:linear-gradient(#2d3748 0%,#1a202c 100%);border-radius:12px;width:100%;padding:12px;position:relative;box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a}._src-device-desktop ._src-monitor-stand{flex-direction:column;align-items:center;display:flex}._src-device-desktop ._src-stand-neck{background:linear-gradient(#4a5568 0%,#2d3748 100%);width:50px;height:25px}._src-device-desktop ._src-stand-base{background:linear-gradient(#2d3748 0%,#1a202c 100%);border-radius:0 0 6px 6px;width:110px;height:10px}._src-device-desktop ._src-screen{aspect-ratio:16/10;border-radius:3px;width:100%;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #0000004d}._src-device-desktop ._src-desktop-bg{background:linear-gradient(135deg,#1e3a5f 0%,#0c2340 40%,#1a3050 60%,#0d2847 100%);border-radius:3px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}._src-device-desktop ._src-desktop-bg:before{content:"";background:radial-gradient(at 30% 20%,#63b3ed26 0%,#0000 50%),radial-gradient(at 70% 80%,#818cf81f 0%,#0000 40%);position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:767px){._src-device-desktop{max-width:100%}._src-device-desktop ._src-monitor-bezel{border-radius:8px;padding:6px}._src-device-desktop ._src-stand-neck{width:36px;height:18px}._src-device-desktop ._src-stand-base{width:80px;height:8px}}._src-device-laptop{perspective:500px;max-width:460px}._src-device-laptop ._src-laptop-screen{background:linear-gradient(#374151 0%,#1f2937 100%);border-radius:12px 12px 0 0;width:100%;padding:8px 8px 6px;position:relative;box-shadow:inset 0 1px #ffffff1a,0 -4px 20px #0000001a}._src-device-laptop ._src-laptop-camera{background:radial-gradient(circle,#1f2937 40%,#111827 100%);border-radius:50%;width:6px;height:6px;margin:0 auto 6px;box-shadow:inset 0 1px 2px #00000080}._src-device-laptop ._src-laptop-screen ._src-screen{border-radius:4px;box-shadow:inset 0 0 0 1px #0000004d}._src-device-laptop ._src-laptop-base{transform-origin:top;background:linear-gradient(#4b5563 0%,#374151 40%,#1f2937 100%);border-radius:0 0 3px 3px;width:102%;height:12px;margin-left:-1%;position:relative;transform:rotateX(70deg);box-shadow:0 8px 16px -4px #0006,inset 0 1px #ffffff1a}._src-device-laptop ._src-laptop-base:before{content:"";opacity:.5;background:repeating-linear-gradient(90deg,#0000 0 3px,#0003 3px 4px);height:6px;position:absolute;top:2px;left:10%;right:10%}._src-device-laptop ._src-screen{aspect-ratio:16/10;border-radius:3px;width:100%;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #0000004d}._src-device-laptop ._src-desktop-bg{background:linear-gradient(135deg,#1e3a5f 0%,#0c2340 40%,#1a3050 60%,#0d2847 100%);border-radius:3px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}._src-device-laptop ._src-desktop-bg:before{content:"";background:radial-gradient(at 30% 20%,#63b3ed26 0%,#0000 50%),radial-gradient(at 70% 80%,#818cf81f 0%,#0000 40%);position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:767px){._src-device-laptop{max-width:100%}._src-device-laptop ._src-laptop-screen{border-radius:10px 10px 0 0;padding:6px 6px 4px}._src-device-laptop ._src-laptop-camera{width:4px;height:4px;margin-bottom:4px}._src-device-laptop ._src-laptop-base{height:10px}}._src-device-tablet{max-width:300px}._src-device-tablet ._src-tablet-body{background:linear-gradient(#2d3748 0%,#1a202c 100%);border-radius:18px;width:100%;padding:12px 12px 36px;position:relative;box-shadow:0 20px 50px #00000059,inset 0 1px #ffffff1a}._src-device-tablet ._src-tablet-bezel{position:relative}._src-device-tablet ._src-tablet-camera{z-index:5;background:#1a202c;border:1px solid #4a5568;border-radius:50%;width:4px;height:4px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}._src-device-tablet ._src-tablet-home-btn{z-index:5;background:#1a202c;border:2px solid #4a5568;border-radius:50%;width:24px;height:24px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}._src-device-tablet ._src-screen{aspect-ratio:3/4;border-radius:3px;width:100%;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #0000004d}._src-device-tablet ._src-desktop-bg{background:linear-gradient(135deg,#1e3a5f 0%,#0c2340 40%,#1a3050 60%,#0d2847 100%);border-radius:3px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}._src-device-tablet ._src-desktop-bg:before{content:"";background:radial-gradient(at 30% 20%,#63b3ed26 0%,#0000 50%),radial-gradient(at 70% 80%,#818cf81f 0%,#0000 40%);position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:767px){._src-device-tablet{max-width:240px}._src-device-tablet ._src-tablet-body{border-radius:14px;padding:8px 8px 28px}._src-device-tablet ._src-tablet-home-btn{width:20px;height:20px;bottom:6px}}._src-device-mobile{max-width:260px}._src-device-mobile ._src-mobile-body{background:linear-gradient(#1f2937 0%,#111827 100%);border-radius:44px;width:100%;padding:10px;position:relative;box-shadow:0 30px 60px #0006,inset 0 1px #ffffff14}._src-device-mobile ._src-mobile-bezel{background:#000;border-radius:36px;position:relative;overflow:hidden}._src-device-mobile ._src-mobile-screen{aspect-ratio:9/19.5;background:#000;border-radius:0;width:100%;position:relative;overflow:hidden}._src-device-mobile ._src-screen-dims{z-index:60;pointer-events:none}._src-device-mobile ._src-screen-dims ._src-dim-line-width{height:12px;top:4px;left:4px;right:4px}._src-device-mobile ._src-screen-dims ._src-dim-line-height{width:12px;top:4px;bottom:4px;right:4px}._src-device-mobile ._src-screen-dims ._src-dim-line-width:after,._src-device-mobile ._src-screen-dims ._src-dim-line-height:after{width:6px;height:6px}._src-device-mobile ._src-screen-dims ._src-dim-value{padding:1px 3px;font-size:12px}._src-device-mobile ._src-label-screen{z-index:60;padding:2px 4px;font-size:6px;bottom:4px;left:4px}._src-device-mobile ._src-label-screen svg{width:7px;height:7px}._src-device-mobile ._src-mobile-notch{z-index:50;background:#000;border-radius:16px;justify-content:center;align-items:center;gap:6px;width:100px;height:28px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}._src-device-mobile ._src-mobile-speaker{background:#1f2937;border-radius:2px;width:44px;height:4px}._src-device-mobile ._src-mobile-front-cam{background:#1a1a2e;border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 2px #3b82f64d}._src-device-mobile ._src-mobile-home-indicator{z-index:50;background:#ffffff40;border-radius:2px;width:100px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}._src-device-mobile ._src-browser-mobile{width:100%;max-width:none;box-shadow:none;z-index:5;background:linear-gradient(#1a1a2e 0%,#0f0f1a 100%);border-radius:0;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;transform:none}._src-device-mobile ._src-mobile-statusbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:50px 20px 8px;display:flex}._src-device-mobile ._src-mobile-time{color:#fff;letter-spacing:-.02em;font-size:14px;font-weight:600}._src-device-mobile ._src-mobile-status-icons{align-items:center;gap:4px;display:flex}._src-device-mobile ._src-mobile-status-icons svg{color:#fff;width:14px;height:14px}._src-device-mobile ._src-mobile-urlbar{background:#ffffff1a;border-radius:10px;flex-shrink:0;margin:6px 12px;padding:8px 12px}._src-device-mobile ._src-mobile-url-content{color:#ffffffd9;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}._src-device-mobile ._src-mobile-url-content svg{color:#22c55e;width:10px;height:10px}._src-device-mobile ._src-viewport-mobile{background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;padding:12px 10px;display:flex;position:static;overflow:hidden}._src-device-mobile ._src-mobile-resolution{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;flex-direction:column;align-items:center;gap:2px;width:100%;padding:8px 12px;display:flex}._src-device-mobile ._src-mobile-res-label{text-transform:uppercase;letter-spacing:.05em;color:#f59e0b;font-size:9px;font-weight:600}._src-device-mobile ._src-mobile-res-value{color:var(--src-text,#1e293b);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}._src-device-mobile ._src-mobile-viewport-info{background:#06b6d41a;border:1px solid #06b6d44d;border-radius:6px;flex-direction:column;align-items:center;gap:2px;width:100%;padding:8px 12px;display:flex}._src-device-mobile ._src-mobile-vp-label{text-transform:uppercase;letter-spacing:.05em;color:#06b6d4;font-size:9px;font-weight:600}._src-device-mobile ._src-mobile-vp-value{color:var(--src-text,#1e293b);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}._src-device-mobile ._src-viewport-info{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}._src-device-mobile ._src-badge{border-radius:10px;align-items:center;gap:3px;padding:3px 6px;font-size:9px;font-weight:600;display:inline-flex}._src-device-mobile ._src-badge svg{width:10px;height:10px}._src-device-mobile ._src-badge-device{color:#10b981;background:#10b9811a}._src-device-mobile ._src-badge-orientation{color:#8b5cf6;background:#8b5cf61a}._src-device-mobile ._src-mobile-navbar{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-around;align-items:center;padding:8px 14px 12px;display:flex}._src-device-mobile ._src-mobile-nav-btn{color:#3b82f6;justify-content:center;align-items:center;width:28px;height:28px;display:flex}._src-device-mobile ._src-mobile-nav-btn svg{width:16px;height:16px}._src-device-mobile ._src-mobile-nav-btn:first-child,._src-device-mobile ._src-mobile-nav-btn:nth-child(2){color:#cbd5e1}@media (max-width:767px){._src-device-mobile{max-width:220px}._src-device-mobile ._src-mobile-body{border-radius:38px;padding:8px}._src-device-mobile ._src-mobile-bezel{border-radius:32px}._src-device-mobile ._src-mobile-notch{border-radius:14px;width:85px;height:24px;top:8px}._src-device-mobile ._src-mobile-speaker{width:36px;height:3px}._src-device-mobile ._src-mobile-front-cam{width:6px;height:6px}._src-device-mobile ._src-mobile-home-indicator{width:85px;height:3px}._src-device-mobile ._src-screen-dims ._src-dim-line-width{height:10px;top:3px;left:3px;right:3px}._src-device-mobile ._src-screen-dims ._src-dim-line-height{width:10px;top:3px;bottom:3px;right:3px}._src-device-mobile ._src-screen-dims ._src-dim-value{padding:1px 2px;font-size:10px}._src-device-mobile ._src-label-screen{padding:1px 3px;font-size:5px;bottom:2px;left:2px}._src-device-mobile ._src-label-screen svg{width:5px;height:5px}._src-device-mobile ._src-mobile-statusbar{padding-top:10px;padding-left:16px;padding-right:16px}._src-device-mobile ._src-mobile-time{font-size:10px}._src-device-mobile ._src-mobile-status-icons svg{width:10px;height:10px}._src-device-mobile ._src-mobile-urlbar{margin:4px 10px;padding:6px 10px}._src-device-mobile ._src-mobile-url-content{font-size:10px}._src-device-mobile ._src-viewport-mobile{gap:6px;padding:10px 8px}._src-device-mobile ._src-mobile-resolution,._src-device-mobile ._src-mobile-viewport-info{padding:6px 10px}._src-device-mobile ._src-mobile-res-label,._src-device-mobile ._src-mobile-vp-label{font-size:8px}._src-device-mobile ._src-mobile-res-value,._src-device-mobile ._src-mobile-vp-value{font-size:12px}._src-device-mobile ._src-badge{padding:2px 5px;font-size:8px}._src-device-mobile ._src-badge svg{width:8px;height:8px}._src-device-mobile ._src-mobile-navbar{padding:6px 12px 10px}._src-device-mobile ._src-mobile-nav-btn{width:24px;height:24px}._src-device-mobile ._src-mobile-nav-btn svg{width:14px;height:14px}}._src-screen-dims{--dim-color:#f59e0b;--dim-color-solid:#f59e0bf2}._src-viewport-dims{--dim-color:#06b6d4;--dim-color-solid:#06b6d4f2}._src-screen-dims{pointer-events:none;z-index:20;position:absolute;top:0;bottom:0;left:0;right:0}._src-screen-dims ._src-dim-line-width{justify-content:center;align-items:center;height:16px;display:flex;position:absolute;top:6px;left:1px;right:1px}._src-screen-dims ._src-dim-line-width:before{content:"";background:var(--dim-color);opacity:.8;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}._src-screen-dims ._src-dim-line-width:after{content:"";border-left-style:solid;border-left-width:2px;border-left-color:var(--dim-color);border-right-style:solid;border-right-width:2px;border-right-color:var(--dim-color);opacity:.8;height:8px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}._src-screen-dims ._src-dim-line-height{writing-mode:vertical-rl;justify-content:center;align-items:center;width:16px;display:flex;position:absolute;top:1px;bottom:1px;right:6px}._src-screen-dims ._src-dim-line-height:before{content:"";background:var(--dim-color);opacity:.8;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}._src-screen-dims ._src-dim-line-height:after{content:"";border-top-style:solid;border-top-width:2px;border-top-color:var(--dim-color);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--dim-color);opacity:.8;width:8px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}._src-screen-dims ._src-dim-value{z-index:1;font-variant-numeric:tabular-nums;letter-spacing:.03em;white-space:nowrap;background:var(--dim-color-solid);color:#fff;border-radius:2px;padding:.125rem .375rem;font-size:.5625rem;font-weight:700;position:relative;box-shadow:0 1px 4px #f59e0b80}._src-dim-arrow{display:none}._src-label{text-transform:uppercase;letter-spacing:.05em;border-radius:3px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.5625rem;font-weight:700;display:inline-flex}._src-label svg{width:10px;height:10px}._src-label-screen{z-index:15;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f59e0be6;position:absolute;bottom:8px;left:8px}._src-label-viewport{color:#fff;background:#06b6d4e6;margin-bottom:.375rem}._src-browser{background:var(--src-bg,#fff);z-index:5;contain:layout paint;border-radius:6px;width:88%;max-width:420px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 6px 24px #00000059,0 2px 6px #0003}._src-browser-chrome{background:#e2e8f0;border-bottom:1px solid #cbd5e1;align-items:center;gap:6px;padding:5px 8px;display:flex}._src-browser-traffic{gap:4px;display:flex}._src-traffic-btn{border-radius:50%;width:8px;height:8px}._src-traffic-btn.red{background:#ef4444}._src-traffic-btn.yellow{background:#f59e0b}._src-traffic-btn.green{background:#22c55e}._src-browser-tabs{flex:1;gap:2px;display:flex}._src-browser-tab{color:#64748b;background:#f8fafc;border-radius:3px 3px 0 0;align-items:center;gap:3px;padding:3px 8px;font-size:.5625rem;display:flex}._src-browser-tab.active{color:#334155;background:#fff}._src-browser-tab svg{width:8px;height:8px}._src-browser-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;padding:5px 8px;display:flex}._src-browser-nav{gap:3px;display:flex}._src-nav-btn{color:#94a3b8;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}._src-nav-btn svg{width:9px;height:9px}._src-browser-url{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:3px;flex:1;align-items:center;gap:4px;padding:3px 8px;font-size:.5rem;display:flex}._src-browser-url svg{color:#22c55e;width:8px;height:8px}._src-viewport{background:linear-gradient(#fff 0%,#f8fafc 100%);flex-direction:column;justify-content:center;align-items:center;gap:.375rem;min-height:100px;padding:1.25rem 1rem;display:flex;position:relative}._src-viewport-dims{pointer-events:none;z-index:10;position:absolute;top:0;bottom:0;left:0;right:0}._src-viewport-dims ._src-dim-line-width{justify-content:center;align-items:center;height:14px;display:flex;position:absolute;bottom:4px;left:4px;right:4px}._src-viewport-dims ._src-dim-line-width:before{content:"";background:var(--dim-color);opacity:.6;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}._src-viewport-dims ._src-dim-line-width:after{content:"";border-left-style:solid;border-left-width:1px;border-left-color:var(--dim-color);border-right-style:solid;border-right-width:1px;border-right-color:var(--dim-color);opacity:.6;height:8px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}._src-viewport-dims ._src-dim-line-height{writing-mode:vertical-rl;justify-content:center;align-items:center;width:14px;display:flex;position:absolute;top:4px;bottom:4px;left:4px}._src-viewport-dims ._src-dim-line-height:before{content:"";background:var(--dim-color);opacity:.6;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}._src-viewport-dims ._src-dim-line-height:after{content:"";border-top-style:solid;border-top-width:1px;border-top-color:var(--dim-color);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--dim-color);opacity:.6;width:8px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}._src-viewport-dims ._src-dim-value{z-index:1;font-variant-numeric:tabular-nums;letter-spacing:.03em;white-space:nowrap;background:var(--dim-color-solid);color:#fff;border-radius:2px;padding:.125rem .375rem;font-size:.5625rem;font-weight:700;position:relative;box-shadow:0 1px 3px #06b6d466}._src-viewport-info{flex-wrap:wrap;justify-content:center;gap:.375rem;display:flex}._src-badge{border-radius:2rem;align-items:center;gap:.2rem;padding:.2rem .4rem;font-size:.5rem;font-weight:600;display:inline-flex}._src-badge svg{flex-shrink:0;width:9px;height:9px}._src-badge-device{color:var(--src-badge-desktop);background:#6366f11a}._src-badge-device.tablet{color:var(--src-badge-tablet);background:#f59e0b1a}._src-badge-device.mobile{color:var(--src-badge-mobile);background:#10b9811a}._src-badge-orientation{color:var(--src-badge-landscape);background:#3b82f61a}._src-badge-orientation.portrait{color:var(--src-badge-portrait);background:#8b5cf61a}@media (max-width:767px){._src-screen-dims ._src-dim-line-width{height:14px;top:4px;left:4px;right:4px}._src-screen-dims ._src-dim-line-height{width:14px;top:4px;bottom:4px;right:4px}._src-screen-dims ._src-dim-value{padding:.1rem .25rem;font-size:.5rem}._src-browser{width:90%}._src-viewport{min-height:80px;padding:1rem .75rem}}._src-legend-cards{grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;margin-top:1.5rem;display:grid}._src-legend-card{border-style:solid;border-width:2px;border-radius:.75rem;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex;position:relative}._src-legend-card-screen{background:linear-gradient(135deg,#f59e0b14 0%,#f59e0b26 100%);border-color:#f59e0b66}._src-legend-card-viewport{background:linear-gradient(135deg,#06b6d414 0%,#06b6d426 100%);border-color:#06b6d466}._src-legend-indicator{border-radius:2px;flex-shrink:0;width:4px;height:36px}._src-legend-card-screen ._src-legend-indicator{background:#f59e0b}._src-legend-card-viewport ._src-legend-indicator{background:#06b6d4}._src-legend-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}._src-legend-header{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}._src-legend-title{color:var(--src-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.6875rem;font-weight:500}._src-resolution-name{color:#d97706;text-transform:uppercase;letter-spacing:.03em;background:#f59e0b26;border-radius:4px;margin-left:auto;padding:.125rem .5rem;font-size:.625rem;font-weight:700}._src-legend-value{font-variant-numeric:tabular-nums;color:var(--src-text);align-items:baseline;gap:.125rem;font-size:1.125rem;font-weight:700;display:flex}._src-legend-x{color:var(--src-text-muted);font-weight:400}._src-legend-unit{color:var(--src-text-muted);margin-left:.125rem;font-size:.75rem;font-weight:500}._src-legend-sub{color:var(--src-text-muted);margin-top:.25rem;font-size:.75rem}._src-legend-sub span{font-variant-numeric:tabular-nums;font-weight:600}._src-legend-card ._src-info-btn{width:16px;height:16px;color:var(--src-text-muted);cursor:pointer;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s;display:inline-flex}._src-legend-card ._src-info-btn:hover{opacity:1}._src-legend-card-screen ._src-info-btn:hover{color:#f59e0b}._src-legend-card-viewport ._src-info-btn:hover{color:#06b6d4}._src-legend-card ._src-info-btn svg{width:12px;height:12px}._src-legend-info{background:var(--src-bg);border-style:solid;border-width:1px;border-color:var(--src-border);color:var(--src-text-muted);z-index:20;border-radius:.5rem;margin-top:.5rem;padding:.75rem;font-size:.75rem;line-height:1.5;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000001a}._src-legend-card.show-info ._src-legend-info{display:block}._src-scaling-notice{color:var(--src-text-muted);background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:.5rem;align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem .875rem;font-size:.75rem;display:flex}._src-scaling-notice svg{color:#f59e0b;flex-shrink:0;width:14px;height:14px}._src-scaling-notice strong{color:#f59e0b;font-weight:700}._src-copy-btn{background:var(--src-bg);color:var(--src-text-muted);border-style:solid;border-width:1px;border-color:var(--src-border);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;margin:1rem auto 0;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}._src-copy-btn:hover{color:var(--src-primary);border-color:var(--src-primary)}._src-copy-btn svg{width:14px;height:14px}@media (max-width:767px){._src-legend-cards{grid-template-columns:1fr}._src-legend-card{padding:.75rem}._src-legend-value{font-size:1rem}._src-visual{min-height:320px}._src-device-desktop,._src-device-laptop{min-height:280px}._src-device-tablet{min-height:360px}._src-device-mobile{min-height:440px}}._src-stats-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}._src-stat-card{background:var(--src-bg);border-style:solid;border-width:1px;border-color:var(--src-border);box-shadow:var(--src-shadow);border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;display:flex;position:relative}._src-stat-icon{width:2.5rem;height:2.5rem;color:var(--src-primary);background:#6366f11a;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}._src-stat-icon svg{width:20px;height:20px}._src-stat-content{flex-direction:column;gap:.125rem;min-width:0;display:flex}._src-stat-value{color:var(--src-text);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.125rem;font-size:1.125rem;font-weight:600;display:flex}._src-stat-separator{color:var(--src-text-muted);font-weight:400}._src-stat-label{color:var(--src-text-muted);white-space:nowrap;align-items:center;gap:.375rem;font-size:.75rem;display:flex}._src-info-btn{width:16px;height:16px;color:var(--src-text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s;display:inline-flex}._src-info-btn:hover{opacity:1;color:var(--src-primary)}._src-info-btn svg{width:12px;height:12px}._src-stat-info{background:var(--src-bg);border-style:solid;border-width:1px;border-color:var(--src-border);color:var(--src-text-muted);z-index:10;border-radius:.5rem;margin-top:.5rem;padding:.75rem;font-size:.75rem;line-height:1.5;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000001a}._src-stat-card.show-info ._src-stat-info{display:block}@media (max-width:900px){._src-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){._src-stats-grid{grid-template-columns:1fr}._src-stat-card{padding:.875rem}._src-stat-value{font-size:1rem}}._src-tabs{background:var(--src-bg);border-style:solid;border-width:1px;border-color:var(--src-border);border-radius:.5rem;gap:0;margin-top:1rem;display:flex;overflow:hidden}._src-tab{color:var(--src-text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}._src-tab svg{flex-shrink:0}._src-tab:not(:last-child){border-right-style:solid;border-right-width:1px;border-right-color:var(--src-border)}._src-tab:hover{color:var(--src-text);background:var(--src-bg-secondary)}._src-tab:focus-visible{outline:2px solid var(--src-primary);outline-offset:-2px}._src-tab.active{background:var(--src-primary);color:#fff}._src-tab.active:hover{background:var(--src-primary)}@media (max-width:767px){._src-tab{padding:.625rem .75rem;font-size:.75rem}._src-tab span{font-size:12px}._src-tab svg{width:18px;height:18px}}._src-panel{background:var(--src-bg);border-style:solid;border-width:1px;border-color:var(--src-border);box-shadow:var(--src-shadow);border-radius:.75rem;overflow:hidden}._src-panel-header{background:var(--src-bg-secondary);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--src-border);color:var(--src-text);align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;display:flex}._src-panel-header>svg:first-child,._src-panel-header>span:first-child svg{color:var(--src-primary)}._src-panel-close{width:1.75rem;height:1.75rem;color:var(--src-text-muted);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;margin-left:auto;transition:background-color .15s,color .15s;display:flex}._src-panel-close:hover{color:var(--src-text);background:#0000000d}._src-breakpoint-content{flex-direction:column;gap:1rem;padding:1rem;display:flex}._src-breakpoint-track{gap:.25rem;display:flex}._src-breakpoint-segment{background:var(--src-bg-secondary);border-radius:.5rem;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.625rem .5rem;transition:background-color .2s,color .2s;display:flex}._src-breakpoint-segment.active{background:var(--src-primary)}._src-breakpoint-segment.active ._src-breakpoint-label,._src-breakpoint-segment.active ._src-breakpoint-range{color:#fff}._src-breakpoint-label{color:var(--src-text);font-size:.875rem;font-weight:600}._src-breakpoint-range{color:var(--src-text-muted);font-variant-numeric:tabular-nums;font-size:.6875rem}._src-breakpoint-current{text-align:center;color:var(--src-text-muted);border-top-style:solid;border-top-width:1px;border-top-color:var(--src-border);padding-top:.5rem;font-size:.875rem}._src-breakpoint-current strong{color:var(--src-primary);font-weight:600}._src-reference-content{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;display:grid}._src-reference-group{flex-direction:column;gap:.5rem;display:flex}._src-reference-group-title{color:var(--src-text-muted);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}._src-reference-group-title svg{width:14px;height:14px}._src-reference-items{flex-direction:column;gap:.25rem;display:flex}._src-reference-item{background:var(--src-bg-secondary);cursor:default;border-radius:.375rem;justify-content:space-between;align-items:center;padding:.5rem .625rem;transition:background-color .15s;display:flex}._src-reference-item:hover{background:#6366f114}._src-reference-item.match{background:#06b6d41f;border:1px solid #06b6d44d}._src-reference-item.current{background:#f59e0b1f;border:1px solid #f59e0b66}._src-reference-item.current ._src-reference-name:after{content:" ✓";color:#f59e0b;font-weight:700}._src-reference-name{color:var(--src-text);font-size:.8125rem}._src-reference-size{color:var(--src-text-muted);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.75rem}@media (max-width:767px){._src-breakpoint-segment{padding:.5rem .25rem}._src-breakpoint-label{font-size:.75rem}._src-breakpoint-range{font-size:.5625rem}._src-reference-content{grid-template-columns:1fr}}