@layer payload-default{.icon--copy{width:1.53846rem;height:1.53846rem}.icon--copy .stroke{fill:none;stroke:currentColor;stroke-width:1px}}
.fxgpu{border:1px solid var(--line-soft,#e7e1d6);background:linear-gradient(160deg,#fff 0%,#faf5ed 100%);border-radius:20px;margin:8px 0;padding:26px;box-shadow:0 18px 40px -22px #11468c59}.fxgpu__head{margin-bottom:18px}.fxgpu__badge{font-family:var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:#11468c;background:#e8eff8;border:1px solid #cddcef;border-radius:999px;padding:4px 12px;font-size:.68rem;font-weight:700;display:inline-block}.fxgpu__title{font-family:var(--display,sans-serif);color:var(--ink,#15171c);margin:12px 0 6px;font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:800;line-height:1.1}.fxgpu__intro{color:var(--ink-soft,#3a3d45);max-width:62ch;margin:0 0 4px;font-size:.98rem;line-height:1.55}.fxgpu__modes{background:#eef2f7;border:1px solid #dde6f1;border-radius:999px;flex-wrap:wrap;gap:6px;margin:14px 0 12px;padding:5px;display:inline-flex}.fxgpu__mode{color:#3a4a63;font-family:var(--display,sans-serif);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 18px;font-size:.9rem;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.fxgpu__mode:hover:not(:disabled):not(.on){background:#e2e9f3}.fxgpu__mode.on{color:#fff;background:linear-gradient(135deg,#2379ba,#11468c);box-shadow:0 10px 20px -12px #11468ccc}.fxgpu__mode:disabled{opacity:.55;cursor:not-allowed}.fxgpu__gpu{color:#156b3f;background:linear-gradient(135deg,#eafaf0,#e3f5ea);border:1px solid #b7e6c8;border-radius:999px;align-items:center;gap:9px;max-width:100%;margin:4px 0 14px;padding:7px 14px;font-size:.86rem;display:inline-flex}.fxgpu__gpu-dot{background:#25b169;border-radius:50%;flex:none;width:9px;height:9px;animation:1.6s ease-in-out infinite fxgpu-live;box-shadow:0 0 #25b16999}@keyframes fxgpu-live{50%{box-shadow:0 0 0 7px #25b16900}}.fxgpu__gpu-text strong{font-weight:800}.fxgpu__gpu-via{opacity:.75}.fxgpu__notice{border:1px solid #f1c79a;border-left:4px solid var(--orange,#ec8f3e);color:#7a4a12;background:#fff6e9;border-radius:12px;margin:10px 0 0;padding:12px 14px;font-size:.92rem;line-height:1.5;display:block}.fxgpu__notice--block{margin-top:0}.fxgpu__detail{font-family:var(--mono,monospace);opacity:.7;word-break:break-word;margin-top:6px;font-size:.74rem;display:block}.fxgpu__dl{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.fxgpu__dl-hint{color:var(--muted,#5a564d);font-size:.86rem}.fxgpu__btn{color:#11468c;font-family:var(--display,sans-serif);cursor:pointer;background:#fff;border:1px solid #cddcef;border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-size:.92rem;font-weight:700;transition:transform .14s,box-shadow .14s,background .15s;display:inline-flex}.fxgpu__btn:hover:not(:disabled){background:#eef4fb;transform:translateY(-1px)}.fxgpu__btn:disabled{opacity:.6;cursor:not-allowed}.fxgpu__btn--primary{color:#15171c;background:linear-gradient(135deg,#f3a85f,#ec8f3e);border:0;box-shadow:0 14px 28px -14px #d87a28b3}.fxgpu__btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#f4b06b,#ee9748)}.fxgpu__progress{flex-direction:column;flex:220px;gap:6px;min-width:220px;display:flex}.fxgpu__bar{background:#e7eef7;border-radius:999px;height:9px;overflow:hidden}.fxgpu__bar-fill{background:linear-gradient(90deg,#2379ba,#11468c);border-radius:999px;height:100%;transition:width .25s;display:block}.fxgpu__progress-text{font-family:var(--mono,monospace);color:var(--muted,#5a564d);font-size:.78rem}.fxgpu__ready{color:#156b3f;margin:4px 0 14px;font-size:.9rem;font-weight:700}.fxgpu__drop{text-align:center;background:#f7fafe;border:2px dashed #cddcef;border-radius:16px;padding:28px 20px;transition:border-color .15s,background .15s}.fxgpu__drop.drag{background:#eef4fb;border-color:#2379ba}.fxgpu__drop-text{color:var(--ink-soft,#3a3d45);margin:0 0 14px;font-weight:600}.fxgpu__drop-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.fxgpu__results{grid-template-columns:1fr 1fr;gap:14px;margin-top:6px;display:grid}.fxgpu__fig{margin:0}.fxgpu__fig-label{font-family:var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#5a564d);margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.fxgpu__img,.fxgpu__canvas{border:1px solid var(--line-soft,#e7e1d6);background:#11161c;border-radius:14px;width:100%;height:auto;display:block}.fxgpu__canvas--alpha{background-color:#fff;background-image:linear-gradient(45deg,#dde3ea 25%,#0000 25%),linear-gradient(-45deg,#dde3ea 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dde3ea 75%),linear-gradient(-45deg,#0000 75%,#dde3ea 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.fxgpu__legend{max-width:420px;margin-top:12px}.fxgpu__legend-title{font-family:var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#5a564d);margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.fxgpu__legend-bar{border:1px solid var(--line-soft,#e7e1d6);border-radius:999px;height:14px}.fxgpu__legend-labels{color:var(--ink-soft,#3a3d45);justify-content:space-between;margin-top:4px;font-size:.82rem;font-weight:600;display:flex}.fxgpu__canvas-wrap{position:relative}.fxgpu__overlay{color:#fff;text-align:center;background:#11161cb8;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:.9rem;font-weight:600;display:flex;position:absolute;inset:0}.fxgpu__footer{flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;display:flex}.fxgpu__stats{color:var(--ink-soft,#3a3d45);font-size:.92rem}.fxgpu__stats strong{color:#156b3f;font-weight:800}.fxgpu__state{align-items:center;gap:10px;padding:10px 0;display:flex}.fxgpu__spinner{border:2.5px solid #cddcef;border-top-color:#11468c;border-radius:50%;flex:none;width:20px;height:20px;animation:.8s linear infinite fxgpu-spin}.fxgpu__overlay .fxgpu__spinner{border-color:#fff #fff6 #fff6}@keyframes fxgpu-spin{to{transform:rotate(360deg)}}@media (max-width:540px){.fxgpu{padding:20px}.fxgpu__results{grid-template-columns:1fr}.fxgpu__btn,.fxgpu__btn--primary{justify-content:center;width:100%}.fxgpu__dl,.fxgpu__drop-actions{flex-direction:column}}
