/* A bright equipment showroom, with the comparison tools below the gear. */
.compare-page>.page-heading{padding:16px 0 28px;align-items:center}
.compare-page>.page-heading h1{font-size:38px}
.compare-page>.page-heading .eyebrow{font-size:11px;margin-bottom:9px}
.compare-page>.page-heading p{font-size:15px;margin-top:9px}
.gear-studio{margin-bottom:40px}
.studio-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}
.studio-eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--blue)}
.studio-eyebrow>span{font-weight:400;color:#8091a3;margin-left:8px}
.studio-head h2{font-size:27px;letter-spacing:-.045em;margin-top:9px}
.studio-mode{display:flex;gap:4px;flex-shrink:0;padding:4px;border:1px solid var(--line);border-radius:9px;background:#f5f7fa}
.studio-mode button{border:0;background:transparent;border-radius:5px;color:#687a8d;font-size:13px;padding:9px 14px;display:flex;align-items:center;gap:7px;min-height:38px}
.studio-mode button svg{width:17px;height:17px}
.studio-mode button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 1px 4px #18345512}
.studio-stage{height:450px;position:relative;isolation:isolate;border:1px solid #e0eaf0;border-radius:14px 14px 0 0;background:radial-gradient(ellipse at 48% 15%,#fff 0%,#f3f9fc 45%,#e7f0f6 100%);overflow:clip}
.studio-contours{position:absolute;width:850px;height:850px;right:-400px;top:-290px;border-radius:45%;transform:rotate(-25deg);background:repeating-radial-gradient(ellipse at center,transparent 0 29px,#bed2df40 30px 31px);opacity:.5;pointer-events:none;z-index:-1}
.studio-model-note,.studio-live-label{position:absolute;top:22px;font-size:10px;letter-spacing:.13em;color:#778c9e;font-weight:600;z-index:2;pointer-events:none}
.studio-model-note{left:26px;border:1px solid #d6e3ed;background:#ffffff77;padding:5px 8px;border-radius:4px}
.studio-live-label{right:26px;display:flex;align-items:center;gap:7px}
.studio-live-label>span{width:5px;height:5px;background:#6a96b4;border-radius:50%}
.studio-canvas{position:absolute;inset:8px 0 48px;cursor:grab}
.studio-canvas:active{cursor:grabbing}
.studio-canvas canvas{display:block;width:100%;height:100%}
.studio-view-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#ffffffdc;backdrop-filter:blur(8px);border:1px solid #dbe6ee;box-shadow:0 5px 25px #38506a08;border-radius:7px;padding:4px;z-index:2;gap:3px}
.studio-view-controls button{font-size:12px;color:#6b7c8f;border:0;border-radius:4px;background:transparent;padding:8px 13px;min-height:35px}
.studio-view-controls button[aria-pressed=true]{color:var(--blue);background:#eaf0ff;font-weight:600}
.studio-view-controls button:hover{background:#f1f5fb}
.studio-view-controls [data-studio-reset]{border-left:1px solid var(--line);border-radius:0;margin-left:5px;white-space:nowrap}
.studio-drag-hint{position:absolute;bottom:29px;left:26px;font-size:11px;color:#7c8fa0;pointer-events:none}
.studio-photo-grid{position:absolute;inset:54px 25px 25px;display:grid;grid-template-columns:repeat(var(--gear-count),minmax(0,1fr));gap:25px}
.studio-photo{min-width:0;display:flex;align-items:center;justify-content:center;position:relative}
.studio-photo img{width:100%;height:100%;max-height:330px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(12px 22px 10px #334b6120);transform:rotate(-9deg);transition:transform .3s}
.studio-photo:hover img{transform:rotate(-6deg) translateY(-7px)}
.studio-photo-number{position:absolute;font-family:var(--heading);font-size:140px;font-weight:800;color:var(--gear-color);opacity:.045;top:20%;left:15%;z-index:-1;letter-spacing:-.1em}
.studio-start{position:absolute;inset:auto 15px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;z-index:3}
.studio-start>span,.studio-start>p{display:none}.studio-start .button{box-shadow:0 5px 20px #265ce22a}
.studio-loading{position:absolute;inset:0;display:grid;place-items:center;background:#f4f9fcc9;font-size:14px;color:#536c85;z-index:4}
.studio-loading:before{content:'';width:24px;height:24px;border:2px solid #d1deef;border-top-color:var(--blue);border-radius:50%;animation:studio-spin .8s linear infinite;position:absolute;top:calc(50% - 45px)}
@keyframes studio-spin{to{transform:rotate(360deg)}}
.studio-error{position:absolute;bottom:12px;left:20px;right:20px;text-align:center;font-size:12px;background:#ffffffed;color:#63778b;border:1px solid var(--line);padding:10px;border-radius:6px;z-index:5}
.studio-stage[data-mode="3d"] .studio-photo-grid,.studio-stage[data-mode="photos"] .studio-canvas,.studio-stage[data-mode="photos"] .studio-view-controls,.studio-stage[data-mode="photos"] .studio-drag-hint,.studio-stage[data-mode="photos"] .studio-model-note,.studio-stage[data-mode="photos"] .studio-live-label{display:none}
.studio-stage[data-mode="3d"]:not(.is-ready) .studio-view-controls,.studio-stage[data-mode="3d"]:not(.is-ready) .studio-drag-hint{display:none}
.studio-products{display:grid;grid-template-columns:repeat(var(--gear-count),minmax(0,1fr));border:1px solid #e0eaf0;border-top:0;border-radius:0 0 12px 12px;overflow:hidden;background:white}
.studio-product{display:flex;align-items:center;gap:13px;padding:22px 24px;background:white;border:0;color:var(--ink);text-align:left;position:relative;min-width:0;transition:background .2s}
.studio-product+.studio-product{border-left:1px solid var(--line)}
.studio-product:before{content:'';position:absolute;top:0;left:24px;right:24px;height:3px;background:var(--gear-color);opacity:.65}
.studio-product[aria-pressed=true]{background:#f6f9fd}
.studio-product[aria-pressed=true]:before{height:4px;opacity:1}
.studio-product:hover{background:#f8fafd}
.studio-product:focus-visible{outline-offset:-4px}
.studio-product-swatch{font-size:12px;color:var(--gear-color);font-weight:600;align-self:flex-start;margin-top:7px}
.studio-product-thumb{width:46px;height:68px;flex-shrink:0;display:grid;place-items:center}
.studio-product-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.studio-product-name{display:flex;flex-direction:column;gap:4px;min-width:0}
.studio-product-name small{font-size:11px;text-transform:uppercase;color:#6b7c8f;letter-spacing:.08em;line-height:1.5}
.studio-product-name small>span{letter-spacing:0;color:#8f9ba9}
.studio-product-name strong{font-family:var(--heading);font-size:24px;letter-spacing:-.05em;line-height:1.25}
.studio-product-name>span{font-size:13px;margin-top:2px}.studio-price-unit{font-size:10px;color:#8190a0}
.studio-product-name>.studio-shape-label{color:var(--gear-color);font-size:10px;font-weight:600;letter-spacing:.01em;background:color-mix(in srgb,var(--gear-color) 7%,white);padding:4px 7px;border-radius:4px;align-self:flex-start;line-height:1.4;margin:3px 0}
.studio-product-check{margin-left:auto;font-size:20px;color:var(--gear-color)}
.studio-product[aria-pressed=true] .studio-product-check{font-size:0}.studio-product[aria-pressed=true] .studio-product-check:after{content:'✓';font-size:17px}
.studio-footnote{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;color:#7a8a99;padding:14px 0;line-height:1.7}
.studio-footnote>span:first-child{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.studio-footnote svg{width:15px;height:15px}.studio-footnote strong{font-weight:500;color:#4e647a}
.studio-view-story{display:grid;grid-template-columns:145px 1fr 1.7fr;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0 30px}
.studio-story-number{font-size:10px;letter-spacing:.1em;color:var(--blue);font-weight:600}
.studio-view-story h3{font-size:25px}.studio-view-story p{font-size:14px;line-height:1.8;color:var(--muted)}
.studio-shape-guide{border-bottom:1px solid var(--line)}
.studio-shape-guide summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:20px 0;list-style:none}
.studio-shape-guide summary::-webkit-details-marker{display:none}
.studio-shape-guide summary>span:first-child{display:flex;align-items:center;gap:25px}
.studio-shape-guide summary .studio-story-number{width:145px;flex-shrink:0}
.studio-shape-guide summary strong{font-size:15px;font-weight:500}
.shape-guide-toggle{display:grid;place-items:center;width:26px;height:26px;background:#edf3fb;color:var(--blue);border-radius:50%;font-size:18px;transition:transform .2s}
.studio-shape-guide[open] .shape-guide-toggle{transform:rotate(45deg)}
.shape-guide-content{padding:0 0 24px}
.shape-guide-intro{font-size:13px;line-height:1.8;color:var(--muted);max-width:740px;margin-bottom:20px}
.shape-family-grid{display:grid;grid-template-columns:repeat(var(--shape-count),minmax(0,1fr));gap:16px}
.shape-family{border:1px solid #e1e9ee;border-radius:10px;padding:22px;background:linear-gradient(155deg,#f7fafc,white);min-width:0}
.shape-family-number{font-size:9px;letter-spacing:.13em;font-weight:600;color:var(--shape-color)}
.shape-family h4{font-size:20px;letter-spacing:-.03em;margin:8px 0 22px}
.shape-diagram-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.11em;color:#7a8d9c}
.shape-family svg{display:block;width:100%;height:auto;max-height:100px;margin-bottom:6px;color:var(--shape-color)}
.shape-outline{fill:currentColor;fill-opacity:.17;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.shape-profile-line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
.shape-baseline{stroke:#cfdae2;stroke-width:1;stroke-dasharray:3 4}
.shape-family>p{font-size:13px;line-height:1.75;color:#536b7f;min-height:68px;margin:15px 0}
.shape-family dl{margin:0;display:grid;gap:9px}.shape-family dl>div{display:grid;grid-template-columns:40px 1fr;gap:10px;font-size:11px;line-height:1.6}.shape-family dt{color:#263e53;font-weight:600}.shape-family dd{color:#778695;margin:0}
.shape-guide-source{font-size:10px;color:#84919f;line-height:1.8;margin-top:18px}.shape-guide-source a{text-decoration:underline;text-underline-offset:3px}
.compare-page .radar-panel{margin-top:0;background:#fff}
.compare-page .radar-layout{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);align-items:start}
.compare-page .radar-figure{max-width:480px;width:100%;justify-self:center}
.compare-page .radar-sidebar{gap:12px}
.compare-page .radar-product-image{height:66px;width:64px}
.compare-page .radar-products .radar-legend-item{padding:8px 12px}
.compare-page .radar-product-copy strong{font-size:18px}
.compare-page .radar-product-copy small{display:none}
.compare-page .radar-product-profile{margin-top:6px}
@media(max-width:1023px){.studio-drag-hint{display:none}.studio-product{padding:20px 16px;gap:9px}.studio-product-name strong{font-size:22px}.studio-view-story{grid-template-columns:110px 1fr 1.4fr;gap:16px}.studio-footnote{align-items:start}.studio-footnote>span:last-child{max-width:200px}}
@media(max-width:767px){
 .compare-page>.page-heading{padding:8px 0 27px}.compare-page>.page-heading h1{font-size:34px}.compare-page>.page-heading p{font-size:14px;max-width:270px}.compare-page>.page-heading>.button{margin-top:18px}
 .studio-head{display:block;margin-bottom:14px}.studio-head h2{font-size:24px;max-width:270px;line-height:1.25}.studio-mode{width:fit-content;margin-top:18px}.studio-mode button{font-size:12px;padding:8px 12px;min-height:40px}.studio-eyebrow{font-size:10px}
 .studio-stage{height:360px;border-radius:11px 11px 0 0}.studio-canvas{inset:34px 0 59px}.studio-model-note{top:14px;left:13px;font-size:8px}.studio-live-label{font-size:8px;right:13px;top:22px}
 .studio-view-controls{bottom:13px;padding:3px;gap:1px;max-width:calc(100% - 20px)}.studio-view-controls button{min-height:40px;padding:8px 9px;font-size:11px}.studio-view-controls [data-studio-reset]{margin-left:2px}.studio-view-controls [data-studio-reset] span{display:none}
 .studio-photo-grid{inset:18px 12px 50px;gap:7px}.studio-photo img{max-height:230px}.studio-photo-number{font-size:80px;left:5%;top:28%}.studio-start .button{font-size:12px;min-height:42px;padding:11px 16px}
 .studio-product{flex-wrap:wrap;gap:7px;padding:15px 11px}.studio-product:before{left:11px;right:11px}.studio-product-thumb{width:27px;height:46px}.studio-product-swatch{font-size:10px;margin-top:0}.studio-product-name{flex-basis:100%;gap:4px}.studio-product-name strong{font-size:18px;overflow-wrap:anywhere}.studio-product-name small{font-size:9px;letter-spacing:.03em}.studio-product-name>span{font-size:12px}.studio-price-unit{display:block;font-size:9px}.studio-product-check{position:absolute;top:25px;right:12px;font-size:16px}
 .studio-footnote{display:block;font-size:10px;line-height:1.8;padding:12px 2px}.studio-footnote>span:last-child{display:block;max-width:none}.studio-footnote svg{display:none}
 .studio-view-story{display:block;padding:18px 2px 25px}.studio-view-story h3{font-size:24px;margin:11px 0}.studio-view-story p{font-size:14px}.gear-studio{margin-bottom:28px}
 .studio-product-name>.studio-shape-label{font-size:9px;padding:4px 5px}
 .studio-shape-guide summary{padding:18px 2px;gap:12px}.studio-shape-guide summary>span:first-child{display:block}.studio-shape-guide summary .studio-story-number{display:block;width:auto;margin-bottom:7px}.studio-shape-guide summary strong{font-size:14px}.shape-guide-toggle{flex-shrink:0}
 .shape-family-grid{grid-template-columns:1fr;gap:12px}.shape-family{padding:20px}.shape-family h4{margin-bottom:18px}.shape-family>p{min-height:0}.shape-family svg{max-height:80px}.shape-family dl>div{font-size:12px}.shape-guide-intro{font-size:12px}
 .compare-page .radar-layout{grid-template-columns:1fr}.compare-page .radar-product-image{height:70px;width:100%}.compare-page .radar-products .radar-legend-item{padding:9px}.compare-page .radar-product-copy strong{font-size:16px}.compare-page .radar-figure{max-width:none}
}

/* Equipment inspection HUD. The surrounding research pages stay light. */
.studio-head{align-items:center;margin-bottom:20px}.studio-head h2{font-size:30px}
.studio-scope{display:flex;gap:5px;background:#f0f4f8;border:1px solid #e0e7ee;padding:5px;border-radius:8px}
.studio-scope button{border:0;border-radius:5px;background:transparent;color:#768393;padding:10px 16px;font-size:12px;min-height:40px}
.studio-scope button[aria-pressed=true]{background:#fff;color:#1c344b;box-shadow:0 2px 5px #243b5012;font-weight:600}.studio-scope button span{display:inline-grid;place-items:center;margin-left:5px;background:#e8eef9;color:#265ce2;border-radius:3px;width:17px;height:17px;font-size:10px}
.studio-console{border:1px solid #293d50;border-radius:14px 14px 0 0;overflow:hidden;background:#091522;color:#e5f2ff;box-shadow:0 15px 55px #0b213719}
.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 23px;background:#0d1d2d;border-bottom:1px solid #263747}
.studio-console-id{font-family:ui-monospace,SFMono-Regular,monospace;display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:.12em;color:#8fa9bd}.hud-status-light{width:5px;height:5px;box-shadow:0 0 9px #7bd4ff66;background:#8bcfff;border-radius:50%}
.studio-mode{margin:0;background:#142538;border:1px solid #2c3d50;border-radius:5px;padding:3px}
.studio-mode button{color:#98acbd;min-height:32px;padding:7px 12px;font-size:11px;border-radius:3px}
.studio-mode button[aria-pressed=true]{background:#274459;color:#dcf1ff;box-shadow:none}.studio-mode button[data-studio-measure]{border-left:1px solid #385063;margin-left:5px;border-radius:0}.studio-mode button:hover{color:#fff;background:#20384d}
.studio-stage{height:620px;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 40%,#1d374a 0%,#102333 46%,#081521 100%);overflow:hidden}
.studio-stage:before,.studio-stage:after{content:'';position:absolute;inset:13px;border:1px solid #7294b329;pointer-events:none;z-index:1;clip-path:polygon(0 0,20px 0,20px 1px,1px 1px,1px 20px,0 20px,0 0,100% 0,100% 20px,calc(100% - 1px) 20px,calc(100% - 1px) 1px,calc(100% - 20px) 1px,calc(100% - 20px) 0,100% 0,100% 100%,calc(100% - 20px) 100%,calc(100% - 20px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 20px),100% calc(100% - 20px),100% 100%,0 100%,0 calc(100% - 20px),1px calc(100% - 20px),1px calc(100% - 1px),20px calc(100% - 1px),20px 100%,0 100%)}
.studio-stage:after{inset:0;clip-path:none;border:0;background:linear-gradient(90deg,transparent calc(100% - 1px),#82b4db0a calc(100% - 1px)),linear-gradient(transparent calc(100% - 1px),#82b4db0a calc(100% - 1px));background-size:56px 56px;z-index:-1}
.studio-contours{width:100%;height:45%;top:auto;right:0;bottom:170px;border-radius:0;transform:perspective(450px) rotateX(64deg);transform-origin:bottom;background:linear-gradient(90deg,#668ead12 1px,transparent 1px),linear-gradient(#668ead12 1px,transparent 1px);background-size:38px 38px;opacity:1;z-index:0}
.hud-crosshair{position:absolute;left:50%;top:49%;width:9px;height:9px;border:1px solid #799fbc35;transform:rotate(45deg);pointer-events:none}
.studio-hud-header{position:absolute;top:27px;left:30px;right:30px;display:flex;justify-content:space-between;gap:14px;font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:#7291a9;z-index:2;pointer-events:none}
.studio-hud-header>span:nth-child(2){color:#80bcae}
.studio-slot-heads{position:absolute;inset:56px 0 auto;display:grid;grid-template-columns:repeat(var(--gear-count),minmax(0,1fr));z-index:3}
.hud-slot-head{border:0;background:transparent;text-align:left;color:#e7f3fb;padding:10px 27px;display:flex;align-items:flex-start;gap:13px;min-width:0}
.hud-slot-number{display:grid;place-items:center;width:25px;height:25px;border:1px solid color-mix(in srgb,var(--hud-color) 40%,transparent);background:color-mix(in srgb,var(--hud-color) 5%,transparent);font:10px ui-monospace,monospace;color:var(--hud-color);flex-shrink:0;border-radius:3px}
.hud-slot-head>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.hud-slot-head small{font:9px ui-monospace,monospace;letter-spacing:.1em;color:#879db0}.hud-slot-head strong{font-family:var(--heading);font-size:21px;letter-spacing:-.04em;font-weight:600;line-height:1.1}.hud-slot-head em{font-size:10px;color:var(--hud-color);font-style:normal}.hud-selected{margin-left:auto;color:var(--hud-color);opacity:.3}
.hud-slot-head[aria-pressed=true]{background:linear-gradient(90deg,color-mix(in srgb,var(--hud-color) 9%,transparent),transparent)}.hud-slot-head[aria-pressed=true] .hud-selected{opacity:1}.hud-slot-head:hover .hud-selected{opacity:1}
.studio-canvas{inset:123px 0 169px;z-index:1}.studio-canvas canvas{position:absolute;inset:0;z-index:0}.studio-measurements{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}
.hud-length-line{fill:none;stroke:currentColor;stroke-width:1;opacity:.45}.hud-leader{fill:none;stroke:currentColor;stroke-width:.8;opacity:.4}.hud-anchor{fill:currentColor}.hud-length-text{fill:currentColor;font:10px ui-monospace,SFMono-Regular,monospace;dominant-baseline:middle}.hud-waist-text{fill:#deedf8;font:12px ui-monospace,SFMono-Regular,monospace}.hud-measure-label{fill:#7492a7;font:7px ui-monospace,monospace;letter-spacing:.12em}
.studio-hud-metrics{position:absolute;inset:auto 0 17px;display:grid;grid-template-columns:repeat(var(--gear-count),minmax(0,1fr));z-index:2;pointer-events:none}
.hud-metric-slot{padding:12px 27px 5px;min-width:0;border-left:1px solid #7592ad1c}.hud-metric-slot:first-child{border:0}.hud-data-label{display:flex;align-items:center;gap:7px;color:var(--hud-color);font:8px ui-monospace,monospace;letter-spacing:.13em;margin-bottom:13px}.hud-data-label:before{content:'';width:12px;height:2px;background:var(--hud-color)}
.hud-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px 9px;margin:0}.hud-stat-grid>div{grid-column:span 2;min-width:0}.hud-stat-grid dt{font:8px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em;color:#8199ae;margin-bottom:6px}.hud-stat-grid dd{display:flex;align-items:baseline;gap:4px;margin:0}.hud-stat-grid strong{font:26px ui-monospace,SFMono-Regular,monospace;letter-spacing:-.06em;color:#e8f6ff;font-weight:400}.hud-stat-grid dd>span{font:10px ui-monospace,monospace;color:#7c9bb2}
.studio-stage[data-scope=library] .hud-stat-grid>div:nth-child(-n+2){grid-column:span 3}.studio-stage[data-scope=library] .hud-stat-grid strong{font-size:21px}.studio-stage[data-scope=library] .studio-canvas{bottom:201px}.studio-stage[data-scope=library] .studio-contours{bottom:205px}
.hud-metric-note,.hud-profile-note{font-size:9px;line-height:1.6;color:#7993a8;margin:10px 0 0}.hud-source{display:inline-block;pointer-events:auto;font:8px ui-monospace,monospace;color:#8bb5d2;text-decoration:underline;text-underline-offset:3px;margin-top:6px}
.studio-controls-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #293b4b;background:#0b1a28;padding:13px 25px;min-height:67px}
.studio-drag-hint{position:static;font:8px ui-monospace,monospace;color:#708ba1;letter-spacing:.06em}.studio-drag-hint>span{color:#385267;margin:0 7px}
.studio-view-controls{position:static;transform:none;border:1px solid #2f4354;background:#142839;padding:3px;box-shadow:none;backdrop-filter:none;border-radius:5px;gap:3px}
.studio-view-controls button{color:#90a8bb;font:10px ui-monospace,monospace;min-height:33px;padding:8px 12px}.studio-view-controls button[aria-pressed=true]{background:#2c4c61;color:#d4f0ff;font-weight:500}.studio-view-controls button:hover{background:#254258;color:#ecf6fe}.studio-view-controls [data-studio-reset]{border-color:#355267;font-size:10px}
.studio-controls-basis{font:8px ui-monospace,monospace;color:#49697f;letter-spacing:.1em}
.studio-products{border-color:#dce5ec;border-radius:0 0 10px 10px}.studio-product{padding:18px 22px;align-items:center}.studio-product-name strong{font-size:21px}.studio-product-name>.studio-type-description{font-size:11px;color:#77899b;line-height:1.7;max-width:290px}.studio-product-name>.studio-shape-label{font-size:9px}.studio-product-swatch{font:10px ui-monospace,monospace}
.studio-footnote{display:block;padding:15px 0 0;margin:0;font-size:11px;line-height:1.8;color:#7b8d9d}.studio-footnote>span{display:inline!important;max-width:none!important}
.studio-asset-credit{font-size:10px;line-height:1.8;color:#91a0ad;margin:6px 0 8px}.studio-asset-credit a{text-decoration:underline;text-underline-offset:3px;color:#70899f}.studio-view-story{padding:21px 0 25px;grid-template-columns:145px 1fr 1.7fr}.studio-view-story h3{font-size:24px}
.studio-photo-grid{inset:132px 27px 165px;gap:30px}.studio-photo img{max-height:295px;mix-blend-mode:normal;background:#eef4f6;border-radius:7px;padding:10px;filter:none;transform:none;max-width:230px}.studio-photo:hover img{transform:none}
.studio-loading{background:#0c1e2ce8;color:#a9cde5;font-family:ui-monospace,monospace;font-size:12px}.studio-loading:before{border-color:#29465a;border-top-color:#8ccdf2}
.studio-error{background:#122c3f;color:#bfd5e5;border-color:#405b70;top:141px;bottom:auto;font-size:10px}.studio-start{bottom:185px}.studio-start>p{display:block;color:#799aaf;font-size:11px}.studio-start .button{font-size:11px;min-height:39px;gap:8px}.studio-start .button svg{width:15px;height:15px}.studio-stage[data-mode=photos] .studio-start{inset:auto 15px 170px}
.studio-console[data-mode=photos] .studio-view-controls{visibility:hidden}.studio-console[data-mode=photos] .studio-drag-hint{visibility:hidden}.studio-stage[data-mode=photos] .studio-hud-header>span:nth-child(2){display:none}
@media(max-width:1100px){.studio-controls-basis{display:none}.hud-slot-head{padding:10px 20px;gap:9px}.hud-metric-slot{padding-left:20px;padding-right:20px}.hud-slot-head strong{font-size:19px}.hud-stat-grid strong{font-size:23px}.studio-controls-bar{justify-content:center}.studio-drag-hint{display:none}}
@media(max-width:767px){
 .studio-head{display:block}.studio-head h2{max-width:none;font-size:27px}.studio-scope{width:fit-content;margin-top:18px}.studio-scope button{padding:9px 12px;font-size:11px}
 .studio-console{border-radius:10px 10px 0 0}.studio-toolbar{padding:11px 12px;display:block}.studio-console-id{font-size:8px;margin-bottom:11px}.studio-mode{width:fit-content;margin:0}.studio-mode button{font-size:10px;min-height:36px;padding:7px 10px}
 .studio-stage{height:600px;border-radius:0}.studio-hud-header{top:23px;left:16px;right:16px;font-size:7px;letter-spacing:.05em}.studio-hud-header>span:nth-child(2){display:none}
 .studio-slot-heads{top:48px}.hud-slot-head{padding:12px 10px;display:block;min-width:0}.hud-slot-number{width:19px;height:19px;font-size:8px;margin-bottom:7px}.hud-slot-head small{font-size:7px;letter-spacing:0;line-height:1.5}.hud-slot-head strong{font-size:16px;line-height:1.2;overflow-wrap:anywhere}.hud-slot-head em{font-size:8px;line-height:1.5}.hud-selected{display:none}
 .studio-canvas{inset:166px 0 199px}.studio-stage[data-scope=library] .studio-canvas{inset:160px 0 267px}.studio-stage[data-scope=library]{height:673px}
 .hud-length-text{font-size:7px}.studio-hud-metrics{bottom:15px}.hud-metric-slot{padding:8px 10px 0}.hud-data-label{font-size:6px;letter-spacing:.015em;line-height:1.5;margin-bottom:12px;gap:4px}.hud-data-label:before{width:5px;flex-shrink:0}
 .hud-stat-grid{grid-template-columns:1fr;gap:10px}.hud-stat-grid>div,.studio-stage[data-scope=library] .hud-stat-grid>div:nth-child(-n+2){grid-column:auto}.hud-stat-grid>div{display:flex;align-items:baseline;justify-content:space-between;gap:4px}.hud-stat-grid dt{font-size:7px;margin:0;letter-spacing:0;max-width:40px}.hud-stat-grid dd{gap:2px}.hud-stat-grid strong,.studio-stage[data-scope=library] .hud-stat-grid strong{font-size:16px}.hud-stat-grid dd>span{font-size:7px}
 .hud-profile-note,.hud-metric-note{font-size:8px;line-height:1.65;min-height:36px}.hud-source{font-size:7px}.studio-controls-bar{padding:11px 7px;min-height:64px}.studio-view-controls{max-width:none;gap:1px}.studio-view-controls button{font-size:9px;padding:7px 8px;min-height:37px}.studio-view-controls [data-studio-reset]{font-size:9px;margin-left:2px}
 .studio-product{padding:16px 10px;gap:7px}.studio-product-name strong{font-size:17px}.studio-product-name>.studio-type-description{font-size:10px;line-height:1.6}.studio-product-name>.studio-shape-label{font-size:8px}.studio-product-check{right:9px;top:21px}.studio-product-thumb{width:23px;height:41px}
 .studio-footnote{font-size:10px;padding-top:12px}.studio-asset-credit{font-size:9px}.studio-view-story{display:block}.studio-view-story h3{font-size:24px}
 .studio-photo-grid{inset:171px 10px 235px;gap:9px}.studio-photo img{padding:3px;max-height:185px;border-radius:4px}.studio-stage[data-mode=photos] .studio-start{bottom:202px}.studio-start>p{display:none}.studio-start .button{font-size:10px;padding:8px 12px;min-height:36px}.studio-error{top:153px;left:13px;right:13px}
}
@media(prefers-reduced-motion:reduce){.shape-guide-toggle{transition:none}.studio-loading:before{animation:none}}

/* Edge trace follows the actual model projection, without exaggerating its curve. */
.hud-curve-trace{fill:none;stroke:currentColor;stroke-width:1.5;opacity:.9;filter:drop-shadow(0 0 5px currentColor)}
.hud-bend-text{fill:currentColor;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.4px}
@media(min-width:768px){.studio-stage{height:680px}.studio-canvas{top:112px}.studio-stage[data-scope="library"] .studio-canvas{bottom:189px}}

@media(max-width:767px){.hud-length-text{font-size:8px}.hud-data-label{font-size:7px}.hud-stat-grid dt{font-size:8px}.hud-stat-grid dd>span{font-size:8px}}

/* Clickable inspection points remain HTML controls for touch and keyboard use. */
.studio-hotspot-hint{position:absolute;z-index:3;bottom:173px;left:28px;margin:0;font:8px ui-monospace,monospace;letter-spacing:.09em;color:#8fa9bd;pointer-events:none}
.studio-hotspot-hint span{color:#66859c;margin-left:14px;letter-spacing:0}
.studio-stage[data-scope=library] .studio-hotspot-hint{bottom:190px}
.studio-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}
.studio-hotspot{position:absolute;transform:translateY(-50%);display:flex;align-items:center;gap:6px;padding:7px 8px 7px 0;min-height:40px;border:0;background:transparent;color:var(--hud-color);pointer-events:auto;white-space:nowrap;font:9px ui-monospace,monospace;cursor:zoom-in}
.studio-hotspot>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--hud-color);border-radius:50%;background:#112535ec;box-shadow:0 0 0 4px #09203070;font-size:9px}
.studio-hotspot>b{font-weight:400;padding:4px 6px;border-radius:3px;background:#0a1b2adb;border:1px solid #607d9333}
.studio-hotspot:hover>span,.studio-hotspot:focus-visible>span{background:var(--hud-color);color:#0b1c2a;box-shadow:0 0 18px color-mix(in srgb,var(--hud-color) 45%,transparent)}
.studio-hotspot:focus-visible{outline:2px solid var(--hud-color);outline-offset:3px;border-radius:5px}
.studio-hotspot[hidden],.studio-detail-panel[hidden],.studio-inspection-heading[hidden]{display:none}
.studio-stage[data-mode=photos] .studio-hotspot-hint{display:none}
.studio-inspection-heading{position:absolute;top:59px;left:28px;right:28px;display:flex;align-items:center;gap:18px;z-index:5}
.studio-inspection-heading button{background:#193347;color:#c9e7f9;border:1px solid #39556a;border-radius:5px;min-height:36px;padding:8px 12px;font-size:11px}
.studio-inspection-heading strong{font-size:21px;letter-spacing:-.03em;color:#e5f4ff}.studio-inspection-heading>span{font:9px ui-monospace,monospace;color:#8faec3;margin-left:auto;text-transform:uppercase;letter-spacing:.09em}
.studio-stage[data-inspecting=true] .studio-slot-heads,.studio-stage[data-inspecting=true] .studio-hud-metrics,.studio-stage[data-inspecting=true] .studio-hotspot-hint,.studio-stage[data-inspecting=true] .studio-contours,.studio-stage[data-inspecting=true] .hud-crosshair{display:none}
.studio-stage[data-inspecting=true] .studio-canvas{inset:122px 355px 28px 18px;overflow:hidden;border:1px solid #5d7c9326;border-radius:8px;background:radial-gradient(ellipse at center,#21445c50,transparent 70%)}
.studio-detail-panel{position:absolute;top:128px;right:26px;bottom:25px;width:303px;padding:0 0 0 21px;border-left:1px solid #53758e40;z-index:4;overflow:auto;scrollbar-width:thin;scrollbar-color:#44667d transparent}
.detail-eyebrow{display:block;font:8px ui-monospace,monospace;letter-spacing:.10em;color:var(--hud-color);margin:0 0 10px}
.studio-detail-panel h3{margin:0 0 11px;font-size:29px;letter-spacing:-.04em;line-height:1.1;color:#e9f6ff}.detail-description{font-size:12px;line-height:1.65;color:#9fb6c8;margin:0 0 17px}
.detail-region-tabs{display:flex;gap:5px;margin:0 0 17px}.detail-region-tabs button{flex:1;border:1px solid #38546b;background:#112839;color:#91acbe;padding:9px 4px;border-radius:4px;font-size:11px;min-height:36px}.detail-region-tabs button[aria-pressed=true]{color:#071a27;background:var(--hud-color);border-color:var(--hud-color);font-weight:600}
.detail-profile-map{border:1px solid #42617945;border-radius:5px;padding:11px 12px 7px;margin-bottom:14px;background:#102b3b45}.detail-profile-map>span{display:flex;justify-content:space-between;font:7px ui-monospace,monospace;color:#8caabe;letter-spacing:.04em}.detail-profile-map>span>span{color:#647f92}.detail-profile-map svg{width:100%;height:54px;color:var(--hud-color);display:block}.detail-profile-map small{display:block;font-size:8px;color:#6e8da3;margin-top:0}.detail-profile-map .shape-baseline{stroke:#466078}
.detail-stats{margin:0}.detail-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px solid #42617935;padding:9px 0}.detail-stats dt{font-size:11px;color:#9ab3c5}.detail-stats dd{margin:0;font:20px ui-monospace,monospace;letter-spacing:-.04em;color:#ecf7ff;white-space:nowrap}.detail-stats dd>small{font-size:10px;color:#8aa9bf;letter-spacing:0}.detail-stats dd.detail-unknown{font-size:10px;color:#88a1b3;letter-spacing:0}
.detail-basis{font-size:10px;line-height:1.65;color:#7998ae;margin:15px 0 0}.detail-source{font-size:10px;color:var(--hud-color);display:inline-block;margin-top:10px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px) and (min-width:768px){.studio-stage[data-inspecting=true] .studio-canvas{right:310px}.studio-detail-panel{width:267px;right:22px;padding-left:17px}}
@media(max-width:767px){
 .studio-hotspot{gap:0;padding-right:0;min-height:40px;font-size:7px}.studio-hotspot>span{width:19px;height:19px;font-size:8px}.studio-hotspot>b{font-size:7px;padding:3px;border:0;margin-left:2px}.studio-hotspot-hint{left:13px;right:10px;font-size:7px;bottom:193px;letter-spacing:.025em}.studio-stage[data-scope=library] .studio-hotspot-hint{bottom:265px}.studio-hotspot-hint span{display:none}
 .studio-stage[data-inspecting=true]{height:1000px}.studio-inspection-heading{top:50px;left:16px;right:16px;flex-wrap:wrap;gap:10px}.studio-inspection-heading strong{font-size:19px}.studio-inspection-heading>span{width:100%;margin-left:0;font-size:8px}.studio-inspection-heading button{min-height:37px;font-size:10px;padding:7px 10px}
 .studio-stage[data-inspecting=true] .studio-canvas{inset:132px 13px auto;height:310px;border-radius:5px}.studio-stage[data-inspecting=true] .studio-hotspot{font-size:9px}.studio-stage[data-inspecting=true] .studio-hotspot>b{font-size:9px;padding:4px}
 .studio-detail-panel{top:465px;left:21px;right:21px;bottom:20px;width:auto;border-left:0;border-top:1px solid #42617955;padding:20px 0 0}.studio-detail-panel h3{font-size:26px}.detail-description{font-size:12px;margin-bottom:13px}.detail-profile-map{margin-bottom:8px}.detail-profile-map svg{height:45px}.detail-stats>div{padding:8px 0}.detail-basis{margin-top:12px}.detail-eyebrow{font-size:8px}
}

.studio-graphic-label{display:block;margin-top:5px;font-size:10px;line-height:1.4;color:#526a78;font-weight:500;letter-spacing:.01em}
.studio-graphics-status{margin:8px 0 12px;color:#526a78;font-size:12px;line-height:1.6}