:root{color:#f4f1e8;--paper:#f4f1e8;--ink:#11110f;--field:#171714;--field-raised:#1e1e1a;--muted:#f4f1e8a8;--line:#f4f1e8d1;font-synthesis:none;text-rendering:geometricprecision;background:#11110f;font-family:Franklin Gothic Condensed,Arial Narrow,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth;scrollbar-color:var(--paper) #141410;scrollbar-width:thin;min-width:320px}body{background:var(--ink);min-width:320px;min-height:100dvh;margin:0;position:relative}body:before{z-index:0;pointer-events:none;content:"";opacity:.58;background-image:radial-gradient(circle at 12% 18%,#f4f1e80f 0 1px,#0000 1.4px),radial-gradient(circle at 78% 44%,#00000047 0 1px,#0000 1.5px),repeating-linear-gradient(96deg,#f4f1e805 0 1px,#0000 1px 17px),repeating-linear-gradient(4deg,#0000002e 0 1px,#0000 1px 23px);background-position:0 0,9px 13px,0 0,0 0;background-size:21px 19px,29px 31px,180px 180px,220px 220px;position:fixed;inset:0}a{color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#141410;border-left:1px solid #f4f1e833}::-webkit-scrollbar-thumb{background:var(--paper);border:2px solid #141410}::-webkit-scrollbar-thumb:hover{background:#fff}.app-shell{z-index:1;min-height:100dvh;position:relative;overflow-x:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.top-banner{border-bottom:1px solid var(--line);background:#141410;place-items:center;min-height:48px;display:grid;position:relative}.brand-mark{min-height:28px;color:var(--paper);letter-spacing:0;text-transform:lowercase;justify-content:center;align-items:center;padding:0 12px 2px;font-family:Courier New,Consolas,monospace;font-size:1.65rem;font-weight:700;line-height:.9;text-decoration:none;transition:color .18s,transform .22s cubic-bezier(.16,1,.3,1);display:inline-flex}.brand-mark:hover{color:#fff;transform:translateY(-1px)}.brand-mark:focus-visible{outline:2px solid var(--paper);outline-offset:8px}.effect-tabs{gap:6px;display:flex;position:absolute;left:18px}.effect-tab{min-height:26px;color:var(--muted);cursor:pointer;letter-spacing:0;text-transform:lowercase;background:0 0;border:1px solid #f4f1e8b8;border-radius:0;padding:0 10px;font-family:Courier New,Consolas,monospace;font-size:.74rem;font-weight:800;line-height:1}.effect-tab:hover,.effect-tab:focus-visible,.effect-tab.is-active{background:var(--paper);color:var(--ink);outline:0}.social-contact{color:var(--paper);text-transform:uppercase;font-family:Courier New,Consolas,monospace;font-size:.92rem;font-weight:700;line-height:1.2;text-decoration:none;transition:color .18s,transform .22s cubic-bezier(.16,1,.3,1);position:absolute;right:18px}.social-contact:hover{color:#fff}.social-contact:focus-visible{outline:2px solid var(--paper);outline-offset:4px}.intro-modal{z-index:20;background:#11110fb3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.intro-modal__card{border:1px solid var(--paper);width:min(100%,520px);color:var(--paper);background:#141410;margin:auto;padding:16px}.intro-modal__card p{margin:0 0 16px;font-family:Courier New,Consolas,monospace;font-size:1rem;font-weight:700;line-height:1.35}.intro-modal__links{text-transform:uppercase;gap:8px;margin:18px 0;font-family:Courier New,Consolas,monospace;font-size:.95rem;font-weight:800;display:grid}.intro-modal__links a{color:var(--paper);text-underline-offset:4px;text-decoration-thickness:1px}.intro-modal__links a:hover,.intro-modal__links a:focus-visible{color:#fff}.intro-modal__close{margin-top:4px}.intro-modal__close:active{transform:translateY(1px)}.tool-stage{padding:24px}.tool-stage__intro{max-width:820px;margin:0 0 16px}.tool-stage__intro h1{color:var(--paper);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-family:Impact,Arial Black,Helvetica Neue Condensed Black,sans-serif;font-size:clamp(2.4rem,8vw,5.8rem);font-weight:900;line-height:.9}.tool-stage__intro p{max-width:720px;color:var(--muted);margin:0;font-family:Courier New,Consolas,monospace;font-size:.95rem;font-weight:700;line-height:1.45}.tool-list{gap:16px;display:grid}.tool-category{color:#f4f1e88a;letter-spacing:0;text-transform:lowercase;margin:0 0 8px;font-family:Courier New,Consolas,monospace;font-size:.95rem;font-weight:700;line-height:1}.tool-frame{--tool-hover-color:#ff1208;border:1px solid var(--paper);width:100%;min-height:280px;color:inherit;background:0 0;outline:0;grid-template-columns:280px minmax(0,1fr);text-decoration:none;transition:background-color .18s,border-color .18s,transform .22s cubic-bezier(.16,1,.3,1);display:grid}.tool-frame:hover,.tool-frame:focus-visible,.tool-frame.is-previewing{background:#f4f1e806;border-color:#fff;transform:translateY(-2px)}.tool-frame:focus-visible{outline:2px solid var(--paper);outline-offset:5px}.tool-frame:active{transform:translateY(1px)}.tool-frame__image{aspect-ratio:1;border-right:1px solid var(--paper);width:100%;position:relative;overflow:hidden}.tool-frame__image img,.tool-frame__image video{object-fit:cover;width:100%;height:100%;display:block}.tool-frame__image video{background:#000}.tool-frame__generated{filter:contrast(1.8);background:linear-gradient(90deg,#0000 0 45%,#11110fc2 45% 55%,#0000 55%),repeating-linear-gradient(0deg,#11110ff0 0 2px,#f4f1e8f5 2px 6px),repeating-linear-gradient(90deg,#f4f1e8e0 0 11px,#11110ff2 11px 13px);width:100%;height:100%;display:block}.tool-frame__copy{justify-content:center;align-items:center;min-width:0;padding:40px;display:flex}.tool-frame h2{width:min(100%,760px);color:var(--paper);letter-spacing:0;text-align:center;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow,Franklin Gothic Condensed,sans-serif;font-size:5.1rem;font-weight:900;line-height:.9;transition:color .16s,transform .22s cubic-bezier(.16,1,.3,1)}.tool-frame:hover h2,.tool-frame:focus-visible h2,.tool-frame.is-previewing h2{color:var(--tool-hover-color);transform:translate(4px)skew(-3deg)}.tool-frame h2 span{display:block}.tool-frame--bitmap{--tool-hover-color:#be9827}.tool-frame--ascii{--tool-hover-color:#00f060}.tool-frame--riso{--tool-hover-color:#d16473}.tool-frame--riso:hover h2 span:first-child,.tool-frame--riso:focus-visible h2 span:first-child,.tool-frame--riso.is-previewing h2 span:first-child{color:#7c95fd}.tool-frame--riso:hover h2 span:last-child,.tool-frame--riso:focus-visible h2 span:last-child,.tool-frame--riso.is-previewing h2 span:last-child{color:#d16473}.tool-frame--photocopy{--tool-hover-color:#d4b044}.tool-frame--ascii-video{--tool-hover-color:#f4f1e8}.tool-frame--photocopy:hover .tool-frame__generated,.tool-frame--photocopy:focus-visible .tool-frame__generated,.tool-frame--photocopy.is-previewing .tool-frame__generated{filter:contrast(2.4)invert()}.tool-frame--placeholder{cursor:default}.tool-frame--placeholder:hover{border-color:var(--paper);background:0 0;transform:none}.tool-stage__footer{justify-content:space-between;align-items:flex-end;gap:18px;margin:14px 0 0;display:flex}.tool-tagline,.made-by-link,.coming-soon{color:var(--muted);text-transform:lowercase;margin:0;font-family:Courier New,Consolas,monospace;font-size:1.35rem;font-weight:700;line-height:1.2}.made-by-link{text-align:center;text-underline-offset:4px;text-decoration:underline}.made-by-link:hover,.made-by-link:focus-visible{color:var(--paper);outline:0}.tool-tagline{text-align:left}.coming-soon{text-align:right}.threshold-page{grid-template-columns:minmax(180px,240px) minmax(320px,1fr) minmax(220px,300px);gap:18px;min-height:calc(100dvh - 48px);padding:18px;display:grid}.tool-stage--index{gap:24px;display:grid}.tool-index-section{gap:10px;display:grid}.tool-index-section h2{color:#f4f1e8a3;letter-spacing:0;text-transform:lowercase;margin:0;font-family:Courier New,Consolas,monospace;font-size:1rem;font-weight:800;line-height:1}.tool-rail{border:1px solid var(--line);flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.tool-rail h1{letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:1.45rem;font-weight:900;line-height:.88}.tool-back-link{width:fit-content;color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-family:Courier New,Consolas,monospace;font-size:.78rem;font-weight:800;line-height:1;text-decoration:none}.tool-back-link:hover,.tool-back-link:focus-visible{color:var(--paper);text-underline-offset:4px;outline:0;text-decoration:underline}.tool-seo-block{border-top:1px solid var(--line);gap:7px;margin-top:4px;padding-top:12px;display:grid}.tool-seo-block h2{color:var(--paper);letter-spacing:0;text-transform:uppercase;margin:0;font-family:Courier New,Consolas,monospace;font-size:.8rem;font-weight:900;line-height:1.2}.tool-seo-block p{color:var(--muted);margin:0;font-family:Courier New,Consolas,monospace;font-size:.76rem;font-weight:700;line-height:1.35}.rail-section-label{color:#f4f1e885;letter-spacing:0;text-transform:uppercase;margin:4px 0 -2px;font-family:Courier New,Consolas,monospace;font-size:.68rem;font-weight:900;line-height:1}.command-button{border:1px solid var(--paper);width:100%;min-height:38px;color:var(--paper);cursor:pointer;font:inherit;letter-spacing:0;text-align:left;text-transform:uppercase;background:0 0;border-radius:0;font-size:.95rem;font-weight:800}.command-button:hover,.command-button:focus-visible{background:var(--paper);color:var(--ink);outline:0}.command-button:active{transform:translateY(1px)}.command-button:disabled{color:#f4f1e852;cursor:not-allowed;border-color:#f4f1e852}.command-button:disabled:hover{color:#f4f1e852;background:0 0}.status-line{color:var(--muted);text-transform:lowercase;margin:auto 0 0;font-family:Courier New,Consolas,monospace;font-size:.82rem;line-height:1.2}.editor-stage{border:1px solid #f4f1e847;place-items:center;min-width:0;padding:18px;display:grid}.editor-stage.is-dragging{background:#f4f1e80e}.canvas-shell{width:min(100%, 72vmin, 720px, calc((100dvh - 150px) * var(--workspace-ratio,1)));aspect-ratio:1;border:1px solid var(--paper);color:var(--paper);cursor:pointer;background:0 0;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.canvas-shell.has-image{aspect-ratio:var(--workspace-ratio,1);cursor:crosshair}.canvas-shell--static.has-image{cursor:pointer}.canvas-shell:focus-visible{outline:2px solid var(--paper);outline-offset:5px}.canvas-shell canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;touch-action:none;display:block}.empty-prompt{max-width:80%;color:var(--muted);text-align:center;text-transform:lowercase;font-family:Courier New,Consolas,monospace;font-size:.9rem;font-weight:700;line-height:1.1;position:absolute}.range-control,.color-control,.checkbox-control,.select-control,.text-control{color:var(--paper);text-transform:lowercase;gap:7px;font-family:Courier New,Consolas,monospace;font-size:.8rem;font-weight:700;line-height:1.1;display:grid}.range-control>span,.color-control,.checkbox-control,.select-control{grid-template-columns:1fr auto;align-items:center}.range-control>span{gap:8px;display:grid}.range-control__header{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.value-input{width:54px;color:var(--muted);font:inherit;text-align:right;background:0 0;border:1px solid #f4f1e857;border-radius:0;padding:3px 4px;font-size:.78rem;font-weight:700;line-height:1}.value-input:hover,.value-input:focus{border-color:var(--paper);color:var(--paper);outline:0}.value-input::-webkit-outer-spin-button{appearance:none;margin:0}.value-input::-webkit-inner-spin-button{appearance:none;margin:0}.value-input{appearance:textfield}.range-control input[type=range]{width:100%;accent-color:var(--paper)}.color-control input[type=color]{border:1px solid var(--paper);background:0 0;border-radius:0;width:46px;height:30px;padding:2px}.checkbox-control input[type=checkbox]{width:22px;height:22px;accent-color:var(--paper);margin:0}.select-control select,.text-control input{min-width:0;color:var(--paper);font:inherit;background:#11110f;border:1px solid #f4f1e857;border-radius:0;padding:5px 6px}.select-control select:hover,.select-control select:focus,.text-control input:hover,.text-control input:focus{border-color:var(--paper);outline:0}.text-control input{width:100%}.brush-tools{border-top:1px solid #f4f1e847;gap:10px;padding-top:4px;display:grid}.tool-toggle-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tool-toggle{border:1px solid var(--paper);min-height:34px;color:var(--paper);cursor:pointer;font:inherit;text-transform:uppercase;background:0 0;border-radius:0;font-size:.85rem;font-weight:800}.tool-toggle:hover,.tool-toggle:focus-visible,.tool-toggle.is-active{background:var(--paper);color:var(--ink);outline:0}.tool-toggle:active{transform:translateY(1px)}@media (width<=540px){.top-banner{min-height:72px}.brand-mark{align-self:start;margin-top:8px;font-size:1.35rem}.effect-tabs{bottom:8px;left:12px}.effect-tab{min-height:24px;padding:0 8px;font-size:.68rem}.social-contact{text-align:right;max-width:112px;font-size:.72rem;bottom:10px;right:12px}.tool-stage{padding:14px}.tool-frame{grid-template-columns:1fr;min-height:260px}.tool-frame__image{border-right:0;border-bottom:1px solid var(--paper)}.tool-frame__copy{justify-content:flex-start;align-items:center;min-height:136px;padding:24px 22px}.tool-frame h2{width:100%;font-size:3.35rem}.threshold-page{grid-template-columns:1fr;gap:12px;min-height:calc(100dvh - 72px);padding:12px}.tool-rail{gap:8px;padding:12px}.tool-rail--left{order:1}.editor-stage{order:2}.tool-rail--right{order:3}.rail-section-label{margin-top:2px;font-size:.62rem}.editor-stage{padding:10px}.canvas-shell{width:min(100%, 520px, calc((100dvh - 180px) * var(--workspace-ratio,1)))}}@media (width>=541px) and (width<=980px){.threshold-page{grid-template-columns:minmax(0,1fr) minmax(220px,280px)}.tool-rail--left{grid-column:1/-1}}