.pixel-editor.svelte-i83xyc{width:100%}header.svelte-i83xyc{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:34px;margin-bottom:8px;padding-left:2px;display:grid}.title-row.svelte-i83xyc{justify-content:flex-start;align-items:center;gap:7px;min-width:0;display:flex}.title-row.svelte-i83xyc h1:where(.svelte-i83xyc),.title-row.svelte-i83xyc h2:where(.svelte-i83xyc){flex:0 auto}h1.svelte-i83xyc,h2.svelte-i83xyc{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:18px;line-height:1.1;overflow:hidden}.countdown-label.svelte-i83xyc{color:#9dd9ff;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:10px;font-weight:750}.share.svelte-i83xyc{color:#dfe5ef;width:auto;min-height:30px;box-shadow:none;background:#ffffff10;border:1px solid #ffffff18;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 9px 0 7px;font-size:11px;font-weight:650;display:inline-flex}.share.svelte-i83xyc svg:where(.svelte-i83xyc){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:15px;height:15px;overflow:visible}.share.svelte-i83xyc:focus-visible{outline-offset:2px;outline:2px solid #90c8ff}.share.svelte-i83xyc:disabled{opacity:.55}.close.svelte-i83xyc{color:#fff;width:34px;min-height:34px;box-shadow:none;background:#ffffff12;border-radius:50%;place-items:center;padding:0;font-size:23px;font-weight:300;display:grid}.modal-header.svelte-i83xyc{gap:4px}.modal-header.svelte-i83xyc .title-row:where(.svelte-i83xyc){gap:5px}.modal-header.svelte-i83xyc h1:where(.svelte-i83xyc),.modal-header.svelte-i83xyc h2:where(.svelte-i83xyc){flex-shrink:0;font-size:15px}.modal-header.svelte-i83xyc .share:where(.svelte-i83xyc){min-height:28px;padding:0 7px 0 6px;font-size:10px}.modal-header.svelte-i83xyc .share:where(.svelte-i83xyc) svg:where(.svelte-i83xyc){width:14px;height:14px}.modal-header.svelte-i83xyc .countdown-label:where(.svelte-i83xyc){font-size:9px}.modal-header.svelte-i83xyc .close:where(.svelte-i83xyc){width:30px;min-height:30px}.canvas-frame.svelte-i83xyc{--ruler-size:22px;aspect-ratio:1;background:#fff;border:1px solid #ffffff2e;width:min(100%,480px,100dvh - 306px);min-width:220px;margin:0 auto;position:relative;box-shadow:0 10px 32px #0005}.canvas-button.svelte-i83xyc{inset:var(--ruler-size) 0 0 var(--ruler-size);cursor:crosshair;touch-action:none;background:#fff;border:0;border-radius:0;min-height:0;padding:0;display:block;position:absolute;overflow:hidden}.canvas-button.svelte-i83xyc:active{background:#fff;transform:none}.canvas-surface.svelte-i83xyc{transform-origin:0 0;will-change:transform;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-image.svelte-i83xyc{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.canvas-grid.svelte-i83xyc{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-outline.svelte-i83xyc{z-index:2;box-sizing:border-box;border:2px solid #fff;outline:1px solid #000;position:absolute;box-shadow:0 0 0 1px #0008}.ruler.svelte-i83xyc{z-index:3;box-sizing:border-box;color:#111;pointer-events:none;background:#fffffff0;display:block;position:absolute;overflow:hidden}.ruler-track.svelte-i83xyc{transform-origin:0 0;display:block;position:absolute}.ruler.svelte-i83xyc i:where(.svelte-i83xyc),.ruler.svelte-i83xyc b:where(.svelte-i83xyc){font-style:normal;font-weight:650;display:block;position:absolute}.ruler-top.svelte-i83xyc{inset:0 0 auto var(--ruler-size);height:var(--ruler-size);border-bottom:1px solid #0003}.ruler-top.svelte-i83xyc .ruler-track:where(.svelte-i83xyc){width:100%;height:100%;inset:0}.ruler-top.svelte-i83xyc i:where(.svelte-i83xyc){border-left:1px solid #0007;width:0;height:5px;bottom:0}.ruler-top.svelte-i83xyc i.major:where(.svelte-i83xyc){height:9px}.ruler-top.svelte-i83xyc b:where(.svelte-i83xyc){transform-origin:50%;font-size:7px;line-height:9px;top:-11px;left:0}.ruler-left.svelte-i83xyc{inset:var(--ruler-size) auto 0 0;width:var(--ruler-size);border-right:1px solid #0003}.ruler-left.svelte-i83xyc .ruler-track:where(.svelte-i83xyc){width:100%;height:100%;inset:0}.ruler-left.svelte-i83xyc i:where(.svelte-i83xyc){border-top:1px solid #0007;width:5px;height:0;right:0}.ruler-left.svelte-i83xyc i.major:where(.svelte-i83xyc){width:9px}.ruler-left.svelte-i83xyc b:where(.svelte-i83xyc){transform-origin:50%;font-size:7px;line-height:9px;top:0;right:10px}.ruler-corner.svelte-i83xyc{z-index:4;width:var(--ruler-size);height:var(--ruler-size);color:#111;pointer-events:none;background:linear-gradient(to top right,#0000 48%,#0005 49% 51%,#0000 52%),#fff;display:block;position:absolute;top:0;left:0}.ruler-corner.svelte-i83xyc b:where(.svelte-i83xyc),.ruler-corner.svelte-i83xyc i:where(.svelte-i83xyc){font-size:7px;font-style:normal;line-height:1;position:absolute}.ruler-corner.svelte-i83xyc b:where(.svelte-i83xyc){top:3px;right:3px}.ruler-corner.svelte-i83xyc i:where(.svelte-i83xyc){bottom:3px;left:3px}.canvas-toolbar.svelte-i83xyc{justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:4px 0;display:flex}.selection.svelte-i83xyc{color:#c8ced9;min-width:0;font-size:12px}.zoom-controls.svelte-i83xyc{align-items:center;gap:2px;display:flex}.zoom-controls.svelte-i83xyc button:where(.svelte-i83xyc){width:32px;min-height:30px;box-shadow:none;color:#dfe5ef;background:#ffffff10;border-radius:8px;padding:0}.zoom-controls.svelte-i83xyc .zoom-value:where(.svelte-i83xyc){font-variant-numeric:tabular-nums;width:48px;font-size:11px}.palette.svelte-i83xyc{overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin;grid-template-rows:repeat(4,29px);grid-auto-columns:29px;grid-auto-flow:column;gap:4px;padding:2px 2px 6px;display:grid;overflow-x:auto}.palette.svelte-i83xyc button:where(.svelte-i83xyc){border:1px solid #ffffff30;border-radius:5px;width:29px;min-height:29px;padding:0;box-shadow:inset 0 0 0 1px #0002}.palette.svelte-i83xyc button.selected:where(.svelte-i83xyc){outline-offset:1px;outline:3px solid #fff;transform:scale(.87)}.pixel-actions.svelte-i83xyc{grid-template-columns:minmax(0,1fr);margin-top:10px;display:grid}.confirm.svelte-i83xyc{color:#17191e;letter-spacing:-.015em;background:#f4f5f7;border:0;border-radius:999px;width:100%;min-height:48px;padding:13px 20px;font-size:17px;font-weight:600;box-shadow:0 2px 8px #0002}.confirm.svelte-i83xyc:disabled{opacity:.6;cursor:wait}.message.svelte-i83xyc{text-align:center;margin:10px 0 0;font-size:13px}@media (width>=330px){.palette.svelte-i83xyc{justify-content:center}}@media (width<=390px){h1.svelte-i83xyc,h2.svelte-i83xyc{font-size:16px}.countdown-label.svelte-i83xyc{font-size:9px}.canvas-frame.svelte-i83xyc{min-width:0}}