:root{--px-bg: #f5ead5;--px-surface: #ede0c4;--px-surface-2: #dfd0ae;--px-divider: #c8b89a;--px-border: #a08060;--px-text: #2d1b0e;--px-text-muted: #6b4a2e;--px-text-faint: #a07858;--px-amber: #c8882a;--px-amber-light: #e8b86d;--px-amber-dark: #8a5810;--px-deep: #3d2200;--px-darkest: #1a0f00;--px-1: 8px;--px-2: 16px;--px-3: 24px;--px-4: 32px;--px-5: 40px;--px-6: 48px;--px-text-xs: 10px;--px-text-sm: clamp(11px, .7rem + .3vw, 14px);--px-text-base: clamp(12px, .75rem + .4vw, 16px);--px-text-lg: 16px;--px-text-xl: 24px;--px-text-2xl: 32px;--px-font-display: "Pixelify Sans", "Courier New", monospace;--px-font-body: "Pixelify Sans", "Courier New", monospace;--px-transition: .15s steps(3, end)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;scroll-behavior:auto}body{font-family:var(--px-font-body);font-size:var(--px-text-base);color:var(--px-text);background-color:var(--px-bg);min-height:100dvh;line-height:1.5;background-image:repeating-conic-gradient(var(--px-surface) 0% 25%,var(--px-bg) 0% 50%);background-size:16px 16px}h1,h2,h3,h4,h5,h6,button,.btn{text-transform:uppercase;font-family:var(--px-font-display);letter-spacing:.05em}html,body,*{cursor:url("image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'%3E%3Cpath d='M1 1h2v2H1zM1 3h2v2H1zM1 5h2v2H1zM1 7h2v2H1zM1 9h2v2H1zM3 3h2v2H3zM3 5h2v2H3zM5 5h2v2H5zM5 7h2v2H5zM3 9h2v2H3zM5 9h2v2H5zM7 7h2v2H7z' fill='%231a0f00'/%3E%3C/svg%3E") 1 1,default}a,button,[role=button]{cursor:url("image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'%3E%3Cpath d='M4 1h2v10H4zM6 3h2v2H6zM8 5h2v2H8zM6 7h2v2H6zM8 7h2v2H8z' fill='%231a0f00'/%3E%3C/svg%3E") 4 1,pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--px-surface-2);border-left:2px solid var(--px-border)}::-webkit-scrollbar-thumb{background:var(--px-amber);border:2px solid var(--px-deep)}::-webkit-scrollbar-thumb:hover{background:var(--px-amber-light)}*{scrollbar-width:thin;scrollbar-color:var(--px-amber) var(--px-surface-2)}:focus-visible{outline:2px dashed var(--px-amber);outline-offset:3px;border-radius:0}::selection{background:var(--px-amber);color:var(--px-darkest)}a,button,[role=button],input,textarea,select{transition:color var(--px-transition),background var(--px-transition),border-color var(--px-transition)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--px-bg);color:var(--px-darkest);font-family:var(--px-font-body)}._app_olqki_13{--bottom-status-reserve: 72px;display:flex;flex-direction:column;height:100vh;position:relative;padding-bottom:var(--bottom-status-reserve)}._welcomeOverlay_olqki_22{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0c1316eb;color:var(--px-bg);display:flex;align-items:center;justify-content:center;opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}._welcomeOverlayExit_olqki_38{transition:opacity 1.2s ease-in;opacity:0}._welcomeContent_olqki_43{display:flex;align-items:center;gap:16px;padding:16px 20px}._welcomeTitle_olqki_50{margin:0;font-size:clamp(1.4rem,3.5vw,2.1rem);font-weight:600;letter-spacing:.01em}._cursor_olqki_57{display:inline-block;width:10px;height:1em;background:currentColor;margin-left:3px;vertical-align:text-bottom;animation:_blink_olqki_1 .8s steps(1,end) infinite}._welcomeEnterButton_olqki_67{width:88px;height:88px;border-radius:0;border:1px solid var(--px-bg);background:var(--px-bg);color:var(--px-darkest);font-size:1rem;font-weight:600;cursor:pointer}._enterButtonHidden_olqki_79{opacity:0;pointer-events:none}._enterButtonVisible_olqki_84{opacity:1;pointer-events:auto;transition:opacity .7s ease-in}._welcomeEnterButton_olqki_67:hover{background:var(--px-bg)}.grid-shell{position:relative}.grid-scroll{overflow:hidden;width:100vw;height:calc(100vh - var(--bottom-status-reserve));display:flex;justify-content:center;align-items:center}.grid{display:grid;gap:0;transition:transform .54s cubic-bezier(.4,0,.2,1)}.grid.is-focusing .cell{transition:transform .54s cubic-bezier(.4,0,.2,1),filter .54s ease,opacity .54s ease}.grid.is-focusing .cell.defocused{transform:translate(14px,42px)}.grid.is-focusing .cell:not(.defocused){background:var(--px-bg)}.grid.is-focusing .cell:not(.defocused):before{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,14px 100%)}.grid.is-focusing .cell:not(.defocused):after{clip-path:polygon(0 0,100% 42px,100% 100%,0 calc(100% - 42px))}.cell{position:relative;transition:transform .54s ease,filter .54s ease,opacity .54s ease;border:1px dashed var(--px-divider);background:transparent;padding:0;display:flex;align-items:center;justify-content:center}.cell:before{content:"";position:absolute;top:100%;left:0;width:calc(100% + 14px);height:42px;background:var(--px-amber-dark);clip-path:polygon(0 0,calc(100% - 14px) 0,calc(100% - 14px) 0,0 0);pointer-events:none;transition:clip-path .54s cubic-bezier(.4,0,.2,1)}.cell:after{content:"";position:absolute;top:0;left:100%;width:14px;height:calc(100% + 42px);background:var(--px-deep);clip-path:polygon(0 0,0 0,0 calc(100% - 42px),0 calc(100% - 42px));pointer-events:none;transition:clip-path .54s cubic-bezier(.4,0,.2,1)}.cell img{display:block;width:100%;height:100%}.cell.empty span{opacity:0;font-size:48px;color:var(--px-text-muted)}.cell.empty:hover span{opacity:.5}.zoom-controls{position:fixed;top:16px;right:16px;z-index:20;display:flex;align-items:center;gap:8px}.zoom-controls button,.download-button,.primary,.destructive,.ghost{border-radius:0;border:1px solid var(--px-darkest);padding:8px 12px;cursor:pointer}.primary{background:var(--px-darkest);color:var(--px-bg)}.destructive{background:#c0392b;color:var(--px-bg);border-color:#c0392b}.ghost{background:transparent;color:var(--px-darkest)}.download-button{right:16px;bottom:16px;z-index:20;background:var(--px-darkest);color:var(--px-bg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(90vw,620px);background:var(--px-bg);border-radius:0;box-shadow:4px 4px 0 var(--px-deep);padding:20px;display:flex;flex-direction:column;gap:12px;position:relative}.draw-modal{width:min(95vw,700px)}.draw-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.close{position:absolute;top:10px;right:10px;border:none;background:transparent;cursor:pointer;font-size:18px}@keyframes _blink_olqki_1{0%,to{opacity:1}50%{opacity:0}}.canvas-workspace{background-color:var(--px-bg);padding:40px;display:flex;justify-content:center;align-items:center;width:100%}.preview-container{width:24px;display:flex;align-items:center;justify-content:center}.draw-overlay{align-items:flex-start;padding:12px 12px calc(var(--bottom-status-reserve, 72px) + 12px)}.draw-modal{width:min(90vw,590px);max-height:100%;overflow-y:auto;padding:14px;gap:10px}.draw-modal h2{margin:0;font-size:1.25rem}.upload-button{background:var(--px-bg);border:1px dashed var(--px-divider);padding:6px 10px;border-radius:0;cursor:pointer;font-size:11px;transition:all .2s;color:var(--px-text-muted)}.upload-button:hover{background:var(--px-bg);border-color:var(--px-divider)}.remove-bg{font-size:11px;color:#ef4444;background:none;border:none;cursor:pointer;text-decoration:underline}.canvas-frame{transform:translateZ(0);backface-visibility:hidden;perspective:1000;width:min(100%,400px);aspect-ratio:1 / 1;background-color:var(--px-bg);image-rendering:optimizeQuality;box-shadow:4px 4px 0 var(--px-deep);border-radius:0;overflow:hidden;border:1px solid var(--px-divider)}.canvas{display:flex;justify-content:center}.draw-controls{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin-bottom:8px;padding:10px 12px;background:var(--px-bg);border:1px solid var(--px-divider);border-radius:0;flex-wrap:wrap}.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.tool-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.draw-controls label{display:flex;flex-direction:column;font-size:10px;font-weight:800;text-transform:uppercase;color:var(--px-text-muted);gap:4px}.draw-controls input[type=color]{border:none;width:28px;height:28px;cursor:pointer;background:none}.draw-controls input[type=color]::-webkit-color-swatch{border-radius:0;border:1px solid var(--px-divider)}.draw-controls input[type=range]{cursor:pointer;accent-color:var(--px-amber)}.action-group{display:flex;gap:8px;flex-wrap:wrap}.action-group button{background:var(--px-bg);border:1px solid var(--px-divider);padding:6px 10px;border-radius:0;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.action-group button:hover{background:var(--px-bg);border-color:var(--px-divider)}.action-group button:last-child{color:#dc2626}@media (max-width: 640px){.draw-overlay{padding:8px 8px calc(var(--bottom-status-reserve, 72px) + 8px)}.draw-modal{width:min(95vw,590px);max-height:100%;padding:10px}.draw-controls{gap:10px;padding:8px 10px}.draw-controls label{font-size:9px}.draw-controls input[type=range]{width:120px}.canvas-frame{width:min(100%,320px)}.toolbar-row{justify-content:flex-start}}._bottomStatusBar_1dffh_1{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(1120px,calc(100vw - 24px));height:44px;padding:0 12px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;border:1px solid var(--px-divider);background:color-mix(in srgb,var(--px-surface) 92%,var(--px-bg));box-shadow:3px 3px 0 var(--px-darkest);font-family:var(--px-font-display);font-size:11px;letter-spacing:.08em;text-transform:uppercase;z-index:120}._barLeft_1dffh_22{justify-self:start;color:var(--px-text-muted);opacity:.9}._barCenter_1dffh_28{justify-self:center;color:var(--px-amber);font-size:12px}._infoWrapper_1dffh_34{justify-self:end;position:relative}._infoTrigger_1dffh_39{width:22px;height:22px;border-radius:50%;border:1px solid var(--px-divider);background:transparent;color:var(--px-text-muted);font-family:inherit;font-size:11px;line-height:1;cursor:pointer}._infoPopup_1dffh_52{position:absolute;right:0;bottom:calc(100% + 8px);width:min(260px,72vw);padding:8px 10px;border:1px solid var(--px-divider);background:color-mix(in srgb,var(--px-surface) 94%,var(--px-bg));box-shadow:2px 2px 0 var(--px-darkest);color:var(--px-text-muted);font-family:var(--px-font-body);font-size:11px;line-height:1.3;letter-spacing:.01em;text-transform:none;opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease}._infoPopupOpen_1dffh_74{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}