.blog-page{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-body)}.blog-shell{width:min(960px,100% - 48px);margin:0 auto}.blog-hero{background:var(--sky-1);padding:118px 0 68px}.blog-hero h1,.blog-post h1{color:var(--ink);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:clamp(42px,6vw,74px);font-weight:700;line-height:.98}.blog-hero p:not(.blog-kicker){max-width:640px;color:var(--ink-2);margin:22px 0 0;font-size:clamp(22px,2.4vw,28px);line-height:1.22}.blog-kicker,.blog-card-meta,.blog-post-meta,.blog-section-kicker,.blog-callout-label{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.blog-kicker{letter-spacing:.16em;margin:0 0 10px;font-size:10px}.wf-back-link{width:fit-content;color:var(--accent);font-family:var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;margin-bottom:30px;font-size:9px;display:inline-flex}.wf-back-link:before{content:"<";margin-right:8px}.blog-section{padding:clamp(42px,6vw,84px) 0}.blog-list{gap:18px;display:grid}.blog-list-card{background:var(--paper-2);color:inherit;border:1px solid #2a3f5a1f;border-radius:8px;gap:10px;padding:24px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 8px #2a3f5a0d}.blog-list-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #2a3f5a2e}.blog-list-card--disabled{cursor:default}.blog-list-card--disabled:hover{transform:none;box-shadow:0 8px #2a3f5a0d}.blog-list-card h2{color:var(--ink);font-family:var(--font-display);margin:0;font-size:clamp(26px,3vw,38px);line-height:1}.blog-list-card p{color:var(--ink-2);margin:0;font-size:22px;line-height:1.26}.blog-post{padding:118px 0 86px}.blog-dek{max-width:720px;color:var(--ink-2);margin:22px 0 0;font-size:clamp(24px,2.6vw,30px);line-height:1.22}.blog-hero-note{max-width:720px;color:var(--muted);font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;margin:18px 0 0;font-size:10px;line-height:1.7}.blog-post-meta{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.blog-post-body{gap:22px;max-width:760px;margin-top:42px;display:grid}.blog-post-body p{color:var(--ink-2);margin:0;font-size:clamp(22px,2.2vw,24px);line-height:1.38}.blog-legal-note{max-width:65ch;color:var(--muted);font-family:var(--font-meta);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #2a3f5a24;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:52px;padding-top:18px;font-size:12px;line-height:1.35;display:flex}.blog-legal-note a{color:var(--accent);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.blog-rich-body{gap:clamp(28px,5vw,52px);max-width:900px}.blog-rich-body code{color:var(--ink);font-family:var(--font-ui);background:#2a3f5a14;padding:0 5px;font-size:.88em}.blog-inline-link{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}.blog-inline-link:hover{color:var(--ink)}.blog-cta-line{border-left:3px solid var(--accent);color:var(--ink);background:#3d5a800f;padding:14px 18px;font-style:italic}.blog-article-section{gap:14px;max-width:760px;display:grid}.blog-section-kicker,.blog-callout-label{color:var(--accent);margin:0;line-height:1.5}.blog-article-section h2,.blog-callout h3,.blog-figure-header h3,.blog-checklist h3,.blog-source-note h3{color:var(--ink);font-family:var(--font-display);letter-spacing:0;margin:0;font-weight:600;line-height:1}.blog-article-section h2{font-size:clamp(30px,4vw,46px)}.blog-section-copy{gap:16px;display:grid}.blog-callout,.blog-checklist,.blog-source-note,.blog-figure{background:#ffffff57;border:1px solid #2a3f5a24;border-radius:8px;box-shadow:0 8px #2a3f5a0d}.blog-callout,.blog-checklist,.blog-source-note{gap:12px;max-width:820px;padding:clamp(20px,4vw,30px);display:grid}.blog-callout h3,.blog-checklist h3,.blog-source-note h3{font-size:clamp(25px,3vw,34px)}.blog-figure{gap:18px;width:100%;max-width:900px;margin:0;padding:clamp(18px,4vw,28px);display:grid}.blog-figure-header{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.blog-figure-header span{color:var(--accent);font-family:var(--font-pixel);letter-spacing:.16em;text-transform:uppercase;flex:none;font-size:9px}.blog-figure-header h3{text-align:right;flex:1;font-size:clamp(24px,3vw,34px)}.blog-figure-header--centered{justify-content:center}.blog-figure-header--centered h3{text-align:center;flex:0 auto;max-width:100%}.blog-figure-canvas{min-width:0}.blog-figure figcaption{color:var(--muted);font-family:var(--font-ui);margin:0;font-size:clamp(18px,2vw,21px);line-height:1.32}.loop-comparison,.split-panels,.fractional-trap,.tool-proof-strip,.workflow-diagram,.preset-strip,.scale-ladder{gap:14px;display:grid}.loop-comparison,.split-panels,.fractional-trap{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-diagram{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-proof-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.scale-ladder{align-items:flex-end;gap:clamp(12px,2vw,22px);padding-bottom:6px;display:flex;overflow-x:auto}.preset-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.loop-panel,.split-panel,.tool-proof-card,.fractional-example,.workflow-step,.scale-rung,.preset-pill{background:#eef7feb3;border:1px solid #2a3f5a24;border-radius:8px;gap:10px;padding:18px;display:grid}.loop-panel--active{background:#a8c39a47;border-color:#3d5a8047}.loop-panel h4,.split-panel h4,.tool-proof-card h4,.workflow-step h4,.craft-magnifier h4{color:var(--ink);font-family:var(--font-display);margin:0;font-size:clamp(22px,2.8vw,28px);font-weight:600;line-height:1}.loop-panel ol,.craft-magnifier ul,.blog-checklist ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.loop-panel ol{counter-reset:loop-step;margin-top:6px}.loop-panel li{min-height:32px;color:var(--ink-2);counter-increment:loop-step;padding-left:38px;font-size:clamp(20px,2vw,22px);line-height:1.2;position:relative}.loop-panel li:before{background:var(--accent);color:#fff;content:counter(loop-step);width:24px;height:24px;font-family:var(--font-pixel);justify-content:center;align-items:center;font-size:9px;display:inline-flex;position:absolute;top:1px;left:0}.split-panel span,.workflow-index,.preset-pill span,.scale-rung span,.fractional-example span{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.split-panel p,.tool-proof-card p,.workflow-step p{margin:0;font-size:clamp(19px,2vw,21px);line-height:1.28}.workflow-index{color:var(--accent)}.craft-magnifier{grid-template-columns:minmax(170px,260px) 1fr;align-items:center;gap:clamp(20px,4vw,34px);display:grid}.craft-magnifier-art,.pixel-before-after-stage{background-color:#eef7fec2;background-image:linear-gradient(#2a3f5a14 1px,#0000 1px),linear-gradient(90deg,#2a3f5a14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #2a3f5a1f;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.craft-magnifier-art{min-height:230px}.magnifier-ring{border:3px solid var(--accent);border-radius:50%;width:94px;height:94px;position:absolute;transform:translate(34px,-24px);box-shadow:10px 10px #2a3f5a24}.craft-magnifier li,.blog-checklist li{color:var(--ink-2);padding-left:30px;font-size:clamp(20px,2vw,23px);line-height:1.28;position:relative}.craft-magnifier li:before,.blog-checklist li:before{background:var(--accent);width:12px;height:12px;box-shadow:6px 0 0 var(--accent), 0 6px 0 var(--accent);content:"";position:absolute;top:8px;left:0}.pixel-mini-art{aspect-ratio:1;grid-template-columns:repeat(12,1fr);width:min(38vw,138px);display:grid}.tool-proof-card .pixel-mini-art{width:64px}.tool-proof-icon-frame{justify-content:center;justify-self:center;align-items:center;width:64px;height:64px;display:flex}.tool-proof-icon{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.pixel-mini-art span{background:var(--pixel)}.pixel-mini-art span[data-empty=true]{background:0 0}.preset-pill{min-height:82px;color:inherit;cursor:pointer;align-content:center;text-decoration:none;transition:border-color .14s,transform .14s,box-shadow .14s}.preset-pill:hover,.preset-pill:focus-visible{border-color:#2a3f5a6b;text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 18px -12px #2a3f5a59}.preset-pill:focus-visible{outline:2px solid var(--accent,#2a3f5a);outline-offset:2px}.preset-pill strong,.scale-rung strong,.fractional-example strong{color:var(--ink);font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:600;line-height:1}.scale-rung{background:0 0;border:none;flex:none;align-content:end;justify-items:center;gap:8px;min-height:0;padding:0}.scale-rung strong{font-size:clamp(18px,2.3vw,24px)}.scale-art{place-items:end center;display:grid}.scale-art .pixel-mini-art{width:var(--art,48px);max-width:none}.fractional-example{gap:12px;margin:0}.fractional-example-tag{font-family:var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:9px}.fractional-example figcaption{gap:4px;display:grid}.fractional-example-note{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.fractional-example--bad .fractional-example-note{color:#b6452f}.fractional-example--good .fractional-example-note{color:#2e7a4f}.fractional-canvas{max-width:100%;image-rendering:crisp-edges;image-rendering:pixelated;background:#eef7fecc;border:1px solid #2a3f5a38;place-self:center}.pixel-before-after{gap:16px;display:grid;position:relative}.pixel-before-after-stage{background-size:var(--canvas-cell,22px) var(--canvas-cell,22px);background-position:50%;place-items:center;min-height:clamp(300px,54vw,360px);padding:24px;transition:background-size 80ms linear;display:grid;position:relative}.pixel-before-after-stage[data-clean=true]{background:#2e7a4f0f}.pixel-before-after-stage[data-clean=false]{background:#b6452f0d}.pixel-ba-canvas-frame{aspect-ratio:1;place-items:center;width:100%;max-width:320px;margin:0 auto;display:grid;position:relative}.pixel-ba-canvas{outline-offset:0;max-width:100%;image-rendering:crisp-edges;image-rendering:pixelated;background:0 0;outline:2px solid #2a3f5a52;transition:outline-color .12s linear,box-shadow .12s linear;display:block}.pixel-ba-canvas[data-canvas-clean=true]{outline-color:#2e7a4f;box-shadow:0 0 0 4px #2e7a4f2e}.pixel-ba-canvas[data-canvas-clean=false]{outline-color:#b6452f;box-shadow:0 0 0 4px #b6452f2e}.pixel-ba-readout{font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px 12px;font-size:11px;display:flex}.pixel-ba-readout strong{color:var(--ink);font-family:var(--font-display);letter-spacing:0;font-size:clamp(18px,2vw,22px);font-weight:600}.pixel-ba-arrow{color:var(--accent);font-family:var(--font-display);font-size:clamp(18px,2vw,22px)}.pixel-ba-ratio{font-family:var(--font-pixel);border:1px solid;border-radius:4px;padding:4px 8px;font-size:9px}.pixel-ba-ratio--clean{color:#2e7a4f}.pixel-ba-ratio--fractional{color:#b6452f}.pixel-ba-verdict{font-family:var(--font-pixel);letter-spacing:.16em;text-transform:uppercase;border-radius:4px;padding:5px 10px;font-size:11px;font-weight:700}.pixel-ba-verdict--clean{color:#2e7a4f;background:#2e7a4f24;border:1px solid #2e7a4f80}.pixel-ba-verdict--fractional{color:#b6452f;background:#b6452f24;border:1px solid #b6452f80}.pixel-ba-snaps{color:#2e7a4f;font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;background:#2e7a4f14;border:1px solid #2e7a4f66;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:9px;display:inline-flex}.pixel-ba-snaps-label{font-weight:700}.pixel-ba-snap{color:#2e7a4f;min-height:32px;font-family:var(--font-pixel);letter-spacing:.06em;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #2e7a4f;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:700;transition:background .12s,color .12s}.pixel-ba-snap:hover,.pixel-ba-snap:active{color:#fff;background:#2e7a4f}.pixel-ba-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;display:grid}.pixel-ba-control{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.14em;text-transform:uppercase;gap:8px;font-size:9px;display:grid}.pixel-ba-control input[type=range]{width:100%;accent-color:var(--accent);cursor:ew-resize}.pixel-ba-hint{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-top:4px;font-size:8px;display:block}.pixel-ba-slider-wrap{gap:4px;display:grid;position:relative}.pixel-ba-ticks{height:22px;margin:0 8px;position:relative}.pixel-ba-tick{background:#2a3f5a52;width:1px;height:5px;display:block;position:absolute;top:0;transform:translate(-50%)}.pixel-ba-tick--mid{background:#2a3f5a80;height:8px}.pixel-ba-tick--major{background:var(--accent);width:2px;height:11px}.pixel-ba-tick--active{background:#2e7a4f;width:2px;height:13px}.pixel-ba-tick-label{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.06em;font-size:9px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pixel-ba-filters{border:0;gap:6px;margin:0;padding:0;display:flex}.pixel-ba-filters legend{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:9px;display:block}.pixel-ba-filter-note{width:100%;max-width:340px;color:var(--muted);font-family:var(--font-ui);opacity:.9;margin-top:8px;font-size:11px;line-height:1.4;display:block}.pixel-ba-filter-note--warn{color:#b6452f;opacity:1}.pixel-ba-filter--warn{color:#b6452f!important;background:#b6452f1f!important;border-color:#b6452f8c!important}.pixel-ba-filter{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#eef7fe99;border:1px solid #2a3f5a33;border-radius:4px;align-items:center;padding:8px 12px;font-size:10px;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.pixel-ba-filter:hover{border-color:var(--accent)}.pixel-ba-filter input{opacity:0;cursor:pointer;position:absolute;inset:0}.pixel-ba-filter--active{background:var(--accent);border-color:var(--accent);color:var(--paper)}.pixel-ba-gridtoggle{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#eef7fe99;border:1px solid #2a3f5a33;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.pixel-ba-gridtoggle:hover{border-color:var(--accent)}.pixel-ba-gridtoggle input{width:12px;height:12px;accent-color:var(--accent);cursor:pointer;margin:0}.pixel-ba-gridtoggle--on{color:#2e7a4f;background:#2e7a4f1a;border-color:#2e7a4f99}.pixel-ba-source{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;border:1px dashed #2a3f5a52;border-radius:4px;padding:4px 8px;font-size:9px}.pixel-ba-upload{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#eef7fe99;border:1px solid #2a3f5a33;border-radius:4px;justify-content:center;align-items:center;padding:8px 12px;font-size:10px;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.pixel-ba-upload:hover{border-color:var(--accent);color:var(--accent)}.pixel-ba-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.pixel-ba-dropzone{color:#2e7a4f;font-family:var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;opacity:0;background:#2e7a4f14;border:2px dashed #2e7a4f99;border-radius:8px;place-items:center;font-size:11px;transition:opacity .12s;display:grid;position:absolute;inset:0}.pixel-before-after-stage[data-dragover=true] .pixel-ba-dropzone{opacity:1}.pixel-ba-controls-container{background:#fff;border:1px solid #2a3f5a1a;border-radius:16px;flex-direction:column;gap:20px;margin-top:16px;padding:24px;display:flex;box-shadow:0 12px 32px -16px #2a3f5a1f}.pixel-ba-controls-main{grid-template-columns:minmax(0,1fr) minmax(230px,280px);align-items:start;gap:32px;display:grid}.pixel-ba-size-panel{flex-direction:column;gap:12px;display:flex}.pixel-ba-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px;display:flex}.pixel-ba-panel-title{color:var(--ink);font-family:var(--font-pixel);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.pixel-ba-panel-subtitle{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;opacity:.75;font-size:8px}.pixel-ba-filters-panel{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}.pixel-ba-filters-panel legend{margin-bottom:4px;display:block}.pixel-ba-segmented-control{background:#eef7fecc;border:1px solid #2a3f5a14;border-radius:12px;gap:4px;padding:4px;display:flex;box-shadow:inset 0 2px 4px #2a3f5a08}.pixel-ba-segment{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:center;background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:10px 16px;font-size:10px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.pixel-ba-segment:hover{color:var(--ink);background:#2a3f5a08}.pixel-ba-segment input{opacity:0;cursor:pointer;position:absolute;inset:0}.pixel-ba-segment--active{background:#fff;box-shadow:0 1px 4px #2a3f5a1f,0 2px 8px #2a3f5a0f;color:var(--ink)!important}.pixel-ba-segment--warn.pixel-ba-segment--active{background:#b6452f;box-shadow:0 2px 8px -2px #b6452f66;color:#fff!important}.pixel-ba-info-banner{border:1px solid #2a3f5a1a;border-left:4px solid var(--accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#eef7fee6,#eef7fe80);border-radius:12px;gap:16px;padding:18px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px -4px #2a3f5a0f}.pixel-ba-info-banner--warn{background:linear-gradient(135deg,#b6452f14,#b6452f08);border-color:#b6452f26}.pixel-ba-info-icon{width:18px;height:18px;color:var(--accent);flex-shrink:0;margin-top:1px;display:inline-flex}.pixel-ba-info-banner--warn .pixel-ba-info-icon{color:#b6452f}.pixel-ba-info-text{font-family:var(--font-ui);color:var(--ink-2);margin:0;font-size:12px;line-height:1.45}.pixel-ba-info-banner--warn .pixel-ba-info-text{color:#a43e2a}.pixel-ba-actions-row{gap:7px;margin-top:2px;display:grid}.pixel-ba-gridtoggle-btn,.pixel-ba-upload-btn{width:100%;min-width:0;min-height:44px;color:var(--muted);font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #2a3f5a1f;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 2px 4px #2a3f5a08}.pixel-ba-gridtoggle-btn:hover,.pixel-ba-upload-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 12px -4px #2a3f5a1f}.pixel-ba-gridtoggle-btn:focus-within,.pixel-ba-upload-btn:focus-within{outline-offset:2px;outline:2px solid #3d5a8070}.pixel-ba-gridtoggle-btn input,.pixel-ba-upload-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.pixel-ba-btn-icon{opacity:.75;flex:none;width:14px;height:14px}.pixel-ba-upload-nudge{min-height:22px;color:var(--accent);font-family:var(--font-pixel);letter-spacing:.12em;text-align:center;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;font-size:9px;font-weight:700;line-height:1.2;display:inline-flex}.pixel-ba-upload-nudge svg{flex:none;width:13px;height:13px}.pixel-ba-gridtoggle-btn--on{color:#2e7a4f;background:#2e7a4f0a;border-color:#2e7a4f6b;box-shadow:inset 0 1px 2px #2e7a4f05}.pixel-ba-gridtoggle-btn--on:hover{color:#2e7a4f;border-color:#2e7a4f}.pixel-ba-gridtoggle-btn--on .pixel-ba-btn-icon{color:#2e7a4f;opacity:1}.pixel-ba-upload-btn input{width:100%;height:100%}.pixel-ba-upload-help{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pixel-ba-upload-tooltip{z-index:4;width:min(300px,100vw - 48px);color:var(--ink-2);font-family:var(--font-ui);letter-spacing:0;text-align:left;text-transform:none;pointer-events:none;opacity:0;visibility:hidden;background:#fff;border:1px solid #2a3f5a2e;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.35;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 12px 24px -18px #2a3f5a8c}.pixel-ba-upload-tooltip:after{content:"";background:#fff;border-bottom:1px solid #2a3f5a2e;border-right:1px solid #2a3f5a2e;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.pixel-ba-upload-btn:hover .pixel-ba-upload-tooltip,.pixel-ba-upload-btn:focus-within .pixel-ba-upload-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.image-rendering-toggle{gap:18px;display:grid}.image-rendering-stage{background-color:#eef7fec2;background-image:linear-gradient(#2a3f5a14 1px,#0000 1px),linear-gradient(90deg,#2a3f5a14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #2a3f5a1f;border-radius:8px;place-items:center;min-height:240px;padding:24px;display:grid}.image-rendering-sample{background:#eef7fe99;border:1px solid #2a3f5a38;width:200px;height:200px}.image-rendering-sample--placeholder{display:block}.image-rendering-toggle .image-rendering-sample[data-mode=auto]{image-rendering:auto!important}.image-rendering-toggle .image-rendering-sample[data-mode=crisp-edges]{image-rendering:crisp-edges!important}.image-rendering-toggle .image-rendering-sample[data-mode=pixelated]{image-rendering:pixelated!important}.image-rendering-meta{gap:6px;display:grid}.image-rendering-css{font-family:var(--font-pixel);color:var(--ink);font-size:12px}.image-rendering-css strong{color:var(--accent)}.image-rendering-note{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.image-rendering-hint{color:var(--muted);margin:0;font-size:14px;line-height:1.4}.image-rendering-hint code{font-family:var(--font-mono,monospace);color:var(--ink-2,inherit);font-size:.92em}.image-rendering-controls{border:0;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}.image-rendering-controls legend{width:100%;color:var(--muted);font-family:var(--font-pixel);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:9px;display:block}.image-rendering-option{color:var(--ink);font-family:var(--font-pixel);cursor:pointer;background:#eef7fe99;border:1px solid #2a3f5a33;border-radius:4px;align-items:center;padding:8px 12px;font-size:10px;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.image-rendering-option:hover{border-color:var(--accent)}.image-rendering-option input{opacity:0;cursor:pointer;position:absolute;inset:0}.image-rendering-option--active{background:var(--accent);border-color:var(--accent);color:var(--paper)}@media (max-width:820px){.blog-shell{width:min(960px,100% - 28px)}.blog-hero,.blog-post{padding-top:92px}.blog-figure-header,.loop-comparison,.split-panels,.workflow-diagram,.tool-proof-strip,.preset-strip,.fractional-trap,.craft-magnifier{grid-template-columns:1fr}.scale-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-figure-header{gap:8px;display:grid}.blog-figure-header h3{text-align:left}.blog-figure-header--centered h3{text-align:center}.craft-magnifier-art{min-height:190px}.preset-pill{min-height:68px}.scale-rung{min-height:0}.pixel-before-after-stage{min-height:0;padding:16px}.pixel-ba-controls-main{grid-template-columns:1fr;gap:16px}.pixel-ba-actions-row{gap:10px}}@media (max-width:520px){.blog-post-body{margin-top:34px}.blog-callout,.blog-checklist,.blog-source-note,.blog-figure{padding:16px}.scale-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.fractional-trap{grid-template-columns:1fr}.pixel-before-after-stage{min-height:0;padding:14px}.pixel-ba-canvas{max-width:100%}}.reconstruct-badge-row{align-items:center;gap:10px;margin:0;display:flex}.reconstruct-badge{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-pixel);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;background:#3d5a8014;border-radius:999px;align-items:center;padding:5px 12px;font-size:10px;font-weight:700;display:inline-flex}.watch-face-mockup{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,36px);display:grid}.watch-face-svg{justify-self:center;width:100%;max-width:280px;height:auto}.watch-face-legend{gap:14px;display:grid}.watch-face-legend-row{color:var(--ink-2,var(--ink));align-items:flex-start;gap:12px;font-size:clamp(17px,1.7vw,19px);line-height:1.4;display:flex}.watch-face-legend-row strong{color:var(--ink)}.watch-face-swatch{background:#eef7feb3;border:1px solid #2a3f5a38;border-radius:5px;flex:none;width:18px;height:18px;margin-top:4px;display:inline-block}.watch-face-swatch--canvas{border-style:dashed}.watch-face-swatch--safe{border:2px solid var(--accent);background:#fffffff2;border-radius:50%}.watch-face-tip{color:var(--muted);font-family:var(--font-ui);margin:0;font-size:clamp(15px,1.5vw,17px);font-style:italic;line-height:1.42}.engine-cta-panel{background:linear-gradient(#a8c39a0f,#a8c39a0f),#eef7feeb;border:1px solid #2a3f5a2e;border-radius:10px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3.5vw,32px);width:100%;max-width:900px;margin:0;padding:clamp(20px,4vw,32px);display:grid;box-shadow:0 8px #2a3f5a0f}@media (max-width:820px){.watch-face-mockup,.engine-cta-panel{grid-template-columns:1fr}}.engine-cta-image{background:#ffffff80;border-radius:8px;place-items:center;display:grid;overflow:hidden}.engine-cta-image img{border-radius:8px;width:100%;height:auto;display:block}.engine-cta-copy{gap:12px;display:grid}.engine-cta-kicker{color:var(--accent);font-family:var(--font-pixel);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:10px}.engine-cta-copy h3{color:var(--ink);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.04}.engine-cta-copy p{color:var(--ink-2,var(--ink));margin:0;font-size:clamp(17px,1.8vw,19px);line-height:1.42}.engine-cta-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px;display:flex}.engine-cta-primary{border:1px solid var(--accent);background:var(--accent);color:var(--paper);font-family:var(--font-pixel);letter-spacing:.16em;text-transform:uppercase;border-radius:6px;align-items:center;padding:12px 22px;font-size:11px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.engine-cta-primary:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.engine-cta-secondary{color:var(--accent);font-family:var(--font-pixel);letter-spacing:.14em;text-transform:uppercase;text-underline-offset:4px;font-size:10px;text-decoration:underline;text-decoration-thickness:1px}.engine-cta-secondary:hover{color:var(--ink)}.faux-pixel-detector{gap:18px;display:grid;position:relative}.faux-pixel-stages{background:#eef7fe99;border:1px solid #2a3f5a1f;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,2.4vw,22px);padding:18px;display:grid;position:relative}.faux-pixel-stage{justify-items:center;gap:10px;margin:0;display:grid}.faux-pixel-stage-tag{font-family:var(--font-pixel);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:9px}.faux-pixel-stage[data-side=reconstructed] .faux-pixel-stage-tag{color:#2e7a4f}.faux-pixel-canvas-frame{aspect-ratio:1;width:100%;max-width:256px;margin:0 auto;position:relative}.faux-pixel-canvas{outline-offset:0;background:#eef7fed9;outline:1px solid #2a3f5a52;width:100%;height:100%;display:block;position:absolute;inset:0}.faux-pixel-canvas--smooth{image-rendering:auto}.faux-pixel-canvas--crisp{image-rendering:crisp-edges;image-rendering:pixelated}.faux-pixel-readout{font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px 12px;font-size:11px;display:flex}.faux-pixel-readout strong{color:var(--ink);font-family:var(--font-display);letter-spacing:0;font-size:clamp(18px,2vw,22px);font-weight:600}.faux-pixel-readout-label{color:var(--muted)}.faux-pixel-arrow{color:var(--accent);font-family:var(--font-display);font-size:clamp(18px,2vw,22px)}.faux-pixel-reduction{color:#2e7a4f;font-family:var(--font-pixel);border:1px solid #2e7a4f;border-radius:4px;padding:4px 8px;font-size:9px}.faux-pixel-hint{color:var(--muted);margin:0;font-size:14px;line-height:1.4}.faux-pixel-hint strong{color:var(--ink-2,inherit);font-weight:600}.faux-pixel-source{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;border:1px dashed #2a3f5a52;border-radius:4px;padding:4px 8px;font-size:9px}.faux-pixel-controls{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:14px;display:grid}.faux-pixel-grid-options{border:0;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}.faux-pixel-grid-options legend{width:100%;color:var(--muted);font-family:var(--font-pixel);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:9px;display:block}.faux-pixel-grid-option{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#eef7fe99;border:1px solid #2a3f5a33;border-radius:4px;align-items:center;padding:8px 12px;font-size:10px;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.faux-pixel-grid-option:hover{border-color:var(--accent)}.faux-pixel-grid-option input{opacity:0;cursor:pointer;position:absolute;inset:0}.faux-pixel-grid-option--active{background:var(--accent);border-color:var(--accent);color:var(--paper)}.faux-pixel-gridtoggle{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#eef7fe99;border:1px solid #2a3f5a33;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.faux-pixel-gridtoggle:hover{border-color:var(--accent)}.faux-pixel-gridtoggle input{width:12px;height:12px;accent-color:var(--accent);cursor:pointer;margin:0}.faux-pixel-gridtoggle--on{color:#2e7a4f;background:#2e7a4f1a;border-color:#2e7a4f99}.faux-pixel-upload{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#eef7fe99;border:1px solid #2a3f5a33;border-radius:4px;justify-content:center;align-items:center;padding:8px 12px;font-size:10px;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.faux-pixel-upload:hover{border-color:var(--accent);color:var(--accent)}.faux-pixel-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.faux-pixel-dropzone{color:#2e7a4f;font-family:var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;opacity:0;background:#2e7a4f14;border:2px dashed #2e7a4f99;border-radius:8px;place-items:center;font-size:11px;transition:opacity .12s;display:grid;position:absolute;inset:0}.faux-pixel-stages[data-dragover=true] .faux-pixel-dropzone{opacity:1}@media (max-width:720px){.faux-pixel-stages{gap:10px;padding:12px}.faux-pixel-controls{grid-template-columns:1fr}}.blog-filter{background:#eef7fe8c;border:1px solid #2a3f5a29;border-radius:10px;flex-wrap:wrap;gap:6px;width:fit-content;margin:0 0 18px;padding:4px;display:flex}.blog-filter-tab{color:var(--muted);font-family:var(--font-pixel);letter-spacing:.16em;text-transform:uppercase;border-radius:6px;padding:8px 16px;font-size:10px;font-weight:700;text-decoration:none;transition:background .12s,color .12s}.blog-filter-tab:hover{color:var(--ink);background:#ffffffb3}.blog-filter-tab--active,.blog-filter-tab--active:hover{background:var(--ink);color:var(--paper)}.blog-card-tagline,.blog-post-tagline{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;display:flex}.blog-card-tagline .blog-kicker,.blog-post-tagline .blog-kicker{margin:0}.blog-kind-badge{font-family:var(--font-pixel);letter-spacing:.18em;text-transform:uppercase;color:var(--paper);white-space:nowrap;border-radius:4px;align-items:center;padding:4px 10px;font-size:9px;font-weight:700;display:inline-flex}.blog-kind-badge--guide{background:#611e39;box-shadow:0 2px #4a122980}.blog-kind-badge--reflection{background:#476d93;box-shadow:0 2px #2e466480}.blog-empty{color:var(--muted);font-family:var(--font-ui);margin:28px 0;font-size:15px;font-style:italic}.blog-page{font-family:var(--font-body);font-size:16px;line-height:1.65}.blog-post-body,.blog-article-section{max-width:65ch}.blog-hero p:not(.blog-kicker),.blog-list-card p,.blog-dek,.blog-post-body p,.blog-section-copy p,.blog-callout p,.blog-checklist li,.blog-source-note p,.loop-panel li,.craft-magnifier li,.split-panel p,.tool-proof-card p,.workflow-step p,.class-tabs-note,.faux-pixel-note,.blog-empty{max-width:65ch;color:var(--ink-2);font-family:var(--font-body);letter-spacing:0;font-size:clamp(15px,1.25vw,17px);line-height:1.68}.blog-hero p:not(.blog-kicker),.blog-dek{font-size:clamp(16px,1.55vw,20px)}.blog-rich-body,.blog-figure{max-width:min(900px,100%)}.blog-figure figcaption,.pixel-ba-info-text,.pixel-ba-upload-tooltip{max-width:65ch;font-family:var(--font-ui);letter-spacing:0;font-size:13px;line-height:1.55}.blog-kicker,.blog-card-meta,.blog-post-meta,.blog-section-kicker,.blog-callout-label,.wf-back-link,.blog-figure-header span,.split-panel span,.workflow-index,.preset-pill span,.scale-rung span,.fractional-example span,.fractional-example-tag,.fractional-example-note,.pixel-ba-readout,.pixel-ba-ratio,.pixel-ba-verdict,.pixel-ba-snaps,.pixel-ba-snap,.pixel-ba-control,.pixel-ba-hint,.pixel-ba-tick-label,.pixel-ba-filters legend,.pixel-ba-filter,.pixel-ba-gridtoggle,.pixel-ba-source,.pixel-ba-upload,.pixel-ba-dropzone,.pixel-ba-panel-title,.pixel-ba-panel-subtitle,.pixel-ba-segment,.pixel-ba-gridtoggle-btn,.pixel-ba-upload-btn,.pixel-ba-upload-nudge,.image-rendering-toggle legend,.image-rendering-option,.faux-pixel-source,.faux-pixel-grid-options legend,.faux-pixel-grid-option,.faux-pixel-gridtoggle,.faux-pixel-upload,.faux-pixel-dropzone,.blog-filter-tab,.blog-kind-badge{font-family:var(--font-meta);letter-spacing:.08em;font-size:12px;line-height:1.35}.pixel-ba-panel-subtitle,.pixel-ba-hint{opacity:.8;font-size:12px}