[hidden]{display:none!important}body{--planet-x:76%;--planet-y:72%}.app{display:grid;grid-template-columns:minmax(260px,320px) minmax(380px,1fr) minmax(245px,290px);gap:15px;align-items:start}.panel{background:var(--glass-sheen),var(--glass);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--glass-edge),var(--shadow);backdrop-filter:var(--glass-blur)}.setup,.output-panel{max-height:calc(100vh - 220px);overflow:auto}.step{padding:15px;border-bottom:1px solid var(--border)}.step:last-child{border:0}.step-title{display:flex;align-items:center;gap:9px;font-weight:700;font-size:.85rem;margin-bottom:11px}.step-title i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-style:normal;font-size:.72rem}.drop{display:flex;min-height:105px;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px dashed var(--border-2);background:var(--inset);border-radius:14px;cursor:pointer;transition:.2s}.drop:hover,.drop.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--inset))}.drop span{color:var(--faint);font-size:.72rem;margin-top:4px}.queue{display:flex;gap:6px;overflow-x:auto;margin-top:9px}.queue button{position:relative;flex:0 0 52px;height:52px;padding:0;border:1px solid transparent;border-radius:9px;background:var(--inset);overflow:hidden;cursor:pointer}.queue button.active{border-color:var(--accent)}.queue img{width:100%;height:100%;object-fit:cover}.field{display:flex;flex-direction:column;gap:5px;color:var(--dim);font-size:.75rem;font-weight:600}.field>span{float:right;color:var(--faint)}.field select,.field input[type=number]{width:100%;background:var(--inset);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:8px;font:inherit}.field input[type=range]{width:100%;accent-color:var(--accent)}.field input[type=color]{width:100%;height:35px;background:var(--inset);border:1px solid var(--border);border-radius:9px}.dimensions{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:end;margin-top:9px}.lock{width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--inset);filter:grayscale(1);cursor:pointer}.lock.active{border-color:var(--accent);filter:none}.hint{color:var(--faint);font-size:.71rem;margin-top:7px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border-radius:11px;background:var(--inset);margin-bottom:10px}.segmented button,.view-toggle button{padding:7px 5px;border:0;border-radius:8px;background:transparent;color:var(--dim);font:600 .72rem var(--font-body);cursor:pointer}.segmented button.active,.view-toggle button.active{color:var(--text);background:rgba(255,255,255,.1);box-shadow:var(--shadow-sm)}#mode{grid-template-columns:1fr 1fr}.crop-controls .field{margin-top:8px}.transform-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.btn.tiny{padding:7px 9px;font-size:.75rem}.contain-opt{margin-top:10px}.workspace{padding:13px;min-width:0}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.preview-head>div:first-child{display:flex;flex-direction:column;min-width:0}.preview-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-head span{color:var(--faint);font-size:.72rem}.view-toggle{display:flex;padding:3px;background:var(--inset);border-radius:10px}.canvas-wrap{height:min(66vh,720px);min-height:390px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:16px;background-color:#17191b;background-image:linear-gradient(45deg,#242729 25%,transparent 25%),linear-gradient(-45deg,#242729 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#242729 75%),linear-gradient(-45deg,transparent 75%,#242729 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;cursor:crosshair}canvas{display:block;max-width:calc(100% - 30px);max-height:calc(100% - 30px);width:auto;height:auto;box-shadow:0 18px 35px rgba(0,0,0,.45)}#empty{position:absolute;display:flex;flex-direction:column;text-align:center;color:var(--dim);pointer-events:none}#empty span{color:var(--faint);font-size:.76rem;margin-top:4px}.result-bar{display:flex;justify-content:space-between;gap:10px;padding:10px 4px 0;color:var(--faint);font:12px var(--mono)}.lossless-note,.privacy-note{padding:9px 10px;border-radius:10px;background:var(--inset);color:var(--dim);font-size:.74rem;margin:9px 0}.lossless-note p{color:var(--faint);margin-top:3px}.output-panel .field,.output-panel .check{margin-top:10px}.wide{width:100%;margin-bottom:8px}.status{color:var(--faint);font-size:.74rem}.status.ok{color:var(--accent)}.status.err{color:var(--err)}.summary ul{padding-left:17px;color:var(--faint);font-size:.73rem}.summary li{margin:4px 0}
.upscale-box{margin:10px 0;padding:10px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.025)}.upscale-box .check{display:inline-flex;margin:0}.upscale-box p{margin-top:5px;color:var(--faint);font-size:.7rem}.badge{float:right;padding:2px 7px;border-radius:99px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);font-size:.62rem;font-weight:700}@media(max-width:1120px){.app{grid-template-columns:280px 1fr}.output-panel{grid-column:1/-1;max-height:none;display:grid;grid-template-columns:1fr 1fr 1fr}.output-panel .step{border-bottom:0;border-right:1px solid var(--border)}}@media(max-width:760px){.app{grid-template-columns:1fr}.setup{max-height:none}.output-panel{display:block;grid-column:auto}.output-panel .step{border-right:0;border-bottom:1px solid var(--border)}.canvas-wrap{height:52vh;min-height:320px}}.canvas-wrap.dragging{cursor:grabbing;user-select:none}