@import"https://use.typekit.net/mot7rkh.css";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:degular-display,Helvetica Neue,Arial,sans-serif;color:#e8e4da;background:#111310;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #e8e4da;--muted: #96998f;--ground: #111310;--panel: #171a16;--panel-soft: #20241e;--rule: #3f443b;--lime: #c9ee68;--cyan: #80d4de;--coral: #ef6a4c;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{min-width:320px;background:var(--ground)}body{margin:0;min-width:320px;min-height:100vh;background:var(--ground)}button,input,select{font:inherit}button,select{border-radius:0}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:3px}button:disabled{opacity:.38;cursor:not-allowed}::selection{color:var(--ground);background:var(--lime)}.studio{width:min(1680px,100%);margin:0 auto;padding:20px clamp(14px,2.5vw,42px) 48px}.tool-header{display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:58px;padding:10px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.tool-header h1{margin:0;font-size:2.15rem;font-weight:400;line-height:1;letter-spacing:-.035em}.tool-header span,.eyebrow,label>span,label small,figcaption,.mesh-ledger dt,.export-strip,.section-body>p,.section-summary__meta,.preview-drawer__meta{font-family:var(--mono);font-size:.7rem;letter-spacing:.065em}.tool-header span,.eyebrow,label>span,figcaption span{color:var(--muted);text-transform:uppercase}.workbench{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);border-bottom:1px solid var(--ink)}.control-rail{border-right:1px solid var(--ink)}.control-section{border-bottom:1px solid var(--rule)}.section-summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:12px;align-items:center;min-height:70px;padding:14px 18px;list-style:none;cursor:pointer}.section-summary::-webkit-details-marker,.preview-drawer__summary::-webkit-details-marker,.mesh-ledger__heading::-webkit-details-marker{display:none}.section-summary:after,.preview-drawer__summary:after,.mesh-ledger__heading:after{content:"+";color:var(--muted);font-family:var(--mono);font-size:1rem;font-weight:400;line-height:1;text-align:center}details[open]>.section-summary:after,details[open]>.preview-drawer__summary:after,details[open]>.mesh-ledger__heading:after{content:"−";color:var(--lime)}.section-summary:hover{background:var(--panel)}.control-section[open]>.section-summary{border-bottom:1px solid var(--rule)}.section-summary__title{min-width:0;font-size:1.38rem;font-weight:400;line-height:1}.section-summary__meta{max-width:132px;overflow:hidden;color:var(--muted);line-height:1.35;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.section-body{min-width:0;padding:14px 18px 24px}.section-body>p{margin:0 0 16px;color:var(--muted);overflow-wrap:anywhere}.section-body label{display:block;padding:12px 0;border-top:1px solid var(--rule)}label>span{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--ink);text-transform:uppercase}label output{color:var(--lime)}label small{display:block;margin-top:8px;color:var(--muted);line-height:1.45}select{width:100%;min-height:40px;padding:5px 8px;color:var(--ink);background:var(--panel-soft);border:1px solid var(--rule)}input[type=range]{width:100%;accent-color:var(--lime)}.check-label{display:flex!important;gap:9px;align-items:center;font-family:var(--mono);font-size:.73rem;text-transform:uppercase}.check-label input{accent-color:var(--lime)}.button-row{display:flex;flex-wrap:wrap;gap:16px}.text-button{padding:1px 0;color:var(--ink);background:transparent;border:0;border-bottom:1px solid currentColor;cursor:pointer}.text-button:hover{color:var(--lime)}.preset-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 18px;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.preset-row button{min-height:48px;padding:7px 5px;color:var(--ink);background:transparent;border:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:.61rem;line-height:1.25;text-transform:uppercase;cursor:pointer}.preset-row button:hover{color:var(--ground);background:var(--cyan)}.channel-stack{margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}.channel-layer{border-bottom:1px solid var(--rule)}.channel-layer.is-selected{border-left:3px solid var(--cyan);background:var(--panel-soft)}.channel-layer.is-muted .channel-layer__select{opacity:.55}.channel-layer__row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;min-height:64px;align-items:stretch}.channel-toggle{display:grid!important;place-items:center;margin:0;padding:0!important;border:0!important;cursor:pointer}.channel-toggle input{width:15px;height:15px;margin:0;accent-color:var(--lime)}.channel-layer__select{min-width:0;padding:8px;text-align:left;color:var(--ink);background:transparent;border:0;cursor:pointer}.channel-layer__select span,.channel-layer__select small{display:block;color:var(--muted);font-family:var(--mono);font-size:.6rem;font-weight:400;letter-spacing:.055em;text-transform:uppercase}.channel-layer__select strong{display:block;margin:2px 0;overflow:hidden;font-size:.96rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.channel-layer__select[aria-pressed=true] small{color:var(--cyan)}.channel-layer__actions{display:flex;align-items:stretch}.channel-layer__actions button{width:30px;min-height:44px;padding:0;color:var(--muted);background:transparent;border:0;border-left:1px solid var(--rule);font-family:var(--mono);cursor:pointer}.channel-layer__actions button:hover:not(:disabled){color:var(--lime);background:var(--panel)}.channel-layer__actions button:last-child:hover:not(:disabled){color:var(--coral)}.add-channel{width:100%;min-height:42px;margin:10px 0 18px;color:var(--ink);background:transparent;border:1px solid var(--rule);font-family:var(--mono);font-size:.68rem;text-transform:uppercase;cursor:pointer}.add-channel:hover:not(:disabled){color:var(--ground);background:var(--lime);border-color:var(--lime)}.channel-inspector{min-width:0;margin:0 0 20px;padding:0;border:0;border-top:1px solid var(--cyan)}.channel-inspector legend{padding:8px 8px 8px 0;color:var(--cyan);font-family:var(--mono);font-size:.65rem;letter-spacing:.065em;text-transform:uppercase}.channel-inspector label{margin:0}.composite-heading{margin:0;padding:12px 0 10px;border-top:1px solid var(--ink);font-family:var(--mono);font-size:.68rem;font-weight:400;letter-spacing:.065em;text-transform:uppercase}.mode-list{margin:12px 0 18px;border-top:1px solid var(--rule)}.mode-list button{display:block;width:100%;padding:12px 8px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--rule);cursor:pointer}.mode-list button[aria-pressed=true]{color:var(--ground);background:var(--lime)}.mode-list strong,.mode-list small{display:block}.mode-list strong{font-weight:500}.mode-list small{margin-top:2px;color:var(--muted);font-family:var(--mono);font-size:.65rem}.mode-list button[aria-pressed=true] small{color:#363b2c}.preview-column{min-width:0}.preview-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:76px;padding:12px 18px;border-bottom:1px solid var(--ink)}.preview-toolbar .eyebrow{display:block;margin-bottom:5px}.preview-toolbar strong{font-weight:400;font-size:1.2rem}.preview-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.view-switcher{display:flex;flex-wrap:wrap;border:1px solid var(--rule)}.view-switcher button{padding:7px 10px;color:var(--ink);background:transparent;border:0;border-right:1px solid var(--rule);font-family:var(--mono);font-size:.65rem;text-transform:uppercase;cursor:pointer}.view-switcher button:last-child{border-right:0}.view-switcher button[aria-pressed=true]{color:var(--ground);background:var(--cyan)}.background-trigger{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-width:54px;min-height:34px;padding:6px 9px;color:var(--ink);background:transparent;border:1px solid var(--rule);font-family:var(--mono);font-size:.65rem;text-transform:uppercase;cursor:pointer}.background-trigger:hover,.background-trigger[aria-expanded=true]{border-color:var(--cyan);background:var(--panel-soft)}.background-trigger__swatch{width:14px;height:14px;border:1px solid color-mix(in srgb,var(--ink) 48%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--ground) 45%,transparent)}.export-image-trigger{min-height:34px;padding:7px 12px;color:var(--ground);background:var(--lime);border:1px solid var(--lime);font-family:var(--mono);font-size:.65rem;text-transform:uppercase;cursor:pointer}.export-image-trigger:hover{color:var(--lime);background:transparent}.material-controls{display:grid;grid-template-columns:auto minmax(140px,1fr) auto minmax(170px,230px);gap:14px;align-items:center;min-height:72px;padding:12px 18px;border-bottom:1px solid var(--ink);background:var(--panel)}.material-controls__label{font-family:var(--mono);font-size:.67rem;letter-spacing:.065em;text-transform:uppercase}.gradient-preview{height:28px;border:1px solid var(--rule)}.gradient-pickers{display:grid;grid-template-columns:repeat(3,auto);gap:8px}.gradient-pickers label{display:grid;grid-template-columns:minmax(56px,auto);gap:4px;justify-items:center;margin:0}.gradient-pickers label>span{margin:0;font-size:.58rem}.gradient-pickers input[type=color],.clay-color input[type=color]{width:34px;height:30px;padding:2px;background:transparent;border:1px solid var(--rule);cursor:pointer}.gradient-pickers output,.clay-color output{font-family:var(--mono);font-size:.58rem;text-transform:uppercase}.gradient-midpoint{display:block;min-width:0}.gradient-midpoint>span{margin-bottom:4px}.clay-controls{grid-template-columns:minmax(190px,1fr) auto}.clay-color{display:grid;grid-template-columns:auto 42px auto;gap:10px;align-items:center;margin:0}.clay-color>span{margin:0}.finish-switcher{display:flex;margin-top:6px;border:1px solid var(--rule)}.finish-switcher button{min-height:38px;padding:7px 11px;color:var(--ink);background:transparent;border:0;border-right:1px solid var(--rule);font-family:var(--mono);font-size:.65rem;text-transform:uppercase;cursor:pointer}.finish-switcher button:last-child{border-right:0}.finish-switcher button[aria-pressed=true]{color:var(--ground);background:var(--cyan)}.three-stage{position:relative;height:clamp(420px,62vw,780px);max-height:72vh;min-height:420px;border-bottom:1px solid var(--ink)}.three-stage.is-export-framed{height:auto;min-height:0;max-height:none;aspect-ratio:var(--export-aspect)}.three-stage:focus-visible{outline:3px solid var(--lime);outline-offset:-3px}.three-preview{display:block;width:100%;height:100%;touch-action:none}.background-menu{position:absolute;z-index:7;width:196px;padding:7px;color:var(--ink);background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--ink);box-shadow:0 16px 40px #00000061;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.background-menu>p{margin:2px 7px 7px;color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.07em;text-transform:uppercase}.background-menu button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;min-height:38px;padding:6px 8px;color:var(--ink);text-align:left;background:transparent;border:0;font-family:var(--mono);font-size:.68rem;cursor:pointer}.background-menu button:hover,.background-menu button[aria-checked=true]{color:var(--ground);background:var(--cyan)}.background-menu__swatch{width:16px;height:16px;border:1px solid rgb(255 255 255 / .4);box-shadow:0 0 0 1px #00000059}.background-menu kbd{color:inherit;font:inherit;opacity:.7}.drop-curtain{position:absolute;z-index:8;inset:16px;display:grid;place-items:center;color:var(--ground);background:color-mix(in srgb,var(--lime) 88%,transparent);border:2px solid var(--lime);font-family:var(--mono);text-transform:uppercase;pointer-events:none}.image-export-panel{padding:20px 18px 22px;background:#141713;border-bottom:1px solid var(--ink)}.image-export-header{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}.image-export-header .eyebrow{margin:0 0 5px}.image-export-header h2{margin:0;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:400;line-height:1}.image-export-header__meta{display:flex;align-items:flex-end;flex-direction:column;gap:8px;max-width:52%}.image-export-summary{margin:0;color:var(--cyan);font-family:var(--mono);font-size:.7rem;line-height:1.45;text-align:right;text-transform:uppercase}.image-export-close{padding:0;color:var(--muted);background:transparent;border:0;border-bottom:1px solid currentColor;font-family:var(--mono);font-size:.62rem;text-transform:uppercase;cursor:pointer}.image-export-close:hover:not(:disabled){color:var(--lime)}.image-export-options{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:14px}.image-export-options fieldset{min-width:0;margin:0;padding:0;border:0}.image-export-options legend{margin-bottom:8px;color:var(--muted);font-family:var(--mono);font-size:.65rem;letter-spacing:.065em;text-transform:uppercase}.export-choice-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.export-choice-group.size-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.export-choice-group button{min-height:54px;padding:8px;color:var(--ink);background:transparent;border:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:.67rem;line-height:1.25;text-transform:uppercase;cursor:pointer}.export-choice-group button:hover:not(:disabled){border-color:var(--cyan);background:var(--panel-soft)}.export-choice-group button[aria-pressed=true]{color:var(--ground);background:var(--cyan)}.export-choice-group button strong,.export-choice-group button small{display:block;font:inherit}.export-choice-group button small{margin-top:3px;color:var(--muted);font-size:.57rem}.export-choice-group button[aria-pressed=true] small{color:#284044}.image-export-help{margin:15px 0 0;color:var(--muted);font-family:var(--mono);font-size:.68rem;line-height:1.5}.image-export-progress{margin-top:16px;padding:12px;border:1px solid var(--lime)}.image-export-progress>span{display:block;margin-bottom:8px;font-family:var(--mono);font-size:.68rem;letter-spacing:.055em;text-transform:uppercase}.image-export-progress progress{display:block;width:100%;height:7px;accent-color:var(--lime)}.image-export-progress details{margin-top:9px;color:var(--muted);font-family:var(--mono);font-size:.62rem}.image-export-progress summary{width:fit-content;cursor:pointer}.image-export-progress p{margin:7px 0 0}.image-export-message{margin:14px 0 0;color:var(--lime);font-family:var(--mono);font-size:.68rem;line-height:1.5}.image-export-message.is-error{color:var(--coral)}.image-export-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.image-export-primary,.export-fallback{min-height:44px;padding:9px 14px;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;cursor:pointer}.image-export-primary{color:var(--ground);background:var(--lime);border:1px solid var(--lime)}.image-export-primary:hover:not(:disabled){color:var(--lime);background:transparent}.export-fallback{color:var(--ink);background:transparent;border:1px solid var(--rule)}.export-fallback:hover{border-color:var(--lime)}.is-exporting-image .control-rail,.is-exporting-image .view-switcher,.is-exporting-image .material-controls{opacity:.55}.preview-drawer{border-bottom:1px solid var(--ink)}.preview-drawer__summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:16px;align-items:center;min-height:70px;padding:12px 18px;list-style:none;cursor:pointer}.preview-drawer__summary:hover,.mesh-ledger__heading:hover{background:var(--panel)}.preview-drawer[open]>.preview-drawer__summary{border-bottom:1px solid var(--ink)}.preview-drawer__summary>span:first-child{display:grid;gap:3px}.preview-drawer__summary strong{font-size:1.2rem;font-weight:400}.preview-drawer__meta{color:var(--muted);text-transform:uppercase}.two-d-previews{display:grid;grid-template-columns:1fr 1fr}.two-d-previews figure{min-width:0;margin:0;padding:16px}.two-d-previews figure+figure{border-left:1px solid var(--ink)}figcaption{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px}figcaption strong{font-weight:400;overflow-wrap:anywhere}.two-d-previews canvas{display:block;width:100%;height:min(22vw,260px);object-fit:cover;background:var(--panel)}.mesh-ledger{border-bottom:1px solid var(--ink)}.mesh-ledger__heading{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:16px;align-items:center;min-height:82px;padding:14px 18px;list-style:none;cursor:pointer}.mesh-ledger[open]>.mesh-ledger__heading{border-bottom:1px solid var(--rule)}.mesh-ledger__title{display:grid;gap:3px}.mesh-ledger__name{font-size:2rem;font-weight:400;line-height:1}.mesh-ledger .eyebrow{margin:0}.health-state{padding:6px 9px;color:var(--coral);border:1px solid currentColor;font-family:var(--mono);font-size:.7rem;font-weight:400;text-transform:uppercase}.health-state.good{color:var(--lime)}.mesh-ledger__body{padding:20px 18px 24px}.mesh-ledger dl{display:grid;grid-template-columns:repeat(6,1fr);margin:0 0 16px;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.mesh-ledger dl div{min-width:0;padding:12px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.mesh-ledger dt{min-height:30px;color:var(--muted);text-transform:uppercase}.mesh-ledger dd{margin:8px 0 0;font-size:1.8rem}.mesh-ledger__body>p{max-width:760px;margin:0;color:var(--muted);line-height:1.42}.export-strip{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:20px 18px}.export-strip p{margin:0}.export-strip .eyebrow{margin-bottom:6px}.export-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.export-button{min-height:42px;padding:8px 12px;color:var(--ink);background:transparent;border:1px solid var(--rule);cursor:pointer}.export-button:hover:not(:disabled){border-color:var(--lime)}.export-button.primary{color:var(--ground);background:var(--lime);border-color:var(--lime)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1080px){.workbench{grid-template-columns:310px minmax(0,1fr)}.mesh-ledger dl{grid-template-columns:repeat(3,1fr)}.preview-toolbar{align-items:flex-start;flex-direction:column}.preview-tools{justify-content:flex-start}.material-controls{grid-template-columns:auto minmax(0,1fr)}.gradient-pickers,.gradient-midpoint{grid-column:1 / -1}.image-export-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:820px){.studio{padding-inline:12px}.workbench{grid-template-columns:1fr}.control-rail{border-right:0;border-bottom:1px solid var(--ink)}.preview-toolbar{align-items:flex-start;flex-direction:column}.preview-tools{justify-content:flex-start}.three-stage{height:58vh;max-height:640px}.image-export-options,.export-strip{grid-template-columns:1fr}.export-actions{justify-content:flex-start}}@media(max-width:560px){.tool-header h1{font-size:1.85rem}.preview-tools,.view-switcher{width:100%}.view-switcher button{flex:1}.background-trigger{min-height:44px}.export-image-trigger{flex:1;width:auto;min-height:44px}.image-export-panel{padding-inline:12px}.image-export-header{align-items:flex-start;flex-direction:column;gap:10px}.image-export-header__meta{align-items:flex-start;max-width:none}.image-export-summary{text-align:left}.view-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.view-switcher button{min-height:44px;border-bottom:1px solid var(--rule)}.view-switcher button:nth-child(2){border-right:0}.view-switcher button:nth-child(n+3){border-bottom:0}.export-choice-group button{min-height:48px}.image-export-actions{align-items:stretch;flex-direction:column-reverse}.image-export-primary,.export-fallback{width:100%}.material-controls,.clay-controls{grid-template-columns:1fr}.gradient-pickers,.gradient-midpoint{grid-column:1}.clay-color{grid-template-columns:auto 42px auto}.two-d-previews{grid-template-columns:1fr}.two-d-previews figure+figure{border-top:1px solid var(--ink);border-left:0}.two-d-previews canvas{height:210px}.mesh-ledger dl{grid-template-columns:repeat(2,1fr)}.mesh-ledger__heading{grid-template-areas:"title toggle" "status status";grid-template-columns:minmax(0,1fr) 18px;gap:12px}.mesh-ledger__title{grid-area:title}.mesh-ledger__heading .health-state{grid-area:status;justify-self:start}.mesh-ledger__heading:after{grid-area:toggle}.three-stage{min-height:380px}.channel-layer__actions button{width:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}