@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&display=swap";:root{font-family:Space Grotesk,sans-serif;line-height:1.5;font-weight:400;color:#f7fbfb;background-color:#004956;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;background-color:#004956}#root{min-height:100vh}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 20px}.brand{width:160px;height:auto;align-self:center}.panel{width:min(560px,100%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:36px 32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px #00000040;display:flex;flex-direction:column;gap:20px}.title{font-size:2.2rem;margin:0;letter-spacing:-.02em}.subtitle{margin:0;color:#fffc}.dropzone{border:2px dashed rgba(255,255,255,.55);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:8px;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease;background:#0000001a}.dropzone:hover{border-color:#ffffffe6;transform:translateY(-2px)}.dropzone.is-dragging{border-color:#d5fffc;background:#d5fffc29}.file-input{display:none}.dropzone-title{font-weight:600;font-size:1.05rem}.dropzone-caption{font-size:.9rem;color:#ffffffb3}.history-wrap{display:flex;flex-direction:column;gap:10px}.history-title{margin:0;font-size:.9rem;color:#fffc}.history-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.history-item{border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:0;overflow:hidden;background:transparent;cursor:pointer}.history-item.is-selected{border-color:#d5fffc;box-shadow:0 0 0 2px #d5fffc59}.history-thumb{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.preview{width:100%;max-height:320px;object-fit:contain;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:#0003}.preview-wrap{position:relative}.image-actions{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between}.image-action{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#00000080;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,border-color .2s ease;text-decoration:none}.image-action:hover{transform:translateY(-1px);background:#000000b3;border-color:#ffffffbf}.image-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.clear{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#00000080;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,border-color .2s ease}.clear:hover{transform:translateY(-1px);background:#000000b3;border-color:#ffffffbf}.cta{border:none;border-radius:999px;padding:12px 24px;font-size:1rem;font-weight:600;background:#d5fffc;color:#004956;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px}.cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000040}.cta:active{transform:translateY(0);box-shadow:none}.cta:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.spinner{width:16px;height:16px;border:2px solid rgba(0,73,86,.3);border-top-color:#004956;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fullscreen-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.fullscreen-image{max-width:min(1100px,100%);max-height:90vh;width:auto;height:auto;border-radius:16px}.fullscreen-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#0009;color:#fff;font-size:1.2rem;cursor:pointer}@media(max-width:480px){.panel{padding:28px 22px}.title{font-size:1.9rem}}