:root{color-scheme:dark;--ink: #090b10;--bench: #11141c;--raised: #171b25;--inset: #0d1017;--line: #292e3b;--line-strong: #3b4253;--text: #f4f6fb;--text-2: #aab1c2;--muted: #828a9d;--accent: #8b8dff;--cyan: #61d7ed;--success: #75d6a4;--danger: #ff7d8f;--header-line: rgb(255 255 255 / 7%);--header-bg: rgb(9 11 16 / 88%);--brand-line: #484f63;--shell: #0c0f15;--signal: #10141b;--preview: #0b0e14;--drop-line: #454c5d;--canvas-line: #33394a;--canvas-bg: #06080c;--canvas-ring: #252b38;--canvas-image-bg: #07090d;--hint-text: #d3d7e3;--danger-text: #ffc4cc;--accent-hover: #a2a4ff;--accent-ink: #090a10;--accent-mark: rgb(139 141 255 / 85%);--accent-soft: rgb(139 141 255 / 22%);--cyan-mark: rgb(97 215 237 / 80%);--cyan-wash: rgb(97 215 237 / 5%);--cyan-focus: rgb(97 215 237 / 22%);--ambient-glow: rgb(97 215 237 / 7%);--grid-line: rgb(255 255 255 / 1%);--success-ring: rgb(117 214 164 / 10%);--success-wash: rgb(117 214 164 / 5%);--danger-wash: rgb(255 125 143 / 6%);--hairline: rgb(255 255 255 / 10%);--overlay: rgb(0 0 0 / 62%);--shadow-panel: rgb(0 0 0 / 42%);--shadow-tab: rgb(0 0 0 / 35%);--shadow-control: rgb(0 0 0 / 40%);--shadow-inset: rgb(0 0 0 / 80%);--sample-mid: #8b8b8b;--sample-dark: #383838;--sample-dark-2: #444;--sample-light: #999;--sample-ripple: #b5b5b5;--sample-ripple-dark: #494949;--sample-weave: #9b9b9b;--sample-weave-dark: #373737;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-18: 72px;--space-24: 96px;--font-sans: "Avenir Next", "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", "Cascadia Code", monospace;--type-xs: 10px;--type-sm: 11px;--type-label: 12px;--type-meta: 13px;--type-body-sm: 14px;--type-body: 16px;--type-panel: 17px;--type-copy: 18px;--type-card-title: 20px;--type-icon: 24px;--type-section: 32px;--type-display: clamp(2.5rem, 6vw, 5.35rem);--type-display-tablet: clamp(2.45rem, 14vw, 4.2rem);--type-display-mobile: 2.7rem;--type-hero-copy: clamp(1rem, 2vw, 1.18rem);--type-content-heading: clamp(2rem, 4vw, 3.7rem);--type-legal-heading: clamp(2.4rem, 6vw, 4.6rem);font-family:var(--font-sans);font-synthesis:none}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at 50% -10%,var(--ambient-glow),transparent 36rem),linear-gradient(var(--grid-line) 1px,transparent 1px),var(--ink);background-size:auto,100% 64px,auto;font-size:var(--type-body);line-height:1.6}button,input,select{font:inherit}button,label,select{touch-action:manipulation}button{color:inherit}a{color:var(--text)}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}img,canvas{display:block;max-width:100%}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.skip-link{position:fixed;z-index:1000;left:var(--space-3);top:var(--space-3);transform:translateY(-150%);padding:var(--space-2) var(--space-4);background:var(--text);color:var(--ink);border-radius:var(--radius-sm)}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:20;border-bottom:1px solid var(--header-line);background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-header-inner{width:min(1540px,calc(100% - var(--space-10)));min-height:var(--space-16);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;font-weight:650;letter-spacing:-.02em}.brand-mark{width:28px;height:28px;border:1px solid var(--brand-line);border-radius:7px;background:linear-gradient(135deg,transparent 14%,var(--accent-mark) 15% 26%,transparent 27% 46%,var(--cyan-mark) 47% 58%,transparent 59%),var(--raised);box-shadow:inset 0 0 0 3px var(--ink)}.site-nav{display:flex;align-items:center;gap:var(--space-1)}.site-nav a{min-height:var(--space-10);display:inline-flex;align-items:center;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-2);text-decoration:none;font-size:var(--type-body-sm)}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--raised);color:var(--text)}.nav-status{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:var(--space-2);color:var(--success);font-size:var(--type-label)}.nav-status:before,.signal-dot{content:"";width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px var(--success-ring)}.hero{width:min(1180px,calc(100% - var(--space-10)));margin:0 auto;padding:var(--space-16) 0 var(--space-10);text-align:center}.hero-kicker{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--cyan);font:600 var(--type-label)/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.hero-kicker:before{content:"";width:22px;height:1px;background:currentColor}.hero h1{max-width:950px;margin:0 auto;font-size:var(--type-display);line-height:.98;letter-spacing:-.065em;font-weight:640;text-wrap:balance}.hero p{max-width:720px;margin:var(--space-6) auto 0;color:var(--text-2);font-size:var(--type-hero-copy);line-height:1.65;text-wrap:balance}.hero-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-6);margin-top:var(--space-6);color:var(--muted);font-size:var(--type-meta)}.hero-proof span{display:inline-flex;align-items:center;gap:var(--space-2)}.hero-proof span:before{content:"✓";color:var(--success);font-weight:700}#normal-map-app{width:min(1580px,calc(100% - var(--space-8)));margin:0 auto}.workbench-shell{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--shell);box-shadow:0 40px 100px var(--shadow-panel);overflow:hidden}.local-signal{min-height:42px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);background:var(--signal);color:var(--text-2);font-size:var(--type-meta)}.local-signal strong{color:var(--success);font-weight:650}.workbench-grid{display:grid;grid-template-columns:280px minmax(420px,1fr) 300px;min-height:670px}.instrument-panel{min-width:0;padding:var(--space-6);background:var(--bench)}.instrument-panel+.instrument-panel{border-left:1px solid var(--line)}.preview-panel{background:var(--preview)}.panel-heading{min-height:50px;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.panel-heading h2{margin:2px 0 0;font-size:var(--type-panel);line-height:1.25;letter-spacing:-.02em}.eyebrow{display:block;color:var(--muted);font:600 var(--type-xs)/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.panel-readout,output{font:500 var(--type-sm)/1.3 var(--font-mono);color:var(--text-2);font-variant-numeric:tabular-nums}.drop-zone{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border:1px dashed var(--drop-line);border-radius:var(--radius-md);background:var(--inset);text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.drop-zone:hover,.drop-zone.dragging{border-color:var(--cyan);background:var(--cyan-wash);transform:translateY(-1px)}.drop-zone:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-focus)}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.drop-zone svg{width:28px;height:28px;margin-bottom:6px;color:var(--accent)}.drop-zone strong{font-size:var(--type-body-sm)}.drop-zone span{color:var(--muted);font-size:var(--type-sm)}.status-line{min-height:42px;margin:var(--space-3) 0 var(--space-4);padding:var(--space-2) var(--space-3);border-left:2px solid var(--success);background:var(--success-wash);color:var(--text-2);font-size:var(--type-sm);line-height:1.45}.status-line.error{border-color:var(--danger);background:var(--danger-wash);color:var(--danger-text)}.control-label{display:block;margin-bottom:var(--space-2);color:var(--muted);font-size:var(--type-sm);text-transform:uppercase;letter-spacing:.08em}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.sample-button{min-width:0;min-height:78px;display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch;padding:var(--space-1);border:1px solid var(--line);border-radius:7px;background:var(--inset);cursor:pointer;color:var(--text-2);font-size:var(--type-xs);transition:border-color .16s ease,color .16s ease}.sample-button:hover{border-color:var(--line-strong);color:var(--text)}.sample-swatch{height:44px;border-radius:4px;background-color:var(--sample-mid)}.sample-swatch.bricks{background:repeating-linear-gradient(0deg,var(--sample-dark) 0 3px,transparent 3px 20px),repeating-linear-gradient(90deg,var(--sample-dark-2) 0 3px,var(--sample-light) 3px 34px)}.sample-swatch.ripples{background:repeating-radial-gradient(circle at 50% 50%,var(--sample-ripple) 0 5px,var(--sample-ripple-dark) 6px 10px)}.sample-swatch.weave{background:repeating-linear-gradient(45deg,var(--sample-weave) 0 4px,var(--sample-weave-dark) 4px 8px)}.source-note{display:grid;grid-template-columns:1fr auto;gap:var(--space-2) var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--muted);font-size:var(--type-xs)}.source-note strong{color:var(--text-2);text-align:right;font-weight:500}.preview-heading{align-items:center}.preview-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--line);border-radius:var(--space-2);background:var(--inset)}.preview-tabs button{min-height:44px;padding:0 var(--space-3);border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;font-size:var(--type-sm)}.preview-tabs button[aria-selected=true]{background:var(--raised);color:var(--text);box-shadow:0 1px 4px var(--shadow-tab)}.canvas-bezel{position:relative;width:min(100%,590px);aspect-ratio:1;margin:0 auto;padding:var(--space-4);border:1px solid var(--canvas-line);border-radius:var(--space-3);background:var(--canvas-bg);box-shadow:0 0 0 5px var(--signal),0 0 0 6px var(--canvas-ring),inset 0 0 36px var(--shadow-inset)}.canvas-bezel canvas{width:100%;height:100%;object-fit:contain;border-radius:5px;background:var(--canvas-image-bg);cursor:crosshair;image-rendering:auto}.canvas-corners:before,.canvas-corners:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--cyan);opacity:.55}.canvas-corners:before{left:8px;top:8px;border-left:1px solid;border-top:1px solid}.canvas-corners:after{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}.canvas-hint{position:absolute;left:var(--space-6);bottom:var(--space-6);padding:var(--space-1) var(--space-2);border:1px solid var(--hairline);border-radius:var(--space-1);background:var(--overlay);color:var(--hint-text);font:500 var(--type-xs)/1.3 var(--font-mono)}.preview-controls{display:grid;grid-template-columns:.65fr 1fr 1fr;gap:var(--space-2);margin-top:var(--space-6)}.compact-control{min-width:0;display:grid;grid-template-columns:auto minmax(48px,1fr) 28px;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:7px;background:var(--bench);color:var(--text-2);font-size:var(--type-xs)}.compact-control:first-child{grid-template-columns:1fr auto}.compact-control select{min-height:34px;border:1px solid var(--line-strong);border-radius:5px;background:var(--inset);color:var(--text)}.text-button{min-height:44px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--inset);color:var(--text-2);cursor:pointer;font-size:var(--type-sm)}.control-stack{display:flex;flex-direction:column;gap:var(--space-4)}.range-control{min-height:48px;display:grid;grid-template-columns:1fr 72px 28px;align-items:center;gap:var(--space-3)}.range-control>span,.switch-row>span:first-child{display:flex;flex-direction:column}.range-control strong,.switch-row strong{font-size:var(--type-label);font-weight:600}.range-control small,.switch-row small{color:var(--muted);font-size:var(--type-xs)}input[type=range]{width:100%;height:4px;accent-color:var(--accent);cursor:pointer}.control-group{margin:0;padding:0;border:0}.control-group legend{margin-bottom:var(--space-2);color:var(--text-2);font-size:var(--type-sm)}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);padding:var(--space-1);border:1px solid var(--line);border-radius:var(--space-2);background:var(--inset)}.segmented label{min-width:0;cursor:pointer}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-2);border-radius:5px;color:var(--muted);font-size:var(--type-xs);text-align:center}.segmented input:checked+span{background:var(--raised);color:var(--text);box-shadow:0 1px 5px var(--shadow-control)}.segmented input:focus-visible+span{outline:3px solid var(--cyan);outline-offset:2px}.switch-row{min-height:48px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);cursor:pointer}.switch-row input{position:absolute;opacity:0}.switch{position:relative;width:42px;height:24px;border:1px solid var(--line-strong);border-radius:12px;background:var(--inset);transition:background .16s ease}.switch:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:var(--muted);transition:transform .16s ease,background .16s ease}.switch-row input:checked+.switch{background:var(--accent-soft);border-color:var(--accent)}.switch-row input:checked+.switch:after{transform:translate(18px);background:var(--accent)}.switch-row input:focus-visible+.switch{outline:3px solid var(--cyan);outline-offset:3px}.action-bar{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--line)}.primary-button{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--accent-hover);border-radius:var(--space-2);background:var(--accent);color:var(--accent-ink);font-weight:700;cursor:pointer;box-shadow:0 8px 24px var(--accent-soft);transition:transform .16s ease,background .16s ease}.primary-button:hover{transform:translateY(-1px);background:var(--accent-hover)}.primary-button:active{transform:translateY(0)}.primary-button svg{width:18px;height:18px}.action-bar>span{display:block;margin-top:var(--space-3);color:var(--muted);text-align:center;font:500 var(--type-xs)/1.4 var(--font-mono)}.content-shell{width:min(1060px,calc(100% - var(--space-10)));margin:var(--space-24) auto 0}.content-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:calc(var(--space-8) * 2);padding-bottom:var(--space-12);border-bottom:1px solid var(--line)}.content-intro h2{margin:0;font-size:var(--type-content-heading);line-height:1;letter-spacing:-.05em;font-weight:620}.content-intro p{margin:0;color:var(--text-2);font-size:var(--type-copy);line-height:1.75}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:var(--space-12);background:var(--line);border:1px solid var(--line)}.content-card{min-height:270px;padding:var(--space-8);background:var(--bench)}.content-card .card-index{color:var(--cyan);font:600 var(--type-sm)/1.2 var(--font-mono)}.content-card h3{margin:var(--space-12) 0 var(--space-3);font-size:var(--type-card-title);letter-spacing:-.025em}.content-card p,.content-card li{color:var(--text-2);font-size:var(--type-body-sm)}.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin:var(--space-18) 0;padding:0;list-style:none}.steps li{counter-increment:steps;padding-top:var(--space-4);border-top:1px solid var(--line-strong);color:var(--text-2)}.steps li:before{content:"0" counter(steps);display:block;margin-bottom:var(--space-6);color:var(--accent);font:600 var(--type-sm)/1 var(--font-mono)}.steps strong{display:block;margin-bottom:var(--space-2);color:var(--text)}.faq-section{padding-top:var(--space-12);border-top:1px solid var(--line)}.faq-section h2{margin:0 0 var(--space-8);font-size:var(--type-section);letter-spacing:-.04em}details{border-bottom:1px solid var(--line)}summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);cursor:pointer;font-weight:600}summary:after{content:"+";color:var(--accent);font-size:var(--type-icon);font-weight:300}details[open] summary:after{content:"−"}details p{max-width:780px;margin:0 0 var(--space-6);color:var(--text-2)}.simple-main{width:min(760px,calc(100% - var(--space-10)));margin:0 auto;padding:var(--space-18) 0 var(--space-10)}.simple-main h1{font-size:var(--type-legal-heading);letter-spacing:-.055em;line-height:1}.simple-main h2{margin-top:var(--space-12)}.simple-main p,.simple-main li{color:var(--text-2)}.site-footer{width:min(1180px,calc(100% - var(--space-10)));margin:var(--space-24) auto 0;padding:var(--space-8) 0 var(--space-12);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:var(--space-6);color:var(--muted);font-size:var(--type-label)}.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}.site-footer a{color:var(--text-2);text-decoration:none}.footer-note{text-align:right}@media(max-width:1120px){.workbench-grid{grid-template-columns:255px minmax(390px,1fr)}.controls-panel{grid-column:1 / -1;border-left:0!important;border-top:1px solid var(--line)}.control-stack{display:grid;grid-template-columns:repeat(3,1fr)}.action-bar{grid-column:1 / -1}}@media(max-width:760px){.site-header-inner{position:relative;width:min(100% - var(--space-6),1540px);min-height:58px;flex-wrap:wrap;padding:var(--space-2) 0}.site-nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}.site-nav a{min-height:44px;display:inline-flex;justify-content:center;padding:0 var(--space-1);font-size:var(--type-label)}.nav-status{position:absolute;top:var(--space-6);right:0;margin:0}.hero{width:min(100% - var(--space-8),1180px);padding:var(--space-12) 0 var(--space-8)}.hero h1{font-size:var(--type-display-tablet)}#normal-map-app{width:calc(100% - var(--space-4))}.workbench-grid{grid-template-columns:1fr}.instrument-panel+.instrument-panel{border-left:0;border-top:1px solid var(--line)}.instrument-panel{padding:var(--space-4)}.source-panel{order:2}.preview-panel{order:1}.controls-panel{order:3;grid-column:auto}.preview-heading{align-items:flex-start;flex-direction:column}.preview-tabs{width:100%}.preview-tabs button{flex:1;min-height:44px}.canvas-bezel{padding:var(--space-2)}.preview-controls{grid-template-columns:1fr}.compact-control{min-height:46px}.control-stack{display:flex}.drop-zone{min-height:150px}.local-signal{text-align:center;flex-wrap:wrap}.content-shell{width:calc(100% - var(--space-8));margin-top:var(--space-16)}.content-intro{grid-template-columns:1fr;gap:var(--space-6)}.content-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.site-footer{width:calc(100% - var(--space-8));grid-template-columns:1fr}.footer-note{text-align:left}}@media(max-width:440px){.brand{font-size:var(--type-body-sm)}.nav-status span{display:none}.hero h1{font-size:var(--type-display-mobile)}.hero-kicker:before{display:none}.keep-together{white-space:nowrap}.hero-proof{justify-content:flex-start;text-align:left}.steps{grid-template-columns:1fr}.content-card{min-height:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}