:root{--accent:#1f6feb;--accent-2:#7c3aed;--muted:#5b6472;--text:#1f2530;--text-soft:#2c3441;--row-line:#141a2417;--bg:#eef0f3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.panel{max-width:30rem}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin:0 0 .5rem;font-size:.72rem;font-weight:600}.lede{color:var(--muted);margin:0 0 1.5rem;font-size:.98rem;line-height:1.6}h2{letter-spacing:-.01em;margin:.4rem 0 .75rem;font-size:1.9rem;font-weight:600}.btn{width:100%;color:var(--text);cursor:pointer;background:#ffffffb3;border:1px solid #141a2424;border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;font-family:inherit;font-size:1rem;font-weight:500;transition:transform .12s,background .2s,border-color .2s,box-shadow .2s;display:flex}.btn:hover{background:#fff;border-color:#141a2438;transform:translateY(-1px);box-shadow:0 6px 18px -10px #141a244d}.btn:active{transform:translateY(0)}.btn--primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000;font-weight:600}.btn--primary:hover{background:linear-gradient(135deg,#2f7bf0,#8a4cf0);box-shadow:0 10px 24px -10px #1f6feb8c}.btn__arrow{opacity:.7;transition:transform .18s}.btn:hover .btn__arrow{opacity:1;transform:translate(4px)}.back{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:0;font-family:inherit;font-size:.85rem;transition:color .2s;display:inline-flex}.back:hover{color:var(--text)}.swap{margin-top:1.5rem}.data{border-collapse:collapse;width:100%;font-size:.92rem}.data th{text-align:left;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);border-bottom:1px solid var(--row-line);padding:.5rem .6rem;font-size:.7rem;font-weight:600}.data td{border-bottom:1px solid var(--row-line);color:var(--text-soft);padding:.6rem}.data tfoot td{color:var(--text);border-top:1px solid #141a242e;border-bottom:none;padding-top:.75rem;font-weight:600}.data .num{text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.data tbody tr{transition:background .15s}.data tbody tr:hover{background:#141a240a}.chips{flex-wrap:wrap;gap:.4rem;margin-top:1.25rem;display:flex}.chip{color:var(--accent);background:#1f6feb14;border:1px solid #1f6feb38;border-radius:999px;padding:.3rem .6rem;font-size:.76rem}.label{pointer-events:none;text-align:center;white-space:nowrap;color:var(--text);background:#ffffffeb;border:1px solid #141a241f;border-radius:.5rem;flex-direction:column;gap:.1rem;padding:.28rem .55rem;font-family:inherit;font-size:.72rem;line-height:1.15;transition:opacity .12s linear;display:flex;transform:translate(-50%,-50%);box-shadow:0 4px 14px -8px #141a2459}.label__title{letter-spacing:.02em;font-weight:600}.label__value{font-variant-numeric:tabular-nums;opacity:.7;font-size:.7rem}.length-label{border-left:3px solid var(--accent)}.length-label .label__title{color:var(--accent)}.area-label{border-left:3px solid #6b7280;font-size:.8rem}.area-label .label__title{color:#6b7280}.label__azimuth{transform-origin:50%;vertical-align:middle;border-bottom:.48rem solid #6b7280;border-left:.28rem solid #0000;border-right:.28rem solid #0000;width:0;height:0;margin-top:.15rem;margin-left:.3rem;display:inline-block}@media (width<=768px){.panel{max-width:100%}}.scene.svelte-r8xqwj{z-index:0;width:66vw;height:100%;position:absolute;top:0;right:0}.scene__canvas.svelte-r8xqwj,.scene__labels.svelte-r8xqwj{position:absolute;inset:0}.scene__canvas.svelte-r8xqwj canvas{display:block;width:100%!important;height:100%!important}@media (width<=768px){.scene.svelte-r8xqwj{flex:auto;width:100%;height:auto;min-height:55vh;position:relative;top:auto;right:auto}}.panel.svelte-5wo4x7{max-width:30rem}.eyebrow.svelte-5wo4x7{text-transform:uppercase;color:var(--accent)}h1.svelte-5wo4x7{letter-spacing:-.02em;margin:0 0 1.25rem;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.04}.lede.svelte-5wo4x7{color:var(--muted);margin:0 0 2rem;font-size:1.02rem;line-height:1.6}.actions.svelte-5wo4x7{flex-direction:column;gap:.75rem;display:flex}@media (width<=768px){h1.svelte-5wo4x7{margin-bottom:.875rem;font-size:clamp(1.65rem,6vw,2.2rem)}.lede.svelte-5wo4x7{margin-bottom:1.5rem;font-size:.95rem}}.panel.svelte-6riupt{max-width:30rem}h2.svelte-6riupt{letter-spacing:-.01em;margin:.4rem 0 .75rem;font-size:1.9rem;font-weight:600}.legend.svelte-6riupt{color:var(--muted);flex-wrap:wrap;gap:.85rem;margin:0 0 1.25rem;padding:0;font-size:.82rem;list-style:none;display:flex}.legend.svelte-6riupt li:where(.svelte-6riupt){align-items:center;gap:.4rem;display:flex}.swatch.svelte-6riupt{border-radius:2px;width:1.1rem;height:.32rem;display:inline-block}.swatch--ridge.svelte-6riupt{background:#1f6feb}.swatch--rake.svelte-6riupt{background:#7ed957}.swatch--eave.svelte-6riupt{background:#166534}.panel.svelte-1dbhqj2{max-width:30rem}h2.svelte-1dbhqj2{letter-spacing:-.01em;margin:.4rem 0 .75rem;font-size:1.9rem;font-weight:600}.azimuth.svelte-1dbhqj2{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.arrow.svelte-1dbhqj2{transform-origin:50%;border-bottom:.55rem solid;border-left:.32rem solid #0000;border-right:.32rem solid #0000;width:0;height:0;display:inline-block}.overlay.svelte-1n46o8q{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;width:33vw;height:100%;padding:clamp(1.5rem,5vw,4rem);display:flex;position:absolute;top:0;left:0}.overlay.svelte-1n46o8q .panel,.overlay.svelte-1n46o8q .back,.overlay.svelte-1n46o8q .btn,.overlay.svelte-1n46o8q .swap{pointer-events:auto}.brand.svelte-1n46o8q{letter-spacing:.04em;color:var(--text);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:1.75rem;font-weight:600;display:flex}.brand__mark.svelte-1n46o8q{color:var(--accent)}.panel-stage.svelte-1n46o8q{grid-template-rows:1fr;grid-template-columns:1fr;min-height:32rem;display:grid;position:relative}.panel-card.svelte-1n46o8q{will-change:opacity;grid-area:1/1/2/2}@media (width<=768px){.overlay.svelte-1n46o8q{pointer-events:auto;flex:none;justify-content:flex-start;width:100%;height:auto;padding:1.25rem;position:relative;top:auto;left:auto;overflow-y:auto}.brand.svelte-1n46o8q{margin-bottom:1rem}.panel-stage.svelte-1n46o8q{min-height:auto}}