:root{--bg: #0a0a0a;--fg: #f4f4f4;--accent: #b8ff4a;--accent-ink: #0a0a0a;--chrome: #161616;--fg-80: rgba(255,255,255,.8);--fg-75: rgba(255,255,255,.75);--fg-65: rgba(255,255,255,.65);--fg-55: rgba(255,255,255,.55);--fg-40: rgba(255,255,255,.4);--fg-15: rgba(255,255,255,.15);--fg-12: rgba(255,255,255,.12);--fg-10: rgba(255,255,255,.1);--fg-08: rgba(255,255,255,.08);--fg-05: rgba(255,255,255,.05);--fg-03: rgba(255,255,255,.03);--fg-025: rgba(255,255,255,.025);--accent-30: rgba(184,255,74,.3);--accent-25: rgba(184,255,74,.25);--accent-12: rgba(184,255,74,.12);--accent-10: rgba(184,255,74,.1);--accent-08: rgba(184,255,74,.08);--accent-04: rgba(184,255,74,.04);--accent-03: rgba(184,255,74,.03);--accent-02: rgba(184,255,74,.02);--font-sans: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", "Monaco", ui-monospace, monospace;--pad: 80px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Helvetica Neue,Helvetica,Inter Tight,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:SF Mono,Consolas,Monaco,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}html,body,#root{margin:0;padding:0;background:var(--chrome);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.post{width:1600px;height:2000px;background:var(--bg);position:relative;overflow:hidden;font-family:var(--font-sans);color:var(--fg);display:flex;flex-direction:column}.post .header{flex:0 0 auto;height:110px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--fg-10);position:relative}.post .header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);pointer-events:none}.post .brand{display:flex;align-items:center;gap:14px}.post .brand-mark{width:40px;height:40px;display:block;flex:0 0 auto}.post .brand-mark img{width:100%;height:100%;display:block}.post .brand-handle{font-size:22px;font-weight:700;letter-spacing:.02em;color:var(--fg)}.post .brand-handle sup{font-size:12px;font-weight:500;color:var(--fg-55);margin-left:2px;letter-spacing:.1em}.post .chrome-dots{display:flex;gap:10px;align-items:center}.post .chrome-dot{width:14px;height:14px;border-radius:999px;background:var(--fg-10);border:1px solid var(--fg-15)}.post .chrome-dot.lime{background:var(--accent);border-color:var(--accent)}.post .stage-area{flex:1 1 auto;position:relative;margin:40px var(--pad);border:1px solid var(--fg-10);border-radius:4px;overflow:hidden;display:grid;place-items:center}.post .stage-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--fg-05) 1px,transparent 1px),linear-gradient(90deg,var(--fg-05) 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px;pointer-events:none}.post .crop{position:absolute;width:28px;height:28px;border-color:var(--fg-40);pointer-events:none}.post .crop.tl{top:16px;left:16px;border-top:1px solid;border-left:1px solid}.post .crop.tr{top:16px;right:16px;border-top:1px solid;border-right:1px solid}.post .crop.bl{bottom:16px;left:16px;border-bottom:1px solid;border-left:1px solid}.post .crop.br{bottom:16px;right:16px;border-bottom:1px solid;border-right:1px solid}.post .stage-coord{position:absolute;z-index:3;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--fg-40);text-transform:uppercase}.post .stage-coord.tl{top:16px;left:52px}.post .stage-coord.br{bottom:16px;right:52px;color:var(--accent)}.post .stage-center-glyph{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;color:var(--fg-40);pointer-events:none;text-align:center}.post .stage-center-glyph .plus{font-size:52px;font-weight:200;line-height:1;color:var(--fg-40)}.post .stage-center-glyph .label{font-family:var(--font-mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--fg-40)}.post .product-img-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:40px;display:grid;place-items:center;overflow:hidden}.post .product-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:block;transform-origin:center center}.post.has-image .stage-center-glyph{display:none}.post .hero-band{flex:0 0 auto;height:220px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:48px;border-top:1px solid var(--fg-10);position:relative}.post .hero-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.post .hero-title{font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1.02;color:var(--fg);text-transform:uppercase;text-wrap:balance;max-width:900px;margin:0}.post .hero-title em{font-weight:200;font-style:italic;color:var(--fg-65);letter-spacing:-.01em}.post .hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px;flex:0 0 auto}.post .hero-meta{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-55)}.post .hero-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid var(--accent-30);color:var(--accent);background:var(--accent-10);border-radius:999px;font-size:13px;letter-spacing:.22em;text-transform:uppercase;font-weight:600}.post .hero-pill .star{font-size:14px}.app-shell{display:grid;grid-template-columns:320px 1fr 280px;min-height:100vh;gap:0;background:var(--chrome)}@media (max-width: 1279px){.app-shell{grid-template-columns:300px 1fr}.history-rail{display:none}}@media (max-width: 899px){.app-shell{grid-template-columns:1fr}.tweaks-rail{order:2}.canvas-rail{order:1}}.tweaks-rail,.history-rail{background:#0f0f0f;border-right:1px solid var(--fg-10);padding:24px 20px;overflow-y:auto;max-height:100vh;position:sticky;top:0}.history-rail{border-right:0;border-left:1px solid var(--fg-10)}.rail-title{font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--fg);margin:0 0 20px}.rail-title:before{content:"✦ ";color:var(--accent)}.tweak-row{display:flex;flex-direction:column;margin-bottom:14px}.tweak-row label{font-size:9px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--fg-55);margin-bottom:6px}.tweak-row input[type=text],.tweak-row input[type=number]{width:100%;background:#ffffff0a;border:1px solid var(--fg-12);border-radius:4px;color:var(--fg);padding:9px 10px;font-family:var(--font-sans);font-size:12px;letter-spacing:.02em}.tweak-row input:focus{border-color:var(--accent);outline:none}.tweak-row input[type=range]{width:100%;accent-color:var(--accent)}.tweak-toggle{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:1px solid var(--fg-12);border-radius:4px;padding:9px 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-75);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tweak-toggle.on{color:var(--accent);border-color:var(--accent-30);background:var(--accent-10)}.tweak-toggle .dot{width:8px;height:8px;border-radius:999px;background:var(--fg-40)}.tweak-toggle.on .dot{background:var(--accent)}.tweak-upload{display:flex;gap:8px}.tweak-upload .btn{flex:1;background:#ffffff0a;border:1px solid var(--fg-12);color:var(--fg-75);padding:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border-radius:4px;text-align:center}.tweak-upload .btn.clear{flex:0 0 auto;padding:10px 14px}.tweak-upload .btn:hover{border-color:var(--fg-15);color:var(--fg)}.tweak-nudge{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.tweak-nudge button{background:#ffffff0a;border:1px solid var(--fg-12);color:var(--fg-75);padding:6px 0;font-family:var(--font-mono);font-size:11px;cursor:pointer;border-radius:3px}.tweak-nudge button:hover{color:var(--fg);border-color:var(--fg-15)}.tweak-nudge button.placeholder{visibility:hidden}.pill-icon-label{font-size:9px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--fg-55);margin:10px 0 6px}.icon-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.icon-chip{background:#ffffff0a;border:1px solid var(--fg-12);color:var(--fg-75);padding:8px 0;font-size:14px;cursor:pointer;border-radius:3px;line-height:1;min-height:32px;display:flex;align-items:center;justify-content:center}.icon-chip:hover{color:var(--fg);border-color:var(--fg-15)}.icon-chip.on{background:var(--accent-10);border-color:var(--accent-30);color:var(--accent)}.dropzone{border:1px dashed var(--fg-15);border-radius:4px;padding:16px;text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-55);margin-bottom:8px;transition:all .12s}.dropzone.drag{border-color:var(--accent);color:var(--accent);background:var(--accent-04)}.download-btn{width:100%;background:var(--accent);color:var(--accent-ink);border:0;padding:14px;font-weight:700;font-size:11px;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;border-radius:4px;font-family:var(--font-sans);margin-top:12px}.download-btn:hover{filter:brightness(1.05)}.download-btn:disabled{opacity:.6;cursor:progress}.canvas-rail{display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:hidden;background:var(--chrome)}.canvas-outer{position:relative}.canvas-wrap{width:1600px;height:2000px;transform-origin:top left;position:absolute;top:0;left:0}.history-item{display:flex;flex-direction:column;gap:6px;padding:10px;margin-bottom:10px;border:1px solid var(--fg-10);border-radius:4px;background:#ffffff05;cursor:pointer;transition:border-color .12s}.history-item:hover{border-color:var(--fg-15)}.history-item img{width:100%;aspect-ratio:4 / 5;-o-object-fit:cover;object-fit:cover;border-radius:2px;background:#000}.history-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-55)}.history-name{font-size:11px;font-weight:600;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-actions{display:flex;gap:6px;margin-top:2px}.history-actions button{flex:1;background:transparent;border:1px solid var(--fg-10);color:var(--fg-55);padding:4px 0;font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border-radius:2px}.history-actions button:hover{color:var(--fg);border-color:var(--fg-15)}.passcode-shell{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:24px}.passcode-card{width:100%;max-width:360px;background:#0f0f0f;border:1px solid var(--fg-10);border-radius:6px;padding:36px 28px;display:flex;flex-direction:column;align-items:center;gap:12px}.passcode-card.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.passcode-mark{width:56px;height:56px;display:block;margin-bottom:8px}.passcode-title{font-size:13px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--fg)}.passcode-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--fg-55);margin-bottom:14px}.passcode-card input{width:100%;background:#ffffff0a;border:1px solid var(--fg-12);border-radius:4px;color:var(--fg);padding:12px 14px;font-family:var(--font-mono);font-size:14px;letter-spacing:.3em;text-align:center}.passcode-card input:focus{border-color:var(--accent);outline:none}.passcode-card button{width:100%;background:var(--accent);color:var(--accent-ink);border:0;padding:12px;font-weight:700;font-size:11px;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;border-radius:4px;font-family:var(--font-sans);margin-top:4px}.passcode-card button:hover{filter:brightness(1.05)}.history-empty{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-40);text-align:center;padding:24px 0}