.image-to-pixel-grid-studio-module__3qSAKq__studio{-webkit-backdrop-filter:blur(26px)saturate(1.35);backdrop-filter:blur(26px)saturate(1.35);background:#faf9ffb8;border:1px solid #ffffffd1;border-radius:30px;grid-template-columns:340px minmax(0,1fr);min-height:860px;display:grid;overflow:hidden;box-shadow:0 42px 110px -52px #261a458f,inset 0 1px #fff}.image-to-pixel-grid-studio-module__3qSAKq__controls{scrollbar-width:thin;scrollbar-color:#795ed03d transparent;border-right:1px solid #2b223e1a;max-height:960px;padding:22px;overflow:auto}.image-to-pixel-grid-studio-module__3qSAKq__controlHeader,.image-to-pixel-grid-studio-module__3qSAKq__controlSection>header,.image-to-pixel-grid-studio-module__3qSAKq__sourceMeta,.image-to-pixel-grid-studio-module__3qSAKq__dimensionRow,.image-to-pixel-grid-studio-module__3qSAKq__toggle,.image-to-pixel-grid-studio-module__3qSAKq__range>span,.image-to-pixel-grid-studio-module__3qSAKq__selectField,.image-to-pixel-grid-studio-module__3qSAKq__workspaceHeader,.image-to-pixel-grid-studio-module__3qSAKq__paletteHeader,.image-to-pixel-grid-studio-module__3qSAKq__exportBar{justify-content:space-between;align-items:center;gap:12px;display:flex}.image-to-pixel-grid-studio-module__3qSAKq__controlHeader{margin-bottom:14px}.image-to-pixel-grid-studio-module__3qSAKq__controlHeader div{flex-direction:column;gap:3px;display:flex}.image-to-pixel-grid-studio-module__3qSAKq__controlHeader span,.image-to-pixel-grid-studio-module__3qSAKq__controlSection>header span,.image-to-pixel-grid-studio-module__3qSAKq__exportBar>div span{color:#8b8499;letter-spacing:.11em;font:700 .61rem ui-monospace,monospace}.image-to-pixel-grid-studio-module__3qSAKq__controlHeader strong{font-size:.98rem}.image-to-pixel-grid-studio-module__3qSAKq__controlHeader button,.image-to-pixel-grid-studio-module__3qSAKq__paletteHeader button{color:#795ed0;cursor:pointer;background:0 0;border:0;font-size:.69rem;font-weight:800}.image-to-pixel-grid-studio-module__3qSAKq__dropzone{color:#302743;cursor:pointer;background:linear-gradient(145deg,#f4f7ffeb,#fff7fcdb);border:1.5px dashed #795ed052;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:118px;transition:all .2s;display:flex;position:relative}.image-to-pixel-grid-studio-module__3qSAKq__dropzone:hover,.image-to-pixel-grid-studio-module__3qSAKq__dropzone.image-to-pixel-grid-studio-module__3qSAKq__dragging{border-color:#795ed0;transform:translateY(-1px);box-shadow:0 12px 28px #795ed01a}.image-to-pixel-grid-studio-module__3qSAKq__uploadMark{color:#fff;background:#302743;border-radius:11px;place-items:center;width:32px;height:32px;margin-bottom:7px;font-size:1rem;display:grid;box-shadow:0 8px 18px #30274333}.image-to-pixel-grid-studio-module__3qSAKq__dropzone strong{font-size:.82rem}.image-to-pixel-grid-studio-module__3qSAKq__dropzone small{color:#8b8499;margin-top:4px;font-size:.67rem}.image-to-pixel-grid-studio-module__3qSAKq__sourceMeta{background:#ffffffa3;border:1px solid #2b223e14;border-radius:13px;margin-top:9px;padding:10px 11px}.image-to-pixel-grid-studio-module__3qSAKq__sourceMeta div{flex-direction:column;flex:1;min-width:0;display:flex}.image-to-pixel-grid-studio-module__3qSAKq__sourceMeta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.71rem;overflow:hidden}.image-to-pixel-grid-studio-module__3qSAKq__sourceMeta small{color:#8b8499;font-size:.6rem}.image-to-pixel-grid-studio-module__3qSAKq__sourceMeta i{color:#278c75;background:#5fd4b824;border-radius:999px;padding:4px 6px;font:800 .53rem ui-monospace,monospace}.image-to-pixel-grid-studio-module__3qSAKq__thumbDot{background:linear-gradient(135deg,#6eb8f2,#f58ab5);border-radius:3px;width:9px;height:9px;box-shadow:0 0 0 3px #6eb8f21f}.image-to-pixel-grid-studio-module__3qSAKq__error{color:#b44361;margin:8px 0 0;font-size:.68rem}.image-to-pixel-grid-studio-module__3qSAKq__controlSection{border-top:1px solid #2b223e17;margin-top:22px;padding-top:18px}.image-to-pixel-grid-studio-module__3qSAKq__controlSection>header{justify-content:flex-start;margin-bottom:12px}.image-to-pixel-grid-studio-module__3qSAKq__controlSection>header strong{letter-spacing:.02em;font-size:.73rem}.image-to-pixel-grid-studio-module__3qSAKq__controlSection>header span{color:#f58ab5;min-width:18px}.image-to-pixel-grid-studio-module__3qSAKq__segmented,.image-to-pixel-grid-studio-module__3qSAKq__presetRow{background:#3027430e;border-radius:12px;gap:5px;padding:4px;display:grid}.image-to-pixel-grid-studio-module__3qSAKq__segmented{grid-template-columns:1fr 1fr}.image-to-pixel-grid-studio-module__3qSAKq__segmented button,.image-to-pixel-grid-studio-module__3qSAKq__presetRow button{color:#716a7d;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:32px;font-size:.66rem;font-weight:750}.image-to-pixel-grid-studio-module__3qSAKq__segmented button.image-to-pixel-grid-studio-module__3qSAKq__active,.image-to-pixel-grid-studio-module__3qSAKq__presetRow button.image-to-pixel-grid-studio-module__3qSAKq__active{color:#302743;background:#fff;box-shadow:0 4px 12px #30274314}.image-to-pixel-grid-studio-module__3qSAKq__presetRow{grid-template-columns:repeat(7,1fr);margin-bottom:10px}.image-to-pixel-grid-studio-module__3qSAKq__presetRow button{min-width:0;padding:0;font-size:.6rem}.image-to-pixel-grid-studio-module__3qSAKq__dimensionRow{justify-content:center}.image-to-pixel-grid-studio-module__3qSAKq__dimensionRow>span{color:#aaa3b5;font-size:.8rem}.image-to-pixel-grid-studio-module__3qSAKq__numberField{background:#ffffff9e;border:1px solid #2b223e1a;border-radius:10px;flex:1;justify-content:space-between;align-items:center;gap:6px;padding:7px 9px;display:flex}.image-to-pixel-grid-studio-module__3qSAKq__numberField span{color:#8b8499;font-size:.59rem}.image-to-pixel-grid-studio-module__3qSAKq__numberField input{color:#302743;text-align:right;background:0 0;border:0;outline:0;width:48px;min-width:0;font:800 .72rem ui-monospace,monospace}.image-to-pixel-grid-studio-module__3qSAKq__range{margin-top:13px;display:block}.image-to-pixel-grid-studio-module__3qSAKq__range>span{color:#5a5368;font-size:.67rem;font-weight:700}.image-to-pixel-grid-studio-module__3qSAKq__range output{color:#302743;font:800 .64rem ui-monospace,monospace}.image-to-pixel-grid-studio-module__3qSAKq__range input{appearance:none;accent-color:#795ed0;background:linear-gradient(90deg,#795ed0,#f58ab5);border-radius:99px;width:100%;height:3px;margin-top:10px}.image-to-pixel-grid-studio-module__3qSAKq__range input::-webkit-slider-thumb{appearance:none;background:#795ed0;border:3px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 8px #3027433d}.image-to-pixel-grid-studio-module__3qSAKq__toggle{color:#5a5368;min-height:32px;margin-top:8px;font-size:.66rem;font-weight:700}.image-to-pixel-grid-studio-module__3qSAKq__toggle button{cursor:pointer;background:#d9d5e1;border:0;border-radius:99px;width:32px;height:18px;padding:2px}.image-to-pixel-grid-studio-module__3qSAKq__toggle button i{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s;display:block;box-shadow:0 1px 4px #00000029}.image-to-pixel-grid-studio-module__3qSAKq__toggle button.image-to-pixel-grid-studio-module__3qSAKq__active{background:#795ed0}.image-to-pixel-grid-studio-module__3qSAKq__toggle button.image-to-pixel-grid-studio-module__3qSAKq__active i{transform:translate(14px)}.image-to-pixel-grid-studio-module__3qSAKq__selectField{color:#5a5368;margin-top:11px;font-size:.66rem;font-weight:700}.image-to-pixel-grid-studio-module__3qSAKq__selectField select,.image-to-pixel-grid-studio-module__3qSAKq__exportBar select{color:#302743;background:#fff;border:1px solid #2b223e1a;border-radius:9px;outline:0;min-width:130px;padding:8px 28px 8px 9px;font:700 .63rem ui-monospace,monospace}.image-to-pixel-grid-studio-module__3qSAKq__workspace{background:linear-gradient(160deg,#f8f6ffeb,#fffafdc7);grid-template-rows:auto minmax(440px,1fr) auto auto;min-width:0;display:grid}.image-to-pixel-grid-studio-module__3qSAKq__workspaceHeader{border-bottom:1px solid #2b223e17;min-height:66px;padding:0 22px}.image-to-pixel-grid-studio-module__3qSAKq__previewTabs{background:#3027430e;border-radius:11px;gap:3px;padding:4px;display:flex}.image-to-pixel-grid-studio-module__3qSAKq__previewTabs button{color:#716a7d;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 14px;font-size:.68rem;font-weight:800}.image-to-pixel-grid-studio-module__3qSAKq__previewTabs button.image-to-pixel-grid-studio-module__3qSAKq__active{color:#302743;background:#fff;box-shadow:0 3px 10px #30274314}.image-to-pixel-grid-studio-module__3qSAKq__liveStatus{color:#716a7d;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font:700 .6rem ui-monospace,monospace;display:flex}.image-to-pixel-grid-studio-module__3qSAKq__liveStatus i{background:#5fd4b8;border-radius:50%;width:7px;height:7px;animation:1.8s infinite image-to-pixel-grid-studio-module__3qSAKq__pulse;box-shadow:0 0 0 4px #5fd4b821}.image-to-pixel-grid-studio-module__3qSAKq__stage{background:#171321;place-items:center;min-width:0;min-height:470px;display:grid;position:relative;overflow:hidden}.image-to-pixel-grid-studio-module__3qSAKq__stageGrid{opacity:.34;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px),radial-gradient(circle at 50% 40%,#795ed047,#0000 48%);background-size:28px 28px,28px 28px,100% 100%;position:absolute;inset:0}.image-to-pixel-grid-studio-module__3qSAKq__canvasScroll{scrollbar-width:thin;scrollbar-color:#fff3 transparent;place-items:center;display:grid;position:absolute;inset:26px 26px 44px;overflow:auto}.image-to-pixel-grid-studio-module__3qSAKq__canvasScroll canvas{max-width:none;height:auto;image-rendering:pixelated;transition:width .18s;box-shadow:0 26px 80px #0000007a,0 0 0 1px #ffffff24}.image-to-pixel-grid-studio-module__3qSAKq__stageStats{gap:8px;display:flex;position:absolute;bottom:14px;right:17px}.image-to-pixel-grid-studio-module__3qSAKq__stageStats span{color:#ffffff9e;letter-spacing:.06em;background:#0f0c18ad;border:1px solid #ffffff1a;border-radius:6px;padding:5px 7px;font:700 .52rem ui-monospace,monospace}.image-to-pixel-grid-studio-module__3qSAKq__inspector{background:#ffffff7a;border-top:1px solid #2b223e14;grid-template-columns:minmax(220px,.72fr) minmax(330px,1.28fr);display:grid}.image-to-pixel-grid-studio-module__3qSAKq__inspectControls,.image-to-pixel-grid-studio-module__3qSAKq__palettePanel{padding:18px 20px}.image-to-pixel-grid-studio-module__3qSAKq__inspectControls{border-right:1px solid #2b223e14}.image-to-pixel-grid-studio-module__3qSAKq__inspectControls>.image-to-pixel-grid-studio-module__3qSAKq__range{margin-top:0}.image-to-pixel-grid-studio-module__3qSAKq__togglePair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.image-to-pixel-grid-studio-module__3qSAKq__paletteHeader{margin-bottom:12px}.image-to-pixel-grid-studio-module__3qSAKq__paletteHeader strong{font-size:.72rem}.image-to-pixel-grid-studio-module__3qSAKq__swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:145px;display:grid;overflow:auto}.image-to-pixel-grid-studio-module__3qSAKq__swatch{background:#ffffffb8;border:1px solid #2b223e12;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;column-gap:8px;min-width:0;padding:7px;display:grid}.image-to-pixel-grid-studio-module__3qSAKq__swatch>span{color:#fff;text-shadow:0 1px 3px #000;border-radius:7px;grid-row:1/3;place-items:center;width:28px;height:28px;font:800 .57rem ui-monospace,monospace;display:grid}.image-to-pixel-grid-studio-module__3qSAKq__swatch strong{color:#302743;font:800 .58rem ui-monospace,monospace;overflow:hidden}.image-to-pixel-grid-studio-module__3qSAKq__swatch small{color:#8b8499;font-size:.54rem}.image-to-pixel-grid-studio-module__3qSAKq__exportBar{background:#ffffffc2;border-top:1px solid #2b223e17;min-height:78px;padding:13px 20px}.image-to-pixel-grid-studio-module__3qSAKq__exportBar>div{flex-direction:column;gap:3px;display:flex}.image-to-pixel-grid-studio-module__3qSAKq__exportBar>div strong{font:800 .63rem ui-monospace,monospace}.image-to-pixel-grid-studio-module__3qSAKq__exportBar>label{color:#8b8499;align-items:center;gap:8px;margin-left:auto;font-size:.61rem;font-weight:800;display:flex}.image-to-pixel-grid-studio-module__3qSAKq__exportBar select{min-width:82px}.image-to-pixel-grid-studio-module__3qSAKq__exportBar>button{color:#fff;cursor:pointer;background:#302743;border:0;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;min-width:154px;min-height:45px;padding:0 8px 0 16px;font-size:.72rem;font-weight:800;display:flex;box-shadow:0 10px 24px #30274333}.image-to-pixel-grid-studio-module__3qSAKq__exportBar>button b{background:linear-gradient(135deg,#6eb8f2,#b99aff);border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.image-to-pixel-grid-studio-module__3qSAKq__exportBar>button:disabled{opacity:.45;cursor:wait}@keyframes image-to-pixel-grid-studio-module__3qSAKq__pulse{50%{box-shadow:0 0 0 7px #5fd4b800}}@media (max-width:980px){.image-to-pixel-grid-studio-module__3qSAKq__studio{grid-template-columns:300px minmax(0,1fr)}.image-to-pixel-grid-studio-module__3qSAKq__swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.image-to-pixel-grid-studio-module__3qSAKq__inspector{grid-template-columns:1fr}.image-to-pixel-grid-studio-module__3qSAKq__inspectControls{border-bottom:1px solid #2b223e14;border-right:0}}@media (max-width:760px){.image-to-pixel-grid-studio-module__3qSAKq__studio{border-radius:22px;display:block}.image-to-pixel-grid-studio-module__3qSAKq__controls{border-bottom:1px solid #2b223e1a;border-right:0;max-height:none}.image-to-pixel-grid-studio-module__3qSAKq__workspace{grid-template-rows:auto 460px auto auto}.image-to-pixel-grid-studio-module__3qSAKq__workspaceHeader{padding:0 14px}.image-to-pixel-grid-studio-module__3qSAKq__liveStatus{display:none}.image-to-pixel-grid-studio-module__3qSAKq__canvasScroll{inset:18px 14px 42px}.image-to-pixel-grid-studio-module__3qSAKq__swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.image-to-pixel-grid-studio-module__3qSAKq__exportBar{flex-wrap:wrap}.image-to-pixel-grid-studio-module__3qSAKq__exportBar>div{width:100%}.image-to-pixel-grid-studio-module__3qSAKq__exportBar>label{margin-left:0}.image-to-pixel-grid-studio-module__3qSAKq__exportBar>button{flex:1}.image-to-pixel-grid-studio-module__3qSAKq__presetRow{grid-template-columns:repeat(7,1fr)}}@media (prefers-reduced-motion:reduce){.image-to-pixel-grid-studio-module__3qSAKq__liveStatus i{animation:none}.image-to-pixel-grid-studio-module__3qSAKq__dropzone,.image-to-pixel-grid-studio-module__3qSAKq__canvasScroll canvas{transition:none}}
.page-module__o2iZ5q__page{z-index:1;padding-bottom:110px;position:relative}.page-module__o2iZ5q__page:before{content:"";pointer-events:none;filter:blur(10px);background:radial-gradient(circle at 30% 30%,#6eb8f229,#0000 38%),radial-gradient(circle at 72% 46%,#f58ab521,#0000 42%);width:min(1000px,90vw);height:520px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.page-module__o2iZ5q__hero{text-align:center;padding-top:66px;padding-bottom:42px;position:relative}.page-module__o2iZ5q__hero .breadcrumb{justify-content:flex-start;margin-bottom:28px}.page-module__o2iZ5q__eyebrow{color:#795ed0;letter-spacing:.15em;text-transform:uppercase;margin:0 0 14px;font:800 .7rem ui-monospace,monospace}.page-module__o2iZ5q__hero h1{letter-spacing:-.058em;max-width:980px;margin:0 auto;font-size:clamp(2.5rem,7vw,5.9rem);line-height:.96}.page-module__o2iZ5q__lead{max-width:760px;color:var(--ink-soft);margin:24px auto 0;font-size:clamp(1rem,2vw,1.22rem);line-height:1.68}.page-module__o2iZ5q__trust{flex-wrap:wrap;justify-content:center;gap:8px;margin:27px auto 0;display:flex}.page-module__o2iZ5q__trust span{color:var(--ink-soft);background:#ffffff80;border:1px solid #ffffffd1;border-radius:999px;align-items:center;gap:7px;padding:7px 11px 7px 8px;font-size:.68rem;font-weight:750;display:flex;box-shadow:inset 0 1px #fff}.page-module__o2iZ5q__trust i{color:#fff;background:#302743;border-radius:50%;place-items:center;width:21px;height:21px;font:700 .52rem ui-monospace,monospace;display:grid}.page-module__o2iZ5q__studioWrap{padding-bottom:112px;position:relative}.page-module__o2iZ5q__explainer{grid-template-columns:.8fr 1.2fr;align-items:start;gap:54px;display:grid}.page-module__o2iZ5q__explainerIntro p{color:#f58ab5;letter-spacing:.12em;margin:0 0 15px;font:800 .68rem ui-monospace,monospace}.page-module__o2iZ5q__explainer h2{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.02}.page-module__o2iZ5q__features{gap:10px;display:grid}.page-module__o2iZ5q__features article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff70;border:1px solid #fffc;border-radius:20px;grid-template-columns:48px 1fr;column-gap:16px;padding:22px;display:grid;box-shadow:0 20px 50px -34px #30274357}.page-module__o2iZ5q__features article>span{color:#fff;background:linear-gradient(135deg,#302743,#795ed0);border-radius:13px;grid-row:1/3;place-items:center;width:42px;height:42px;font:800 .66rem ui-monospace,monospace;display:grid}.page-module__o2iZ5q__features h3{margin:1px 0 6px;font-size:1rem}.page-module__o2iZ5q__features p{color:var(--ink-soft);margin:0;font-size:.82rem;line-height:1.68}@media (max-width:800px){.page-module__o2iZ5q__hero{padding-top:160px}.page-module__o2iZ5q__hero .breadcrumb{display:none}.page-module__o2iZ5q__hero h1{font-size:clamp(2.35rem,13vw,3.25rem)}.page-module__o2iZ5q__studioWrap{padding-bottom:78px}.page-module__o2iZ5q__explainer{grid-template-columns:1fr;gap:28px}.page-module__o2iZ5q__features article{padding:18px}}.page-module__o2iZ5q__hero nav.breadcrumb{text-align:left!important;justify-content:flex-start!important}