:root{color:#171719;font-synthesis:none;background:#fdfdfc;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}.app{background:#fdfdfc;width:100%;height:100%;position:relative}.stage{background:#fdfdfc;transition:background .3s;position:absolute;inset:0;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}header{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:28px;left:32px;right:352px}.brand{letter-spacing:-.01em;align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.brand em{letter-spacing:.08em;color:#4b45a4;background:#eeeefe;border:1px solid #dfdffa;border-radius:999px;margin-left:1px;padding:3px 6px;font-size:9px;font-style:normal;font-weight:700}.brand-dot{background:#3155d9;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #3155d918}.hint{color:#8a8a8f;letter-spacing:.02em;font-size:11px}.upload{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffde;border:1px solid #e5e5e2;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:290px;min-height:74px;padding:11px 12px;transition:all .2s;display:grid;position:absolute;top:72px;left:32px;box-shadow:0 12px 34px #1e1d2910}.upload:hover{border-color:#c9c9c6;transform:translateY(-1px)}.upload.loading{border-color:#3155d950}.upload.error{border-color:#d84c5c}.upload-icon{color:#666;background:#f0f0ee;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;transform:rotate(-45deg)}.upload-copy{flex-direction:column;min-width:0;display:flex}.upload-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.upload-copy span{color:#89898d;margin-top:3px;font-size:10px;line-height:1.25}.browse{color:#3155d9;cursor:pointer;background:#eef1ff;border-radius:8px;padding:8px 9px;font-size:10px;font-weight:650}.browse input{opacity:0;width:1px;height:1px;position:absolute}.reset{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;width:20px;height:20px;position:absolute;top:-8px;right:-8px}.status-dot{background:#a8a8aa;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-22px;left:16px}.ready .status-dot{background:#28a66a}.loading .status-dot{background:#e7a51a;animation:1s infinite pulse}.error .status-dot{background:#d84c5c}.legend{color:#98989b;gap:18px;font-size:10px;display:flex;position:absolute;bottom:26px;left:32px}.legend span{align-items:center;gap:7px;display:flex}.legend i{background:#3155d9;border-radius:50%;width:5px;height:5px}.panel{z-index:4;border-radius:14px;width:310px;max-height:calc(100vh - 36px);position:absolute;top:18px;right:18px;overflow:auto;box-shadow:0 18px 50px #1f1c3218}.panel::-webkit-scrollbar{width:0}.tp-dfwv{width:100%!important}.tp-rotv{--tp-base-background-color:#ffffffeb;--tp-base-shadow-color:#00000014;--tp-button-background-color:#ececef;--tp-button-background-color-hover:#e1e1e5;--tp-container-background-color:#00000009;--tp-input-background-color:#0000000e;--tp-label-foreground-color:#66666c;--tp-input-foreground-color:#202024;--tp-base-border-radius:8px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@keyframes pulse{50%{opacity:.35}}@media (width<=720px){html,body,#root{overflow:auto}.app{height:auto;min-height:100%}.stage{height:68vh;min-height:470px;position:relative}.panel{width:calc(100% - 24px);max-height:none;margin:12px;position:relative;top:auto;right:auto}.upload{width:calc(100% - 32px);top:60px;left:16px}header{top:22px;left:18px;right:18px}.hint{display:none}.legend{gap:10px;bottom:18px;left:18px}.legend span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}