:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#ecf4ff;color-scheme:dark;font-synthesis:none;background:#080e23;--panel:#101d39;--line:#28446e;--muted:#97acce;--cyan:#09cbfb;--violet:#bb59ef;--blue:#287aff;--light:#f0f6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 40% -180px,#163f81 0,transparent 540px),radial-gradient(ellipse at 100% 35%,#34175a40,transparent 380px),#080e23;color:#ecf4ff}body:before{content:"";pointer-events:none;position:fixed;inset:0;background:linear-gradient(132deg,transparent 0 24%,#12aaff05 24.5%,transparent 25.5% 72%,#f240fa05 73%,transparent 74%);z-index:-1}.shell{max-width:900px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 15px calc(28px + env(safe-area-inset-bottom))}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.brand{display:flex;gap:10px;align-items:center;min-width:0}.brand img{object-fit:contain;border-radius:12px;box-shadow:0 0 20px #02c8ff21}.brand h1{font-size:clamp(15px,3.8vw,22px);margin:4px 0 0;line-height:1.13;letter-spacing:-.6px}.brand h1 span,.intro h2 em{font-style:normal;background:linear-gradient(90deg,#21d8ff,#9a85ff,#ed63ef);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow,.overline,.kicker{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#8fbcf2}.version-chip{white-space:nowrap;font-size:10px;font-weight:900;letter-spacing:1px;border:1px solid #36558a;border-radius:99px;background:#103159a3;padding:9px 11px;color:#77dbff}.intro{position:relative;overflow:hidden;border:1px solid #294b85;border-radius:20px;padding:23px 19px 20px;background:radial-gradient(ellipse at 90% 20%,#342069 0,transparent 45%),radial-gradient(ellipse at 0 80%,#0b4778aa 0,transparent 56%),linear-gradient(155deg,#101b39,#101a36);box-shadow:0 14px 44px #01061288}.intro-art{position:absolute;right:23px;top:0;color:#19c8ff1c;font-size:88px;pointer-events:none}.intro-art .spark{position:absolute;top:0;right:18px}.intro-art .squares{position:absolute;right:55px;top:33px}.intro .kicker{display:flex;align-items:center;gap:8px;color:#4fe2ff;position:relative}.pulse-dot{height:8px;width:8px;border-radius:50%;background:#30f2ce;box-shadow:0 0 12px #30f2ce;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.48;box-shadow:0 0 2px #30f2ce}}.intro h2{margin:10px 0 9px;font-weight:850;letter-spacing:-1.5px;font-size:clamp(31px,7.4vw,48px);line-height:1.06}.intro p{max-width:440px;color:#b3c7e9;font-size:13px;line-height:1.55;margin:0 0 21px}.steps{display:flex;gap:7px;position:relative}.steps span{flex:1;min-width:0;padding:9px 5px;border:1px solid #425680;border-radius:8px;text-align:center;color:#a9bedb;font-size:11px;font-weight:750;background:#15264a94}.steps .active{color:#6ae5ff;border-color:#258fcf;background:#134b78b0}main{display:grid;gap:15px}.panel{background:linear-gradient(152deg,#152547f7,#111b37f7);border:1px solid #304c7a;border-radius:16px;padding:16px 15px;box-shadow:0 9px 34px #000a22a3}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.section-heading h2,.section-heading h3{font-size:19px;font-weight:760;margin:4px 0 0;letter-spacing:-.35px}.overline{color:#6ca8fb;font-size:9px}.count-tag,.status-pill{font:800 11px system-ui,sans-serif;color:#a2dcff;background:#163a60;border:1px solid #275d96;padding:6px 10px;border-radius:99px;white-space:nowrap}.status-pill{color:#c4ffed;border-color:#2d826e;background:#173f48;font-size:9px;letter-spacing:1px}.status-pill.busy{color:#fff1bd;border-color:#ad8748;background:#554324}.status-pill.done{color:#b8ffe9;border-color:#218963;background:#154a42}.file-target{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:155px;padding:19px 10px;gap:7px;cursor:pointer;border:2px dashed #426fac;border-radius:12px;background:linear-gradient(135deg,#1a3161ad,#20345c8c);transition:transform .15s,border-color .15s,box-shadow .15s}.file-target.drag,.file-target:focus-within{transform:scale(1.008);border-color:#2de8ff;background:#204675;box-shadow:0 0 26px #14b9fa42;animation:drop-glow 1.1s ease-in-out infinite alternate}@keyframes drop-glow{to{box-shadow:0 0 36px #61e2ff8a}}.file-target input{position:absolute;width:1px;height:1px;opacity:0}.file-target strong{font-size:17px}.file-target small{color:#aec8ec;font-size:11px;line-height:1.35}.upload-icon{font-size:27px;color:#30d6ff;filter:drop-shadow(0 0 8px #198aff)}.choose-cta{background:#184a89;border:1px solid #2b99e0;color:#eafaff;padding:9px 19px;border-radius:9px;font-size:12px;font-weight:700;margin-top:6px}.file-summary{margin:12px 0 2px;font-size:12px;color:#b4c8e3;line-height:1.5;overflow-wrap:anywhere}.file-collection{display:grid;gap:8px;margin-top:10px}.file-item{display:flex;gap:10px;align-items:center;border-radius:10px;background:#0f1d39;border:1px solid #2b4678;padding:8px 10px;min-width:0}.file-item img{height:40px;width:40px;object-fit:contain;border-radius:7px;background:#172842}.file-item .name{min-width:0;flex:1;font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item .file-meta{font-size:10px;color:#89a8cc;margin-top:4px}.file-item .file-index{font-size:12px;font-weight:800;color:#45d8ff}.intro-hint{color:#b4c8e3;font-size:12px;line-height:1.55;margin:0 0 14px}button,select,input{font-family:inherit}button{min-height:45px;cursor:pointer;border-radius:11px;font-size:13px;font-weight:800;touch-action:manipulation}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #28e2ff;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}button:active:not(:disabled){transform:scale(.985)}.primary{border:1px solid #15ddff;color:#fff;background:linear-gradient(100deg,#08bfea,#287cf6 47%,#c047ed);box-shadow:0 5px 20px #2656e04c;position:relative}#analyze{width:100%;min-height:51px;font-size:15px;text-shadow:0 1px 8px #001c69}.action-chevron{position:absolute;right:18px;font-size:24px;top:7px}.secondary{border:1px solid #416496;background:#1b3158;color:#dcecff}.advanced{border:1px solid #294876;background:#0d1e3b;border-radius:9px;margin-bottom:12px}.advanced summary{padding:12px 13px;font-size:13px;font-weight:700;cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center}.advanced summary::-webkit-details-marker{display:none}.advanced summary small{margin-left:auto;font-size:10px;color:#88a5c8;font-weight:500}.advanced[open] summary{border-bottom:1px solid #2e4c77}.settings-content{padding:14px 13px 6px}.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.row label{font-size:11px;color:#bacbe8;min-width:0}.row input,.row select,.sheet-controls select{width:100%;padding:9px 10px;min-height:42px;margin:6px 0 13px;background:#0b1730;border:1px solid #3b619d;border-radius:8px;color:#fff;font-size:13px}.check{display:flex;align-items:center;gap:10px;font-size:12px;color:#cdd9f2;margin:5px 0 10px}.check input{width:17px;height:17px;accent-color:#15c9ff}.sub{min-height:17px;font-size:12px;line-height:1.5;color:#b7c9e8;margin:12px 2px 0}.sheet-controls{display:flex;align-items:center;gap:9px;margin-bottom:10px}.sheet-controls label{font-size:11px;font-weight:700;color:#aac6ec}.sheet-controls select{min-height:35px;flex:1;margin:0;min-width:0}.mini-meta{white-space:nowrap;font-size:10px;color:#97b5df}.canvas-frame{background:#09132a;border:1px solid #294674;border-radius:11px;padding:8px;overflow:auto}.sheet-stage{width:100%;min-height:165px;position:relative;background-color:#1c2b47;background-image:linear-gradient(45deg,#fff1 25%,transparent 25%,transparent 75%,#fff1 75%),linear-gradient(45deg,#fff1 25%,transparent 25%,transparent 75%,#fff1 75%);background-size:20px 20px;background-position:0 0,10px 10px;border-radius:6px;overflow:hidden;display:grid;place-items:center}.stage-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:#8ca4cf;font-size:12px;text-align:center;padding:28px}.stage-empty small{color:#8398bb}.stage-mark{font-size:42px;color:#4974ab}.stage-artboard{position:relative;width:100%;line-height:0;touch-action:none;-webkit-user-select:none;user-select:none}.stage-artboard canvas{display:block;width:100%;height:auto}.stage-overlays{position:absolute;inset:0;pointer-events:none}.sprite-box{position:absolute;border:1.5px solid #be4df7;background:#bc55e51a;box-shadow:0 0 6px #a447d844;pointer-events:auto;touch-action:none;cursor:move;min-width:4px;min-height:4px;line-height:1}.sprite-box.selected{z-index:2;border:2px solid #16d5ff;background:#07c6fc19;box-shadow:0 0 10px #08e1ff9b}.sprite-box .box-no{position:absolute;left:-2px;top:-13px;background:#9d34cb;border:1px solid #c064ff;color:#fff;font:700 9px system-ui;padding:1px 3px;border-radius:3px}.sprite-box.selected .box-no{background:#008ac9;border-color:#40dfff}.box-grip{position:absolute;bottom:-8px;right:-8px;height:17px;width:17px;display:none;border:2px solid #f7fcff;background:#13cefc;border-radius:4px;box-shadow:0 0 8px #1ccaff;cursor:nwse-resize;touch-action:none}.sprite-box.selected .box-grip{display:block}.canvas-legend{display:flex;flex-wrap:wrap;gap:12px;margin:10px 1px;color:#8fa8d0;font-size:10px}.canvas-legend span{display:inline-flex;align-items:center;gap:5px}.canvas-legend #canvasHint{margin-left:auto;color:#72bfee}.key-square{height:10px;width:10px;display:inline-block;border:2px solid;border-radius:2px}.key-square.cyan{border-color:#19d9ff}.key-square.purple{border-color:#b44be3}.review-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 1px 9px;font-size:13px}.review-toolbar span{color:#81d7ff;font-size:11px;font-weight:750}.previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:340px;overflow:auto;padding:2px 2px 6px}.tile{position:relative;min-width:0;border-radius:9px;border:1px solid #36517a;background:#132541;transition:border-color .12s,box-shadow .12s}.tile.selected{border-color:#13d4ff;box-shadow:0 0 0 1px #13d4ff,0 0 13px #139aff75}.tile .tile-select{display:flex;align-items:center;justify-content:center;width:100%;min-height:91px;height:auto;padding:13px 5px 4px;border:none;background-color:#1a2847;background-image:linear-gradient(45deg,#fff1 25%,transparent 25%,transparent 75%,#fff1 75%),linear-gradient(45deg,#fff1 25%,transparent 25%,transparent 75%,#fff1 75%);background-size:12px 12px;background-position:0 0,6px 6px;border-radius:8px;color:inherit}.tile img{max-height:90px;width:auto;max-width:100%;height:auto;object-fit:contain}.tile .tile-meta{display:block;font-size:10px;color:#c6d9f5;padding:6px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile .tile-number{position:absolute;left:3px;top:3px;background:#145aa7;color:#fff;font:700 10px system-ui;padding:3px 5px;border-radius:4px;pointer-events:none}.tile .tile-delete{position:absolute;right:3px;top:3px;width:24px;height:24px;min-height:24px;padding:0;border:1px solid #b36d9d;border-radius:6px;color:#fff;background:#923a75de;font-size:18px}.editor{margin-top:14px;padding:13px;border:1px solid #385989;border-radius:10px;background:linear-gradient(145deg,#102042,#162447)}.editor-title{margin-bottom:9px}.editor-title h3{font-size:16px}.text-btn{min-height:32px;background:transparent;border:1px solid #50729d;color:#adcaf1;font-size:11px;padding:5px 10px}.editor-layout{display:grid;grid-template-columns:40% minmax(0,1fr);gap:12px}.sprite-preview{min-width:0;aspect-ratio:1;background-color:#1d2c47;background-image:linear-gradient(45deg,#ffffff12 25%,transparent 25%,transparent 75%,#ffffff12 75%),linear-gradient(45deg,#ffffff12 25%,transparent 25%,transparent 75%,#ffffff12 75%);background-size:16px 16px;background-position:0 0,8px 8px;border:1px solid #425a7b;border-radius:9px;display:grid;place-items:center;overflow:hidden}.sprite-preview canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto}.edit-fields p{margin:0 0 8px;font-size:11px;line-height:1.35;color:#8fb2d9}.row-edit{gap:8px}.row-edit label{font-size:10px}.row-edit input{min-height:33px;padding:6px 7px;font-size:12px;margin:4px 0}.editor-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.editor-nav button{min-height:38px}.export-glow{font-size:24px;background:#173d67;color:#28daff;padding:3px 11px;border-radius:11px;box-shadow:0 0 14px #158af966}.export-actions{display:grid;gap:9px}.export-actions .primary{width:100%;min-height:50px;font-size:14px}.export-actions .secondary{width:100%}.outline-primary{border-color:#655dc1;background:linear-gradient(115deg,#173668,#472b7a);box-shadow:none}.folder-status{color:#96bbdf;font-size:11px;line-height:1.35;margin:0 5px}footer{text-align:center;color:#7c95b9;font-size:11px;line-height:1.6;margin:25px 0 10px}footer span{color:#58c9ff}footer a{color:#8fd3ff;text-underline-offset:3px}@media(max-width:440px){.shell{padding:calc(10px + env(safe-area-inset-top)) 10px calc(22px + env(safe-area-inset-bottom))}.panel{padding:13px 11px}.intro{padding:20px 14px}.version-chip{font-size:8px;padding:7px}.brand img{width:41px;height:41px}.previews{gap:6px}.canvas-legend #canvasHint{width:100%;margin-left:0}.editor-layout{grid-template-columns:38% 1fr}.intro h2{font-size:33px}}@media(min-width:700px){.shell{padding:28px}.previews{grid-template-columns:repeat(5,minmax(0,1fr));max-height:440px}.panel{padding:21px}.intro{padding:29px}.intro p{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.edge-control-panel{display:grid;gap:9px;border:1px solid #3a5d90;border-radius:10px;padding:12px;margin:8px 0 11px;background:linear-gradient(145deg,#10284a,#111c3a)}.edge-title{font-size:12px;color:#77dfff;letter-spacing:.25px}.edge-control-panel label{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;color:#c1d7f2;font-size:11px}.edge-control-panel label output{color:#72e0ff;font-variant-numeric:tabular-nums;font-weight:750}.edge-control-panel input[type=range]{grid-column:1/-1;accent-color:#24cffd;width:100%;min-height:30px;touch-action:pan-x}.edge-control-panel small{font-size:10px;line-height:1.5;color:#95aed4}.fit-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.fit-toolbar button{min-height:40px;font-size:11px;padding:6px}.fine-nudges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.fine-nudges button{min-height:39px;padding:5px;font-size:18px;line-height:1}@media(max-width:440px){.fine-nudges,.fit-toolbar{gap:5px}}.stage-tools{display:flex;gap:7px;margin:0 0 9px}.stage-tab{flex:1;min-height:33px;padding:7px 9px;color:#acc9ec;background:#102443;border:1px solid #2f5483;font-size:11px;border-radius:8px}.stage-tab.selected{color:#d3faff;background:#125281;border-color:#27cffa;box-shadow:inset 0 0 10px #1bacff26}.sheet-stage>.source-only{display:block;max-width:100%;height:auto;object-fit:contain}.review-toolbar #undoExclude{min-height:28px;padding:5px 7px;font-size:10px;white-space:nowrap}.mode-links{display:flex;gap:8px;margin:-8px 0 15px;flex-wrap:wrap}.mode-links a{flex:1 1 110px;text-align:center;padding:11px 9px;text-decoration:none;color:#b9dcff;background:#162b4e;border:1px solid #37629e;border-radius:10px;font:750 13px Inter,system-ui,sans-serif}.mode-links a.is-current{color:#fff;background:#146ba5;border-color:#4ee0ff}.mode-links a:hover{border-color:#65e1ff}@media(max-width:420px){.mode-links{gap:5px}.mode-links a{font-size:11px;padding:10px 6px;flex-basis:85px}}.mode-links[hidden]{display:none}@media(min-width:1140px)and (hover:hover)and (pointer:fine){.shell{max-width:min(1620px,calc(100vw - 40px));padding:26px clamp(18px,2.2vw,32px) 36px}.top{margin-bottom:20px}.brand h1{font-size:clamp(20px,1.75vw,28px)}main{display:grid;grid-template-columns:minmax(350px,390px) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"intro intro" "import results" "detect results" "export results";column-gap:18px;row-gap:16px;align-items:start}.intro{grid-area:intro;padding:28px 32px}.intro h2{font-size:clamp(36px,3.3vw,49px)}.import-panel{grid-area:import}.detect-panel{grid-area:detect}.results-panel{grid-area:results;min-width:0;align-self:stretch}.export-panel{grid-area:export}.panel{padding:20px 21px}.sheet-stage{min-height:315px}.canvas-frame{min-height:330px}.previews{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));max-height:540px;gap:11px}.tile .tile-select{min-height:125px}.tile img{max-height:110px}.editor-layout{grid-template-columns:minmax(175px,260px) minmax(0,1fr);gap:18px}.editor{padding:18px}.file-target{min-height:160px}}@media(min-width:1800px)and (hover:hover)and (pointer:fine){.shell{max-width:1740px}main{grid-template-columns:minmax(375px,430px) minmax(0,1fr)}.previews{grid-template-columns:repeat(auto-fit,minmax(134px,1fr))}}#easyToExpert[hidden],#sendToExpert[hidden]{display:none!important}