[hidden]{display:none!important}main{min-width:0}.panel h2{font-size:14px}.panel h3{font-size:14px;color:#bdd7e5}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:14px 0}.actions label:not(.check){display:flex;flex-direction:column;gap:6px}.actions .upload{display:inline-block}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fields label,.four label{display:flex;flex-direction:column;gap:7px}.fields input,.fields select,.four input{width:100%}.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.check{display:flex;gap:8px;align-items:center;font-size:13px;margin:12px 0}.image-pair,.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.edit-grid>.panel{margin:0}.checker{background-color:#172431;background-image:linear-gradient(45deg,#2b3a48 25%,transparent 25%),linear-gradient(-45deg,#2b3a48 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2b3a48 75%),linear-gradient(-45deg,transparent 75%,#2b3a48 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid #38546a;border-radius:8px;overflow:hidden;min-height:80px;display:flex;align-items:center;justify-content:center}canvas{display:block;max-width:100%;width:100%;height:auto;object-fit:contain}#cropCanvas{touch-action:none;cursor:crosshair}#exportImage{display:block;max-width:100%;max-height:70vh;object-fit:contain}#exportImage[src$='.ico']{image-rendering:auto}.effects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.effect{border:1px solid #29445d;border-radius:8px;padding:13px;background:#0b1520}.effect label{display:flex;flex-direction:column;gap:10px;font-size:12px}.effect input[type=range]{width:100%}input[type=range]{accent-color:#8bcedf;min-height:26px;max-width:100%}output{display:block;margin:5px 0 12px;font-variant-numeric:tabular-nums;color:#b3d8e5}.panel progress{width:100%;height:9px;accent-color:#8bd1df}#notice{position:sticky;top:8px;z-index:6;background:#18354a;color:#dceff7;padding:10px;border-radius:6px}#notice:empty{display:none}#sourceName{overflow-wrap:anywhere}.project-row{display:flex;gap:9px;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #29445d;flex-wrap:wrap}.project-row span{overflow-wrap:anywhere}.project-row small{display:block;color:#8ba5bb;margin-top:5px}#formatHelp{min-height:34px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #89d4e7;outline-offset:3px}.effect input{padding:0!important}@media(max-width:1100px){.effects{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.image-pair,.edit-grid{grid-template-columns:1fr}.effects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.fields{grid-template-columns:1fr}.four{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:13px}.actions button{flex:1 1 auto}}
.panel>label:not(.check){display:block;margin:12px 0}.panel input[type=color]{display:block;width:100%;max-width:240px;height:42px;padding:5px;margin-top:8px}.fields label.check{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}