*,:before,:after{box-sizing:border-box;margin:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#e0e0e0;--fg:#333;--input:#f5f5f5;--border:#aaa;--accent:#000;--muted:#777;--hover:#ccc;--error:#c33}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#606060;--fg:#ddd;--input:#4a4a4a;--border:#999;--accent:#fff;--muted:#999;--hover:#707070;--error:#ff6b6b}}body{background:var(--bg);color:var(--fg);font-family:Verdana,sans-serif;font-size:small;line-height:1.6}#app{flex-direction:column;gap:1rem;max-width:840px;margin:40px auto 60px;padding:0 1rem;display:flex}h1{border-bottom:1px dotted var(--border);padding-bottom:.5rem;font-size:1.2rem}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.col-settings{flex-direction:column;gap:1rem;display:flex}.col-preview{flex-direction:column;align-items:center;gap:.75rem;display:flex;position:sticky;top:1rem}@media (max-width:720px){.two-col{grid-template-columns:1fr}.col-preview{order:-1;position:static}}.card,.file-input{border:1px dotted var(--border);padding:10px 14px}.card{flex-direction:column;gap:.5rem;display:flex}.card.drop-active{border-style:solid;border-color:var(--accent)}.card h3{letter-spacing:.05em;color:var(--muted);font-size:.7rem;font-weight:600}.compact-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (max-width:480px){.compact-row{grid-template-columns:1fr}}.input-mode-tabs{gap:2px;display:flex}.input-mode-tabs button{border:1px dotted var(--border);color:var(--muted);background:0 0;padding:.25rem .75rem}.input-mode-tabs button.active{color:var(--accent);border-style:solid;border-color:var(--accent)}textarea,select,input[type=number],input[type=color]{border:1px dotted var(--border);background:var(--input);color:inherit;font:inherit}textarea:focus,select:focus,input[type=number]:focus{border-style:solid;border-color:var(--accent);outline:none}textarea{resize:vertical;width:100%;min-height:5rem;padding:8px;display:block}select,input[type=number]{padding:3px 6px}select{cursor:pointer}input[type=number]{width:5rem}input[type=color]{cursor:pointer;width:2rem;height:2rem;padding:1px}.mono{font-family:Courier New,monospace;font-size:.85rem}.input-error{border-color:var(--error)!important;border-style:solid!important}.input-error-msg{color:var(--error);font-size:.8rem}label{align-items:center;gap:.5rem;font-size:small;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.controls{flex-direction:column;gap:.5rem;display:flex}input[type=range]{appearance:none;background:var(--border);flex:1;min-width:80px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);border:2px solid var(--bg);cursor:pointer;width:14px;height:14px}input[type=range]::-moz-range-thumb{background:var(--fg);border:2px solid var(--bg);cursor:pointer;width:14px;height:14px}input[type=checkbox]{appearance:none;border:1px solid var(--border);background:var(--input);cursor:pointer;place-content:center;width:1rem;height:1rem;display:grid}input[type=checkbox]:before{content:"";clip-path:polygon(14% 44%,0% 65%,50% 100%,100% 16%,80% 0%,43% 62%);background:var(--accent);width:.5rem;height:.5rem;transform:scale(0)}input[type=checkbox]:checked{background:var(--muted);border-color:var(--fg)}input[type=checkbox]:checked:before{transform:scale(1)}button{border:1px solid var(--border);background:var(--input);color:inherit;font:inherit;cursor:pointer;padding:.4rem .75rem}button:hover{background:var(--hover);color:var(--accent)}.btn-primary{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:700}.btn-primary:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-ghost{border:1px dotted var(--border);color:inherit;font:inherit;cursor:pointer;background:0 0;padding:.4rem .75rem}.btn-ghost:hover{background:var(--hover);border-style:solid}.file-input{align-items:center;gap:.75rem;padding:8px;display:flex}.file-input label{cursor:pointer;flex-shrink:0;font-weight:700}.file-name{font-family:Courier New,monospace;font-size:small}.file-hint{color:var(--muted);font-size:small}.preview-wrap{border:1px dotted var(--border);background:var(--hover);cursor:grab;justify-content:center;width:100%;padding:1rem;display:flex}.preview-wrap svg{aspect-ratio:1;width:100%;max-width:320px;height:auto}.export-buttons{grid-template-columns:1fr 1fr;gap:.4rem;width:100%;display:grid}.info-bar{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;font-size:x-small}.shape-grid{grid-template-columns:repeat(auto-fill,minmax(2.5rem,1fr));gap:3px;display:grid}.shape-btn{aspect-ratio:1;background:var(--input);color:var(--fg);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:3px;display:flex}.shape-btn:hover{background:var(--hover)}.shape-btn.active{border-color:var(--accent);background:var(--hover)}.shape-btn svg{width:100%;height:100%}.pixel-editor{background:var(--input);touch-action:none;-webkit-user-select:none;user-select:none;grid-template-rows:repeat(5,1.8rem);grid-template-columns:repeat(5,1.8rem);gap:2px;padding:3px;display:inline-grid}.pixel{cursor:pointer}.pixel.on{background:var(--fg)}.pixel.off{background:var(--hover)}summary{cursor:pointer;align-items:center;gap:.5rem;font-weight:700;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:before{content:"▸";color:var(--muted);font-size:.8rem}details[open]>summary:before{content:"▾"}details[open]>summary{margin-bottom:.75rem}footer{text-align:center;border-top:1px dotted var(--border);padding-top:1rem}.about-link{all:unset;cursor:pointer;color:var(--muted);font-size:x-small}.about-link:hover{color:var(--accent)}dialog{background:var(--bg);color:var(--fg);border:1px dotted var(--border);max-width:500px;font:inherit;margin:auto;padding:1.5rem}dialog::backdrop{background:#00000080}dialog h2{margin-bottom:.75rem;font-size:1rem}dialog p{color:var(--muted);margin-bottom:.5rem}dialog a{color:var(--accent)}dialog form{margin-top:1rem}.error{border:1px solid var(--error);color:var(--error);text-align:center;padding:8px 14px}.scale-info.svelte-1oret0y,.pixel-editor-label.svelte-1oret0y,.hint.svelte-1oret0y{color:var(--muted)}.scale-info.svelte-1oret0y{margin-top:.25rem;font-size:x-small}.pixel-editor-label.svelte-1oret0y{margin-bottom:.5rem}.hint.svelte-1oret0y{font-size:x-small}.image-preview-row.svelte-1oret0y{align-items:center;gap:.5rem;display:flex}.image-thumb.svelte-1oret0y,.color-thumb.svelte-1oret0y{object-fit:cover;border:1px dotted var(--border);width:2rem;height:2rem}.drop-well.svelte-1oret0y{border:1px dashed var(--border);padding:.25rem .5rem;position:relative}.drop-well.svelte-1oret0y:hover{border-color:var(--fg)}.drop-well.has-image.svelte-1oret0y{border-style:solid}.drop-well.drop-active.svelte-1oret0y{border-color:var(--accent);background:var(--hover)}.clear-btn.svelte-1oret0y{all:unset;cursor:pointer;color:var(--muted);padding:0 .2rem;font-size:1rem;line-height:1}.clear-btn.svelte-1oret0y:hover{color:var(--accent)}.btn-sm.svelte-1oret0y{padding:.2rem .5rem;font-size:x-small}.logo-drop-row.svelte-1oret0y{align-items:center;gap:.5rem;display:flex}