:root{font-family:Consolas,Liberation Mono,monospace;font-synthesis:none;font-size:14px;color:#000;background:#fff;color-scheme:light;--accent:#000;--line:#000;--muted:#000}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}[hidden]{display:none!important}button{cursor:pointer;background:#fff;color:#000;border:2px solid #000;border-radius:0;padding:8px 12px;white-space:nowrap;box-shadow:2px 2px #000;line-height:1.25}button:hover:not(:disabled){background:#000;color:#fff}button:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}button:disabled{opacity:1;cursor:not-allowed;border-style:dotted;box-shadow:none;text-decoration:line-through}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px dashed currentColor;outline-offset:4px}button.primary,button.active{background:#000;color:#fff}button.primary:hover:not(:disabled),button.active:hover:not(:disabled){background:#fff;color:#000}header{height:80px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#000;color:#fff;border-bottom:6px double #fff}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand strong{font-family:Arial Black,Segoe UI,sans-serif;font-size:24px;letter-spacing:-1px;line-height:1;white-space:nowrap;text-transform:uppercase}.brand-icon{width:36px;height:36px;display:grid;place-items:center;border:2px solid #fff;font-size:31px;line-height:1}.version{font-size:11px;line-height:1.6;letter-spacing:1px;border-left:1px solid #fff;padding-left:15px;max-width:140px}.header-actions{display:flex;align-items:center;gap:12px}.header-actions button{border-color:#fff;box-shadow:2px 2px #fff;background:#000;color:#fff}.header-actions button:hover:not(:disabled),.header-actions .primary{background:#fff;color:#000}.header-actions .primary:hover:not(:disabled){background:#000;color:#fff}.local{font-size:11px;max-width:160px;line-height:1.5;margin-right:12px}.workspace{display:flex;height:calc(100dvh - 80px);min-height:560px}aside{width:296px;flex-shrink:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#000 #fff;padding:0 20px;border-right:3px solid #000;background:#fff}.side-title{display:flex;justify-content:space-between;align-items:center;padding:22px 0 16px;font-size:12px;letter-spacing:1px;font-weight:700}.text-button{background:transparent;color:inherit;border:0;box-shadow:none;padding:3px;font-size:12px;text-decoration:underline;text-underline-offset:3px}.text-button:hover:not(:disabled){background:#000;color:#fff}.text-button:active{transform:none}.file-card{display:flex;gap:12px;align-items:center;border:2px solid #000;box-shadow:3px 3px #000;padding:13px 10px;margin:0 3px 8px 0;cursor:pointer}.file-card:hover{outline:1px solid #000;outline-offset:3px}.file-card div{min-width:0;flex:1}.file-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.file-card small{display:block;font-size:11px;margin-top:6px;line-height:1.5}.file-icon{font-size:26px}section{padding:24px 0 20px;border-bottom:2px solid #000}h2{font-size:12px;display:flex;align-items:center;gap:9px;margin:0 0 18px;font-weight:700;line-height:1.4}h2 span{font-size:14px;flex:1;text-transform:uppercase;letter-spacing:.3px}section h2:after{content:"";width:24px;height:10px;flex-shrink:0;background:repeating-linear-gradient(90deg,#000 0,#000 2px,#fff 2px,#fff 4px)}label{display:block;font-size:13px;margin-bottom:14px;line-height:1.4}input:not([type=range]):not([type=checkbox]):not([type=color]),select{display:block;width:100%;min-width:0;background:#fff;color:#000;border:2px solid #000;border-radius:0;padding:8px 9px;margin-top:7px;line-height:1.4}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:13px;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M0 0h12v2H0zM2 2h8v2H2zM4 4h4v2H4z' fill='black'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}option{background:#fff;color:#000}section>select{margin-top:0;margin-bottom:12px}.algorithm-select{font-weight:700;box-shadow:3px 3px #000;width:calc(100% - 3px)}.swatches{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.swatches label{flex:1;min-width:24px;position:relative;margin:0}.swatches input{width:100%;height:32px;padding:2px;border:2px solid #000;border-radius:0;background:#fff;cursor:pointer}.swatches input::-webkit-color-swatch-wrapper{padding:0}.swatches input::-webkit-color-swatch{border:0}.swatches span{display:block;text-align:center;font-size:11px;margin-top:5px}.swatches button{position:absolute;top:-7px;right:-4px;font-size:11px;padding:0 3px;box-shadow:none}.mini-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;margin:14px 0 16px}.hint{font-size:12px;line-height:1.65;margin:12px 0 16px}.slider-row>span{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.slider-row output{font-size:12px;min-width:38px;text-align:center;background:#000;color:#fff;padding:2px 6px;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:12px;border:2px solid #000;border-radius:0;cursor:pointer;margin:7px 0 12px;background:repeating-linear-gradient(90deg,#fff 0,#fff 7px,#000 7px,#000 8px)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:24px;background:#000;border:2px solid #fff;outline:2px solid #000;box-shadow:none;border-radius:0}input[type=range]::-moz-range-thumb{width:9px;height:20px;background:#000;border:2px solid #fff;outline:2px solid #000;border-radius:0}.check{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:13px;cursor:pointer}.check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:16px;height:16px;border:2px solid #000;border-radius:0;margin:0;flex-shrink:0;background:#fff;cursor:pointer}.check input:checked:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#000}.dimensions{display:flex;gap:9px;align-items:center}.dimensions label{flex:1;min-width:0}.dimensions button{padding:5px;margin-top:11px;box-shadow:none}.histogram{height:50px;display:flex;align-items:flex-end;background:#fff;border:2px solid #000;padding:5px 3px 0;margin-bottom:20px;gap:1px}.histogram i{flex:1;background:#000;min-height:1px}summary{font-size:12px;cursor:pointer;margin:16px 0;text-decoration:underline;text-underline-offset:3px}details[open]{margin-bottom:14px}.preset-save,.preset-item{display:flex;gap:7px;align-items:center}.preset-save input{margin:0!important}.preset-save button{padding:8px}.preset-item{margin-top:12px}.preset-item button:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;text-align:left}.preset-item button{font-size:12px;padding:6px}.sidebar-foot{font-size:11px;line-height:1.6;padding:20px 0 30px}.full{width:calc(100% - 3px);margin-top:10px;font-size:12px}main{display:flex;flex-direction:column;min-width:0;flex:1;background:#fff}.toolbar{height:66px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:2px solid #000;gap:12px}nav{display:flex;gap:6px}nav button{background:#fff;color:#000;box-shadow:none;border:2px solid transparent;font-size:13px;padding:9px 12px;font-weight:700}nav button.selected{background:#000;color:#fff;border-color:#000}nav button:not(.selected):hover{border-color:#000}nav button span{margin-left:7px}.render-status{font-size:11px;white-space:nowrap}.render-status span{margin-left:7px}.canvas-top{padding:24px 28px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.eyebrow{font-size:11px;letter-spacing:1.2px}h1{font-family:Segoe UI,Arial,sans-serif;font-size:24px;font-weight:750;letter-spacing:-.7px;line-height:1.3;margin:7px 0}h1 span{font-family:Consolas,monospace;font-size:13px;font-weight:400;letter-spacing:0;display:block;margin-top:5px}.canvas-top:after{content:"";height:36px;width:42px;flex-shrink:0;background:repeating-conic-gradient(#000 0,#000 25%,#fff 0,#fff 50%) 0 0/6px 6px}.stage{flex:1;min-height:200px;position:relative;overflow:hidden;margin:0 24px;background:#000;border:7px double #fff;outline:2px solid #000;touch-action:none;cursor:grab}.stage:active{cursor:grabbing}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' shape-rendering='crispEdges'%3E%3Cpath d='M23 22h1v3h-1zM22 23h3v1h-3z' fill='white'/%3E%3C/svg%3E");background-size:48px 48px}.panes{height:100%;width:100%;display:flex}.pane{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.pane+.pane{border-left:2px dashed #fff}.pane-label{position:absolute;z-index:1;top:16px;left:16px;right:16px;color:#fff;background:#000;width:fit-content;max-width:calc(100% - 32px);padding:4px 6px;border:1px solid #fff;font-size:11px;letter-spacing:.5px;line-height:1.5;pointer-events:none}.pane-label span{padding:0 7px}.image-wrap{flex-shrink:0;position:relative;outline:1px solid #000;box-shadow:0 0 0 4px #fff,0 0 0 6px #000,6px 6px 0 6px #fff;background:#fff}.image-wrap canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.pixel-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px);mix-blend-mode:difference;pointer-events:none}.processing-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 16px;background:#000;color:#fff;border:2px solid #fff;outline:2px solid #000;font-size:12px}.canvas-bottom{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;min-height:70px;gap:12px}.inspector{font-size:11px;line-height:1.5}.zoom-controls{display:flex;align-items:center;gap:7px}.zoom-controls button{padding:5px 9px;font-size:12px;box-shadow:none}.zoom-controls select{width:94px;margin:0;padding:5px 24px 5px 6px;font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 24px;border-top:2px solid #000;font-size:11px;line-height:1.5;background:#000;color:#fff}footer b{font-weight:700}footer i{font-style:normal;padding:0 6px}footer>span:last-child{font-size:10px;letter-spacing:1px}.gallery-stage{overflow:auto;cursor:default;padding:20px;touch-action:auto;scrollbar-color:#fff #000}.gallery-stage:before{display:none}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-card{padding:0;overflow:hidden;background:#fff;border:2px solid #fff;box-shadow:none;white-space:normal}.gallery-card:hover:not(:disabled){outline:2px solid #fff;outline-offset:4px}.gallery-card.chosen{outline:2px dashed #fff;outline-offset:4px}.gallery-card canvas{display:block;width:100%;aspect-ratio:1.6;object-fit:contain;background:#000;image-rendering:pixelated}.gallery-card>div{display:flex;justify-content:space-between;align-items:center;padding:11px 9px;font-size:12px;font-weight:700;text-align:left;gap:7px;border-top:2px solid #000}.gallery-card.chosen>div{background:#000;color:#fff;border-top-color:#fff}.gallery-note{font-size:11px;color:#fff;text-align:center;margin:22px 0 0;line-height:1.5}.compare-controls{display:flex;gap:8px}.compare-controls button{font-size:11px;padding:7px}.toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:40;padding:14px 22px;background:#fff;color:#000;border:3px solid #000;outline:2px solid #fff;box-shadow:6px 6px #000;max-width:90vw;font-size:13px;line-height:1.5}.modal-shade{position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(#000 0 25%,transparent 0 50%) 0 0/4px 4px;display:flex;justify-content:center;align-items:center;z-index:30}.modal{width:470px;max-width:95vw;max-height:90vh;overflow:auto;background:#fff;color:#000;border:6px double #000;outline:3px solid #fff;padding:25px;box-shadow:10px 10px #000}.modal-title{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:2px solid #000;padding-bottom:16px}.modal-title h2{font-size:21px;color:#000;margin:0;letter-spacing:-.5px}.modal-title button{padding:2px 9px;font-size:22px;box-shadow:none}.modal p{font-size:12px;line-height:1.65}.modal h3{font-size:15px;font-weight:700;margin-bottom:8px}.modal hr{border:0;border-top:2px dashed #000;margin:24px 0}.export-actions{display:flex;gap:12px;margin-top:18px}.export-actions button{flex:1}.modal label{margin-top:18px}.tile-editor{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;border:3px double #000;padding:5px;background:#fff;max-width:220px;margin:14px auto}.tile-editor button{padding:0;border-radius:0;aspect-ratio:1;border:1px solid #000;min-width:0;box-shadow:none}.tile-editor .tile-white{background:#fff}.tile-editor .tile-black{background:#000}.tile-editor button:hover{outline:2px dashed #000;outline-offset:2px;z-index:1}.tile-editor button:active{transform:none}.pattern-bytes{display:block;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.docs-link{font-size:12px;color:#000;line-height:1.6;text-underline-offset:3px}.tile-editor .tile-white:hover:not(:disabled){background:#fff}.tile-editor .tile-black:hover:not(:disabled){background:#000}@media(min-width:1500px){aside{width:320px;padding:0 24px}.canvas-top{padding-top:30px}.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.version,.local,footer>span:last-child{display:none}aside{width:278px;padding:0 17px}.canvas-top{padding:20px 24px 16px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector{max-width:55%}.compare-controls{flex-direction:column}.canvas-top:after{display:none}}@media(max-width:800px){header{padding:0 16px;height:72px}.brand strong{font-size:20px}.brand-icon{width:30px;height:30px;font-size:26px}.brand,.header-actions{gap:9px}.header-actions button{padding:8px;font-size:12px}.workspace{height:calc(100dvh - 72px)}aside{width:254px;padding:0 14px}.toolbar{padding:0 12px}nav{gap:3px}nav button{padding:8px;font-size:12px}nav button span{margin-left:3px}.render-status{display:none}.canvas-top{padding:18px}.canvas-top .text-button{display:none}h1{font-size:21px}.stage{margin:0 14px}.canvas-bottom{padding:14px}.inspector{display:none}footer{padding:10px;font-size:10px;flex-wrap:wrap}.gallery{grid-template-columns:1fr}}@media(max-width:580px){header{gap:6px;padding:0 8px}.brand strong{font-size:16px}.brand-icon{display:none}.workspace{display:block;height:auto}aside{width:100%;max-height:42vh;border-right:0;border-bottom:3px solid #000}main{height:75vh;min-height:560px}.header-actions button{font-size:11px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.png-size-readout{display:flex;flex-direction:column;gap:8px;border:2px solid #000;padding:13px;font-size:12px;line-height:1.5}.png-size-readout strong{font-size:16px}.png-size-panel{margin-top:20px}.brand-icon{width:46px;height:46px;object-fit:contain;image-rendering:pixelated;background:#fff;border:0;flex-shrink:0}.header-actions .language-select{width:65px;margin:0;background-color:#fff;color:#000;border-color:#fff;padding:7px 20px 7px 8px;font-weight:700}.editor-modal{width:860px}.edit-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.crop-stage{padding:15px;border:2px solid #000;background:#000;display:flex;justify-content:center;max-height:460px;overflow:hidden}.crop-image{position:relative;max-height:420px;overflow:hidden;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.crop-image canvas{display:block;width:100%;height:100%;pointer-events:none}.crop-selection{position:absolute;border:2px solid #fff;outline:1px solid #000;box-shadow:0 0 0 2000px #0009;pointer-events:none}.crop-selection i{position:absolute;border-color:#fff8;border-style:dashed}.crop-selection i:nth-child(1){left:33.333%;height:100%;border-width:0 0 0 1px}.crop-selection i:nth-child(2){left:66.667%;height:100%;border-width:0 0 0 1px}.crop-selection i:nth-child(3){top:33.333%;width:100%;border-width:1px 0 0}.crop-selection i:nth-child(4){top:66.667%;width:100%;border-width:1px 0 0}.crop-fields{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:12px}.edit-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:2px solid #000;padding-top:16px}.edit-footer>span{margin-right:auto}.style-notes p{font-size:12px;line-height:1.7}.style-notes h3{font-size:14px;margin-top:24px}.style-presets{display:flex;flex-direction:column;gap:10px;margin:16px 0}.style-presets button{white-space:normal;font-size:12px;text-align:left}.gallery-stage{padding:0;overflow:hidden;cursor:default}.studies{display:flex;flex-direction:column;height:100%;min-height:0;color:#fff;background:#000}.studies-wide{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:20;height:auto;border:6px double #fff;outline:3px solid #000;box-shadow:0 0 0 20px #000}.study-controls{display:flex;align-items:center;gap:16px;padding:16px;flex-wrap:wrap;flex-shrink:0}.study-controls label{margin:0;display:flex;align-items:center;gap:9px}.study-controls select{width:80px;margin:0;padding:6px 24px 6px 8px}.study-controls button{font-size:12px;box-shadow:none}.study-intro{font-size:12px;line-height:1.6;margin:0;padding:0 16px 16px;border-bottom:1px dashed #fff;flex-shrink:0}.study-scroll{padding:20px;overflow:auto;flex:1;min-height:0;scrollbar-color:#fff #000}.study-scroll .gallery{gap:20px}.study-card{min-width:0;background:#fff;border:2px solid #fff;color:#000}.study-card.chosen{outline:2px dashed #fff;outline-offset:5px}.study-preview{padding:0;width:100%;border:0;display:block;box-shadow:none;background:#000;overflow:hidden}.study-preview:hover:not(:disabled){outline:2px solid #fff;outline-offset:2px}.study-preview canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.study-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;font-size:12px}.study-caption strong{overflow-wrap:anywhere}.study-caption button{font-size:11px;padding:5px;box-shadow:none}.study-modal{width:1100px;max-height:94vh;display:flex;flex-direction:column}.study-modal .modal-title{flex-shrink:0}.study-zoom{overflow:auto;max-height:65vh;min-height:180px;background:#000;padding:16px;border:2px solid #000}.study-zoom canvas{display:block;image-rendering:pixelated}.study-modal .study-controls{padding:16px 0}.study-modal .study-controls label{margin:0}@media(max-width:900px){.study-controls{gap:10px;padding:12px}.study-controls label{font-size:12px}.crop-fields{grid-template-columns:repeat(4,1fr)}.crop-fields>label:first-child{grid-column:1/-1}.brand strong{font-size:18px}.canvas-top h1{font-size:21px}.canvas-top>span{font-size:12px}}@media(max-width:580px){header{height:auto;min-height:76px;flex-wrap:wrap;padding:12px}.brand-icon{display:block;width:32px;height:32px}.header-actions{gap:8px;margin-left:auto}.header-actions .language-select{width:57px;font-size:11px}.editor-modal{padding:14px}.edit-toolbar{gap:8px}.edit-toolbar button,.edit-footer button{font-size:11px;padding:7px}.crop-fields{gap:7px}.edit-footer{flex-wrap:wrap}.edit-footer>span{width:100%}.studies-wide{top:6px;right:6px;bottom:6px;left:6px}.study-modal{padding:12px}}