.about-header{display:grid;grid-template-columns:repeat(12,1fr);width:100%;padding:16px 72px;border-bottom:1px solid var(--dg-border,#222);align-items:start}.about-header-left{grid-column:1/9;display:flex;flex-direction:column;gap:0;text-decoration:none;color:inherit}.about-header-right{grid-column:12/13;justify-self:end;align-self:center;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(0,0,0,.5);text-decoration:none;transition:color .15s ease}.about-header-right:hover{color:rgba(0,0,0,1)}@media (min-width:1600px){.about-header-left{grid-column:3/9}}.about-playground-section{width:100%;padding:0;margin-bottom:2rem;background:var(--dg-bg)}.about-playground-section .playground{margin:0 auto}@media (min-width:1000px){.about-playground-section{display:grid;grid-template-columns:repeat(12,1fr);padding:48px 24px;background:#fff}.about-playground-section .playground{grid-column:1/-1;margin:0}}@media (min-width:1280px){.about-playground-section .playground{grid-column:2/12}}@media (min-width:1600px){.about-playground-section .playground{grid-column:3/11}}.about-page{display:grid;grid-template-columns:repeat(12,1fr);width:100%;padding:0 24px;overflow:clip}.about-description{grid-column:3/9;padding:64px 0;text-align:left}.about-description--before-grid{padding-bottom:24px}.about-description--continued{padding-top:32px}.about-grid-section{position:relative;width:100vw;left:50%;transform:translateX(-50%);padding:0}.about-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:0;width:100%}.about-tile{aspect-ratio:1;position:relative;overflow:hidden}.about-tile img{width:100%;height:100%;object-fit:cover;display:block}.about-tile--loading{opacity:.7;animation:tile-loading-pulse 2s ease-in-out infinite}.about-tile--loading img{filter:grayscale(.3)}@keyframes tile-loading-pulse{0%,to{opacity:.6}50%{opacity:.8}}.about-description h1{font-size:32px;font-weight:600;margin-bottom:8px}.about-description h1,.about-description h2{letter-spacing:.05em;max-width:65ch;text-transform:uppercase;color:#000}.about-description h2{font-size:20px;font-weight:500;margin-bottom:32px}.about-hanging-sidebar.about-sidebar--mobile{display:none}.about-hanging-sidebar.about-sidebar--desktop{display:block}@media (max-width:1024px){.about-hanging-sidebar.about-sidebar--mobile{display:grid}.about-hanging-sidebar.about-sidebar--desktop{display:none!important}}.about-text{display:flex;flex-direction:column;gap:24px;max-width:65ch}.about-text p{font-size:16px;line-height:1.7;color:rgba(0,0,0,.8)}.about-text ul{margin:0;padding-left:24px;list-style-type:disc}.about-text ul li{font-size:16px;line-height:1.7;color:rgba(0,0,0,.8);margin-bottom:8px}.about-text ul li:last-child{margin-bottom:0}.about-text ol{margin:0;padding-left:24px;list-style-type:decimal}.about-text ol li{font-size:16px;line-height:1.7;color:rgba(0,0,0,.8);margin-bottom:8px}.about-text ol li:last-child{margin-bottom:0}.about-compression-chain{font-style:italic;padding-left:24px;border-left:2px solid rgba(0,0,0,.2)}.about-description--with-hanging{overflow:visible}.about-description--with-hanging .about-text{position:relative}.about-hanging-image{position:absolute;top:0;left:calc(100% + 24px);width:calc(100% * 2 / 6);margin:0}.about-hanging-image-img{width:100%;height:auto}.about-hanging-image figcaption{font-size:11px;color:rgba(0,0,0,.6);margin-top:8px;line-height:1.4}.about-hanging-image figcaption a{color:inherit;text-decoration:none}.about-hanging-image figcaption a:hover{text-decoration:underline}.about-hanging-sidebar{position:absolute;top:0;left:calc(100% + 24px);width:calc(100% * 2 / 6);margin:0;padding:16px;background:#f9f9f9;border:1px solid rgba(0,0,0,.1)}.about-hanging-sidebar-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}.about-hanging-sidebar-list{margin:0;padding:0;display:flex;flex-direction:column}.about-hanging-sidebar-list dt{font-size:10px;font-family:var(--dg-font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.5);margin-bottom:0}.about-hanging-sidebar-list dd{font-size:13px;font-weight:500;color:#000;margin:0 0 12px}.about-hanging-sidebar-note{font-size:11px;line-height:1.5;color:rgba(0,0,0,.6);margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.about-hanging-sidebar-note:first-of-type{margin-top:16px}@media (max-width:1024px){.about-hanging-sidebar{position:static;width:100%;max-width:none;margin:0 0 24px;padding:12px 16px;display:grid;grid-template-columns:auto 1fr 1fr 1fr;align-items:center;gap:8px 16px}.about-hanging-sidebar-title{font-size:10px;margin-bottom:0;padding-bottom:0;border-bottom:none;white-space:nowrap;padding-right:8px;border-right:1px solid rgba(0,0,0,.1)}.about-hanging-sidebar-list{display:contents}.about-hanging-sidebar-list dt{font-size:9px;grid-row:1}.about-hanging-sidebar-list dd{font-size:11px;margin:0;grid-row:2}.about-hanging-sidebar-list dd:first-of-type,.about-hanging-sidebar-list dt:first-of-type{grid-column:2}.about-hanging-sidebar-list dd:nth-of-type(2),.about-hanging-sidebar-list dt:nth-of-type(2){grid-column:3}.about-hanging-sidebar-list dd:nth-of-type(3),.about-hanging-sidebar-list dt:nth-of-type(3){grid-column:4}.about-hanging-sidebar-title{grid-column:1;grid-row:1/3;align-self:center}.about-hanging-sidebar-note{display:none}}.about-hanging-image--wide{width:calc(100% * 4 / 6)}.about-image-comparison{grid-column:2/8;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:48px;background:#fff}.comparison-item{display:flex;flex-direction:column;gap:12px}.comparison-image{position:relative;aspect-ratio:1;overflow:hidden}.comparison-caption{font-size:12px;color:rgba(0,0,0,.6);text-align:center}.about-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;max-width:65ch}.about-comparison-item{display:flex;flex-direction:column}.about-comparison-box{border:1px solid rgba(0,0,0,.1)}.about-comparison-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f5f5f5;font-family:var(--dg-font-mono,monospace)}.about-status-dot{width:8px;height:8px;border-radius:50%;background:#666}.about-status-live{background:#22c55e;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.about-comparison-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.about-comparison-tag{margin-left:auto;font-size:10px;color:rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.05em}.about-comparison-image{position:relative;aspect-ratio:1;background:#e5e5e5}.about-comparison-lock{position:absolute;bottom:8px;right:8px}.about-lock-icon{width:12px;height:12px}.about-lock-icon-overlay{width:16px;height:16px;color:rgba(0,0,0,.3)}.about-comparison-caption{font-size:11px;font-family:var(--dg-font-mono,monospace);color:rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.05em;margin-top:8px;text-align:center}.about-diagram{margin:32px 0;padding:24px;background:#f9f9f9;border:1px solid rgba(0,0,0,.1)}.about-diagram-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.about-diagram-box{padding:16px 20px;background:#fff;border:1px solid rgba(0,0,0,.15);text-align:center;min-width:120px}.about-diagram-box--fixed{border-color:#000}.about-diagram-box--dynamic{border-style:dashed;border-color:#666}.about-diagram-box--result{background:#000;color:#fff}.about-diagram-label{font-size:12px;font-weight:600;margin-bottom:4px}.about-diagram-desc,.about-diagram-label{text-transform:uppercase;letter-spacing:.05em}.about-diagram-desc{font-size:10px;color:rgba(0,0,0,.5);margin-bottom:12px}.about-diagram-box--result .about-diagram-desc{color:rgba(255,255,255,.6)}.about-diagram-outputs{font-size:11px;line-height:1.6;color:rgba(0,0,0,.7)}.about-diagram-equals,.about-diagram-plus{font-size:20px;font-weight:300;color:rgba(0,0,0,.4)}.about-layer-diagram{display:flex;flex-direction:column;gap:4px;margin:32px 0;max-width:400px}.about-layer{padding:12px 16px;font-size:12px;font-family:var(--dg-font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;position:relative}.about-layer--bg{background:linear-gradient(135deg,#e8d4c4,#d4c4b4);color:rgba(0,0,0,.7)}.about-layer--svg{background:linear-gradient(135deg,#f0c8d8,#d8a8c0);color:rgba(0,0,0,.7)}.about-layer--photo{background:linear-gradient(135deg,#888,#666);color:rgba(255,255,255,.9)}.about-layer--grid{background:repeating-linear-gradient(0deg,#ddd,#ddd 1px,#fff 0,#fff 8px),repeating-linear-gradient(90deg,#ddd,#ddd 1px,#fff 0,#fff 8px);color:rgba(0,0,0,.7)}.about-layer--dither{background:repeating-linear-gradient(45deg,#000,#000 2px,#fff 0,#fff 4px);color:#000}.about-layer--dither span{background:rgba(255,255,255,.9);padding:2px 6px}.about-description h3{font-size:14px;font-weight:500;margin-top:48px;margin-bottom:12px;letter-spacing:.05em;text-transform:uppercase;color:rgba(0,0,0,1)}.about-links{display:flex;gap:24px;margin-top:48px;padding-top:32px;border-top:1px solid var(--dg-border,#222)}.about-links a{font-size:14px;color:var(--dg-text-muted,#666);text-decoration:none;transition:color .15s ease}.about-links a:hover{color:var(--dg-text-primary,#fff)}@media (max-width:1024px){.about-header{padding:16px 48px}.about-header-right{grid-column:11/12}.about-description{grid-column:2/11}.about-grid-section,.about-image-comparison{grid-column:1/-1}.about-hanging-image{position:static;width:100%;max-width:none;margin:24px 0;order:3}.about-hanging-image .about-hanging-image-img{width:100%;height:auto}.about-hanging-image figcaption{font-size:10px;margin-top:12px}.about-text:has(.about-hanging-image)>p:nth-child(2){order:1}.about-text:has(.about-hanging-image)>p:nth-child(3){order:2}.about-text:has(.about-hanging-image)>p:nth-child(4){order:4}.about-text:has(.about-hanging-image)>p:nth-child(5){order:5}.about-text:has(.about-hanging-image)>p:nth-child(6){order:6}.about-hanging-image--wide{max-width:none}}@media (max-width:768px){.about-header{padding:16px 24px}.about-header-left{grid-column:1/9}.about-header-right{grid-column:11/-1}.about-page{padding:0}.about-description{grid-column:1/-1;padding:48px 0}.about-image-comparison{grid-column:1/-1;padding:24px;gap:16px}.about-grid{grid-template-columns:repeat(7,1fr);width:100%}.about-grid .about-tile:nth-child(n+29){display:none}.about-description h1{font-size:24px}.about-description h2{font-size:18px}.about-text p{font-size:15px}.about-hanging-sidebar{grid-template-columns:1fr 1fr 1fr;padding:10px 12px;gap:4px 8px}.about-hanging-sidebar-title{grid-column:1/-1;grid-row:1;font-size:9px;border-right:none;padding-right:0;padding-bottom:6px;margin-bottom:2px;border-bottom:1px solid rgba(0,0,0,.1)}.about-hanging-sidebar-list dt{font-size:7px;grid-row:2;white-space:nowrap}.about-hanging-sidebar-list dd{font-size:10px;grid-row:3}.about-hanging-sidebar-note{display:none}.about-hanging-sidebar-list dd:first-of-type,.about-hanging-sidebar-list dt:first-of-type{grid-column:1}.about-hanging-sidebar-list dd:nth-of-type(2),.about-hanging-sidebar-list dt:nth-of-type(2){grid-column:2}.about-hanging-sidebar-list dd:nth-of-type(3),.about-hanging-sidebar-list dt:nth-of-type(3){grid-column:3}.about-comparison{grid-template-columns:1fr;gap:16px}.about-diagram{padding:16px}.about-diagram-row{flex-direction:column;gap:12px}.about-diagram-box{width:100%;max-width:200px}.about-diagram-equals,.about-diagram-plus{font-size:16px}.about-layer-diagram{max-width:100%}}.about-seed-diagram{margin:32px 0;padding:24px;background:#f9f9f9;border:1px solid rgba(0,0,0,.1)}.about-seed-diagram-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:24px}.about-seed-box{padding:16px;background:#fff;border:1px solid rgba(0,0,0,.15);text-align:left}.about-seed-box--calibration{border-color:#0000ff;border-width:2px}.about-seed-box--dna{border-color:#000;border-width:2px}.about-seed-box--render{border-style:dashed;border-color:#666}.about-seed-label{font-size:11px;font-weight:600;margin-bottom:4px}.about-seed-label,.about-seed-sublabel{text-transform:uppercase;letter-spacing:.05em}.about-seed-sublabel{font-size:10px;color:rgba(0,0,0,.5);margin-bottom:12px}.about-seed-outputs{font-size:11px;line-height:1.6;color:rgba(0,0,0,.7)}.about-seed-timing{font-size:10px;color:rgba(0,0,0,.4);text-transform:uppercase;letter-spacing:.05em;margin-top:12px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1)}.about-seed-arrow{display:flex;justify-content:center;padding:0 0 16px}.about-seed-arrow svg{width:24px;height:24px;color:rgba(0,0,0,.3)}.about-seed-result{text-align:center;padding:16px;background:#000;color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.layer-explorer{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:32px 0;padding:24px;background:#f9f9f9;border:1px solid rgba(0,0,0,.1)}.layer-explorer-list{display:flex;flex-direction:column;gap:8px}.layer-explorer-item{padding:12px 16px;background:#fff;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:all .15s ease}.layer-explorer-item--active,.layer-explorer-item:hover{border-color:#000;background:#000;color:#fff}.layer-explorer-item-name{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.layer-explorer-item-desc{font-size:11px;opacity:.7;line-height:1.4}.layer-explorer-output{display:flex;flex-direction:column;align-items:center}.layer-explorer-image-wrapper{position:relative;width:100%;max-width:400px;aspect-ratio:1;background:#e5e5e5}.layer-explorer-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.layer-explorer-image--hidden,.layer-explorer-image--layer{opacity:0}.layer-explorer-image--visible{opacity:1}.layer-explorer-caption{color:rgba(0,0,0,.6);margin-top:12px;text-align:center}.layer-explorer-caption,.layer-explorer-placeholder{font-size:11px;font-family:var(--dg-font-mono,monospace);text-transform:uppercase;letter-spacing:.05em}.layer-explorer-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8d4c4,#d4c4b4);color:rgba(0,0,0,.5)}.preset-comparison{margin:32px 0;padding:24px;background:#f9f9f9;border:1px solid rgba(0,0,0,.1)}.preset-comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.preset-comparison-item{background:#fff;border:2px solid rgba(0,0,0,.1);padding:0;cursor:pointer;transition:all .15s ease;text-align:center}.preset-comparison-item:hover{border-color:rgba(0,0,0,.3)}.preset-comparison-item--selected{border-color:#000}.preset-comparison-image-wrapper{position:relative;width:100%;aspect-ratio:1;background:#e5e5e5;overflow:hidden}.preset-comparison-image{width:100%;height:100%;object-fit:cover}.preset-comparison-loading{font-size:10px;letter-spacing:.1em}.preset-comparison-loading,.preset-comparison-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--dg-font-mono,monospace);text-transform:uppercase;color:rgba(0,0,0,.5)}.preset-comparison-placeholder{background:linear-gradient(135deg,#e8d4c4,#d4c4b4);font-size:11px;letter-spacing:.05em}.preset-comparison-name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:10px 8px;color:#000}.preset-comparison-details{padding:20px;background:#fff;border:1px solid rgba(0,0,0,.1)}.preset-comparison-details h4{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.preset-comparison-description{font-size:13px;line-height:1.6;color:rgba(0,0,0,.7);margin-bottom:16px}.preset-comparison-params{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preset-comparison-param{display:flex;flex-direction:column;gap:2px}.preset-comparison-param-label{font-size:10px;font-family:var(--dg-font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.5)}.preset-comparison-param-value{font-size:12px;font-weight:500;color:#000}@media (max-width:768px){.layer-explorer{grid-template-columns:1fr;gap:24px}.layer-explorer-output{order:-1}.about-seed-diagram-row{grid-template-columns:1fr;gap:12px}.preset-comparison-grid{grid-template-columns:repeat(2,1fr)}.preset-comparison-params{grid-template-columns:1fr}}.about-demo-section{grid-column:2/12;padding:0;margin:0 0 32px}.about-demo-section--full-bleed{position:relative;width:100vw;left:50%;transform:translateX(-50%);margin:0 0 32px}.generation-demo{display:grid;grid-template-columns:3fr 2fr;gap:32px;padding:24px;background:#f9f9f9;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);overflow:hidden}.generation-demo-left{display:flex;flex-direction:column;gap:16px}.generation-demo-right{display:flex;align-items:flex-start;justify-content:center;min-width:0;overflow:hidden}.generation-demo-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-panel{background:#fff;border:1px solid rgba(0,0,0,.1)}.demo-panel--calibration{margin-bottom:16px}.demo-panel--calibration,.demo-panel--dna,.demo-panel--render{border-color:#555;border-width:1px}.demo-panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 16px;background:#f5f5f5;border-bottom:1px solid rgba(0,0,0,.1)}.demo-panel-title{display:flex;flex-direction:column;gap:2px}.demo-panel-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.demo-panel--calibration .demo-panel-label,.demo-panel--dna .demo-panel-label,.demo-panel--render .demo-panel-label{color:#000}.demo-panel-locked{display:flex;align-items:center;gap:4px;font-weight:500}.demo-calibration-note,.demo-panel-locked{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.4)}.demo-calibration-note{font-family:var(--dg-font-mono,monospace);padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.demo-panel-sublabel{font-size:10px;color:rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.05em}.demo-panel-body{padding:16px;display:flex;flex-direction:column;gap:16px}.demo-refresh-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#fff;border:1px solid rgba(0,0,0,.2);cursor:pointer;transition:all .15s ease}.demo-refresh-btn:hover{background:#f5f5f5;border-color:rgba(0,0,0,.4)}.demo-refresh-btn svg{width:14px;height:14px;flex-shrink:0}.demo-seed-display{font-size:12px;font-family:var(--dg-font-mono,monospace);color:rgba(0,0,0,.7);padding:8px 12px;background:#f5f5f5;border-radius:4px}.demo-params{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-params--row{grid-template-columns:repeat(4,1fr)}.demo-params--secondary{padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.demo-param{display:flex;flex-direction:column;gap:2px}.demo-param-label{font-size:10px;font-family:var(--dg-font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.5)}.demo-param-value{font-size:12px;font-weight:500;color:#000}.demo-param-value--loading{min-width:50px;min-height:14px;border-radius:2px;background:linear-gradient(90deg,rgba(0,0,0,.08) 25%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.08) 75%);background-size:200% 100%;animation:swatch-shimmer 1.5s ease-in-out infinite}.demo-param-value--wrap{word-break:break-word}.demo-swatches{display:flex;flex-direction:column;gap:8px}.demo-swatches-label{font-size:10px;font-family:var(--dg-font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.5)}.demo-swatches-row{display:flex;flex-wrap:wrap;gap:4px}.demo-swatch{border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.demo-swatch--split{box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.demo-swatch--loading{background:linear-gradient(90deg,rgba(0,0,0,.08) 25%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.08) 75%);background-size:200% 100%;animation:swatch-shimmer 1.5s ease-in-out infinite}@keyframes swatch-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.demo-swatches-separator{display:flex;align-items:center;margin:0 4px;font-size:12px;color:rgba(0,0,0,.4);font-weight:500}.demo-swatches-section{padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.demo-flow-container{margin-top:6px}.demo-flow-toggle{display:flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-size:10px;font-family:var(--dg-font-mono,monospace);color:rgba(0,0,0,.5);cursor:pointer;transition:color .15s ease}.demo-flow-toggle:hover{color:rgba(0,0,0,.8)}.demo-flow-chevron{transition:transform .2s ease}.demo-flow-chevron--expanded{transform:rotate(180deg)}.demo-flow-expanded{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.1)}.demo-flow-explanation{font-size:10px;font-family:var(--dg-font-mono,monospace);color:rgba(0,0,0,.5);margin-bottom:8px}.demo-flow-variations{display:flex;flex-direction:column;gap:4px}.demo-flow-variation-row{display:flex;align-items:center;gap:8px}.demo-flow-variation-swatches{display:flex;gap:2px}.demo-flow-label{font-size:9px;font-family:var(--dg-font-mono,monospace);color:rgba(0,0,0,.4);text-transform:uppercase;letter-spacing:.03em}.demo-block-controls{display:flex;align-items:center;gap:4px}.demo-block-label{font-size:11px;font-weight:500;color:rgba(0,0,0,.6)}.demo-block-nav{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:1px solid rgba(0,0,0,.2);cursor:pointer;transition:all .15s ease;padding:0}.demo-block-nav:hover:not(:disabled){background:#f5f5f5;border-color:rgba(0,0,0,.4)}.demo-block-nav:disabled{opacity:.3;cursor:not-allowed}.demo-progress-indicator{position:relative;width:48px;height:48px;background:transparent;border:none;cursor:pointer;padding:0}.demo-progress-indicator:hover .demo-progress-bar{stroke:#333}.demo-progress-ring{display:block}.demo-progress-text{font-size:11px;font-weight:600;font-family:var(--dg-font-mono,monospace)}.demo-pause-overlay,.demo-progress-play,.demo-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#000}.demo-pause-overlay{opacity:0;transition:opacity .15s ease;background:rgba(255,255,255,.9);border-radius:50%}.demo-progress-indicator--paused .demo-pause-overlay,.demo-progress-indicator:hover .demo-pause-overlay{opacity:1}.demo-output{width:100%}.demo-output-image-wrapper{position:relative;width:100%;max-width:100%;aspect-ratio:1;background:#e5e5e5;overflow:hidden}.demo-output-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.demo-output-image--loaded{opacity:1}.demo-output-iframe{position:absolute;inset:0;width:100%;height:100%;border:none;opacity:0;transition:opacity .3s ease}.demo-output-iframe--loaded{opacity:1}.demo-output-error,.demo-output-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-family:var(--dg-font-mono,monospace);text-transform:uppercase;letter-spacing:.1em;color:rgba(0,0,0,.5)}.demo-output-error{color:rgba(255,0,0,.6)}.demo-grid-overlay{position:absolute;inset:0;pointer-events:none}.demo-grid-overlay--base{background:repeating-linear-gradient(to right,rgba(255,255,255,.5) 0 1px,transparent 1px var(--grid-size)),repeating-linear-gradient(to bottom,rgba(255,255,255,.5) 0 1px,transparent 1px var(--grid-size))}.demo-grid-overlay--sub{background:repeating-linear-gradient(to right,rgba(0,255,0,.3) 0 1px,transparent 1px var(--grid-size)),repeating-linear-gradient(to bottom,rgba(0,255,0,.3) 0 1px,transparent 1px var(--grid-size))}.demo-layer-toggles{display:flex;flex-direction:column;gap:8px;padding:16px;background:#fff;border:1px solid rgba(0,0,0,.1)}.demo-layer-toggles-label{font-size:10px;font-family:var(--dg-font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.5)}.demo-layer-toggles-row{display:flex;flex-wrap:wrap;gap:16px}.demo-layer-toggles-row--grids{padding-top:8px;border-top:1px solid rgba(0,0,0,.1)}.demo-layer-toggle{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.demo-layer-toggle input{cursor:pointer}.demo-layer-toggle input:disabled{cursor:not-allowed}.demo-layer-toggle input:disabled+span{color:rgba(0,0,0,.4)}@media (max-width:1200px){.generation-demo{grid-template-columns:1fr 1fr;gap:24px}}@media (max-width:900px){.generation-demo{grid-template-columns:1fr;gap:24px}.generation-demo-right{order:1}.demo-output-image-wrapper{max-width:512px;margin:0 auto}}@media (max-width:768px){.about-demo-section{grid-column:1/-1}.about-demo-section--full-bleed>div{border-left:none;border-right:none}.generation-demo{padding:16px}.generation-demo-panels{grid-template-columns:1fr;gap:16px}.demo-panel-header{flex-direction:row;gap:8px}.demo-block-controls{gap:8px}.demo-params,.demo-params--row{grid-template-columns:1fr 1fr}}.about-artist{background:#000;color:#fff;padding:80px 48px;position:relative;width:100vw;left:50%;transform:translateX(-50%);margin-left:0;margin-right:0;margin-bottom:-48px}.about-artist-content{display:grid;grid-template-columns:repeat(12,1fr);width:100%;max-width:calc(100vw - 48px);margin:0 auto;padding:0 24px}.about-artist-content>*{grid-column:3/9}.about-artist h2{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5);margin-bottom:32px}.about-artist-text{display:flex;flex-direction:column;gap:24px}.about-artist-text p{font-size:16px;line-height:1.7;color:rgba(255,255,255,.85)}.about-artist-text a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px;transition:text-decoration-color .15s ease}.about-artist-text a:hover{text-decoration-color:rgba(255,255,255,1)}.about-artist-colophon{margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.15)}.about-artist-colophon p{font-size:13px;line-height:1.6;color:rgba(255,255,255,.5);font-style:italic}@media (max-width:1024px){.about-artist-content>*{grid-column:2/11}}@media (max-width:768px){.about-artist{padding:48px 24px;margin-bottom:-24px}.about-artist-content{padding:0}.about-artist-content>*{grid-column:1/-1}.about-artist-text p{font-size:15px}}