@font-face{font-family:DNF Fame;src:url(/fonts/gelasio-bold-italic.ttf)format("truetype");font-style:italic;font-weight:700;font-display:block}:root{color:#f4f6fb;font-synthesis:none;background:#090b10;font-family:Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%}body{background:#090b10;margin:0;overflow:hidden}.stage{isolation:isolate;background:radial-gradient(circle at 50% 42%,#222936 0,#11151d 40%,#090b10 72%);width:100vw;height:100dvh;min-height:560px;position:relative}.canvas{touch-action:none;cursor:grab;position:absolute;inset:0}.canvas:active{cursor:grabbing}.canvas canvas{width:100%;height:100%;display:block}.loading{color:#bec5d1;pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.source-bar{z-index:4;top:max(14px,env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;left:18px;right:18px}.source-copy{gap:3px;display:grid}.source-copy strong{font-size:14px;font-weight:700}.source-copy span{color:#9da6b5;font-size:11px}.source-copy span[data-error=true]{color:#ff8f8f}.source-form{pointer-events:auto;align-items:center;gap:7px;display:flex}.source-form label{color:#9da6b5;font-size:11px}.source-form input{color:#fff;background:#11151de6;border:1px solid #ffffff24;border-radius:4px;outline:none;width:112px;height:32px;padding:0 9px;font:12px/1 monospace}.source-form input:focus{border-color:#e6c46a}.source-form button,.upload-button,.toolbar button{color:#dce1e9;cursor:pointer;white-space:nowrap;background:#151a23dc;border:1px solid #ffffff1d;border-radius:4px;height:32px;padding:0 12px;font:12px/32px inherit}.source-form button:hover,.source-form button:focus-visible,.upload-button:hover,.toolbar button:hover,.toolbar button:focus-visible{color:#fff;background:#252c38;border-color:#e6c46a}.toolbar button:disabled{opacity:.5;cursor:wait}.role-picker{z-index:4;pointer-events:none;align-items:center;width:164px;display:flex;position:absolute;top:74px;bottom:74px;left:18px}.role-list{pointer-events:auto;gap:5px;width:100%;display:grid}.role-button{color:#aeb6c2;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11151db8;border:1px solid #0000;border-radius:4px;grid-template-columns:1fr auto;gap:2px 8px;width:100%;min-height:46px;padding:7px 9px;display:grid}.role-button:hover,.role-button:focus-visible{color:#fff;background:#1a202acc}.role-button[aria-pressed=true]{color:#fff;background:#20242bd9;border-color:#d7b45c}.role-button strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.role-button span{color:#e8c666;grid-area:1/2/3;align-self:center;font:700 11px/1 monospace}.role-button small{color:#8893a2;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.toolbar{z-index:4;left:50%;bottom:max(18px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0f14d9;border:1px solid #ffffff18;border-radius:6px;flex-wrap:wrap;justify-content:center;gap:6px;padding:5px;display:flex;position:absolute;transform:translate(-50%)}@media (width<=720px){.stage{min-height:480px}.source-bar{align-items:flex-start;left:12px;right:12px}.source-copy span{max-width:150px}.source-form label[for=helper-id],.source-form input#helper-id,.source-form button[type=submit]{display:none}.upload-button{align-items:center;display:inline-flex}.role-picker{width:auto;display:block;inset:auto 10px 60px;overflow-x:auto}.role-list{width:max-content;max-width:none;display:flex}.role-button{width:132px;min-height:42px}.toolbar{bottom:max(10px,env(safe-area-inset-bottom))}.toolbar button,.upload-button{height:30px;padding:0 10px;font-size:11px;line-height:30px}.canvas{inset:46px 0 102px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.loading{display:none!important}