:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #fafbfa;--ink: #3e4543;--muted: #5e6764;--muted-2: #8c9591;--line: #e7eae9;--line-strong: #d8dddb;--brand: #1f8f88;--brand-bright: #2db5ac;--magenta: #d10074;--lime: #d8f24a;--ink-btn: #3e4543;--ink-btn-hover: #2c3230;--danger: #c0392b;--radius: 18px;--radius-sm: 12px;--pill: 999px;--shadow: 0 1px 2px rgba(62, 69, 67, .05), 0 10px 30px rgba(62, 69, 67, .06);--shadow-lg: 0 24px 60px rgba(62, 69, 67, .18);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font)}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(800px 420px at 92% -8%,rgba(45,181,172,.13),transparent 70%),radial-gradient(720px 420px at 4% 105%,rgba(209,0,116,.08),transparent 70%),var(--bg);background-attachment:fixed;color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3{margin:0;line-height:1.08;font-weight:800;letter-spacing:-.03em}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.accent{color:var(--brand)}.hl{background:var(--lime);padding:.02em .18em;border-radius:6px;white-space:nowrap}.btn{border:none;border-radius:var(--pill);padding:.72rem 1.4rem;font:inherit;font-weight:600;cursor:pointer;transition:transform .16s var(--ease-out),background .15s ease,opacity .15s ease}.btn:not(:disabled):active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink-btn);color:#fff}.btn-primary:hover:not(:disabled){background:var(--ink-btn-hover)}.btn-secondary{background:#eef1f0;color:var(--ink);text-decoration:none;display:inline-block;text-align:center}.btn-secondary:hover{background:#e4e8e7}.btn-ghost{background:transparent;border:1.5px solid var(--line-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink)}.btn-small{padding:.5rem 1rem;font-size:.85rem}.btn-lg{padding:1rem 1.4rem;font-size:1.02rem}.btn-block{width:100%}.link{background:none;border:none;color:var(--brand);font-weight:600;cursor:pointer;padding:0;font:inherit}.link:hover{text-decoration:underline}.page{display:flex;flex-direction:column;min-height:100vh}.nav{position:sticky;top:0;z-index:10;background:#ffffffc7;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1140px;margin:0 auto;padding:.9rem 1.6rem;display:flex;align-items:center;justify-content:space-between}.nav-right{display:flex;align-items:center;gap:1.1rem}.container{width:100%;max-width:1140px;margin:0 auto;padding:2.4rem 1.6rem 3rem;flex:1}.footer{text-align:center;padding:1.8rem}.brand{display:flex;align-items:center;gap:.5rem;font-weight:800;letter-spacing:-.02em}.brand-mark{font-size:1.4rem}.brand-name{font-size:1.15rem}.hero{text-align:center;max-width:780px;margin:1.2rem auto 2.2rem}.hero h1{font-size:clamp(2.1rem,5.2vw,3.6rem)}.hero-sub{color:var(--muted);font-size:1.12rem;margin-top:1rem;line-height:1.55;max-width:560px;margin-left:auto;margin-right:auto}.segmented{display:flex;gap:.25rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--pill);padding:.3rem;margin:0 auto 2.2rem;width:fit-content}.seg{border:none;background:transparent;cursor:pointer;padding:.55rem 1.5rem;border-radius:var(--pill);font-weight:600;color:var(--muted);transition:background .18s var(--ease-out),color .18s ease,box-shadow .18s ease}.seg:not(:disabled):active{transform:scale(.97)}.seg.active{background:var(--ink-btn);color:#fff}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem}.dropzone{border:2px dashed var(--line-strong);border-radius:var(--radius);min-height:290px;display:grid;place-items:center;cursor:pointer;overflow:hidden;background:var(--surface-2);transition:border-color .18s var(--ease-out),background .18s ease}.dropzone:hover{border-color:var(--brand)}.dropzone.drag-over{border-color:var(--brand);background:#2db5ac12}.dropzone.has-image{border-style:solid;border-color:var(--line);padding:0;background:#16140f}.dropzone img{width:100%;max-height:430px;object-fit:contain;display:block}.dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:.55rem;color:var(--muted);padding:2.6rem 1.6rem;text-align:center}.dz-icon{color:var(--muted-2);margin-bottom:.2rem}.dz-title{font-size:1.08rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}.clear-btn{display:inline-block;margin:.7rem 0 .2rem}.field{margin-top:1.4rem}.field-label{font-size:.8rem;font-weight:700;display:block;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}label{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600}input,select{font:inherit;padding:.78rem .9rem;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;color:var(--ink);width:100%}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2db5ac29}.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.style-chip{display:flex;flex-direction:column;gap:.15rem;text-align:left;padding:.75rem .9rem;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s var(--ease-out);opacity:0;transform:translateY(6px);animation:rise .32s var(--ease-out) forwards}.style-chip:nth-child(1){animation-delay:0ms}.style-chip:nth-child(2){animation-delay:45ms}.style-chip:nth-child(3){animation-delay:90ms}.style-chip:nth-child(4){animation-delay:135ms}.style-chip:not(:disabled):active{transform:scale(.98)}.style-chip.active{border-color:var(--brand);box-shadow:0 0 0 2px #2db5ac33}.style-chip strong{font-size:.92rem}@media(hover:hover)and (pointer:fine){.style-chip:hover{border-color:var(--brand-bright)}}@keyframes rise{to{opacity:1;transform:translateY(0)}}.cost-note{margin:.8rem 0 0}.result-panel{min-height:290px;display:flex;flex-direction:column}.result-placeholder,.result-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;padding:2rem;color:var(--muted)}.ph-icon{color:var(--muted-2);opacity:.6}.no-credits{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;text-align:center;padding:2rem;animation:rise .36s var(--ease-out)}.no-credits h3{font-size:1.2rem}.nc-icon{color:var(--accent, var(--muted-2));margin-bottom:.2rem}.no-credits .btn{margin-top:.6rem;max-width:280px}.result{animation:rise .36s var(--ease-out)}.result h3{margin-bottom:1rem;font-size:1.25rem}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1.1rem}.before-after figure{margin:0}.before-after figcaption{text-align:center;font-size:.78rem;color:var(--muted);margin-top:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.img-frame{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}.img-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s var(--ease-out),transform .45s var(--ease-out)}.img-frame img.loading{opacity:0;transform:scale(1.03)}.img-frame img.loaded{opacity:1;transform:scale(1)}.skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#eef0ef 30%,#f7f8f7,#eef0ef 70%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.credit-badge{display:flex;align-items:center;gap:.7rem}.credit-badge .balance{font-weight:700;font-size:.92rem;white-space:nowrap}.credit-badge .balance.low{color:var(--magenta)}.error-inline{color:var(--danger);font-size:.8rem}.history{margin-top:1.8rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem}.history h3{margin-top:0;margin-bottom:1.1rem;font-size:1.2rem}.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.85rem}.job-thumb{text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:#fff;transition:transform .16s var(--ease-out),box-shadow .16s ease;opacity:0;animation:rise .32s var(--ease-out) forwards}.job-thumb:nth-child(1){animation-delay:0ms}.job-thumb:nth-child(2){animation-delay:40ms}.job-thumb:nth-child(3){animation-delay:80ms}.job-thumb:nth-child(4){animation-delay:.12s}.job-thumb:nth-child(5){animation-delay:.16s}@media(hover:hover)and (pointer:fine){.job-thumb:hover{transform:translateY(-3px);box-shadow:var(--shadow)}}.job-thumb img{width:100%;height:115px;object-fit:cover;display:block}.job-thumb-empty{height:115px;display:grid;place-items:center;color:var(--muted);background:var(--surface-2)}.job-meta{display:flex;justify-content:space-between;align-items:center;padding:.5rem .6rem;font-size:.74rem;font-weight:600}.status{font-weight:700}.status-done{color:var(--brand)}.status-pending{color:var(--magenta)}.status-failed{color:var(--danger)}.error-banner{background:#fdecea;color:var(--danger);padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.85rem;margin-top:1rem}.success-banner{background:#2db5ac1f;color:#14635d;padding:.85rem 1.2rem;border-radius:var(--radius-sm);margin-bottom:1.6rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#22282680;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:1.6rem;animation:fade .18s var(--ease-out)}.modal-card{position:relative;width:100%;max-width:430px;background:var(--surface);border-radius:22px;box-shadow:var(--shadow-lg);padding:2.1rem;transform-origin:center;animation:pop .22s var(--ease-out)}.modal-card h2{margin:.7rem 0 .35rem;font-size:1.6rem}.modal-card form{margin-top:1.4rem;display:flex;flex-direction:column;gap:.9rem}.modal-close{position:absolute;top:.9rem;right:1rem;border:none;background:none;font-size:1.7rem;line-height:1;color:var(--muted);cursor:pointer}.modal-close:hover{color:var(--ink)}.switch-mode{margin-top:1.2rem;text-align:center}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.center-screen{min-height:100vh;display:grid;place-items:center}.spinner{width:40px;height:40px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.work-grid{grid-template-columns:1fr}.result-panel{min-height:auto}}@media(max-width:480px){.style-grid{grid-template-columns:1fr}.container{padding:1.6rem 1rem 2.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:spin .65s linear infinite!important}.skeleton{animation:shimmer 1.3s infinite!important}.style-chip,.job-thumb,.result{opacity:1!important;transform:none!important}}