@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-wght-normal-D5afBTBx.woff2) format("woff2-variations")}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/JetBrainsMono-Medium.woff2) format("woff2")}@layer tokens{:root{color-scheme:dark;--font-ui: "Bricolage Grotesque Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Unbounded Variable", "Avenir Next Condensed", "HelveticaNeue-CondensedBlack", Impact, ui-sans-serif, system-ui, sans-serif;--font-mono: "SFMono-Regular", "Roboto Mono", ui-monospace, monospace;--ink: #f7f7f2;--ink-muted: rgba(247, 247, 242, .66);--ink-soft: rgba(247, 247, 242, .42);--paper: #f4f0e8;--paper-strong: #fffaf0;--paper-muted: #d8d0c4;--void: #050507;--void-2: #0c0d10;--void-3: #15161b;--line: rgba(255, 255, 255, .13);--line-dark: rgba(8, 8, 10, .16);--accent: #d8ff55;--accent-2: #ff4f9f;--danger: #ff655f;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 14px;--shadow-stage: 0 24px 80px rgba(0, 0, 0, .52);--shadow-sheet: 0 -22px 70px rgba(0, 0, 0, .42);--focus-ring: 0 0 0 3px rgba(216, 255, 85, .34);--sheet-max-mobile: min(46dvh, 24rem);--dock-height: 3.4rem}}@layer reset,base;@layer reset{*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{border:0}img{display:block;max-width:100%}}@layer base{body{font-family:var(--font-ui);color:var(--ink);background:var(--void);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}:focus-visible{outline:none;box-shadow:var(--focus-ring)}::selection{color:var(--void);background:var(--accent)}.srOnlyInput{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}}@layer layout{.uploadEntry{min-height:100dvh;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:var(--void)}.uploadPlate{position:relative;width:min(calc(100vw - 2rem),88rem);height:min(calc(100dvh - 2rem),58rem);min-height:34rem;overflow:hidden;display:grid;grid-template-columns:minmax(18rem,.88fr) minmax(18rem,32rem);align-items:center;gap:3rem;padding:3rem;color:var(--ink);text-align:left;background:#050509;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:none;isolation:isolate}.topoField{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.86}.topoReadability{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#050507e6,#05050757 48%,#050507c7),linear-gradient(90deg,#050507db,#05050757 42%,#0505079e);pointer-events:none}.uploadPlateGuide{position:absolute;inset:1rem;z-index:0;border:1px solid rgba(247,247,242,.2);pointer-events:none}.uploadPlateGuide:before,.uploadPlateGuide:after,.dropWellGuide:before,.dropWellGuide:after{content:"";position:absolute;inline-size:4.4rem;block-size:4.4rem;border-color:var(--accent);border-style:solid;pointer-events:none}.uploadBrandLockup{position:relative;z-index:1;display:grid;gap:.75rem;align-self:center;max-width:33rem}.brandMark{margin:0;font-family:var(--font-display);font-size:8.7rem;font-weight:900;letter-spacing:0;line-height:.78;text-transform:uppercase}.uploadBrandLockup p{max-width:15em;margin:0;color:var(--ink);font-size:2rem;font-weight:760;line-height:.98}.uploadPlateGuide:before,.dropWellGuide:before{inset-block-start:-1px;inset-inline-start:-1px;border-width:2px 0 0 2px}.uploadPlateGuide:after,.dropWellGuide:after{inset-block-end:-1px;inset-inline-end:-1px;border-width:0 2px 2px 0}.uploadWellGroup{position:relative;z-index:1;justify-self:end;width:min(100%,32rem,calc((100dvh - 8rem)*.75));display:grid;gap:.85rem;justify-items:center}.uploadDropWell{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;display:grid;place-items:end center;padding:1rem;color:var(--ink);background:linear-gradient(180deg,#0505072e,#0505076b 52%,#050507e0);border:1px solid rgba(247,247,242,.6);border-radius:var(--radius-md)}.uploadDropWell[data-drop-active=true]{border-color:var(--accent);background:linear-gradient(180deg,#d8ff551a,#0505075c 45%,#050507db)}.dropWellGuide{position:absolute;inset:.9rem;z-index:0;border:1px solid rgba(247,247,242,.24);pointer-events:none}.dropWellCopy{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1.35rem 0 .8rem;text-align:center}.dropWellTitle{margin:0;color:var(--ink);font-size:1.05rem;font-weight:800}.dropWellActionStack{width:min(100%,20rem);display:grid;gap:.7rem;justify-items:center}.uploadFrameAction,.uploadFrameHint{position:relative;z-index:1}.uploadFrameAction{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.1rem;padding:.78rem 1.05rem;color:var(--void);background:var(--accent);border-radius:var(--radius-sm);font-size:1rem;font-weight:850}.uploadFrameHint{min-width:0;color:var(--ink-muted);font-size:.92rem;font-weight:680}.uploadDropWell[data-drop-active=true] .uploadFrameAction{background:var(--ink)}.uploadCreatorLink{width:fit-content;color:var(--ink-muted);font-weight:760;text-decoration:none}.uploadCreatorLink:hover{color:var(--accent)}.entryNotice{position:fixed;inset-inline:1rem;bottom:max(1rem,env(safe-area-inset-bottom));margin:0 auto;width:fit-content;max-width:calc(100vw - 2rem);padding:.65rem .85rem;color:var(--void);background:var(--accent);border-radius:var(--radius-md);font-weight:750}.entryNoticeError{color:var(--ink);background:var(--danger)}.creationShell{height:100dvh;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--void)}.creationCanvas{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;padding:max(.75rem,env(safe-area-inset-top)) .75rem .45rem;container-type:size}.imageStage{position:relative;width:min(100%,82cqw);max-width:72rem;max-height:100%;min-height:10rem;overflow:hidden;display:grid;place-items:center;background:var(--void-2);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-stage);touch-action:none}.imageStage[data-step=frame]{cursor:grab}.imageStageDragging{cursor:grabbing;border-color:var(--accent)}.imageStage[data-drop-active=true]{border-color:var(--accent)}.frameSourceImage{position:absolute;inset:auto;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.artifactImage{width:100%;height:100%;object-fit:contain}.frameGuide{position:absolute;inset:0;border:1px solid rgba(255,255,255,.66);box-shadow:inset 0 0 0 1px #00000057,inset 0 0 0 999px #0000000f;pointer-events:none}.canvasPlaceholder{display:grid;place-items:center;width:100%;height:100%;min-height:12rem;color:var(--ink-soft);background:linear-gradient(135deg,var(--void-2),var(--void-3))}.canvasMeta{width:min(100%,42rem);display:flex;justify-content:space-between;gap:1rem;padding-top:.45rem;color:var(--ink-soft);font:.72rem/1.2 var(--font-mono)}@media(min-width:900px){.creationShell{grid-template-columns:minmax(0,1fr) minmax(20rem,24rem);grid-template-rows:1fr}.creationCanvas{padding:1rem}.imageStage{width:min(100%,76cqw)}}@media(min-width:1280px){.uploadPlate{grid-template-columns:minmax(24rem,.92fr) minmax(22rem,34rem);gap:4rem;padding:4rem}.uploadWellGroup{width:min(100%,34rem,calc((100dvh - 9rem)*.75))}}@media(max-width:980px){.uploadEntry{padding:max(.6rem,env(safe-area-inset-top)) max(.6rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left))}.uploadPlate{width:calc(100vw - 1.2rem);height:auto;min-height:calc(100dvh - 1.2rem);display:flex;flex-direction:column;justify-content:center;gap:clamp(1.25rem,4dvh,2.25rem);padding:clamp(1rem,2.4dvh,1.5rem)}.uploadPlateGuide{display:none}.dropWellGuide:before,.dropWellGuide:after{inline-size:2.5rem;block-size:2.5rem}.uploadBrandLockup{width:min(100%,24rem);justify-items:start;align-self:center;gap:.6rem;padding:0 .75rem;text-align:left}.brandMark{font-size:5.2rem;line-height:.84}.uploadBrandLockup p{max-width:18rem;font-size:1.25rem;line-height:1.05}.uploadWellGroup{align-self:center;width:min(100%,clamp(18rem,calc((100dvh - 15rem)*.75),24rem));gap:.75rem}.uploadDropWell{padding:.8rem;background:#050507bd;border-color:#f7f7f28a}.uploadDropWell[data-drop-active=true]{background:#0f140ad1}.dropWellGuide{inset:.8rem;border:0}.uploadFrameAction{width:100%;justify-content:center}.uploadFrameHint{text-align:center}.dropWellCopy{width:100%;padding:1.65rem 0 .55rem}.uploadCreatorLink{font-size:.95rem}}@media(max-width:760px){.uploadEntry{padding:max(.4rem,env(safe-area-inset-top)) max(.4rem,env(safe-area-inset-right)) max(.4rem,env(safe-area-inset-bottom)) max(.4rem,env(safe-area-inset-left))}.uploadPlate{width:calc(100vw - .8rem);min-height:calc(100dvh - .8rem);gap:clamp(1.1rem,3.2dvh,1.85rem);padding:1rem}.uploadBrandLockup{width:min(100%,19rem);gap:.5rem}.brandMark{font-size:4rem}.uploadBrandLockup p{max-width:15.5rem;font-size:1.08rem}.uploadWellGroup{width:min(100%,clamp(17rem,calc((100dvh - 14.5rem)*.75),22rem))}}@media(max-width:380px){.brandMark{font-size:3.55rem}.uploadBrandLockup p{font-size:1rem}}}@layer controls{.controlSheet{max-height:var(--sheet-max-mobile);display:grid;grid-template-rows:var(--dock-height) minmax(0,1fr) auto;color:var(--void);background:#f4f0e8f5;border-top:1px solid rgba(255,255,255,.22);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-sheet);overflow:hidden}.stepDock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.45rem;background:#05050714}.stepButton,.choicePill,.paletteChoice,.quietAction,.primaryAction{min-height:44px;border-radius:var(--radius-md);cursor:pointer}.stepButton{display:flex;align-items:center;justify-content:center;gap:.4rem;color:#050507a8;background:transparent;font-weight:800}.stepButton[data-state=active]{color:var(--ink);background:var(--void)}.sheetBody{min-height:0;overflow:auto;padding:.8rem}.stepControls{display:grid;gap:.85rem}.controlCluster,.rangeStack{display:grid;gap:.55rem}.controlLabel,.rangeControlHeader,.numberField>span,.numberPair span,.toggleControl span{font-size:.76rem;font-weight:850;color:#050507ad}.segmentedGrid,.paletteGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.segmentedGridTwo{grid-template-columns:repeat(2,minmax(0,1fr))}.choicePill,.paletteChoice{color:var(--void);background:#0505070f;border:1px solid var(--line-dark);font-weight:850}.choicePill[data-state=active],.paletteChoice[data-state=active]{color:var(--ink);background:var(--void)}.paletteChoice{display:grid;gap:.38rem;padding:.5rem;text-align:left}.swatchRail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem}.swatchRail span{height:.45rem;border-radius:999px}.rangeControl{display:grid;gap:.42rem}.rangeControlHeader{display:flex;justify-content:space-between;gap:1rem}.rangeControl output{color:var(--void);font-family:var(--font-mono)}input[type=range]{width:100%;accent-color:var(--void)}.numberPair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.numberPair label,.numberField,.toggleControl{display:grid;gap:.35rem}.numberPair input,.numberField input{width:100%;min-height:44px;padding:0 .7rem;color:var(--void);background:#ffffff94;border:1px solid var(--line-dark);border-radius:var(--radius-md)}.numberField small{color:#05050794}.toggleControl{grid-template-columns:1fr auto;align-items:center;min-height:44px}.toggleControl input{width:1.35rem;height:1.35rem;accent-color:var(--void)}.exportReadout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .7rem;padding:.65rem;color:#050507b3;background:#0505070f;border-radius:var(--radius-md);font-size:.78rem}.exportReadout strong{grid-column:1 / -1;color:var(--void);overflow-wrap:anywhere}.actionRow{display:flex;gap:.5rem;flex-wrap:wrap}.quietAction,.primaryAction{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;padding:0 .78rem;font-weight:900}.quietAction{color:var(--void);background:#05050714}.primaryAction{color:var(--void);background:var(--accent)}.primaryAction:disabled{color:#05050770;background:#0505071f;cursor:not-allowed}.sheetNotice{margin:0;padding:.55rem .8rem max(.55rem,env(safe-area-inset-bottom));color:#050507b8;border-top:1px solid rgba(5,5,7,.1);font-size:.82rem}.sheetNoticeError{color:var(--danger);font-weight:850}@media(min-width:900px){.controlSheet{height:100dvh;max-height:none;border-radius:0;border-top:0;border-left:1px solid rgba(255,255,255,.18);grid-template-rows:var(--dock-height) minmax(0,1fr) auto}.sheetBody{padding:1rem}}}