body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0f1115;--panel:#171a21;--muted:#9aa3b2;--text:#e8eef6;--border:#2a3444;--shadow:0 10px 30px #00000059}#root,body,html{background:#0f1115;background:var(--bg);color:#e8eef6;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;height:100%;margin:0}.app{align-items:center;display:flex;flex-direction:column;gap:18px;margin:0 auto;max-width:1100px;padding:32px 20px 60px}.title{font-size:clamp(28px,4.5vw,48px);font-weight:800;letter-spacing:-.02em;text-align:center}.controlsRow{align-items:end;background:#171a21;background:var(--panel);border:1px solid #2a3444;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:14px;width:100%}.control{display:flex;flex:1 1 240px;flex-direction:column;gap:8px;max-width:260px;min-width:210px}.controlLabel{align-items:center;color:#9aa3b2;color:var(--muted);display:flex;font-size:12px;justify-content:space-between}input[type=range]{-webkit-appearance:none;appearance:none;background:#243244;border-radius:999px;height:6px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 10px #ffffff40;cursor:pointer;height:18px;-webkit-transition:transform .1s ease,box-shadow .2s ease;transition:transform .1s ease,box-shadow .2s ease;width:18px}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 12px #ffffff73}input[type=range]:active::-webkit-slider-thumb{transform:scale(.9)}.fileBtn{align-items:center;background:#2b2b2b;border:1px solid #2a3444;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow);color:#e8eef6;color:var(--text);cursor:pointer;display:inline-flex;justify-content:center;padding:10px 14px;transition:all .15s ease}.fileBtn:hover{filter:brightness(1.1)}.fileBtn:active{transform:translateY(1px)}.fileInput{display:none}.btnRow{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn{background:linear-gradient(180deg,#4a4a4a,#2e2e2e);border:1px solid #3d3d3d;border-radius:12px;box-shadow:0 0 10px #0006;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .2s ease}.btn:hover:not(:disabled){box-shadow:0 0 15px #c8c8c866;filter:brightness(1.2);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:0 0 6px #fff3;transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.palette{background:#171a21;background:var(--panel);border:1px solid #2a3444;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow);max-width:900px;padding:14px;width:100%}.paletteTitle{color:#9aa3b2;color:var(--muted);font-size:12px;margin-bottom:8px}.paletteRow{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.swatch{border:1px solid #ffffff2e;border-radius:8px;height:26px;width:26px}.result{text-align:center}.result img{border:1px solid #2a3444;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow);max-width:min(900px,95vw)}.result p{font-size:13px;margin-top:8px}.loading,.result p{color:#9aa3b2;color:var(--muted)}.loading{align-items:center;display:flex;gap:10px}.loader{animation:spin .9s linear infinite;border:2px solid #ffffff40;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.control{flex:1 1 100%;max-width:none}}
/*# sourceMappingURL=main.e321619c.css.map*/