:root{--bg:#f5f6f9;--text-dim:#7d8194;--tb-ease:cubic-bezier(.4, 0, .2, 1);--tb-spring:cubic-bezier(.34, 1.4, .64, 1)}.viewer-chips .chip{color:#444;background:#e8eaf0;border:none;border-radius:999px;padding:4px 10px;font-size:12px}.viewer-shell{background:var(--bg);position:fixed;inset:0;overflow:hidden}.viewer-canvas{z-index:0;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.viewer-renderer-loading{z-index:8;background:var(--bg);place-items:center;display:grid;position:absolute;inset:0}.viewer-media-wait{z-index:8;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#14171ec7;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:9px;min-height:38px;padding:0 14px;font-size:12px;font-weight:650;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 28px #090c1238}.viewer-media-wait-spinner{box-sizing:border-box;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite viewer-media-wait-spin}@keyframes viewer-media-wait-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.viewer-media-wait-spinner{border-color:#ffffffbf;animation:none}}.viewer-branch{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.viewer-branch.preview{transition:none}.viewer-gesture{z-index:3;touch-action:none;position:absolute;inset:0}.viewer-gesture[aria-disabled=true]{pointer-events:none}.viewer-prompts{z-index:5;pointer-events:none;transition:opacity .28s;animation:.28s viewer-fade;position:absolute;inset:0}.viewer-prompts.is-hidden{opacity:0;animation:none}.viewer-gesture-marker{z-index:2;color:#fff;text-align:center;text-shadow:0 1px 6px #000000bf;white-space:nowrap;pointer-events:none;flex-direction:column;align-items:center;gap:7px;font-size:13px;font-weight:600;line-height:1;animation:3s ease-in-out infinite prompt-breathe;display:flex;position:absolute;transform:translate(-50%,-50%)}@keyframes prompt-breathe{0%,to{opacity:1}55%{opacity:.45}}.viewer-gesture-marker-icon{color:#16181d;width:46px;height:46px;text-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:50%;place-items:center;display:grid;box-shadow:0 3px 14px #00000047}.viewer-gesture-marker-icon img{-webkit-user-select:none;user-select:none;width:21px;height:21px}.viewer-gesture-cluster{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;transform:translate(-50%,-50%)}.viewer-gesture-cluster-row{justify-content:center;gap:20px;display:flex}.viewer-gesture-cluster .viewer-gesture-marker{position:static;transform:none}.viewer-global-gestures{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:18px;display:flex;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.viewer-global-gestures .viewer-gesture-marker{position:static;transform:none}.viewer-menu{z-index:6;align-items:center;gap:10px;transition:opacity .3s;display:flex;position:absolute;top:18px;right:18px}.viewer-shell.hud-hidden .viewer-menu,.viewer-shell.hud-hidden .viewer-studio-btn{opacity:0;pointer-events:none}.viewer-circle-btn{color:#16181d;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:none;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;box-shadow:0 6px 24px #1418222e}.viewer-circle-btn:hover{background:#fff}.viewer-circle-btn:disabled{opacity:.45;cursor:default}.viewer-menu-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-radius:999px;align-items:center;gap:2px;padding:5px;display:flex;position:relative;box-shadow:0 6px 24px #1418222e}.viewer-pill-btn{color:#16181d;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid}.viewer-pill-btn:hover{background:#1c202812}.viewer-pill-btn.is-active{background:#1c202821}.viewer-circle-btn svg,.viewer-pill-btn svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.viewer-circle-btn:focus-visible,.viewer-pill-btn:focus-visible{outline-offset:2px;outline:2px solid #20242c}.viewer-studio-btn{z-index:6;transition:opacity .3s;position:absolute;top:18px;left:18px}.viewer-share-toast{z-index:6;color:#fff;pointer-events:none;background:#1c2028d9;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:600;animation:.16s viewer-fade;position:absolute;top:78px;right:18px}.viewer-empty{text-align:center;color:var(--text-dim);place-content:center;gap:10px;display:grid}.viewer-empty a{color:#15171c}.viewer-loading{background:#fff}.viewer-ink-water{width:100%;height:100%;position:absolute;inset:0}.viewer-load-progress{z-index:2;color:#666d78;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#ffffffe6;border:1px solid #eceef3;border-radius:12px;width:min(240px,100vw - 48px);padding:9px 11px 10px;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #14182824,0 1px 4px #14182814}.viewer-load-progress-label{font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;margin-bottom:7px;font-size:11px;font-weight:600;display:flex}.viewer-load-progress-track{background:#eceef3;border-radius:999px;height:2px;display:block;position:relative;overflow:hidden}.viewer-load-progress-track>span{border-radius:inherit;background:#15171c;height:100%;transition:width .18s ease-out;display:block}.viewer-load-progress-track.is-indeterminate>span{width:36%;animation:1.35s ease-in-out infinite viewer-load-sweep}@keyframes viewer-load-sweep{0%{transform:translate(-110%)}to{transform:translate(310%)}}@media (prefers-reduced-motion:reduce){.viewer-load-progress-track.is-indeterminate>span{opacity:.45;width:100%;animation:none}}.viewer-transition{z-index:4;object-fit:contain;background:var(--bg);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.viewer-status-card{box-sizing:border-box;color:#22252d;background:#fffffff0;border:1px solid #22252d1f;border-radius:16px;width:min(460px,100vw - 40px);padding:28px;box-shadow:0 18px 60px #181c261f}.viewer-status-card h1{margin:4px 0 12px;font-size:20px}.viewer-status-card p{margin:0 0 14px;line-height:1.5}.viewer-status-kicker{color:#777e8b;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.viewer-status-card progress{accent-color:#20232a;width:100%;height:7px;margin:18px 0 8px;display:block}.viewer-status-actions{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.viewer-status-actions button,.viewer-status-actions a{box-sizing:border-box;min-height:36px;font:inherit;color:#22252d;cursor:pointer;background:#fff;border:1px solid #d8dbe3;border-radius:8px;padding:8px 14px;text-decoration:none}.viewer-status-actions button:hover,.viewer-status-actions a:hover{border-color:#777e8b}.viewer-title-chip{z-index:6;color:#15171c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;pointer-events:none;background:#ffffffe0;border-radius:999px;align-items:center;height:34px;padding:0 13px;font-size:12px;font-weight:600;transition:opacity .3s;display:flex;position:absolute;top:25px;left:78px;box-shadow:0 1px 6px #1418282e}.viewer-fit-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;min-width:168px;transition:opacity .16s var(--tb-ease), transform .22s var(--tb-spring);background:#ffffffeb;border-radius:12px;padding:5px;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px);box-shadow:0 10px 34px #14182829,0 1px 4px #14182814}.viewer-fit-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.viewer-fit-option{width:100%;font:inherit;color:#15171c;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.viewer-fit-option:hover{background:#f3f4f8}.viewer-fit-option span{flex:1}.viewer-fit-option svg{fill:none;stroke:#15171c;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:14px;height:14px}.viewer-fit-option.is-active svg{opacity:1}.viewer-shell.hud-hidden .viewer-title-chip{opacity:0;pointer-events:none}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font:14px/1.45 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#2b2e3a;background:#f5f6f9;overflow:hidden}