.render-square{isolation:isolate;background:#0d2220;border-radius:12px;width:100%;position:relative;overflow:hidden}.render-square--wide{aspect-ratio:4/3}.render-square--square{aspect-ratio:1}.render-square__corner{z-index:3;pointer-events:none;width:14px;height:14px;position:absolute}.render-square__corner--tl{border-top:2px solid #3f6481;border-left:2px solid #3f6481;top:10px;left:10px}.render-square__corner--tr{border-top:2px solid #3f6481;border-right:2px solid #3f6481;top:10px;right:10px}.render-square__corner--bl{border-bottom:2px solid #3f6481;border-left:2px solid #3f6481;bottom:10px;left:10px}.render-square__corner--br{border-bottom:2px solid #3f6481;border-right:2px solid #3f6481;bottom:10px;right:10px}@keyframes render-square-sweep-h{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes render-square-sweep-v{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.render-square__scan{z-index:1;pointer-events:none;will-change:transform;background:linear-gradient(90deg,#0000 0%,#2e5e5966 18%,#2e5e59 42%,#3f6481 58%,#3f648166 82%,#0000 100%);animation:2.5s ease-in-out infinite render-square-sweep-h;position:absolute;inset:0}.render-square__scan--b{opacity:.45;animation-delay:-.8s}.render-square--square .render-square__scan{background:linear-gradient(#0000 0%,#2e5e5966 18%,#2e5e59 42%,#3f6481 58%,#3f648166 82%,#0000 100%);animation:2.5s ease-in-out infinite render-square-sweep-v}.render-square--square .render-square__scan--b{opacity:.45;animation-delay:-.8s}.render-square__label,.render-square__meta,.render-square__percent{z-index:2;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--silver,#c8cfd4);pointer-events:none;font-size:10px;font-weight:700;position:absolute}.render-square__label{color:#f01e8a;top:14px;left:32px}.render-square__meta{color:var(--silver,#c8cfd4);opacity:1;top:14px;right:32px}.render-square__percent{letter-spacing:.04em;color:#eef4f4b3;font-size:18px;font-weight:400;bottom:14px;right:32px}
.upscale-dropzone{border:2px dashed color-mix(in srgb, var(--chrome-tint) 50%, transparent);text-align:center;cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);background:linear-gradient(135deg, var(--chrome-fill-from) 0%, var(--chrome-fill-mid) 50%, var(--chrome-fill-to) 100%);color:var(--chrome-text);box-shadow:inset 0 1px 0 var(--chrome-inset-top), 0 0 0 1px color-mix(in srgb, var(--chrome-tint) 22%, transparent), 0 0 18px color-mix(in srgb, var(--chrome-tint) 28%, transparent);border-radius:16px;padding:56px 24px}.upscale-dropzone:hover,.upscale-dropzone.is-drag{border-color:var(--signal);background:linear-gradient(135deg, color-mix(in srgb, var(--signal) 6%, transparent), color-mix(in srgb, var(--signal) 3%, transparent));box-shadow:inset 0 1px 0 var(--chrome-inset-top), 0 0 0 1px color-mix(in srgb, var(--signal) 50%, transparent), 0 0 28px color-mix(in srgb, var(--signal) 45%, transparent)}.upscale-dropzone__icon{background:color-mix(in srgb, var(--ink) 6%, transparent);width:56px;height:56px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.upscale-dropzone__title{font-family:var(--font-serif,"Instrument Serif", serif);color:var(--ink);margin-bottom:6px;font-size:22px}.upscale-dropzone__sub{font-family:var(--font-mono,"Space Mono", monospace);letter-spacing:.1em;text-transform:uppercase;opacity:.55;font-size:11px}.upscale-dropzone__err{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#f01e8a;margin-top:14px;font-size:11px}.upscale-upload-card{background:color-mix(in srgb, var(--ink) 3%, transparent);border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);border-radius:16px;grid-template-columns:320px 1fr;gap:24px;padding:20px;display:grid}@media (max-width:700px){.upscale-upload-card{grid-template-columns:1fr}}.upscale-upload-card__preview{aspect-ratio:4/3;background:#0a0a0a;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.upscale-upload-card__preview video{object-fit:contain;width:100%;height:100%}.upscale-upload-card__body{flex-direction:column;gap:14px;display:flex}.upscale-upload-card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.upscale-upload-card__name{color:var(--ink);word-break:break-word;max-width:32ch;font-size:14px;font-weight:600}.upscale-upload-card__meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin-top:2px;font-size:10px}.upscale-upload-card__remove{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:opacity .2s var(--ease);background:0 0;border-radius:6px;padding:6px 10px;font-size:10px}.upscale-upload-card__remove:hover{opacity:.65}.upscale-upload-card__remove:disabled{opacity:.3;cursor:not-allowed}.upscale-upload-card__tiers{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:480px){.upscale-upload-card__tiers{grid-template-columns:1fr}}.upscale-upload-tier{text-align:left;background:linear-gradient(135deg, color-mix(in srgb, var(--signal) 7%, transparent), color-mix(in srgb, var(--signal) 3%, transparent));border:1px solid color-mix(in srgb, var(--signal) 35%, transparent);cursor:pointer;color:var(--ink);transition:border-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);font:inherit;box-shadow:0 0 0 1px color-mix(in srgb, var(--signal) 14%, transparent), 0 0 14px color-mix(in srgb, var(--signal) 22%, transparent);border-radius:12px;padding:14px 16px}.upscale-upload-tier:hover:not(:disabled){border-color:color-mix(in srgb, var(--signal) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--signal) 40%, transparent), 0 0 22px color-mix(in srgb, var(--signal) 45%, transparent)}.upscale-upload-tier.is-active{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal), 0 0 28px color-mix(in srgb, var(--signal) 60%, transparent)}.upscale-upload-tier.is-insufficient{opacity:.55}.upscale-upload-tier:disabled{cursor:not-allowed}.upscale-upload-tier__row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:2px;display:flex}.upscale-upload-tier__label{font-family:var(--font-mono);letter-spacing:.15em;color:var(--ink);font-size:12px;font-weight:700}.upscale-upload-tier__cost{font-family:var(--font-mono);color:var(--ink);white-space:nowrap;font-size:19px;font-weight:700}.upscale-upload-tier__cost-unit{letter-spacing:.04em;opacity:.78;color:var(--ink);text-transform:lowercase;font-size:12px;font-weight:500}.upscale-upload-tier__rate{font-family:var(--font-mono);letter-spacing:.06em;color:var(--signal);margin-top:6px;font-size:11px}.upscale-upload-card__err{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#f01e8a;font-size:11px}.upscale-upload-card__actions{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.upscale-upload-card__balance{font-family:var(--font-mono);letter-spacing:.15em;opacity:.7;font-size:10px}.upscale-upload-card__balance strong{letter-spacing:0;margin:0 4px;font-size:13px}.upscale-upload-card__submit{color:#fff;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-shadow:0 0 6px color-mix(in srgb, var(--signal) 35%, transparent);box-shadow:0 0 0 1px #ffffff38 inset, 0 0 14px color-mix(in srgb, var(--signal) 70%, transparent), 0 0 28px -2px color-mix(in srgb, var(--signal) 55%, transparent);transition:background var(--t-hover) var(--ease-hover), transform var(--t-hover) var(--ease-hover), box-shadow var(--t-hover) var(--ease-hover);background:linear-gradient(135deg,#ff1f8f 0%,#ff0080 50%,#e6006f 100%);border:1px solid #ffffff47;border-radius:999px;min-width:180px;padding:10px 20px;font-size:12px;font-weight:700}.upscale-upload-card__submit:hover:not(:disabled){box-shadow:0 0 0 1px #fff6 inset, 0 0 22px color-mix(in srgb, var(--signal) 90%, transparent), 0 0 40px -2px color-mix(in srgb, var(--signal) 70%, transparent);background:linear-gradient(135deg,#f39 0%,#ff0080 50%,#d60068 100%);transform:translateY(-1px)}.upscale-upload-card__submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.upscale-upload-card__submit.is-busy{background:var(--paper);color:var(--ink);cursor:wait;opacity:1;padding:6px 14px}.upscale-upload-card__busy{flex-direction:column;align-items:stretch;gap:4px;width:100%;display:flex}.upscale-upload-card__busy-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--rust);text-align:center;font-size:9px}.upscale-tabs{background:color-mix(in srgb, var(--ink) 5%, transparent);border-radius:10px;gap:4px;margin-bottom:24px;padding:4px;display:inline-flex}.upscale-tab{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 60%, transparent);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:none;border-radius:7px;padding:8px 16px;font-size:11px;font-weight:600}.upscale-tab:hover{color:var(--ink)}.upscale-tab.is-active{background:var(--paper,#fff);color:var(--ink);box-shadow:0 1px 2px #0000000a}.upscale-uploads-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.upscale-upload-row{background:color-mix(in srgb, var(--ink) 3%, transparent);border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.upscale-upload-row__video{aspect-ratio:4/3;background:#0a0a0a;border-radius:8px;overflow:hidden}.upscale-upload-row__video video{object-fit:contain;width:100%;height:100%}.upscale-upload-row__placeholder{width:100%;height:100%;font-family:var(--font-mono);letter-spacing:.12em;color:#ffffff8c;text-transform:uppercase;justify-content:center;align-items:center;font-size:10px;display:flex}.upscale-upload-row__name{color:var(--ink);word-break:break-word;font-size:12px;font-weight:600}.upscale-upload-row__meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.6;justify-content:space-between;align-items:center;font-size:10px;display:flex}.upscale-upload-row__status[data-status=completed]{color:#1f8a4d}.upscale-upload-row__status[data-status=failed]{color:#f01e8a}.upscale-upload-row__status[data-status=processing],.upscale-upload-row__status[data-status=queued]{color:#b08400}
.upscale-pair{border:1px solid color-mix(in srgb, var(--chrome-tint) 30%, transparent);background:linear-gradient(135deg, var(--chrome-fill-from) 0%, var(--chrome-fill-mid) 50%, var(--chrome-fill-to) 100%);box-shadow:inset 0 1px 0 var(--chrome-inset-top), 0 0 0 1px color-mix(in srgb, var(--chrome-tint) 18%, transparent), 0 0 18px color-mix(in srgb, var(--chrome-tint) 22%, transparent);transition:box-shadow .2s var(--ease), border-color .2s var(--ease);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.upscale-pair:hover{border-color:color-mix(in srgb, var(--signal) 45%, transparent);box-shadow:inset 0 1px 0 var(--chrome-inset-top), 0 0 0 1px color-mix(in srgb, var(--signal) 35%, transparent), 0 0 28px color-mix(in srgb, var(--signal) 30%, transparent)}.upscale-pair__prompt{color:color-mix(in srgb, var(--ink) 85%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.upscale-pair__grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:600px){.upscale-pair__grid{grid-template-columns:1fr}}.upscale-pair__side{border:1px solid color-mix(in srgb, var(--chrome-tint) 30%, transparent);background:#00000059;border-radius:12px;flex-direction:column;gap:8px;display:flex;position:relative;overflow:hidden}.upscale-pair__side--upscaled{border:1px solid color-mix(in srgb, var(--signal) 50%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--signal) 25%, transparent), 0 0 18px color-mix(in srgb, var(--signal) 30%, transparent)}.upscale-pair__badge{z-index:2;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;pointer-events:none;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:8px;left:8px}.upscale-pair__badge--original{color:#ffffffe6;-webkit-backdrop-filter:blur(6px);background:#0000009e}.upscale-pair__badge--upscaled{color:#fff;box-shadow:0 0 10px color-mix(in srgb, var(--signal) 60%, transparent);background:linear-gradient(135deg,#ff1f8f 0%,#ff0080 50%,#e6006f 100%)}.upscale-pair__video{aspect-ratio:16/9;object-fit:cover;cursor:pointer;background:#0a0a0a;width:100%;display:block}.upscale-pair__dl{z-index:2;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(6px);transition:transform .15s var(--ease), background .15s var(--ease);opacity:0;background:#000000b3;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:8px;right:8px}.upscale-pair__side:hover .upscale-pair__dl{opacity:1}.upscale-pair__dl:hover{background:#000000d9;transform:translateY(-1px)}.upscale-pair__dl--primary{box-shadow:0 0 12px color-mix(in srgb, var(--signal) 50%, transparent);background:linear-gradient(135deg,#ff1f8f 0%,#ff0080 50%,#e6006f 100%);border-color:#ffffff47}.upscale-pair__dl--primary:hover{box-shadow:0 0 18px color-mix(in srgb, var(--signal) 70%, transparent);background:linear-gradient(135deg,#f39 0%,#ff0080 50%,#d60068 100%)}@media (hover:none){.upscale-pair__dl{opacity:1}}