:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#252a24;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#252a24;--muted:#687064;--paper:#fbfcf8;--paper-strong:#fff;--line:#d8dfd3;--green:#0f6f5d;--green-dark:#084d42;--green-soft:#dceee7;--rust:#bd553b;--blue:#2f6f9f;--yellow:#e6b449;--shadow:0 18px 48px #252a241f;background:#eef3ee;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background-color:#eef3ee;background-image:linear-gradient(90deg,#0f6f5d0d 1px,#0000 1px),linear-gradient(#0f6f5d0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:clamp(18px,3vw,34px)}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:clamp(18px,3vw,34px);display:flex}.brand-block{align-items:center;gap:14px;display:flex}.brand-mark{border:2px solid var(--ink);background:var(--yellow);width:46px;height:46px;color:var(--ink);border-radius:6px;place-items:center;font-size:1.35rem;font-weight:850;display:grid}.brand-block h1,.brand-block p,.queue-header h2,.queue-header p,.drop-title,.drop-copy,.job-row h3,.job-row p{margin:0}.brand-block h1{letter-spacing:0;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1}.brand-block p,.drop-copy,.paste-hint,.job-row p,.job-meta,.field-label,.privacy-note,.stat-strip,.eyebrow{color:var(--muted)}.privacy-note{border:1px solid var(--line);min-height:38px;color:var(--green-dark);background:#fbfcf8c7;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:inline-flex}.workbench{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,28px);display:grid}.control-rail,.queue-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fbfcf8eb;border-radius:8px}.control-rail{gap:16px;padding:16px;display:grid;position:sticky;top:18px}.queue-panel{min-height:min(720px,100vh - 140px);padding:clamp(16px,2.6vw,24px)}.drop-zone{border:1.5px dashed color-mix(in srgb, var(--green) 55%, var(--line));background:color-mix(in srgb, var(--green-soft) 42%, var(--paper));border-radius:8px;justify-items:start;gap:14px;padding:18px;display:grid}.drop-zone.is-dragging{border-color:var(--green-dark);background:color-mix(in srgb, var(--green-soft) 70%, var(--paper))}.drop-icon{background:var(--paper-strong);width:44px;height:44px;color:var(--green);border-radius:6px;place-items:center;display:grid}.drop-title{color:var(--ink);font-weight:820}.paste-hint{border:1px solid color-mix(in srgb, var(--green) 28%, var(--line));min-height:30px;color:var(--green-dark);background:#ffffff94;border-radius:999px;align-items:center;gap:7px;padding:0 9px;font-size:.8rem;font-weight:820;display:inline-flex}.settings-panel,.action-panel{gap:16px;padding-top:2px;display:grid}.section-title{color:var(--ink);align-items:center;gap:8px;font-weight:850;display:flex}.field-group{gap:8px;display:grid}.field-label{font-size:.83rem;font-weight:780}.segmented{border:1px solid var(--line);background:var(--paper-strong);border-radius:7px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.segmented button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;font-weight:840}.segmented button+button{border-left:1px solid var(--line)}.segmented button.is-selected{background:var(--green);color:#f8fff9}input[type=range]{width:100%;accent-color:var(--green)}input[type=number]{border:1px solid var(--line);background:var(--paper-strong);width:100%;min-height:42px;color:var(--ink);border-radius:7px;padding:0 12px}input[type=number]:focus,.segmented button:focus-visible,.button:focus-visible,.icon-button:focus-visible,input[type=color]:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 32%, transparent);outline-offset:2px}.size-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.target-input{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.target-input span{color:var(--muted);font-size:.83rem;font-weight:850}.color-field{grid-template-columns:1fr auto;align-items:center}.color-field input{border:1px solid var(--line);background:var(--paper-strong);border-radius:7px;width:48px;height:38px;padding:2px}.color-field.is-muted{opacity:.58}.toggle-field{min-height:38px;color:var(--ink);align-items:center;gap:9px;font-size:.9rem;font-weight:830;display:flex}.toggle-field input{width:18px;height:18px;accent-color:var(--green)}.button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:850;transition:transform .16s,background-color .16s,opacity .16s;display:inline-flex}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.46}.button-primary{background:var(--green);color:#f8fff9}.button-primary:hover:not(:disabled){background:var(--green-dark)}.button-secondary{background:var(--ink);color:#f8fff9}.button-ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.button-wide{width:100%}.queue-header{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.eyebrow{text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:900;display:inline-block}.queue-header h2{letter-spacing:0;font-size:clamp(1.45rem,2.6vw,2.1rem);line-height:1}.stat-strip{grid-template-columns:repeat(3,minmax(80px,1fr));gap:8px;min-width:min(390px,100%);display:grid}.stat-strip div{border:1px solid var(--line);background:var(--paper-strong);border-radius:7px;align-content:center;gap:2px;min-height:58px;padding:8px 10px;font-size:.78rem;font-weight:760;display:grid}.stat-strip span{color:var(--ink);font-size:1rem;font-weight:900}.queue-alert{border:1px solid color-mix(in srgb, var(--rust) 42%, var(--line));background:color-mix(in srgb, var(--rust) 9%, var(--paper));color:var(--rust);border-radius:7px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;font-weight:800;display:flex}.job-list{gap:12px;display:grid}.job-row{border:1px solid var(--line);background:var(--paper-strong);border-radius:8px;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.job-thumb{aspect-ratio:1;object-fit:cover;background:#dfe6df;border-radius:6px;place-items:center;width:74px;display:grid}.heic-fallback{border:1px solid var(--line);color:var(--green-dark);font-size:.78rem;font-weight:950}.job-body{gap:10px;min-width:0;display:grid}.job-mainline{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.job-row h3{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:850;overflow:hidden}.job-row p,.job-meta{font-size:.84rem;font-weight:650}.job-meta{flex-wrap:wrap;gap:8px 12px;display:flex}.comparison-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:460px;display:grid}.comparison-strip figure{gap:6px;margin:0;display:grid}.comparison-image{aspect-ratio:16/10;border:1px solid var(--line);object-fit:cover;background:#dfe6df;border-radius:7px;place-items:center;width:100%;display:grid;overflow:hidden}.comparison-strip figcaption{color:var(--muted);font-size:.76rem;font-weight:850}.status-badge{min-height:28px;color:var(--muted);white-space:nowrap;background:#edf0e9;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:.76rem;font-weight:850;display:inline-flex}.status-badge.is-processing{background:color-mix(in srgb, var(--blue) 12%, var(--paper));color:var(--blue)}.status-badge.is-processing svg{animation:.82s linear infinite spin}.status-badge.is-done{background:var(--green-soft);color:var(--green-dark)}.status-badge.is-error{background:color-mix(in srgb, var(--rust) 13%, var(--paper));color:var(--rust)}.job-actions{gap:6px;display:flex}.icon-button{border:1px solid var(--line);background:var(--paper);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:7px;place-items:center;transition:transform .16s,background-color .16s,opacity .16s;display:grid}.empty-queue{border:1px dashed var(--line);min-height:360px;color:var(--muted);text-align:center;border-radius:8px;align-content:center;place-items:center;gap:14px;display:grid}.empty-mark{border:2px solid var(--line);width:86px;height:86px;color:var(--green);border-radius:7px;place-items:center;font-weight:950;display:grid}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.workbench{grid-template-columns:1fr}.control-rail{position:static}}@media (width<=720px){.app-shell{padding:14px}.topbar,.queue-header,.job-mainline{flex-direction:column;align-items:stretch}.stat-strip{grid-template-columns:repeat(3,1fr)}.job-row{grid-template-columns:58px minmax(0,1fr)}.job-thumb{width:58px}.comparison-strip{grid-column:1/-1}.job-actions{grid-column:1/-1;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
