:root{--bg-deep: #0e1412;--bg-elevated: #17201c;--ink: #e7f0ea;--muted: #8fa198;--signal: #d8ff3e;--warm: #ff6a3d;--line: rgba(231, 240, 234, .12);--font-display: "Syne", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-interactive: 8px;--ease-tool: cubic-bezier(.2, .8, .2, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--panel-width-left: 260px;--panel-width-right: 300px;--header-height: 66px;--dock-height: 64px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);background-color:var(--bg-deep);font-family:var(--font-body);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;background-image:linear-gradient(115deg,rgba(216,255,62,.04),transparent 42%),linear-gradient(rgba(231,240,234,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(231,240,234,.03) 1px,transparent 1px);background-size:100% 100%,24px 24px,24px 24px;background-attachment:fixed}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.app-shell{display:grid;grid-template-rows:var(--header-height) 1fr var(--dock-height);height:100%;min-height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-5);border-bottom:1px solid var(--line);background:#0e1412db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;flex-direction:row;align-items:baseline;gap:var(--space-3);min-width:0}.brand__name{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;flex-shrink:0}.brand__tagline{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.app-header__meta{display:flex;align-items:center;gap:var(--space-3);color:var(--muted);font-family:var(--font-mono);font-size:12px}.app-header__meta .license-badge{margin-right:20px}.workspace{display:grid;grid-template-columns:var(--panel-width-left) 1fr var(--panel-width-right);min-height:0}.panel{min-height:0;border-right:1px solid var(--line);background:#17201c8c;display:flex;flex-direction:column}.panel:last-child{border-right:none;border-left:1px solid var(--line)}.panel__title{margin:0;padding:var(--space-4) var(--space-4) var(--space-3);font-family:var(--font-display);font-size:13px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.panel__body{flex:1;min-height:0;overflow:auto;padding:0 var(--space-4) var(--space-4)}.stage{min-height:0;height:100%;display:flex;flex-direction:column;padding:var(--space-4);overflow:hidden}.drop-stage{flex:1;display:grid;place-items:center;border:1px dashed var(--line);border-radius:var(--radius-interactive);background:#0e141266;transition:border-color .18s var(--ease-tool),background-color .18s var(--ease-tool);text-align:center;padding:var(--space-6)}.drop-stage[data-active=true]{border-color:var(--signal);background:#d8ff3e0d}.drop-stage__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.drop-stage__hint{margin:0 0 var(--space-5);color:var(--muted)}.drop-stage__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-interactive);background:transparent;transition:border-color .16s var(--ease-tool),background-color .16s var(--ease-tool),color .16s var(--ease-tool)}.btn:hover{border-color:#d8ff3e73}.btn--primary{background:var(--signal);color:#10150f;border-color:var(--signal);font-weight:650}.btn--primary:hover{filter:brightness(1.05)}.btn--ghost{background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.queue-empty,.preview-empty{color:var(--muted);padding:var(--space-3) 0}.queue-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-2);width:100%;margin-bottom:var(--space-2);border:1px solid transparent;border-radius:var(--radius-interactive);background:transparent;padding:var(--space-2)}.queue-item[data-selected=true]{border-color:#d8ff3e59;background:#d8ff3e0f}.queue-item__main{display:grid;gap:2px;width:100%;text-align:left;border:none;background:transparent;padding:var(--space-1);min-width:0}.queue-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item__meta{color:var(--muted);font-family:var(--font-mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item__retry{border:1px solid var(--line);background:transparent;border-radius:var(--radius-interactive);min-height:28px;padding:0 var(--space-2);color:var(--signal)}.param-group{display:grid;gap:var(--space-2);margin-bottom:var(--space-5)}.param-group label{color:var(--muted);font-size:12px}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1)}.segmented--2{grid-template-columns:repeat(2,1fr)}.segmented button{min-height:34px;border:1px solid var(--line);border-radius:var(--radius-interactive);background:transparent}.segmented button[data-active=true]{border-color:var(--signal);color:var(--signal)}.preset-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.preset-chip{padding:0;border:none;background:none;color:var(--muted);border-bottom:1px solid transparent;border-radius:0;min-height:28px}.preset-chip[data-active=true]{color:var(--ink);border-bottom-color:var(--signal)}.slider-row{display:grid;gap:var(--space-2)}.slider-row input[type=range]{width:100%;accent-color:var(--signal)}.slider-readout{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.warning{color:var(--warm);font-size:12px;margin:0}.progress-dock{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-5);border-top:1px solid var(--line);background:#0e1412eb}.progress-dock__status{color:var(--muted);font-family:var(--font-mono);font-size:12px}.progress-dock__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.compare-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-shrink:0}.compare-toolbar__modes{display:flex;align-items:center;gap:var(--space-2)}.compare-toolbar__label{color:var(--muted);font-size:12px;margin-right:var(--space-2)}.compare-toolbar__captions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);min-width:0;color:var(--muted);font-size:12px;text-align:center}.compare-toolbar button{min-height:30px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-interactive);background:transparent}.compare-toolbar button[data-active=true]{border-color:var(--signal);color:var(--signal)}.compare-side{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);min-height:0;flex:1;overflow:hidden;max-height:calc(100vh - var(--header-height) - var(--dock-height) - 96px)}.compare-side figure{margin:0;min-width:0;min-height:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-interactive);background:#0e141259}.compare-side img,.compare-single{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;animation:preview-in .22s var(--ease-tool)}.compare-single{flex:1;min-height:0;margin:0 auto;max-height:calc(100vh - var(--header-height) - var(--dock-height) - 96px)}.compare-slider{position:relative;flex:1;min-height:0;max-height:calc(100vh - var(--header-height) - var(--dock-height) - 96px);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-interactive);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(45deg,#1b2420 25%,transparent 25%) 0 0 / 16px 16px,linear-gradient(-45deg,#1b2420 25%,transparent 25%) 0 0 / 16px 16px,linear-gradient(45deg,transparent 75%,#1b2420 75%) 0 0 / 16px 16px,linear-gradient(-45deg,transparent 75%,#1b2420 75%) 0 0 / 16px 16px,#121a16}.compare-slider__after{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.compare-slider__before{position:absolute;inset:0 auto 0 0;overflow:hidden;border-right:1px solid var(--signal);height:100%}.compare-slider__before img{display:block;height:100%;object-fit:contain;object-position:left center;max-width:none;pointer-events:none}.compare-slider__handle{position:absolute;top:0;bottom:0;width:2px;background:var(--signal);transform:translate(-1px);pointer-events:none}.compare-slider__handle:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;border:2px solid var(--signal);border-radius:2px;background:var(--bg-deep);transform:translate(-50%,-50%) rotate(45deg)}@keyframes preview-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.progress-dock__status[data-busy=true]{color:var(--signal);animation:dock-pulse 1.6s var(--ease-tool) infinite}@keyframes dock-pulse{0%,to{opacity:.7}50%{opacity:1}}.check-row{display:flex;align-items:center;gap:var(--space-2);color:var(--ink);font-size:13px}.check-row input{accent-color:var(--signal)}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#080c0ab8;padding:var(--space-5)}.modal{width:min(480px,100%);background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-interactive);padding:var(--space-5)}.modal__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:1.2rem}.modal__body{color:var(--muted);display:grid;gap:var(--space-3);margin-bottom:var(--space-5)}.modal__body p{margin:0;line-height:1.55}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.text-input{box-sizing:border-box;width:100%;margin-top:.5rem;font:inherit;color:var(--ink);background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-interactive);padding:.55rem .75rem}.text-input:focus{outline:2px solid var(--accent);outline-offset:1px}.license-badge{display:inline-flex;flex-direction:row;align-items:baseline;gap:8px;font-size:.8rem;color:var(--muted);white-space:nowrap;line-height:1.2}.license-badge__exp{font-size:.72rem;opacity:.85}.license-badge[data-tier=pro]{color:var(--accent, var(--signal))}.wm-overlay{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;flex:1}.wm-overlay__stage{position:relative;flex:1;min-height:240px;border:1px solid var(--line);border-radius:var(--radius-interactive);overflow:hidden;touch-action:none;cursor:crosshair;background:#121a16}.wm-overlay__stage[data-enabled=false]{cursor:default}.wm-overlay__stage img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.wm-overlay__svg{position:absolute;inset:0;width:100%;height:100%}.wm-rect{fill:#d8ff3e2e;stroke:var(--signal);stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer}.wm-rect--active{fill:#d8ff3e52;stroke-width:3}.wm-rect--draft{fill:#ff6a3d33;stroke:var(--warm);pointer-events:none}.wm-overlay__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--muted);font-family:var(--font-mono);font-size:12px}@media(max-width:960px){.workspace{grid-template-columns:1fr;grid-template-rows:180px 1fr 240px}.panel{border-right:none;border-bottom:1px solid var(--line)}.panel:last-child{border-left:none}.brand__tagline{display:none}}.landing{min-height:100%;display:flex;flex-direction:column;color:var(--ink)}.landing-hero{position:relative;min-height:100vh;min-height:100dvh;display:grid;align-items:end;overflow:hidden;isolation:isolate}.landing-hero__atmosphere{position:absolute;inset:0;z-index:0}.landing-hero__mesh{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 40%,rgba(216,255,62,.14),transparent 55%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(255,106,61,.1),transparent 50%),linear-gradient(160deg,#0a100e 0%,var(--bg-deep) 45%,#121a16 100%);animation:landing-mesh 12s var(--ease-tool) infinite alternate}.landing-hero__stage{position:absolute;inset:12% 6% 18% 42%;display:grid;grid-template-columns:1fr 1fr;gap:2px;border:1px solid var(--line);background:#0e14128c;transform:perspective(900px) rotateY(-8deg) rotateX(4deg);transform-origin:left center;animation:landing-stage 1.1s var(--ease-tool) both}.landing-hero__pane{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(231,240,234,.06),transparent 40%),repeating-linear-gradient(-12deg,transparent,transparent 10px,rgba(231,240,234,.03) 10px,rgba(231,240,234,.03) 11px)}.landing-hero__pane--before:after,.landing-hero__pane--after:after{position:absolute;top:14px;left:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.landing-hero__pane--before:after{content:"Source"}.landing-hero__pane--after{background:linear-gradient(160deg,rgba(216,255,62,.12),transparent 50%),repeating-linear-gradient(-12deg,transparent,transparent 10px,rgba(231,240,234,.03) 10px,rgba(231,240,234,.03) 11px)}.landing-hero__pane--after:after{content:"Web HD";color:var(--signal)}.landing-hero__scan{position:absolute;top:0;bottom:0;left:48%;width:2px;background:linear-gradient(var(--signal),transparent);box-shadow:0 0 24px #d8ff3e73;animation:landing-scan 3.2s var(--ease-tool) infinite}.landing-hero__copy{position:relative;z-index:1;max-width:36rem;padding:clamp(2rem,6vw,4.5rem);padding-bottom:clamp(3rem,8vh,5.5rem)}.landing-hero__brand{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--ink);animation:landing-rise .7s var(--ease-tool) both}.landing-hero__headline{margin:0 0 var(--space-3);font-family:var(--font-body);font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:500;line-height:1.45;color:var(--ink);max-width:28ch;animation:landing-rise .7s var(--ease-tool) .08s both}.landing-hero__support{margin:0 0 var(--space-5);color:var(--muted);font-size:.95rem;max-width:36ch;animation:landing-rise .7s var(--ease-tool) .16s both}.landing-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);animation:landing-rise .7s var(--ease-tool) .24s both}.landing-hero__actions .btn--primary{text-decoration:none;display:inline-flex;align-items:center}.landing-section{padding:clamp(3rem,8vw,5rem) clamp(2rem,6vw,4.5rem);border-top:1px solid var(--line);max-width:40rem}.landing-section__title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.landing-section__body{margin:0;color:var(--muted);font-size:1rem;max-width:42ch}.landing-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) clamp(2rem,6vw,4.5rem);border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.landing-footer__link{color:var(--signal);text-decoration:none}.landing-footer__link:hover{text-decoration:underline}@keyframes landing-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-stage{0%{opacity:0;transform:perspective(900px) rotateY(-8deg) rotateX(4deg) translate(24px)}to{opacity:1;transform:perspective(900px) rotateY(-8deg) rotateX(4deg) translate(0)}}@keyframes landing-scan{0%{left:8%;opacity:.2}15%{opacity:1}85%{opacity:1}to{left:90%;opacity:.2}}@keyframes landing-mesh{0%{filter:hue-rotate(0deg) brightness(1)}to{filter:hue-rotate(-6deg) brightness(1.05)}}@media(max-width:900px){.landing-hero__stage{inset:auto 8% 42%;height:38vh;transform:none}.landing-hero{align-items:stretch}.landing-hero__copy{margin-top:auto}}@media(prefers-reduced-motion:reduce){.landing-hero__mesh,.landing-hero__stage,.landing-hero__scan,.landing-hero__brand,.landing-hero__headline,.landing-hero__support,.landing-hero__actions{animation:none}}