.NqSZba_controls{flex-wrap:wrap;align-items:center;gap:10px;margin-block:12px;display:flex}.NqSZba_stage{background:var(--grey);border-radius:var(--radius);overscroll-behavior:contain;min-width:0;max-height:464px;overflow:auto}.NqSZba_stage:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.NqSZba_tools{align-items:center;gap:6px;display:flex}.NqSZba_tools output{text-align:center;font-variant-numeric:tabular-nums;min-width:4ch}.NqSZba_controls .NqSZba_tool{place-items:center;min-width:44px;min-height:44px;padding:8px;display:grid}.NqSZba_tool svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.NqSZba_adjusting{padding:22px}.NqSZba_frame{width:100%;margin-inline:auto;position:relative}.NqSZba_frame .NqSZba_image{background:var(--grey);width:100%;height:100%;display:block;position:absolute;inset:0}.NqSZba_frame .NqSZba_move,.NqSZba_frame .NqSZba_handle{touch-action:none;-webkit-user-select:none;user-select:none;margin:0;padding:0;position:absolute}.NqSZba_frame .NqSZba_move{cursor:move;background:0 0;border:0;border-radius:0;min-width:0;min-height:0}.NqSZba_frame .NqSZba_pan{cursor:grab}.NqSZba_frame .NqSZba_pan:active{cursor:grabbing}.NqSZba_frame .NqSZba_handle{background:0 0;border:0;border-radius:6px;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:grid;transform:translate(-50%,-50%)}.NqSZba_handle:after{content:"";border:2px solid var(--ink);background:#fff;border-radius:3px;width:16px;height:16px}.NqSZba_frame .NqSZba_handle:hover:after{background:var(--yellow)}.NqSZba_frame .NqSZba_handle:focus-visible,.NqSZba_frame .NqSZba_move:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 5px #fff}.NqSZba_topLeft,.NqSZba_bottomRight{cursor:nwse-resize}.NqSZba_topRight,.NqSZba_bottomLeft{cursor:nesw-resize}.NqSZba_frame button:disabled{cursor:default}@media (pointer:coarse){.NqSZba_adjusting{max-height:492px;padding:36px}.NqSZba_frame .NqSZba_handle{width:56px;min-width:56px;height:56px;min-height:56px}}.NqSZba_hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}
@keyframes ai-liquid{0%{background-position:0%}to{background-position:100%}}.ai-badge{white-space:nowrap;color:var(--ink);background:linear-gradient(#fff,#faf8fc) padding-box padding-box,linear-gradient(105deg,#b44d4d 0%,#d3972a 10%,#468564 20%,#477dba 30%,#8e60a5 40%,#b44d4d 50%,#d3972a 60%,#468564 70%,#477dba 80%,#8e60a5 90%,#b44d4d 100%) border-box;border:2px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 8px;font-size:.8rem;font-weight:750;line-height:1.5;display:inline-flex}.ai-badge>span{color:#0000;background:linear-gradient(105deg,#9d3e3e 0%,#966b1b 10%,#296b4a 20%,#285e98 30%,#714795 40%,#9d3e3e 50%,#966b1b 60%,#296b4a 70%,#285e98 80%,#714795 90%,#9d3e3e 100%);-webkit-background-clip:text;background-clip:text}.ai-usage{min-width:0}.ai-usage-tiles{gap:5px;width:min(100%,360px);margin-block:12px 6px;display:flex}.ai-usage-tiles>span{border:1px solid var(--line);background:var(--grey);border-radius:3px;flex:1;min-width:0;height:14px}.ai-usage-tiles>.is-used{background:linear-gradient(105deg,#b44d4d 0%,#d3972a 10%,#468564 20%,#477dba 30%,#8e60a5 40%,#b44d4d 50%,#d3972a 60%,#468564 70%,#477dba 80%,#8e60a5 90%,#b44d4d 100%) border-box;border-color:#0000}.ai-usage .ai-usage-caption,.ai-usage .ai-usage-reset{color:var(--muted);margin-block:6px;font-size:.85rem}.ai-usage-meter{background:var(--grey);border:1px solid var(--line);border-radius:4px;height:14px;display:block;overflow:hidden}.ai-usage-meter>.ai-usage-fill{background:linear-gradient(105deg,#b44d4d 0%,#d3972a 10%,#468564 20%,#477dba 30%,#8e60a5 40%,#b44d4d 50%,#d3972a 60%,#468564 70%,#477dba 80%,#8e60a5 90%,#b44d4d 100%);border:0;border-radius:0;flex:none;height:100%;display:block}.upgrade-prompt{border:1px solid var(--line);background:var(--grey);border-radius:8px;margin-block:16px;padding:16px}.upgrade-prompt p{margin-block:8px}@media (forced-colors:active){.ai-usage-meter>.ai-usage-fill{background:canvastext}.ai-badge{background:canvas;border-color:canvastext}.ai-badge>span{color:canvastext;background:0 0}.ai-usage-tiles>span{background:canvas;border-color:canvastext}.ai-usage-tiles>.is-used{background:canvastext}}@media (prefers-reduced-motion:no-preference) and (forced-colors:none){.ai-badge,.ai-badge>span,.ai-usage-tiles>.is-used,.ai-usage-meter>.ai-usage-fill{background-size:200% 100%;animation:3s linear infinite alternate ai-liquid}}