:root{color-scheme:dark;--accent:#6b8afd;--on-accent:#0b0b0d;--line:#303036;--txt:#e8e8ea;--good:#4ade80;--bad:#f87171;--surface-0:#161619;--surface-1:#1f1f24;--surface-2:#26262c;--surface-3:#2a2a30;--surface-4:#2f2f36;--surface-input:#1d1d22;--line-strong:#45454d;--line-mid:#35353c;--txt-soft:#c9c9d1;--focus:#9db4ff;--notify-bg:#20242c;--notify-line:#2f3a46;--notify-bg-hover:#26303a;--notify-line-hover:#3a4a5a;--ok-bg:#2f5a40;--ok-line:#3a6e4e;--ok-ink:#7cffb0;--accent-rgb:107,138,253;--focus-rgb:157,180,255;--good-rgb:74,222,128;--bad-rgb:248,113,113;--surface-0-rgb:22,22,25;--surface-1-rgb:31,31,36;--surface-2-rgb:38,38,44;--line-strong-rgb:69,69,77;--notify-bg-rgb:32,36,44;--ok-ink-rgb:124,255,176;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-pill:999px;--bright-hover:1.12;--bright-hover-strong:1.2;--bright-hover-max:1.3;--duration-press:.12s;--duration-ui:.16s;--duration-panel:.22s;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--hairline-top:inset 0 1px rgba(255,255,255,.035);--shadow-low:0 4px 14px rgba(0,0,0,.28);--shadow-mid:0 10px 30px rgba(0,0,0,.42);--shadow-high:0 24px 80px rgba(0,0,0,.6)}button{font-family:inherit;cursor:pointer}:root{--dev:#ef7a34;--mut:#92929b;--warn:#ff7a66;--warnbg:#242429;--warnln:rgba(255,122,102,.42);--label-yellow:#ffcc00;--txt-dim:#92929b;--okbg:#242429;--okln:rgba(var(--good-rgb),.42);--rec:#ff453a;--rec-rgb:255,69,58;--accent-edge:#8ba3ff;--log-blue:#8fb5ff;--lb-head:#45d7cc;--lb-time:#7ee0da;--viewer-stage:#111114;--viewer-inspector:#202025;--viewer-window-line:rgba(255,255,255,.095);--viewer-sticky:#17181d;--viewer-glass:rgba(23,24,30,.68);--viewer-sticky-glass:rgba(24,24,29,.78);--viewer-glass-gradient:linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.012) 38%, rgba(0,0,0,.04));--blur-scrim:blur(3px);--blur-veil:blur(6px);--blur-panel:blur(8px) saturate(115%);--blur-popover:blur(18px) saturate(125%);--blur-sticky:blur(22px) saturate(120%);--viewer-inspector-shadow:0 8px 24px rgba(0,0,0,.22);--duration-stage:.32s;--viewer-pop-shadow:0 8px 24px rgba(0,0,0,.35);--viewer-panel-edge-inset:inset 0 1px rgba(255,255,255,.085), inset 1px 0 rgba(255,255,255,.025);--viewer-panel-drop:0 16px 42px rgba(0,0,0,.25);--viewer-panel-edge:var(--viewer-panel-edge-inset), var(--viewer-panel-drop)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--surface-0)}html.pv-autoload body>*:not(#splash){visibility:hidden;opacity:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--surface-0);color:var(--txt);height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{display:flex;align-items:center;gap:12px;margin:8px 8px 0;padding:8px 14px;flex-shrink:0;border:1px solid var(--viewer-window-line);border-radius:var(--radius-lg);position:relative;z-index:70}.head-chip{display:inline-flex;align-items:stretch;gap:6px;min-width:0;flex-shrink:1;padding:4px 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-pill)}.head-chip>*:empty{display:none}.head-info{display:contents}.head-info-btn{display:none}.head-game,.head-name,header .fname{display:inline-flex;align-items:center;padding:0 8px;min-width:0;background:var(--surface-0);border-radius:var(--radius-pill);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-game{font-size:12px;font-weight:650;color:var(--txt);max-width:22ch}.head-name{font-size:12px;color:var(--txt-soft)}.head-name-info{flex:0 0 auto;align-self:center;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--txt-soft);background:var(--surface-0);border:1px solid var(--line);border-radius:50%;cursor:help}.head-name-info:hover{color:var(--txt);border-color:var(--line-strong)}.head-name-info svg{width:13px;height:13px;stroke:currentColor;fill:none}.head-status{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.head-round,.head-mode{display:flex;align-items:center;justify-content:center;min-width:46px;height:14px;padding:0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;letter-spacing:.3px;background:var(--surface-0);border-radius:var(--radius-pill)}.head-mode{font-size:10px;color:var(--dev)}.head-mode.final{color:var(--good)}.head-round{font-size:9px;color:var(--txt-dim)}header .brand+.head-info .head-chip{margin-left:-4px}.logo{height:34px;width:auto;mix-blend-mode:normal;flex-shrink:0;cursor:pointer}header .brand{font-size:18px;font-weight:700;letter-spacing:-.3px;white-space:nowrap;cursor:pointer;user-select:none}.brand-scramble{display:inline-block;overflow:hidden;font-variant-numeric:tabular-nums}header .fname{font-size:12px;color:var(--mut)}.spacer{flex:1}header .spacer{margin-left:-12px}.lang-wrap{position:relative;flex-shrink:0}#langGroup{display:flex;align-items:center;min-height:36px}.lang-trigger{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:12px;font-weight:600;color:var(--txt-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-pill)}.lang-trigger:hover{color:var(--txt);background:var(--surface-3)}.lang-trigger svg{width:14px;height:14px;stroke:currentColor;fill:none;flex-shrink:0}.lang-trigger .lang-caret{width:12px;height:12px;color:var(--mut)}.lang-current{font-variant-numeric:tabular-nums}.lang-menu{position:absolute;left:50%;translate:-50% 0;z-index:80;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-mid)}body:not(.cmt-visible) #langMenu,body.cmt-readonly #langMenu{left:auto;right:0;translate:0 0}.lang-menu,.profile-menu{top:calc(100% + 6px);opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity var(--duration-ui) var(--ease-out),transform var(--duration-ui) var(--ease-out),visibility 0s}.lang-menu.hidden,.profile-menu.hidden{opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity var(--duration-ui) var(--ease-out),transform var(--duration-ui) var(--ease-out),visibility 0s linear var(--duration-ui)}.lang-menu.hidden{display:flex!important}.profile-menu.hidden{display:block!important}.lang-item{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;padding:0 10px;font-size:13px;font-weight:500;text-align:left;color:var(--txt-soft);background:transparent;border:none;border-radius:var(--radius-xs)}.lang-item:hover{color:var(--txt);background:var(--surface-2)}.lang-item.on{color:var(--txt);font-weight:600}.lang-name{flex:1 1 auto}.lang-check{flex:0 0 auto;width:12px;color:transparent}.lang-item.on .lang-check{color:var(--accent)}main{flex:1;display:flex;align-items:stretch;gap:8px;min-height:0;padding:8px;position:relative;background:var(--viewer-stage)}#drop{position:absolute;inset:var(--case-pad);z-index:11;--case-radius: var(--case-screen-radius);border-radius:var(--case-radius);overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:14px 12px;text-align:center;color:var(--mut);background:var(--surface-0);transition:color var(--duration-ui),background var(--duration-ui)}html.pv-autoload #drop{display:none}#drop.drag{background:var(--surface-1);color:var(--txt-soft)}#drop input{display:none}#drop label{color:var(--accent);text-decoration:underline;cursor:pointer}.drop-bar{flex:0 0 auto;display:flex;align-items:center}.drop-bar.top{justify-content:space-between;gap:10px;min-height:26px}.drop-skip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--txt-soft)}.drop-skip svg{width:14px;height:14px;stroke:currentColor;fill:none}.drop-zone{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.drop-zone:before{content:"";position:absolute;inset:0;border:2px dashed var(--line);border-radius:calc(var(--case-radius) - 12px);pointer-events:none;transition:border-color var(--duration-ui);animation:dropBreathe 2.6s var(--ease-in-out) infinite}#drop.drag .drop-zone:before{border-color:var(--accent);animation:none}.drop-sweep{position:absolute;inset:0;border-radius:calc(var(--case-radius) - 12px);padding:2px;pointer-events:none;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.drop-sweep:before{content:"";position:absolute;left:50%;top:50%;width:220%;aspect-ratio:1;margin:-110% 0 0 -110%;background:conic-gradient(transparent 0 70%,rgba(var(--accent-rgb),.9) 82%,transparent 92%);animation:dropSweep 3.4s linear infinite}#drop.drag .drop-sweep:before{animation:none}.drop-arrow{width:48px;height:48px;color:var(--accent);opacity:.85;animation:dropArrow 2.2s var(--ease-in-out) infinite}#drop.drag .drop-arrow{animation:none;transform:translateY(4px) scale(1.06);opacity:1}#drop .big{font-size:21px;color:var(--txt-soft);padding:0 14px}#drop .sub{font-size:18px}.drop-bar.bottom{flex-direction:column;align-items:stretch;gap:8px}.drop-dots{display:flex;align-items:center;justify-content:center;gap:6px}.drop-dots i{width:5px;height:5px;border-radius:50%;background:var(--line-mid);transition:background-color var(--duration-ui) ease}.drop-dots i.on{background:var(--accent)}.drop-time{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--txt-soft)}.drop-track{height:3px;border-radius:var(--radius-pill);background:var(--surface-3);overflow:hidden}.drop-track i{display:block;width:0;height:100%;background:var(--accent);border-radius:inherit;animation:dropAdRun 15s linear infinite}.drop-banner{display:flex;align-items:center;gap:10px;padding:10px;border:1px dashed var(--line-strong);border-radius:var(--radius-md)}.drop-thumb{flex:0 0 auto;width:34px;height:34px;border-radius:var(--radius-xs);background:#2f3550}.drop-lines{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.drop-lines i{height:5px;border-radius:var(--radius-pill);background:#2a2f3d}.drop-lines i:last-child{width:62%}.drop-cta{flex:0 0 auto;font-size:11px;font-weight:650;color:var(--txt);background:#2b3350;border-radius:var(--radius-sm);padding:8px 12px}.bars{display:flex;align-items:flex-end;gap:1px;height:28px;margin-top:4px}.bars i{flex:1;background:var(--accent);border-radius:1px 1px 0 0;min-height:1px;opacity:.85}.ctl kbd,.act-kbd i,.draw-kbd,.comments-global .gkbd,.snd-btn .fkbd,.ui-tooltip.control-rail-tip kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:400;line-height:1;color:#7c7c86;background:var(--surface-input);border:1px solid var(--line-mid);border-radius:var(--radius-xs)}.act-kbd i,.draw-kbd{font-size:9px;line-height:1.25;padding:1px 4px}.ctl kbd,.comments-global .gkbd,.snd-btn .fkbd,.ui-tooltip.control-rail-tip kbd{font-size:10px;padding:3px 6px;border-bottom-width:2px}.ui-tooltip.control-rail-tip kbd{border-color:var(--line-strong)}.act-kbd{position:absolute;left:-14px;bottom:calc(var(--action-bottom, 8px) - 3px);translate:calc(-100% + 3px) 0;width:auto;z-index:15;display:flex;line-height:1;pointer-events:none}body.zoomed .act-kbd:not(.docked),body.cf-anim .act-kbd:not(.docked){opacity:0!important}.act-kbd.docked{left:auto;top:auto;translate:none;right:calc(100% + var(--action-kbd-right, 5px));bottom:var(--action-kbd-bottom, 0px)}.ui-tooltip{position:fixed;z-index:520;max-width:220px;padding:6px 10px;color:var(--txt);background:var(--surface-4);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-low);font-size:10px;font-weight:650;line-height:1.25;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(5px) scale(.98);transition:opacity var(--duration-ui) var(--ease-out),transform var(--duration-ui) var(--ease-out),visibility 0s linear var(--duration-ui)}.ui-tooltip:after{content:"";position:absolute;left:var(--tip-caret,50%);width:7px;height:7px;background:var(--surface-4);border:solid var(--line-strong);transform:translate(-50%) rotate(45deg)}.ui-tooltip.above:after{bottom:-4px;border-width:0 1px 1px 0}.ui-tooltip.below:after{top:-4px;border-width:1px 0 0 1px}.ui-tooltip.left{transform:translate(5px) scale(.98)}.ui-tooltip.left:after{left:auto;right:-4px;top:var(--tip-caret,50%);border-width:1px 1px 0 0;transform:translateY(-50%) rotate(45deg)}.ui-tooltip.right{transform:translate(-5px) scale(.98)}.ui-tooltip.right:after{left:-4px;top:var(--tip-caret,50%);border-width:0 0 1px 1px;transform:translateY(-50%) rotate(45deg)}.ui-tooltip.show{opacity:1;visibility:visible;transform:none;transition-delay:0s}.ui-tooltip.control-rail-tip{display:flex;align-items:center;gap:10px;max-width:280px;padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;letter-spacing:-.01em}.ui-tooltip.wrap{white-space:normal;overflow-wrap:anywhere;max-width:calc(100vw - 24px)}footer.disabled{opacity:.4;pointer-events:none}body.no-playable #soundBtn,body.no-playable #reloadBtn,body.no-playable #fsBtn,body.no-playable #fsStretchBtn,body.no-playable #layerHudBtn,body.no-playable #anToggleBtn,body.no-playable #consoleToggleBtn{opacity:.4;pointer-events:none}body.no-playable .phone iframe,body.no-playable .head-chip,body.no-playable .head-info-btn{visibility:hidden}.snd-btn .fkbd{margin-left:8px;flex-shrink:0}body.fs-active main{gap:0;padding:0}body.fs-active .fs-reload{right:118px}.sidebar.left>.analytics-shutter{flex:1;min-width:0;min-height:0;display:flex;justify-content:flex-end;overflow:hidden;border-radius:var(--radius-lg)}.sidebar.left>.analytics-shutter>.inner{border-radius:var(--radius-lg);overflow-x:hidden}.an-head,.console-head{position:sticky;top:-14px;z-index:31;display:flex;align-items:center;justify-content:space-between;margin:-14px -12px 10px;padding:14px 12px 8px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.an-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--txt-soft);margin:0}.an-sec{margin-bottom:10px}.an-sec>.h{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--txt-soft);margin-bottom:6px;display:flex;align-items:center;gap:6px}.an-sec>.h:after{content:"";flex:1;height:1px;background:var(--line)}.an-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.an-reset{flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin:0;color:var(--mut);background:var(--surface-2);border:1px solid var(--line);border-radius:50%;padding:0}.an-reset:hover{color:var(--txt);background:var(--surface-4)}.sidebar.right,.sidebar.console{background-color:var(--viewer-glass);background-image:var(--viewer-glass-gradient)}.sidebar.collapsed:after,.sidebar.console.closed:after{opacity:0}.sidebar.collapsed .inner,.sidebar.console.closed .inner{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,0s,var(--duration-panel)}.sidebar.panel-content-hidden>.inner,.sidebar.left.panel-content-hidden>.analytics-shutter>.inner{opacity:0;pointer-events:none;transition-duration:var(--duration-press),var(--duration-press),0s,var(--duration-panel)}body:not(.cmt-visible) #sbComments,body:not(.cmt-visible) #commentsResize,body:not(.cmt-visible) #exportPdfBtn,body:not(.cmt-visible) #commentsToggleBtn,body:not(.cmt-visible) #cmtAuth{display:none}body:not(.cmt-on) #globalCommentBtn{display:none}body.cmt-readonly #cmtAuth,body.cmt-readonly #reviewRow,body.mode-final #howtoBtn,body.mode-final #langGroup{display:none}#center{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;position:relative;overflow:hidden}footer{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:var(--surface-1);border-top:1px solid var(--line);flex-shrink:0;position:relative;z-index:40}.loglist{max-height:110px;overflow-y:auto;font-family:ui-monospace,Menlo,monospace;font-size:10px;line-height:1.5;color:var(--mut)}.loglist .e{color:var(--bad)}.loglist .n{color:var(--log-blue)}.loglist .c{color:var(--good)}.loglist .empty{color:var(--txt-dim)}.loglist .mk{color:#c9b8ff}.loglist .ms{color:#9fd8c0}.spec-list{max-height:150px;overflow-y:auto;font-family:ui-monospace,Menlo,monospace;font-size:10px;line-height:1.45;color:var(--mut)}.spec-list .ok{color:var(--good)}.spec-list .warn{color:var(--warn)}.spec-list .bad{color:var(--bad)}.spec-list .empty{color:var(--txt-dim)}.sidebar.console{width:360px}.sidebar.console.closed{width:0!important;border-width:0;box-shadow:none;overflow:hidden}.sidebar.console.closed .inner{overflow:hidden}.console-title{flex:1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--txt-soft)}.console-log{height:100%;max-height:calc(100dvh - 96px);overflow:auto;background:color-mix(in srgb,var(--viewer-stage) 84%,transparent);border:1px solid var(--line);border-radius:var(--radius-md);padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45;color:#d6d6dd;white-space:pre-wrap;word-break:break-word;scrollbar-width:none}.console-log::-webkit-scrollbar{width:0;height:0}.console-row{padding:4px 0;border-bottom:1px solid var(--line)}.console-row:last-child{border-bottom:none}.console-row .lvl{display:inline-block;min-width:42px;color:var(--mut);text-transform:uppercase;font-size:9px;letter-spacing:.4px}.console-row.log .lvl,.console-row.debug .lvl{color:var(--log-blue)}.console-row.info .lvl{color:#9fd8c0}.console-row.warn .lvl{color:var(--warn)}.console-row.error .lvl{color:var(--bad)}.sidebar{flex-shrink:0;min-width:0;background:var(--viewer-inspector);border:1px solid var(--viewer-window-line);border-radius:var(--radius-xl);box-shadow:var(--hairline-top),var(--viewer-inspector-shadow);display:flex;flex-direction:column;position:relative;z-index:20;transition:width var(--duration-panel) var(--ease-in-out),border-color var(--duration-ui) ease,border-width var(--duration-panel) var(--ease-in-out),box-shadow var(--duration-ui) ease}.sidebar.collapsed{width:0!important;border-width:0;box-shadow:none}.sidebar:after{content:"";position:absolute;z-index:30;top:0;right:2px;width:4px;height:var(--scroll-thumb-h,0px);border-radius:var(--radius-pill);background:var(--line-strong);opacity:0;transform:translate3d(0,var(--scroll-thumb-y,0px),0);transition:opacity var(--duration-panel) ease-out;pointer-events:none}.sidebar.scroll-active:after{opacity:1}.sidebar .inner{flex:1;min-width:0;min-height:0;overflow-y:auto;padding:12px;opacity:1;visibility:visible;translate:0 0;transition:opacity var(--duration-ui) var(--ease-out),translate var(--duration-ui) var(--ease-out),visibility 0s linear,padding var(--duration-panel) var(--ease-in-out);scrollbar-width:none}.sidebar .inner::-webkit-scrollbar{width:0;height:0}.an-reset svg{width:15px;height:15px;stroke:currentColor}.ctl span{line-height:1.2}.ctl svg{width:19px;height:19px;flex-shrink:0;stroke:currentColor}.ctl kbd{justify-self:end;flex-shrink:0}.ui-tooltip.control-rail-tip kbd{letter-spacing:0}.inspector-sticky-head{background:var(--viewer-sticky-glass);border-bottom:1px solid var(--viewer-window-line)}.cell{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px}.an-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}.an-tile{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:10px}.an-tile .l{font-size:9px;color:var(--mut);text-transform:uppercase;letter-spacing:.3px}.an-tile .v{font-size:21px;font-weight:700;line-height:1.05;letter-spacing:-.4px;font-variant-numeric:tabular-nums;margin-top:3px}.an-tile .v small{font-size:11px;font-weight:500;color:var(--mut)}.ctx{margin-top:6px;font-size:10px;line-height:1.35;color:var(--txt-dim)}.an-rows{display:flex;flex-direction:column}.an-row{display:flex;align-items:baseline;gap:8px;padding:6px 0}.an-row .l{font-size:11px;color:var(--mut)}.an-row i{flex:1}.an-row .v{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.an-note{margin-top:8px;font-size:10px;line-height:1.4;color:var(--txt-dim)}.cell.wide{grid-column:1 / -1}.cell .l{font-size:9px;color:var(--mut);text-transform:uppercase;letter-spacing:.3px}.cell .v{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:1px;line-height:1.1}.cell .v small,.an-row .v small{font-size:10px;color:var(--mut);font-weight:400}.cell .v.good,.an-row .v.good{color:var(--good)}.cell .v.warn,.an-row .v.warn{color:var(--warn)}.cell .v.bad,.an-row .v.bad{color:var(--bad)}.ctl{position:relative;display:grid;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;column-gap:10px;width:100%;height:42px;min-height:42px;font-size:13px;color:var(--txt);text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:0 12px;transition:background var(--duration-ui),border-color var(--duration-ui);margin-bottom:10px}.ctl:hover{background:var(--surface-4);border-color:var(--line-strong)}.ctl:active{background:var(--viewer-inspector)}.ctl.on{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.12)}.ctl.busy{opacity:.65;pointer-events:none}.ctl-sep{margin:4px 0 12px;height:1px;background:var(--line)}body.fs-active header,body.fs-active footer,body.fs-active .sidebar,body.fs-active #drop,body.fs-active .head-name{display:none}.review-btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:600;color:var(--txt);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 6px;transition:color var(--duration-ui),background-color var(--duration-ui),border-color var(--duration-ui)}.review-btn>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-btn:hover{color:#fff;background:var(--surface-4);border-color:var(--line-strong)}.review-btn.notify{color:var(--accent);background:var(--notify-bg);border-color:var(--notify-line)}.review-btn.notify:hover{color:#fff;background:var(--notify-bg-hover);border-color:var(--notify-line-hover)}.review-btn.confirming,.review-btn.notify.confirming{color:#fff;background:var(--surface-4);border-color:var(--focus)}.review-btn:disabled,.review-btn.notify:disabled{color:var(--mut);background:var(--viewer-inspector);border-color:var(--line);cursor:default}.shot-wrap{position:relative;line-height:0;display:table;max-width:100%;margin-left:auto;margin-right:auto}.shot-wrap .shot-ink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:var(--radius-sm)}.clip-count{flex:1 1 auto;min-width:0;align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0;color:var(--txt-dim);background:none;border:none;line-height:1}.clip-count:hover{color:var(--txt-soft);background:none}.clip-count span{font-size:13px;font-weight:600}.shot-wrap{margin-top:12px}.shot-flash{position:absolute;inset:0;z-index:13;border-radius:inherit;background:#fff;opacity:0;pointer-events:none}.shot-flash.go{animation:shotFlashA var(--duration-stage) ease}.sidebar.comments{transition:width var(--duration-panel) var(--ease-in-out),margin-right var(--duration-panel) var(--ease-in-out),border-color var(--duration-ui) ease,border-width var(--duration-panel) var(--ease-in-out),box-shadow var(--duration-ui) ease}.sidebar.comments,.sidebar.left{background:var(--viewer-glass)}.sidebar.comments>.inner,.sidebar.console>.inner,.sidebar.left>.analytics-shutter{margin-top:1px}.sidebar.comments,.sidebar.left,.sidebar.right,.sidebar.console{box-shadow:var(--viewer-panel-edge)}.sidebar.comments,.sidebar.left{box-shadow:var(--viewer-panel-drop)}.sidebar.left,.sidebar.right,.sidebar.console{background-attachment:fixed}.sidebar.left{--an-w:clamp(240px, 28vw, 360px);width:var(--an-w)}.sidebar.right{width:240px}.sidebar.comments:before,.sidebar.left:before{content:"";position:absolute;z-index:0;inset:0;border-radius:calc(var(--radius-xl) - 1px);pointer-events:none;background-image:var(--viewer-glass-gradient);box-shadow:var(--viewer-panel-edge-inset)}.sidebar.left:before{background-attachment:fixed}.sidebar.comments.collapsed,.sidebar.comments.comments-shuttering{overflow:hidden}.sidebar.comments>.inner,.sidebar.left>.analytics-shutter{position:relative;z-index:1}.sidebar.comments.panel-content-hidden>.inner{translate:-8px 0}.sidebar.left.panel-content-hidden>.analytics-shutter>.inner,.sidebar.right.panel-content-hidden>.inner,.sidebar.console.panel-content-hidden>.inner{translate:8px 0}.sidebar.comments.collapsed>.inner{translate:-8px 0}.sidebar.left.collapsed>.analytics-shutter>.inner,.sidebar.right.collapsed>.inner,.sidebar.console.closed>.inner{translate:8px 0}.sidebar.comments>.inner{border-radius:var(--radius-lg);overflow-x:hidden;opacity:1;visibility:visible;translate:0}.sidebar.comments.collapsed>.inner{opacity:1;visibility:visible;translate:0;pointer-events:none}.comments-content{width:100%;min-width:0;display:flex;flex-direction:column;min-height:100%}.sidebar.comments{width:340px}.comments-resize{position:absolute;top:0;right:-6px;z-index:31;width:12px;height:100%;cursor:ew-resize;touch-action:none;outline:none}.comments-resize:after{content:"";position:absolute;top:50%;left:5px;width:2px;height:48px;border-radius:2px;background:var(--line-strong);transform:translateY(-50%);transition:background-color var(--duration-ui) ease,height var(--duration-ui) ease}.comments-resize:hover:after,body.comments-resizing .comments-resize:after{height:64px;background:var(--accent)}.sidebar.comments.collapsed .comments-resize{display:none}body.comments-resizing{cursor:ew-resize;user-select:none}body.comments-resizing .sidebar.comments{transition:none}.comments-sticky-head{position:sticky;top:-14px;z-index:60;margin:-14px -12px 10px;padding:14px 12px 10px}.comment-card,.cmt-drag-placeholder{scroll-margin-top:96px}.comments-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 10px}.comments-title .ttl{padding-left:18px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--txt-soft)}.cmt-readonly-badge{display:none;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--mut);background:var(--surface-0);border-radius:var(--radius-pill)}body.cmt-readonly .cmt-readonly-badge{display:inline-block}.clip-frames{display:flex;flex-direction:column;margin:8px 0 0;border-top:1px solid var(--line)}.clip-frame-note{display:flex;align-items:baseline;gap:8px;padding:8px 2px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.45}.clip-frame-note:last-child{border-bottom:0}.clip-frame-note.resolved{opacity:.55}.clip-frame-time{flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:600;color:var(--mut)}.clip-frame-text{min-width:0;overflow-wrap:anywhere;color:var(--txt-soft)}.comments-empty{font-size:12px;line-height:1.45;color:var(--mut);background:var(--viewer-inspector);border:1px dashed var(--line-mid);border-radius:var(--radius-md);padding:12px}.comments-export{width:100%;margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;color:var(--txt);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px}.comments-export:hover{color:#fff;background:var(--surface-4);border-color:var(--line-strong)}.comments-export svg{width:14px;height:14px;stroke:currentColor}.comments-global{margin:0 0 10px;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--accent);background:var(--notify-bg);border:1px solid var(--notify-line);border-radius:var(--radius-sm);padding:8px 12px}.comments-global:hover{color:#fff;background:var(--notify-bg-hover);border-color:var(--notify-line-hover)}.comments-global svg{width:14px;height:14px;stroke:currentColor}.review-btn svg{width:14px;height:14px;stroke:currentColor;flex:none}.comments-actions-bar{display:flex;align-items:center;gap:6px;margin:0}.comments-actions-bar .comments-export{flex:1 1 0;min-width:0;width:auto;margin:0;padding:8px 6px;font-size:10px;gap:6px}.comments-actions-bar .comments-global{flex:0 0 auto;width:auto;margin:0;min-height:30px;padding:0 14px 0 16px;font-size:11px;gap:6px;border-radius:var(--radius-pill)}.comments-actions-bar .cmt-panel-menu-wrap{margin-left:auto}.comments-review{position:sticky;bottom:-14px;z-index:60;flex:none;display:flex;gap:8px;margin:8px -12px -14px;padding:12px 14px;background:var(--viewer-inspector);border-top:1px solid var(--viewer-window-line)}.cmt-panel-menu-wrap{position:relative;flex:none}.cmt-panel-dots{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--mut);background:var(--surface-2);border:1px solid var(--line);border-radius:50%;padding:0}.cmt-panel-dots:hover{color:var(--txt);background:var(--surface-3)}.cmt-panel-dots svg{width:15px;height:15px}.cmt-panel-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-mid)}.cmt-panel-menu .comments-export{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:32px;margin:0;padding:0 10px;font-size:12px;text-align:left;background:transparent;border:none;border-radius:var(--radius-xs)}.cmt-panel-menu .comments-export:hover{background:var(--surface-2)}.cmt-filter-wrap{position:relative;flex:none}.cmt-filter-trigger{display:flex;align-items:center;gap:0;min-height:30px;padding:0 10px;font-size:11px;font-weight:600;color:var(--txt-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-pill)}.cmt-filter-trigger .cmt-filter-n{margin:0 6px 0 3px}.cmt-filter-trigger:hover{color:var(--txt);background:var(--surface-3)}.cmt-filter-trigger svg{width:12px;height:12px;stroke:currentColor;fill:none;color:var(--mut);flex-shrink:0}.cmt-filters{position:absolute;left:50%;translate:-50% 0;top:calc(100% + 6px);z-index:60;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-mid)}.cmt-filters button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:30px;padding:0 10px;font-size:13px;font-weight:500;text-align:left;color:var(--txt-soft);background:transparent;border:none;border-radius:var(--radius-xs)}.cmt-filters button:hover{color:var(--txt);background:var(--surface-2)}.cmt-filters button[aria-checked=true]{color:var(--txt);font-weight:600}.cmt-panel-menu,.cmt-filters{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity var(--duration-ui) var(--ease-out),transform var(--duration-ui) var(--ease-out),visibility 0s}.cmt-panel-menu.hidden,.cmt-filters.hidden{opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity var(--duration-ui) var(--ease-out),transform var(--duration-ui) var(--ease-out),visibility 0s linear var(--duration-ui)}.cmt-panel-menu.hidden,.cmt-filters.hidden{display:flex!important}.cmt-filter-info{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:26px;margin-top:3px;padding:3px 10px 0;border-top:1px solid var(--line);font-size:12px;color:var(--txt-dim)}.cmt-filter-n{font-variant-numeric:tabular-nums;font-weight:700;color:var(--txt-dim)}.cmt-filters button[aria-checked=true] .cmt-filter-n,.cmt-filter-trigger .cmt-filter-n{color:var(--accent)}.comments-actions-bar button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments-actions-bar .gkbd{display:none}.comment-list{display:flex;flex-direction:column;gap:10px;flex:1 0 auto}.comment-card{--shot-h: 168px;position:relative;background-color:#20252dd1;border:1px solid rgba(90,160,255,.22);border-radius:var(--radius-lg);padding:9px;transition:transform var(--duration-press) var(--ease-out),background-color var(--duration-ui) ease,border-color var(--duration-ui) ease,box-shadow var(--duration-ui) ease,opacity var(--duration-ui) ease}.comment-card.is-clip{background-color:#222331d1;border-color:#818cf83d}.comment-card.global{background-color:#23262bd1;border-color:#8b95a73d}.comment-card.openable{cursor:pointer}.comment-card:hover,.comment-card.editing{border-color:#5aa0ff;box-shadow:0 0 0 1px #5aa0ff47,0 6px 18px #5aa0ff1f}.comment-card.is-clip:hover,.comment-card.is-clip.editing{border-color:#818cf8;box-shadow:0 0 0 1px #818cf84d,0 6px 18px #818cf821}.comment-card.global:hover,.comment-card.global.editing{border-color:#8b95a7;box-shadow:0 0 0 1px #8b95a742,0 6px 18px #0000002e}.comment-card.resolved,.comment-card.resolved:hover,.comment-card.resolved.editing,.comment-card.is-clip.resolved,.comment-card.is-clip.resolved:hover,.comment-card.global.resolved,.comment-card.global.resolved:hover{background-color:#202a24db;border-color:#3c6b4b;box-shadow:0 0 0 1px rgba(var(--good-rgb),.1)}.comment-card[data-comment-block-id]{cursor:grab;touch-action:none}.comment-card.menu-open{z-index:50;transform:none!important}.cmt-entry.menu-open,.cmt-entry.menu-open .comment-meta{z-index:50}.comment-card.cmt-pressing{transform:scale(.99)}.comment-card.cmt-drag-overlay{position:fixed;inset:0 auto auto 0;z-index:500;box-sizing:border-box;margin:0;pointer-events:none;opacity:.96;cursor:grabbing;will-change:transform;border-color:rgba(var(--accent-rgb),.72);box-shadow:0 20px 54px #0000008f,0 0 0 1px rgba(var(--accent-rgb),.38);transition:none}.cmt-drag-placeholder{box-sizing:border-box;flex:0 0 auto;border:1px dashed rgba(var(--accent-rgb),.5);border-radius:var(--radius-lg);background:rgba(var(--accent-rgb),.07);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.05)}body.comments-card-dragging:after{content:"";position:fixed;inset:0;z-index:499;background:transparent}body.comments-card-dragging,body.comments-card-dragging *{cursor:grabbing!important;user-select:none!important}.comment-card.cmt-nosel,.comment-card.cmt-nosel *{-webkit-user-select:none;user-select:none}body.viewport-panning,body.viewport-panning *{cursor:grabbing!important;user-select:none!important}.cmt-entry{position:relative}.cmt-entry-body{min-width:0}.comment-card img.shot{width:auto;height:var(--shot-h);max-width:100%;max-height:var(--shot-h);object-fit:contain;display:block;margin:0 auto;background:transparent;box-shadow:inset 0 0 0 1px var(--line-mid);border-radius:var(--radius-sm);cursor:zoom-in}.shot-wrap.ratio{display:block;width:min(100%,calc(var(--shot-h) * var(--shot-ratio)))}.shot-wrap.ratio img.shot{width:100%;height:auto}.cmt-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#8b95a7;background:#8b95a714;border:1px solid rgba(139,149,167,.28);border-radius:var(--radius-pill);padding:2px 7px}.comment-meta{position:relative;z-index:2;margin-top:0;font-size:12px;color:var(--mut);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:0;row-gap:3px;justify-items:start;padding-left:8px}.comment-meta .cmt-status-dot{margin-right:6px}.comment-meta .cmt-dots{margin-left:10px}.comment-meta .cmt-tag{grid-column:1 / 3;grid-row:1;margin-left:-8px}.comment-meta .cmt-status-dot{grid-column:1;grid-row:2}.comment-meta .cmt-author{grid-column:2;grid-row:2}.comment-meta .cmt-time{grid-column:1 / -1;grid-row:3}.comment-meta .cmt-dots{grid-column:3;grid-row:1}.comment-meta.has-dots{min-height:44px;padding-right:52px;align-content:flex-start}.cmt-entry-body>.comment-meta+*{margin-top:8px}.comment-meta .spacer{flex:1}.cmt-status-dot{display:none;flex:0 0 auto;width:10px;height:10px;border-radius:50%}.comment-card.c-green:not(.resolved) .cmt-status-dot,.cmt-entry.c-green:not(.resolved) .cmt-status-dot{display:inline-block;background:#34c759}.comment-card.c-yellow:not(.resolved) .cmt-status-dot,.cmt-entry.c-yellow:not(.resolved) .cmt-status-dot{display:inline-block;background:#ff9f0a}.comment-card.c-red:not(.resolved) .cmt-status-dot,.cmt-entry.c-red:not(.resolved) .cmt-status-dot{display:inline-block;background:var(--rec)}.comment-meta .cmt-dots{position:absolute;z-index:20;right:0;top:0;display:flex;flex-direction:column;align-items:center}.cmt-dots:before{content:"";position:absolute;right:9px;top:20px;width:26px;height:26px;border-radius:50%;background:radial-gradient(closest-side,var(--surface-4),rgba(48,48,57,0));opacity:0;transform:translateY(0) scale(.65);pointer-events:none;transition:opacity 80ms ease,transform var(--duration-panel) var(--ease-out)}.cmt-dots.open:before{opacity:.52;transform:translateY(24px) scale(1.15)}.comment-text .cmt-text-tools{position:absolute;z-index:3;top:4px;right:4px}.cmt-text-tools{display:flex;flex-direction:column;align-items:center;gap:0}.cmt-quick{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--mut);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:color var(--duration-ui) ease,background-color var(--duration-ui) ease}.cmt-quick:hover{color:var(--txt);background:var(--surface-3)}.cmt-quick svg{width:14px;height:14px;fill:none;stroke:currentColor}.cmt-dots-btn{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--mut);background:var(--surface-3);border:1px solid var(--line);border-radius:50%;cursor:pointer}.cmt-dots-btn:hover{color:var(--txt);background:var(--surface-4);border-color:var(--line-strong)}.cmt-dots-btn svg{width:18px;height:18px;fill:currentColor;transition:opacity var(--duration-ui) ease,transform var(--duration-panel) var(--ease-out)}.cmt-dots-btn .cmt-close-ico{position:absolute;fill:none;stroke:currentColor;stroke-width:2;opacity:0;transform:rotate(-45deg) scale(.7)}.cmt-dots.open .cmt-dots-ico{opacity:0;transform:rotate(45deg) scale(.7)}.cmt-dots.open .cmt-close-ico{opacity:1;transform:none}.cmt-menu{position:absolute;right:7px;top:49px;z-index:40;display:flex;flex-direction:column;gap:6px;padding:0;background:transparent;border:0;box-shadow:none}.cmt-menu.hidden{display:flex!important;pointer-events:none}.cmt-menu-item{display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-family:inherit;color:var(--txt);background:var(--surface-4);border:1px solid var(--line-strong);border-radius:50%;padding:0;cursor:pointer;opacity:1;transform:none;box-shadow:var(--shadow-low);transition:opacity var(--duration-ui) ease,transform var(--duration-panel) var(--ease-out),background-color var(--duration-ui) ease,border-color var(--duration-ui) ease,box-shadow var(--duration-ui) ease}.cmt-menu.hidden .cmt-menu-item{opacity:0;transform:translateY(-12px) scale(.72)}.cmt-menu-item:hover{background:var(--line-mid)}.cmt-menu-item:disabled{color:#66666f;cursor:default;background:var(--surface-3)}.cmt-menu-item.danger{color:var(--bad)}.cmt-menu-item.danger:hover{color:var(--bad);background:#4a292f;border-color:var(--bad)}.cmt-menu-item.cmt-color-item.green{background:#34c759;border-color:#54d071}.cmt-menu-item.cmt-color-item.yellow{background:#ff9f0a;border-color:#ffb340}.cmt-menu-item.cmt-color-item.red{background:var(--rec);border-color:#ff7068}.cmt-menu-item.cmt-color-item:hover{filter:brightness(var(--bright-hover))}.cmt-menu-item.cmt-color-item.active{border-color:#fff;box-shadow:0 0 0 2px var(--viewer-inspector),0 0 0 4px #ffffffe6,var(--shadow-low)}.cmt-menu-item svg{width:14px;height:14px;stroke:currentColor;fill:none;flex-shrink:0}.clip-count svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}.cmt-menu-item span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.comment-actions.with-more{justify-content:flex-start;align-items:center;flex-wrap:nowrap}.comment-actions.with-more .cmt-more{margin:0 0 0 auto}.comment-actions.count-only{padding-right:50px}.cmt-entry.cmt-drag{outline:2px dashed var(--accent);outline-offset:2px;border-radius:var(--radius-md)}.comment-text{box-sizing:border-box;position:relative;width:100%;min-height:56px;margin:12px 0 0;padding:10px 32px 10px 12px;font-size:12px;line-height:1.4;color:var(--txt);background:var(--surface-input);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word}.comment-text .cmt-ul,.comment-text ul{margin:3px 0;padding-left:20px;list-style:disc outside}.comment-text .cmt-ul li,.comment-text li{margin:1px 0;display:list-item;list-style:disc outside}.comment-text b,.comment-text strong{font-weight:700}.comment-text i,.comment-text em{font-style:italic}.comment-text u{text-decoration:underline}.comment-card .cmt-rte{width:100%;min-height:58px;max-height:260px;overflow-y:auto;margin-top:8px;font-family:inherit;font-size:12px;line-height:1.4;color:var(--txt);background:var(--surface-input);border:1px solid var(--line-mid);border-radius:var(--radius-sm);padding:8px;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word}.comment-card .cmt-rte:focus:not(:focus-visible){outline:none}.cmt-rte:empty:before{content:attr(data-ph);color:var(--txt-dim);pointer-events:none}.cmt-rte ul{margin:3px 0;padding-left:20px;list-style:disc outside}.cmt-rte li{margin:1px 0;display:list-item}.cmt-rte b{font-weight:700}.cmt-rte i{font-style:italic}.cmt-rte u{text-decoration:underline}.cmt-rte-wrap{position:relative;margin-top:12px;display:flex;flex-direction:column}.cmt-rte-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:11px}.cmt-rte-hint{color:var(--txt-dim)}.cmt-rte-count{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;color:var(--txt-dim)}.cmt-rte-count.near{color:var(--txt-soft)}.cmt-rte-count.full{color:var(--bad);font-weight:700}.cmt-rte-wrap .cmt-rte{position:relative;margin-top:0;padding-bottom:42px}.cmt-save-in{position:absolute;right:8px;z-index:2;flex:0 0 auto;width:auto;padding:6px 16px;font-size:11px;box-shadow:var(--shadow-low)}.cmt-rte-box{position:relative;display:flex;flex-direction:column;min-width:0}.cmt-rte-box .cmt-save-in{bottom:8px}.comment-text img,.cmt-rte img{max-width:100%;max-height:220px;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-sm);display:block}.comment-text.empty{color:var(--txt-dim);font-style:italic}.comment-actions{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.cmt-entry.extra{margin:12px 0 0 14px;padding:10px 12px;border-top:none;background:#2c36468c;border:1px solid rgba(90,160,255,.28);border-left:2px solid #5aa0ff;border-radius:var(--radius-md);transition:transform var(--duration-press) var(--ease-out)}.comment-card.is-clip>.cmt-entry.extra{background:#2d2e428c;border-color:#818cf84d;border-left-color:#818cf8}.comment-card.global>.cmt-entry.extra{background:#2e31388c;border-color:#8b95a74d;border-left-color:#8b95a7}.cmt-entry.extra .comment-text{color:var(--txt-soft)}.comment-actions.saved{justify-content:flex-start;width:100%;margin-left:0}.cmt-btn{flex:1;font-family:inherit;font-size:11px;font-weight:600;padding:8px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--line);background:var(--surface-3);color:var(--txt)}.cmt-btn:hover{filter:brightness(var(--bright-hover))}.cmt-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.comment-card .fallback-shot{width:100%;min-height:140px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--txt-dim);background:var(--viewer-stage);border:1px solid var(--line-mid);border-radius:var(--radius-sm);padding:14px;font-size:12px}.cmt-auth{color:var(--txt-soft)}.cmt-auth-main{display:flex;align-items:center;gap:6px}.header-auth .cmt-auth-main{min-height:36px}:root{--header-auth-w: 176px}.header-auth{flex:0 0 auto;max-width:var(--header-auth-w)}.header-auth .cmt-auth-state,.header-auth .profile-nickname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmt-auth-state{max-width:220px;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.cmt-auth input{box-sizing:border-box;font-family:inherit;font-size:12px;color:var(--txt);background:var(--surface-input);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px}.cmt-auth-actions{position:absolute;top:calc(100% + 8px);right:0;z-index:80;display:flex;gap:6px;width:min(340px,calc(100vw - 24px));padding:10px;background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-mid)}.cmt-auth-actions input{min-width:0;flex:1}.cmt-auth button{min-height:30px;font-size:10.5px;font-weight:650;color:var(--txt);background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:6px 8px}.cmt-auth button.primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.cmt-auth-error{position:absolute;top:calc(100% + 8px);right:0;z-index:81;width:min(340px,calc(100vw - 24px));padding:8px 10px;color:var(--bad);background:var(--surface-1);border:1px solid rgba(var(--bad-rgb),.4);border-radius:var(--radius-sm);box-shadow:var(--shadow-mid);font-size:11px;line-height:1.35}.cmt-mentions{position:absolute;left:8px;right:8px;bottom:40px;z-index:5;max-height:160px;overflow:auto;padding:4px;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-mid)}.cmt-mention{color:var(--focus);font-weight:650}.cmt-mention.me{color:var(--dev);font-weight:750}.comment-meta .cmt-author{color:#cdd3ff;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmt-entry.resolved{background:rgba(var(--good-rgb),.07);border-radius:var(--radius-sm);padding:8px 0}.comment-card.resolved>.cmt-entry.resolved{background:transparent;padding:0}.cmt-entry.resolved .comment-text,.comment-card.resolved>.cmt-entry .comment-text{color:var(--txt-dim);text-decoration:line-through;text-decoration-color:rgba(var(--good-rgb),.55);text-decoration-thickness:1px}.cmt-entry.resolved .comment-text.empty,.comment-card.resolved>.cmt-entry .comment-text.empty{text-decoration:none}.dm-cmt-holder .comment-card{background-color:var(--surface-2)}.cmt-btn.res.lbl{flex:0 0 auto;width:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px}.cmt-btn.res.lbl svg{width:14px;height:14px;stroke:currentColor;fill:none}.cmt-atts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-width:100%}.cmt-att{position:relative;flex:0 0 auto}.cmt-att .att-x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;padding:0;border-radius:50%;border:1px solid #55555e;background:var(--line-mid);color:var(--txt);font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.cmt-att .att-x:hover{background:var(--bad);border-color:var(--bad)}.cmt-more{width:fit-content;margin:10px 0 0 auto;display:flex;align-items:center;gap:6px;font-family:inherit;font-size:11px;font-weight:600;color:var(--accent);background:transparent;border:1px dashed rgba(var(--accent-rgb),.46);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer}.cmt-more:hover{background:rgba(var(--accent-rgb),.08);border-color:var(--accent)}.cmt-more svg{width:13px;height:13px;stroke:currentColor;fill:none;flex-shrink:0}.cmt-deleted{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 10px 0 12px;font-size:12px;color:var(--txt-soft);background:#20252d8c;border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.comment-card>.cmt-deleted{margin:12px 0 0;border-radius:var(--radius-md)}.cmt-deleted-lbl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmt-deleted-left{flex:0 0 auto;min-width:9px;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:var(--bad)}.cmt-undo{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:11px;font-weight:600;color:var(--accent);background:transparent;border:1px dashed rgba(var(--accent-rgb),.46);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer}.cmt-undo:hover{background:rgba(var(--accent-rgb),.08);border-color:var(--accent)}.cmt-btn.res.lbl.cmt-round-action,.cmt-more.cmt-round-action{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;gap:0;padding:0;border-radius:50%}.cmt-btn.res.lbl.cmt-round-action span,.cmt-more.cmt-round-action span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cmt-btn.res.lbl.cmt-round-action svg,.cmt-more.cmt-round-action svg{width:18px;height:18px}.cmt-btn.res.cmt-round-action{position:relative}.cmt-btn.res.res-burst{animation:resGlow var(--duration-stage) var(--ease-out) both}.comment-card.anim-in{animation:cmtIn var(--duration-panel) var(--ease-out) both}.cmt-tag.vid{color:#aeb5ff;border-color:#818cf857;background:#818cf817}.lb-cmt-list .comments-empty,.dm-cmt-holder .comments-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.lb-cmt-list .comment-card{background-color:#20252d;border:1px solid rgba(90,160,255,.22);border-radius:var(--radius-lg);padding:10px;transition:border-color var(--duration-ui),box-shadow var(--duration-ui)}.lb-cmt-list .comment-card.global{background-color:var(--surface-2);border-color:#8b95a73d}.lb-cmt-list .comment-card.resolved,.dm-cmt-holder .comment-card.resolved{background-color:#202a24db;border-color:#3c6b4b}.comment-card.lb-active{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent),0 6px 18px rgba(var(--accent-rgb),.16)}.comments-global .gkbd{margin-left:auto;flex-shrink:0}.comment-btn{position:absolute;left:-64px;bottom:var(--action-bottom, 8px);z-index:14;display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent-edge);border-radius:50%;padding:0;box-shadow:var(--viewer-pop-shadow);transform-origin:center}.comment-btn.pop{animation:cbtnIn var(--duration-panel) var(--ease-out) both}.comment-btn:hover{filter:brightness(var(--bright-hover))}.comment-btn:disabled{opacity:.55;cursor:default}.comment-btn span{display:none}.comment-hint{position:absolute;left:-33px;transform:translate(-50%);bottom:58px;z-index:14;font-size:11px;font-weight:700;letter-spacing:.3px;white-space:nowrap;text-align:center;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent-edge);border-radius:var(--radius-sm);padding:6px 10px;box-shadow:0 6px 18px #00000052}.comment-hint{display:none}.comment-btn{transition:opacity var(--duration-panel)}body.zoomed .handle,body.cf-anim .handle,body.zoomed .comment-btn:not(.docked),body.cf-anim .comment-btn:not(.docked){opacity:0!important;pointer-events:none}.comment-btn.docked,.vc-btn.docked{left:auto;bottom:auto;right:calc(100% + 8px);top:50%;translate:0 -50%}body.act-swap .comment-btn,body.act-swap .vc-btn,body.act-swap .act-kbd{opacity:0!important;pointer-events:none}.comments-export.danger{color:var(--bad);border-color:#5a3030;background:#241a1c}.comments-export.danger:hover{color:#ffb3b3;background:#2e1d1f;border-color:#6e3a3a}.cmt-info{margin-top:14px}.cmt-info-total{display:flex;align-items:baseline;gap:8px}.cmt-info-total b{font-size:21px;font-weight:700;color:var(--txt)}.cmt-info-total span{font-size:12px;color:var(--mut)}.cmt-info-bar{height:6px;margin:10px 0 14px;overflow:hidden;background:var(--surface-input);border-radius:var(--radius-pill)}.cmt-info-bar i{display:block;height:100%;background:var(--accent);border-radius:var(--radius-pill)}.cmt-info-bar.warn i{background:var(--warn)}.cmt-info-list{display:grid;gap:8px}.cmt-info-row{display:flex;align-items:baseline;gap:8px;font-size:12px}.cmt-info-row span{flex:1;color:var(--txt-soft)}.cmt-info-row b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;color:var(--txt);font-weight:650}.cmt-info-row i{min-width:46px;text-align:right;color:var(--mut);font-style:normal;font-variant-numeric:tabular-nums}.cmt-info-note{margin:14px 0 0;color:var(--mut);font-size:11px;line-height:1.5}.howto-btn{display:flex;align-items:center;flex-shrink:0;height:32px;padding:0 12px;font-size:12px;font-weight:600;color:var(--txt);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-pill)}.howto-btn:hover{filter:brightness(var(--bright-hover-strong))}.howto{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b3;backdrop-filter:var(--blur-scrim)}.howto-card{position:relative;width:min(92vw,620px);max-height:84vh;overflow:auto;background:var(--surface-input);border:1px solid var(--line-mid);border-radius:var(--radius-xl);padding:24px 24px 20px;box-shadow:var(--shadow-high)}.auth-card .howto-x{width:40px;height:40px;top:9px;right:9px}.howto-head{display:flex;align-items:flex-start;gap:12px;margin:0 0 20px}.howto-heading{min-width:0;flex:1}.howto-title{font-size:18px;font-weight:700;color:var(--txt);margin:0}.howto-intro{max-width:430px;margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--mut)}.howto-lang{flex-shrink:0}.howto-lang .lang-menu{left:auto;right:0;translate:0 0}.howto-x{position:absolute;top:14px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#d8d8de;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:50%;padding:0}.howto-x:hover{color:#fff;filter:brightness(var(--bright-hover-strong))}.howto-flow{border-top:1px solid var(--line)}.howto-sec{display:grid;grid-template-columns:126px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.howto-sec .hh{font-size:11px;font-weight:700;letter-spacing:.45px;text-transform:uppercase;color:var(--accent);margin:2px 0 0}.howto-sec .hb{font-size:13px;line-height:1.55;color:var(--txt-soft)}.howto-warn{margin-top:14px;padding:12px 14px;color:var(--txt-soft);background:var(--warnbg);border:1px solid var(--warnln);border-radius:var(--radius-md)}.howto-warn .hh{margin:0 0 4px;font-size:11px;font-weight:700;color:var(--warn)}.howto-warn .hb{font-size:12px;line-height:1.5;color:var(--txt-soft)}.howto-footer{display:flex;justify-content:center;margin-top:16px}.howto-got{position:absolute;z-index:1;left:-4px;top:-5px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#0b0d0b;background:var(--good);border:1px solid #72ed9e;border-radius:50%;padding:0;cursor:grab;box-shadow:0 5px 16px rgba(var(--good-rgb),.24);transform:translate(var(--slide-x,0));transition:transform var(--duration-panel) var(--ease-out),background-color var(--duration-ui) ease;touch-action:none}.howto-got.dragging{cursor:grabbing;transition:none}.howto-got svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.header-auth,.profile-wrap{position:relative}.profile-trigger{display:flex;align-items:center;gap:8px;min-height:36px!important;padding:3px 10px 3px 3px!important;border-radius:var(--radius-pill)!important}.profile-avatar{width:28px;height:28px;display:grid;place-items:center;overflow:hidden;color:var(--on-accent);background:var(--accent);border-radius:50%;font-size:11px;font-weight:750;text-transform:uppercase}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-nickname{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu{position:absolute;right:0;z-index:80;width:210px;padding:8px;background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-mid)}.profile-menu-head{padding:8px 8px 10px;color:var(--txt-soft);font-size:11px;border-bottom:1px solid var(--line);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis}.profile-menu-status{margin-top:3px;color:var(--mut);font-size:10px}.profile-admin-badge{display:inline-block;margin-top:6px;padding:2px 6px;color:var(--on-accent);background:var(--accent);border-radius:var(--radius-pill);font-size:9px;font-weight:750}.profile-menu button{display:block;width:100%;min-height:34px;text-align:left;background:transparent;border-color:transparent}.cmt-mentions button{display:block;width:100%;padding:6px 8px;color:var(--txt);background:transparent;border:0;border-radius:var(--radius-xs);text-align:left}.profile-menu button:hover{background:var(--surface-3)}.cmt-mentions button.on,.cmt-mentions button:hover{background:rgba(var(--accent-rgb),.16)}.cmt-btn.res:hover:not(:active){background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok-ink);filter:none}.howto-sec .hb kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--txt);background:var(--surface-3);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:var(--radius-xs);padding:2px 6px}.act-kbd i{font-style:normal}.cmt-att img{width:58px;height:58px;max-width:58px;max-height:58px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line-mid);display:block;cursor:zoom-in}.comment-card img:not(.shot):not(.shot-ink){max-width:100%;height:auto}.cmt-btn.res.lbl.on{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok-ink)}.auth-card{width:min(92vw,420px)}.auth-modal-note{margin-top:6px;color:var(--mut);font-size:12px;line-height:1.5}.auth-form{display:grid;gap:12px;margin-top:16px}.auth-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;background:var(--surface-input);border:1px solid var(--line);border-radius:var(--radius-md)}.auth-form button{min-height:40px;font-size:12px;font-weight:650;color:var(--txt);background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px 12px}.auth-mode button{background:transparent;border-color:transparent}.auth-mode button[aria-pressed=true]{color:var(--txt);background:var(--surface-3);border-color:var(--line-strong)}.auth-hint{margin-top:-4px;color:var(--mut);font-size:11px;line-height:1.45}.auth-hint.ok{color:var(--good)}.auth-hint.bad{color:var(--bad)}.auth-caps{margin-top:-4px;color:var(--warn);font-size:11px;line-height:1.45}.auth-password-wrap{position:relative;display:block}.auth-password-wrap input{padding-right:40px}.auth-form button.auth-eye{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;color:var(--mut);background:transparent;border-color:transparent}.auth-form button.auth-eye:hover{color:var(--txt)}.auth-form button.auth-eye.on{color:var(--accent)}.auth-form button.auth-eye svg{width:17px;height:17px}.auth-form button.auth-eye .auth-eye-slash{opacity:0}.auth-form button.auth-eye.on .auth-eye-slash{opacity:1}.auth-field{display:grid;gap:6px;color:var(--txt-soft);font-size:11px;font-weight:650}.auth-field input{box-sizing:border-box;width:100%;font-family:inherit;font-size:13px;color:var(--txt);background:var(--surface-input);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:10px 12px}.auth-password-rules{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:-4px;color:var(--mut);font-size:11px;line-height:1.45;list-style:none}.auth-password-rules li:before{content:"\25cb";display:inline-block;width:15px;color:var(--mut)}.auth-password-rules li.ok{color:var(--good)}.auth-password-rules li.ok:before{content:"\2713";color:var(--good)}.auth-remember{display:flex;align-items:center;gap:8px;width:fit-content;color:var(--txt-soft);font-size:11px;cursor:pointer}.auth-remember input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.auth-form button.auth-submit{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.auth-google{display:flex;align-items:center;justify-content:center;gap:8px}.auth-google-mark{font-size:14px;font-weight:750;color:#4285f4}.auth-form button.auth-reset{min-height:32px;justify-self:center;color:var(--accent);background:transparent;border-color:transparent;padding:4px 8px}.auth-form button:disabled,.auth-form input:disabled{cursor:default;opacity:.55}.auth-form-error{min-height:16px;color:var(--bad);font-size:11px;line-height:1.45;text-align:center}.auth-form-error.success{color:var(--good)}.auth-verification{display:grid;gap:12px;margin-top:20px;text-align:center}.auth-verification-email{color:var(--txt);font-weight:700;overflow-wrap:anywhere}.auth-verification-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-verification button,.profile-form button{min-height:40px;font-size:12px;font-weight:650;color:var(--txt);background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px 12px}.auth-verification .primary,.profile-form .primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.profile-card{width:360px;max-width:calc(100vw - 48px);box-sizing:border-box;background:var(--surface-input);border:1px solid var(--line);border-radius:16px;padding:20px 20px 24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 24px 60px #00000080}.profile-card .profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-card .profile-title{font:800 19px/1.1 system-ui;color:var(--txt);letter-spacing:-.01em}.profile-card .profile-x{width:28px;height:28px;border:none;border-radius:50%;background:var(--surface-3);color:#d8d8de;font:700 14px/1;cursor:pointer}.profile-card .profile-x:hover{background:var(--surface-4)}.profile-card .profile-avatar{align-self:center;position:relative;width:104px;height:104px}.profile-card .profile-avatar-pic{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;color:var(--on-accent);background:var(--accent);border-radius:50%;font-size:34px;font-weight:750}.profile-card .profile-avatar-pic img{width:100%;height:100%;object-fit:cover}.profile-card .profile-avatar-edit{position:absolute;inset:0;padding:0;border:none;border-radius:50%;cursor:pointer;background:#0a0a0e9e;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-ui) ease}.profile-card .profile-avatar-edit:hover,.profile-card .profile-avatar-edit:focus-visible{opacity:1}.profile-card .profile-avatar-pencil{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent)}.profile-card .profile-avatar-pencil svg{width:18px;height:18px;stroke:#111227;stroke-width:2.2;fill:none}.profile-card .profile-section{display:flex;flex-direction:column;gap:8px}.profile-card #profilePasswordSection{gap:8px}.profile-card .profile-label{font:700 11px/1 system-ui;color:#8f8f9b;letter-spacing:.05em;text-transform:uppercase}.profile-card input:not([type=file]){padding:10px 12px;border:1px solid var(--line-strong);border-radius:9px;background:transparent;color:var(--txt);font:600 14px system-ui}.profile-card input::placeholder{color:#8f8f9b}.profile-card input:focus{outline:none;border-color:var(--accent)}.profile-card .profile-row{display:flex;gap:8px}.profile-card .profile-row input{flex:1;min-width:0}.profile-card .profile-save{flex:none;padding:10px 14px;border:none;border-radius:9px;background:var(--accent);color:#111227;font:800 12.5px system-ui;cursor:pointer;white-space:nowrap}.profile-card .profile-save:hover{filter:brightness(var(--bright-hover))}.profile-card .profile-divider{height:1px;background:var(--line)}.profile-card .profile-set{margin-top:2px;padding:10px 16px;border:1px solid var(--line-mid);border-radius:9px;background:var(--surface-2);color:var(--txt);font:700 12.5px system-ui;cursor:pointer}.profile-card .profile-set:hover{background:var(--surface-4)}.profile-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.vc-btn{position:absolute;left:-64px;bottom:var(--action-bottom, 8px);z-index:14;display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:#ff8b84;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:50%;padding:0;box-shadow:var(--viewer-pop-shadow)}.vc-btn:hover{filter:brightness(var(--bright-hover-strong))}.vc-btn .dot{width:16px;height:16px;border-radius:50%;background:var(--rec);transition:border-radius var(--duration-ui)}.vc-btn .tm{font-size:11px;font-weight:700;color:#ff8b84}.vc-btn.rec{background:#3a1518;border-color:var(--rec);animation:vcPulse 1.2s ease-in-out infinite}.vc-btn.rec.urgent{background:#4a1115;color:#fff;animation:vcUrgent .48s linear infinite}.vc-btn.rec .dot{border-radius:4px;width:14px;height:14px}.vc-btn.busy{opacity:.55;pointer-events:none}.vc-btn.pop{animation:cbtnIn var(--duration-panel) var(--ease-out) both}body.zoomed .vc-btn:not(.docked),body.cf-anim .vc-btn:not(.docked){opacity:0!important;pointer-events:none}.phone.vc-ring:after{box-shadow:0 0 0 3px var(--rec),0 0 26px rgba(var(--rec-rgb),.4)}.phone.vc-ring.urgent:after{animation:vcPhoneUrgent .48s linear infinite}.shot-wrap .vc-uploading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;border-radius:var(--radius-sm)}.shot-wrap .vc-uploading i{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;animation:vcWait .9s linear infinite}.shot-wrap .vc-play,.shot-wrap .shot-draw{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.shot-wrap .vc-play{cursor:pointer}.shot-wrap .shot-draw{pointer-events:none;opacity:0;z-index:2;transition:opacity var(--duration-ui) ease}.vc-play i,.shot-draw i{width:44px;height:44px;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;transition:transform var(--duration-ui)}.vc-play:hover i{transform:scale(1.08)}.vc-play svg,.shot-draw svg{width:18px;height:18px}.vc-play .ic-play,.shot-wrap .vc-chip svg{fill:#fff}.vc-play .ic-draw,.shot-draw .ic-draw{stroke:#fff}.vc-play .ic-draw{display:none}.lightbox video{max-width:min(92vw,900px);max-height:calc(100dvh - var(--lb-chrome));border-radius:var(--radius-lg);box-shadow:var(--shadow-high);background:#000}.lb-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%}.lb-stage-viewport{position:relative;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-high);touch-action:none}.lb-stage-viewport.zoomed{cursor:grab}.lb-stage-viewport.lb-loading:after{content:"";position:absolute;z-index:5;left:50%;top:50%;width:34px;height:34px;margin:-16px 0 0 -16px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:vcWait .9s linear infinite}.lb-stage-viewport.lb-loading{background:#0c0c0f}.lb-stage{position:relative;line-height:0;transform-origin:0 0;will-change:transform}.lb-stage video{border-radius:0;box-shadow:none;display:block}#lbPoster{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}#lbPoster.on{opacity:1}#lbInk{position:absolute;inset:0;width:100%;height:100%;border-radius:0;cursor:crosshair;touch-action:none}.lb-cmt-col{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;min-height:0;background:var(--surface-0);border:1px solid var(--line);border-radius:var(--radius-xl);padding:14px 8px}.lb-drawbar{flex-shrink:0}.lb-cmt-title{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--accent);flex-shrink:0;align-self:flex-start;padding-left:6px}.lb-cmt-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-height:0;padding:6px}@supports (scrollbar-color: var(--line-mid) transparent){.lb-cmt-list,.dm-cmt-holder{scrollbar-width:thin;scrollbar-color:var(--line-mid) transparent}}.lb-cmt-list::-webkit-scrollbar{width:8px}.lb-cmt-list::-webkit-scrollbar-track{background:transparent}.lb-cmt-list::-webkit-scrollbar-thumb{background:var(--surface-4);border:2px solid transparent;background-clip:padding-box;border-radius:var(--radius-pill)}.lb-cmt-list::-webkit-scrollbar-thumb:hover{background:var(--line-strong);background-clip:padding-box}.lb-cmt-list img.shot{cursor:pointer}.lb-cmt-foot{flex-shrink:0;display:flex;flex-direction:row;gap:8px;align-items:center;border-top:1px solid var(--surface-2);padding-top:10px}.lb-scrub{display:flex;align-items:center;gap:12px;width:min(96vw,1400px);flex-shrink:0;padding:10px 14px;background:var(--surface-input);border:1px solid var(--line-mid);border-radius:var(--radius-lg)}.lb-play{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:50%;padding:0}.lb-play:hover{filter:brightness(var(--bright-hover-strong))}.lb-play .ic-pause,.lb-play.playing .ic-play{display:none}.lb-play.playing .ic-pause{display:block}.lb-track{position:relative;flex:1;height:34px;cursor:pointer;touch-action:none;background:var(--viewer-stage);border:1px solid var(--line);border-radius:var(--radius-sm)}.lb-ticks{position:absolute;left:0;right:0;bottom:0;pointer-events:none;background-repeat:repeat-x;background-position:0 bottom;border-radius:var(--radius-sm)}.lb-ticks.minor{height:8px;background-image:linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:4% 100%}.lb-ticks.major{height:14px;background-image:linear-gradient(90deg,#4a4a56 1px,transparent 1px);background-size:10% 100%}.lb-ticklbls{position:absolute;left:0;right:0;bottom:1px;height:10px;pointer-events:none}.lb-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(var(--accent-rgb),.12);pointer-events:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.lb-head{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--lb-head);pointer-events:none}.lb-head:after{content:"";position:absolute;top:0;left:-4px;border:5px solid transparent;border-top-color:var(--lb-head)}.lb-head-lbl{position:absolute;top:3px;transform:translate(-50%);font-size:11px;font-weight:700;color:#0d0d10;background:var(--lb-head);border-radius:4px;padding:2px 6px;line-height:1;pointer-events:none;font-variant-numeric:tabular-nums;white-space:nowrap;z-index:3}.lb-track.anim .lb-head,.lb-track.anim .lb-head-lbl{transition:left var(--duration-ui) ease}.lb-track.anim .lb-fill{transition:width var(--duration-ui) ease}.lb-marks{position:absolute;inset:0;pointer-events:none}.lb-mark{position:absolute;top:6px;width:9px;height:9px;margin-left:-4px;padding:0;background:#818cf8;border:1px solid #aeb5ff;border-radius:2px;transform:rotate(45deg);cursor:pointer;pointer-events:auto;transition:transform var(--duration-press),box-shadow var(--duration-press);z-index:2}.lb-mark:hover{transform:rotate(45deg) scale(1.3)}.lb-mark.active{background:#aeb5ff;box-shadow:0 0 8px #818cf8b8}.lb-mark.sketch{background:#8a8a94;border-color:#5c5c66}.lb-mark.sketch:hover{background:#a5a5b0}.lb-time{flex-shrink:0;display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums;min-width:92px;justify-content:flex-end}.lb-time b{font-size:21px;font-weight:700;color:var(--lb-time);line-height:1}.lb-time .tt{font-size:11px;color:#9a9aa2}.lb-footnotes{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;max-width:min(96vw,1400px)}.lb-keys{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--txt-dim)}.lb-keys:empty{display:none}.lb-clip-meta{font-size:11px;color:#9a9aa2;letter-spacing:.4px}.shot-wrap .vc-chip{position:absolute;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#0000008c;border:1px solid rgba(255,255,255,.35);border-radius:50%;cursor:pointer;padding:0}.shot-wrap .vc-chip:hover{background:#000000bf}.shot-wrap .vc-chip{top:6px;right:6px}.shot-wrap .vc-chip svg{width:11px;height:11px}.lightbox{--lb-chrome: 124px;position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:12px 36px 14px;background:#000000db;backdrop-filter:var(--blur-scrim)}.lightbox:has(#lbDrawBar:not(.hidden)){--lb-chrome: 186px}.lb-row{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:20px;min-height:0;max-width:96vw}#lightboxImg{max-width:min(92vw,900px);max-height:72vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-high)}.lightbox-caption{max-width:min(92vw,900px);max-height:18vh;overflow:auto;font-size:14px;line-height:1.5;color:var(--txt);background:#141418e6;border:1px solid var(--line-mid);border-radius:var(--radius-md);padding:12px 16px;white-space:pre-wrap;word-break:break-word;text-align:center}.lightbox-caption.rich{white-space:normal;text-align:left}.lightbox-caption.rich ul,.lightbox-caption.rich ol{margin:6px 0;padding-left:24px}.lightbox-caption.rich li{margin:2px 0}.lightbox-caption.rich b{font-weight:700}.lightbox-caption.rich i{font-style:italic}.lightbox-caption.rich u{text-decoration:underline}.lightbox-caption.empty{color:#8a8a92;font-style:italic}.console-log .empty{color:var(--txt-dim)}.lightbox-meta{font-size:11px;color:#9a9aa2;letter-spacing:.4px}.lightbox{overflow:hidden}#lightboxImg{transform-origin:0 0;cursor:zoom-in;touch-action:none;user-select:none;-webkit-user-drag:none}#lightboxImg.zoomed{cursor:grab}.lb-image-stage{position:relative;line-height:0}.lb-image-stage .lightbox-ink{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;pointer-events:none;box-shadow:none;cursor:default}.lb-drawbar input:focus:not(:focus-visible),.lb-drawbar button:focus:not(:focus-visible),.draw-toolbar input:focus:not(:focus-visible),.draw-toolbar button:focus:not(:focus-visible){outline:none;box-shadow:none}body:has(#drawModal:not(.hidden)) .lightbox{z-index:260}.draw-modal{--dm-chrome: 90px;position:fixed;inset:0;z-index:250;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:12px 24px 16px;background:#000000e6;backdrop-filter:var(--blur-scrim)}.draw-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:0;width:max-content;max-width:min(98vw,1080px);box-sizing:border-box;padding:8px;overflow-x:auto;overflow-y:hidden;background:var(--surface-input);border:1px solid var(--line-mid);border-radius:var(--radius-lg);scrollbar-width:thin;scroll-behavior:smooth}.lb-drawbar{width:max-content;max-width:min(98vw,1080px);box-sizing:border-box}.lbf-btn{position:relative;flex:0 0 44px;width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;gap:0;font-size:11px;font-weight:600;border-radius:50%;padding:0;white-space:nowrap}.lbf-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.lb-ticklbls span{position:absolute;bottom:0;transform:translate(3px);font-size:9px;line-height:1;color:#62626e;font-variant-numeric:tabular-nums}.lbf-btn.gray{flex:0 0 44px;width:44px;height:44px;padding:0;margin-left:auto}.lbf-btn.gray span{display:none}.lbf-btn svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2}.lb-play svg{width:16px;height:16px;fill:var(--txt)}.lbf-btn:hover{filter:brightness(var(--bright-hover))}.lbf-btn.accent{color:var(--on-accent);background:var(--accent);border:1px solid var(--accent-edge)}.lbf-btn.gray{color:var(--txt-soft);background:var(--surface-2);border:1px solid var(--line-strong)}.draw-toolbar .draw-grp:last-child{margin-left:0;border-right:0}.draw-grp{display:flex;flex:0 0 auto;align-items:center;gap:6px;padding:0 8px;min-height:32px;font-size:11px;color:var(--mut);border-right:1px solid var(--line)}.draw-grp input[type=range]{width:72px;accent-color:var(--accent);cursor:pointer}.draw-num{display:inline-flex;align-items:baseline;gap:2px}.draw-num i{color:var(--txt-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-style:normal}.draw-value{width:34px;min-width:34px;color:var(--txt-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-variant-numeric:tabular-nums;text-align:center}input.draw-value{appearance:textfield;-moz-appearance:textfield;background:var(--surface-input);border:1px solid var(--line);border-radius:var(--radius-xs);padding:2px 4px}input.draw-value::-webkit-outer-spin-button,input.draw-value::-webkit-inner-spin-button{appearance:none;margin:0}input.draw-value:hover{border-color:var(--line-strong)}input.draw-value:focus{color:var(--txt);background:var(--surface-input);border-color:var(--line-strong)}input.draw-value:focus:not(:focus-visible){outline:none}.draw-swatches{display:flex;gap:4px}.draw-swatch{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:0 0 0 1px #ffffff14}.draw-swatch.active{border-color:#fff;box-shadow:0 0 0 1px #00000073}.draw-tool-btn{position:relative;font-family:inherit;font-size:11px;font-weight:600;color:var(--txt);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer}.draw-tool-btn.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.draw-tool-btn.danger{color:var(--bad)}.draw-tool-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.draw-tool-btn.icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0}.draw-tool-btn.icon svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brush-set{position:relative;display:flex}.brush-trigger{position:relative}.brush-trigger:after{content:"";position:absolute;left:50%;bottom:3px;width:5px;height:5px;margin-left:-4px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg)}.draw-kbd{position:absolute;right:-3px;bottom:-3px;pointer-events:none}.draw-tool-btn.active .draw-kbd{color:var(--txt);border-color:var(--line-strong)}.brush-menu{position:fixed;z-index:320;min-width:0;width:max-content;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-mid)}.brush-item{display:flex;align-items:center;gap:10px;width:100%;min-height:32px;padding:0 10px;font-size:12px;text-align:left;color:var(--txt-soft);background:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer}.brush-item:hover{color:var(--txt);background:var(--surface-2)}.brush-item.active{color:var(--txt);background:var(--surface-3)}.brush-item svg{width:16px;height:16px;flex:0 0 auto}.draw-tool-btn.hold-confirm{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--bad)}.draw-tool-btn.hold-confirm svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cpick-trigger{position:relative;width:32px;height:32px;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;background:conic-gradient(from 90deg,#ff3b30,var(--label-yellow),#34c759,#0a84ff,#b452ff,#ff3b30)}.cpick-trigger:after{content:"";position:absolute;inset:6px;border-radius:3px;background:var(--cur, #ff3b30);box-shadow:0 0 0 1.5px #00000059}.cpick-eye-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--txt-soft);background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;padding:0}.cpick-eye-btn:hover{filter:brightness(var(--bright-hover-strong))}.cpick{position:fixed;inset:0;z-index:340;background:transparent}.cpick-card{position:fixed;background:var(--surface-input);border:1px solid var(--line-mid);border-radius:var(--radius-xl);padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px}.cpick-x{position:absolute;top:10px;right:10px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:var(--txt-soft);background:var(--surface-3);border:1px solid var(--line-strong);border-radius:50%;padding:0}.cpick-x:hover{color:#fff}.cpick-wheel{position:relative;width:220px;height:220px}.cpick-ring{position:absolute;inset:0;border-radius:50%;cursor:crosshair;background:conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cpick-ring:after{content:"";position:absolute;inset:24px;border-radius:50%;background:var(--surface-input)}.cpick-sq{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:var(--radius-sm);cursor:crosshair;overflow:hidden;z-index:2;box-shadow:0 0 0 1px #0006}.cpick-ring-h{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px #00000080;pointer-events:none;z-index:3}.cpick-sq-h{position:absolute;width:14px;height:14px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px #00000080;pointer-events:none}.cpick-foot{display:flex;align-items:center;gap:10px;width:100%}.cpick-swatches{display:flex;gap:8px;flex:1}.cpick-swatches .draw-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer}.cpick-swatches .draw-swatch.active{border-color:#fff}.cpick-eye{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--txt-soft);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:0}.cpick-eye:hover{filter:brightness(var(--bright-hover-strong))}.draw-canvas-viewport{position:relative;overflow:hidden;max-width:94vw;max-height:calc(100dvh - var(--dm-chrome));border-radius:var(--radius-md);box-shadow:var(--shadow-high);touch-action:none}.draw-canvas-viewport.zoomed{cursor:grab}.draw-canvas-wrap{position:relative;line-height:0;transform-origin:0 0;will-change:transform;touch-action:none}.draw-zoom{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;min-width:104px}.draw-canvas-wrap canvas{display:block;max-width:94vw;max-height:calc(100dvh - var(--dm-chrome));touch-action:none}.draw-canvas-wrap canvas.base{position:relative}.draw-canvas-wrap canvas.ink{position:absolute;inset:0;cursor:crosshair;touch-action:none}.draw-text-in{position:absolute;z-index:4;width:auto;min-height:0;min-width:34px;max-width:min(86%,620px);margin:0;padding:4px 8px;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--cur-color, #fff);background:#0c0c0ed1;border:1px solid rgba(255,255,255,.62);text-shadow:0 0 2px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,.85);border-radius:var(--radius-sm);font-family:inherit;font-weight:700;line-height:1.25;outline:none;box-shadow:0 2px 12px #00000073}.draw-text-in:focus{border-color:#fff;outline:none;box-shadow:0 2px 12px #00000073}.draw-text-in.on-edge{cursor:move}.draw-text-tools{position:absolute;z-index:5;pointer-events:none}.draw-text-tools.hidden{display:none}.draw-text-knob{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;color:var(--txt);background:#0c0c0ee0;border:1px solid rgba(255,255,255,.62);border-radius:50%;cursor:ew-resize;pointer-events:auto;touch-action:none}.draw-text-knob svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.draw-text-knob b{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;line-height:1;color:var(--txt);background:#0c0c0eeb;border-radius:var(--radius-xs);padding:3px 6px;white-space:nowrap}.draw-text-knob.dragging{border-color:#fff}.draw-text-knob.dragging b{display:block}.draw-text-knob.k-size{left:-10px;top:-10px}.draw-text-knob.k-opacity{right:-10px;top:-10px}.draw-text-knob.k-rotate{left:50%;bottom:-28px;margin-left:-10px}body.draw-text .draw-canvas-wrap canvas.ink{cursor:text}.dm-row{display:flex;gap:16px;align-items:stretch;justify-content:center;max-width:96vw;max-height:calc(100dvh - var(--dm-chrome))}.dm-panel-slot{position:relative;flex:0 0 340px;width:340px;align-self:stretch;min-height:0}.dm-panel{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;min-height:0;background:var(--surface-0);border:1px solid var(--line);border-radius:var(--radius-xl);padding:14px 8px}.dm-cmt-holder{flex:1;overflow-y:auto;min-height:0;padding:6px;display:flex;flex-direction:column;gap:12px}.dm-cmt-holder::-webkit-scrollbar{width:8px}.dm-cmt-holder::-webkit-scrollbar-track{background:transparent}.dm-cmt-holder::-webkit-scrollbar-thumb{background:var(--surface-4);border:2px solid transparent;background-clip:padding-box;border-radius:var(--radius-pill)}.pen-chk{position:relative;display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;color:var(--mut);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;user-select:none}.pen-chk input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pen-chk svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cpick-eye-btn svg{width:16px;height:16px}.cpick-eye svg{width:17px;height:17px}.comment-btn svg{width:24px;height:24px;stroke:currentColor}.pen-chk:has(input:checked){color:var(--accent);background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.48)}.draw-grp input[type=color]{width:30px;height:28px;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:none;cursor:pointer}body.shift-held .vc-btn{background:#1e2740;border-color:var(--accent);color:var(--focus)}body.shift-held .comment-btn{background:#8b95a7;border-color:#b5bdcb;color:var(--viewer-stage);animation:none;box-shadow:0 0 0 3px #8b95a761,0 0 26px #8b95a77a}@keyframes resGlow{0%,to{box-shadow:0 0 rgba(var(--ok-ink-rgb),0)}42%{box-shadow:0 0 0 2px rgba(var(--ok-ink-rgb),.72),0 0 24px 8px rgba(var(--good-rgb),.48)}}@keyframes vcPulse{0%,to{box-shadow:0 0 rgba(var(--rec-rgb),.45)}50%{box-shadow:0 0 0 10px rgba(var(--rec-rgb),0)}}@keyframes vcUrgent{0%,to{box-shadow:0 0 0 2px var(--rec),0 0 18px rgba(var(--rec-rgb),.35)}50%{box-shadow:0 0 0 5px var(--rec),0 0 32px rgba(var(--rec-rgb),.72)}}@keyframes vcPhoneUrgent{0%,to{box-shadow:0 0 0 3px var(--rec),0 0 20px rgba(var(--rec-rgb),.35)}50%{box-shadow:0 0 0 6px var(--rec),0 0 38px rgba(var(--rec-rgb),.72)}}@keyframes shotFlashA{0%{opacity:0}22%{opacity:.55}to{opacity:0}}@keyframes cmtIn{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}@keyframes pauseBadgeIn{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:none}}@keyframes cbtnIn{0%{opacity:0}to{opacity:1}}@keyframes dropBreathe{0%,to{border-color:var(--line)}50%{border-color:rgba(var(--accent-rgb),.55)}}@keyframes dropArrow{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@keyframes dropSweep{to{transform:rotate(360deg)}}@keyframes vcWait{to{rotate:360deg}}@keyframes dropAdRun{0%{width:0}to{width:100%}}.hold-confirm{--hold-progress:0;position:relative;overflow:hidden;isolation:isolate}.hold-confirm-fill{position:absolute;z-index:0;inset:0;background:rgba(var(--rec-rgb),.78);transform:scaleX(var(--hold-progress));transform-origin:left;transition:transform var(--duration-ui) var(--ease-out);pointer-events:none}.hold-confirm.holding .hold-confirm-fill{transition:none}.hold-confirm>:not(.hold-confirm-fill){position:relative;z-index:1}.hold-confirm.holding{border-color:rgba(var(--bad-rgb),.52)}.hold-confirm.confirmed{color:var(--txt);border-color:var(--line-strong)}.hold-confirm.confirmed>:not(.hold-confirm-fill){opacity:0}.hold-confirm.confirmed:after{content:"";position:absolute;z-index:2;left:50%;top:50%;width:7px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-62%) rotate(45deg)}.slide-confirm{--slide-fill:24px;position:relative;width:min(288px,80vw);height:48px;overflow:visible;color:var(--txt-soft);background:var(--viewer-inspector);border:1px solid var(--line-strong);border-radius:var(--radius-pill);box-shadow:var(--hairline-top);touch-action:none;user-select:none}.slide-confirm:before{content:"";position:absolute;z-index:0;left:0;top:0;bottom:0;width:var(--slide-fill);border-radius:var(--radius-pill) 0 0 var(--radius-pill);background:rgba(var(--good-rgb),.18);pointer-events:none;transition:width var(--duration-panel) var(--ease-out)}.slide-confirm.dragging:before{transition:none}.slide-confirm-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 64px;font-size:16px;font-weight:750;letter-spacing:.01em;pointer-events:none}.handle{position:absolute;z-index:5;touch-action:none;transition:opacity var(--duration-ui)}.handle:after{content:"";position:absolute;background:var(--accent);border-radius:4px;opacity:.3;transition:opacity var(--duration-ui),box-shadow var(--duration-ui)}.h-n:after,.h-w:after{opacity:0}.handle:hover:after,.handle.active:after{opacity:1;box-shadow:0 0 8px var(--accent)}.h-e,.h-w{width:16px;top:18%;height:64%}.h-e{right:-7px;cursor:ew-resize}.h-w{left:-7px;cursor:ew-resize}.h-e:after,.h-w:after{width:4px;height:46px;top:50%;transform:translateY(-50%)}.h-e:after{right:5px}.h-w:after{left:5px}.h-n,.h-s{height:16px;left:18%;width:64%}.h-s{bottom:-7px;cursor:ns-resize}.h-n{top:-7px;cursor:ns-resize}.h-n:after,.h-s:after{height:4px;width:46px;left:50%;transform:translate(-50%)}.h-s:after{bottom:5px}.h-n:after{top:5px}.h-se{right:-9px;bottom:-9px;width:26px;height:26px;cursor:nwse-resize}.h-se:after{width:12px;height:12px;right:6px;bottom:6px;border-radius:3px}.pf-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:650;color:var(--on-accent);text-decoration:none;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer;white-space:nowrap}.pf-back:hover{background:#5878f0}.pf-back svg{width:14px;height:14px;stroke:currentColor;flex-shrink:0}#pauseTip{position:absolute;left:50%;bottom:calc(var(--stage-bottom-pad, 14px) + 10px);transform:translate(-50%);z-index:45;max-width:94%;font-size:14px;font-weight:600;line-height:2.05;color:#e3e6ff;text-align:center;background:#181a24ed;border:1px solid rgba(var(--accent-rgb),.55);border-radius:var(--radius-pill);padding:12px 24px;backdrop-filter:var(--blur-panel);box-shadow:0 8px 34px rgba(var(--accent-rgb),.28),0 4px 18px #00000073;opacity:0;pointer-events:none;transition:opacity var(--duration-stage) ease}#pauseTip.show{opacity:1;pointer-events:auto;cursor:pointer;animation:tipPop var(--duration-panel) var(--ease-out)}#pauseTip.tip-warn{border-color:var(--warnln);color:#ffb0a3;box-shadow:0 8px 34px var(--warnln),0 4px 18px #00000073}@keyframes tipPop{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.hidden{display:none!important}select,.px-in{font-family:inherit;font-size:13px;color:var(--txt);background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px}select{cursor:pointer;max-width:100%}.px-group{display:flex;align-items:center;gap:6px;color:var(--mut);font-size:13px}.cut-group{display:flex;align-items:center;gap:2px;padding:2px;background:var(--surface-input);border:1px solid var(--line);border-radius:var(--radius-sm);flex-shrink:0}.cut-group button{min-height:28px;padding:0 10px;font-size:12px;font-weight:600;color:var(--mut);background:transparent;border:none;border-radius:var(--radius-xs)}.cut-group button:hover{color:var(--txt-soft)}.cut-group button[aria-pressed=true]{color:var(--txt);background:var(--surface-3);box-shadow:inset 0 1px #ffffff14}.px-in{width:62px;text-align:center}.px-in::-webkit-outer-spin-button,.px-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.px-in{-moz-appearance:textfield}.snd-btn{font-size:16px;color:var(--txt);background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 12px}.snd-btn:hover{background:var(--surface-4)}.snd-btn.muted{color:var(--bad);border-color:#5a3030}.snd-btn.cfit{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:650}.snd-btn.cfit svg{width:15px;height:15px}.snd-btn.cfit.on{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.25)}#soundBtn,#soundIco{display:inline-flex;align-items:center;justify-content:center}#soundIco svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}#soundIco .sound-wave,#soundIco .sound-slash{transform-box:fill-box;transform-origin:center;transition:opacity var(--duration-ui) var(--ease-out),transform var(--duration-ui) var(--ease-out)}#soundIco .sound-wave{opacity:1;transform:scale(1)}#soundIco .sound-slash,#soundBtn.muted #soundIco .sound-wave{opacity:0;transform:scale(.72)}#soundBtn.muted #soundIco .sound-slash{opacity:1;transform:scale(1)}#splash{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.16),rgba(var(--surface-0-rgb),.96) 52%),var(--surface-0)}.splash-card{position:fixed;left:50%;top:50%;translate:-50% -50%}#splash.fading{opacity:0;pointer-events:none;transition:opacity .9s ease}@keyframes splashPulse{0%,to{transform:scale(1);opacity:.78}50%{transform:scale(1.04);opacity:1}}@keyframes splashSlide{0%{transform:translate(-110%)}to{transform:translate(280%)}}#linkError{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;background:var(--viewer-stage);color:var(--txt);padding:32px}.link-error-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;max-width:720px}.link-error-message{font-size:clamp(22px,3.2vw,38px);line-height:1.25;font-weight:650;color:#d8d8de}.link-error-image{width:min(220px,42vw);height:auto;opacity:.94}#resWarn{position:absolute;bottom:14px;left:50%;transform:translate(-50%) translateY(20px);display:flex;align-items:center;gap:10px;background:var(--warnbg);border:1px solid var(--warnln);color:var(--warn);padding:12px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;box-shadow:var(--viewer-pop-shadow);opacity:0;pointer-events:none;transition:opacity var(--duration-panel),transform var(--duration-panel);max-width:86%;z-index:50}#resWarn.show{opacity:1;transform:translate(-50%) translateY(0)}#resWarn svg{width:18px;height:18px;stroke:currentColor;flex-shrink:0}#toast{position:absolute;top:14px;left:50%;transform:translate(-50%) translateY(-20px);background:var(--okbg);border:1px solid var(--okln);color:var(--good);padding:12px 16px;border-radius:var(--radius-md);font-size:13px;box-shadow:var(--viewer-pop-shadow);opacity:0;pointer-events:none;transition:opacity var(--duration-panel),transform var(--duration-panel);max-width:86%;z-index:50}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#toast .t-title{font-weight:600;color:var(--good)}#toast .t-url{color:var(--txt-soft);word-break:break-all;font-size:11px;margin-top:3px}#pauseTip kbd{font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent-edge);border-bottom-width:2px;border-radius:var(--radius-xs);padding:3px 8px;margin:0 2px;display:inline-block;vertical-align:baseline}#pauseTip.tip-warn kbd{background:var(--warn);border-color:#ff9a89;color:var(--viewer-stage)}#stage{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;padding-bottom:var(--stage-bottom-pad, 14px);position:relative;overflow:hidden;isolation:isolate;background:var(--viewer-stage)}#stage:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(112%,1120px);height:92%;transform:translate(-50%,-50%) scale(.98);background:radial-gradient(ellipse at 35% 36%,rgba(154,158,171,.08) 0,rgba(88,91,101,.035) 28%,transparent 58%),radial-gradient(ellipse at 70% 62%,rgba(117,121,133,.07) 0,rgba(63,66,75,.025) 32%,transparent 62%),radial-gradient(ellipse at 52% 48%,rgba(190,193,203,.035) 0,rgba(55,57,64,.025) 38%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse closest-side,#000 38%,rgba(0,0,0,.72) 66%,transparent 100%);mask-image:radial-gradient(ellipse closest-side,#000 38%,rgba(0,0,0,.72) 66%,transparent 100%);opacity:.72;pointer-events:none;animation:stageAmbient 22s var(--ease-in-out) infinite alternate}@keyframes stageAmbient{to{transform:translate(-48.5%,-51%) scale(1.035);opacity:.86}}.phone-wrap{position:relative;flex-shrink:0;opacity:1;translate:0 0;scale:1;transition:opacity var(--duration-stage) var(--ease-out),translate var(--duration-stage) var(--ease-out),scale var(--duration-stage) var(--ease-out)}.phone-wrap.stage-pending{opacity:0;translate:0 10px;scale:.985}.phone{--case-pad: 13px;--case-screen-radius: 40px;position:absolute;top:0;left:0;transform-origin:top left;background:#050505;border-radius:52px;padding:var(--case-pad);box-shadow:0 0 0 2px var(--surface-3),0 14px 50px #0000008c;transition:box-shadow var(--duration-panel) var(--ease-out)}.phone:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.phone-wrap.is-paused .phone:after{box-shadow:0 0 0 2px rgba(var(--focus-rgb),.72),0 0 0 7px rgba(var(--accent-rgb),.08)}.phone-wrap.is-paused .phone{box-shadow:0 0 0 2px var(--surface-3),0 18px 60px #000000a3}.phone iframe{width:100%;height:100%;border:none;border-radius:var(--case-screen-radius);background:#050505;display:block;box-shadow:0 0 0 1.5px #050505}.cutout{position:absolute;z-index:12;left:50%;translate:-50% 0;background:#000;pointer-events:none;display:none}.cutout.island{display:block;top:calc(var(--case-pad) + 1.15%);width:29%;height:3.5%;min-height:18px;border-radius:var(--radius-pill)}.cutout.notch{display:block;top:var(--case-pad);width:45%;height:3.6%;min-height:22px;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.pbtn{position:absolute;background:var(--surface-3);pointer-events:none}.pbtn-action{left:-5px;top:15.5%;width:5px;height:4.4%;border-radius:3px 0 0 3px}.pbtn-vol-up{left:-5px;top:23.5%;width:5px;height:7.4%;border-radius:3px 0 0 3px}.pbtn-vol-down{left:-5px;top:32.6%;width:5px;height:7.4%;border-radius:3px 0 0 3px}.pbtn-side{right:-5px;top:26%;width:5px;height:11.5%;border-radius:0 3px 3px 0}.phone.landscape .pbtn-action{left:15.5%;top:-5px;width:4.4%;height:5px;border-radius:3px 3px 0 0}.phone.landscape .pbtn-vol-up{left:23.5%;top:-5px;width:7.4%;height:5px;border-radius:3px 3px 0 0}.phone.landscape .pbtn-vol-down{left:32.6%;top:-5px;width:7.4%;height:5px;border-radius:3px 3px 0 0}.phone.landscape .pbtn-side{inset:auto auto -5px 26%;width:11.5%;height:5px;border-radius:0 0 3px 3px}.phone.landscape .cutout{left:var(--case-pad);top:50%;translate:0 -50%}.phone.landscape .cutout.island{top:calc(50% + 0px);left:calc(var(--case-pad) + 1.15%);width:3.5%;height:29%;min-height:0;min-width:18px}.phone.landscape .cutout.notch{left:var(--case-pad);width:3.6%;height:45%;min-height:0;min-width:22px;border-radius:0 var(--radius-xl) var(--radius-xl) 0}body.fs-stretch .pbtn,body.fs-stretch .cutout{display:none}.pause-overlay{position:absolute;inset:var(--case-pad);z-index:9;display:flex;align-items:center;justify-content:center;background:#0000002e;border-radius:var(--case-screen-radius);pointer-events:auto;transition:opacity var(--duration-stage) ease}.pause-overlay.faded{opacity:0;pointer-events:none}.pause-badge{font-size:12px;font-weight:800;letter-spacing:1px;color:#fff;background:#000000b8;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-pill);padding:8px 14px;box-shadow:var(--viewer-pop-shadow)}.pause-overlay:not(.hidden) .pause-badge{animation:pauseBadgeIn var(--duration-ui) var(--ease-out) both}.layer-hud{position:absolute;inset:var(--case-pad);z-index:11;border-radius:var(--case-screen-radius);overflow:hidden;pointer-events:none}.hud-zone{position:absolute;border:2px dashed rgba(255,255,255,.82);background:rgba(var(--accent-rgb),.22);box-shadow:inset 0 0 0 1px #0000008c,0 0 0 1px #0000008c;display:flex;align-items:flex-start;justify-content:center}.hud-zone span{margin-top:6px;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:#000000d1;border-radius:var(--radius-xs);padding:3px 8px}.hud-zone.danger{border-color:#ff7878eb;background:#ff46463d}.hud-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:var(--radius-pill);border:2px dashed rgba(255,120,120,.92);background:#ff464642;box-shadow:inset 0 0 0 1px #0000008c,0 0 0 1px #0000008c;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700}.layer-hud:not(.hidden) .hud-zone,.layer-hud:not(.hidden) .hud-close{animation:hud-in var(--duration-stage) var(--ease-out) both}@keyframes hud-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}body.cf-anim .phone{transition:transform .28s var(--ease-out)}.splash-card{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:220px;padding:24px;text-align:center}.splash-logo{height:68px;width:auto;mix-blend-mode:normal;animation:splashPulse 1.35s ease-in-out infinite}.splash-title{font-size:18px;font-weight:750;letter-spacing:.1px}.splash-text{font-size:14px;color:var(--mut);min-height:18px}.splash-bar{width:210px;height:5px;overflow:hidden;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--line-mid)}.splash-bar i{display:block;width:0%;height:100%;background:var(--accent);transition:width var(--duration-ui) linear}#splash.indeterminate .splash-bar i{width:38%;animation:splashSlide 1s ease-in-out infinite}body.fs-active #stage{padding:0}body.fs-active .phone-wrap{position:fixed;inset:0;margin:auto;z-index:9999}body.fs-stretch .phone{border-radius:0;padding:0;box-shadow:none;background:#000}body.fs-stretch .phone iframe{border-radius:0}@media(max-width:820px){.dm-panel-slot{display:none}}@media(min-width:921px){#center,#stage{overflow:visible}@supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))){.sidebar.right,.sidebar.console{-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.sidebar.comments:before,.sidebar.left:before{-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.inspector-sticky-head{-webkit-backdrop-filter:var(--blur-sticky);backdrop-filter:var(--blur-sticky)}}body:not(.fs-active) .sidebar.comments.collapsed{margin-right:-8px}.sidebar.left>.analytics-shutter>.inner{flex:0 0 calc(var(--an-w) - 2px);width:calc(var(--an-w) - 2px);height:100%;visibility:visible}.sidebar.left>.analytics-shutter>.inner>.analytics-content{width:calc(var(--an-w) - 26px)}.sidebar.left.collapsed>.analytics-shutter>.inner{opacity:1;translate:0;visibility:visible;pointer-events:none}.sidebar.console{overflow:hidden}.sidebar.console>.inner{position:absolute;inset:0 0 0 auto;width:360px}.sidebar.console.closed>.inner{opacity:1;translate:0}.sidebar.right>.inner{padding:14px 8px;display:flex;flex-direction:column;align-items:flex-end}.sidebar.right>.inner>.ctl-sep{align-self:stretch}main{padding-right:83px}.sidebar.right{position:absolute;z-index:60;right:8px;top:8px;bottom:8px;transition-duration:var(--duration-press),var(--duration-ui),var(--duration-press),var(--duration-ui)}.sidebar.right:before{content:"";position:absolute;top:0;bottom:0;left:100%;width:9px}.sidebar.right.collapsed{width:67px!important;border-width:1px}.sidebar.right .ctl{height:48px;min-height:48px;grid-template-columns:22px minmax(0,1fr) 20px;padding:0 12px;column-gap:8px}.sidebar.right .ctl svg{width:22px;height:22px}.sidebar.right.collapsed>.inner{opacity:1;visibility:visible;pointer-events:auto;translate:0;padding:14px 8.5px 14px 8px}.sidebar.right.collapsed .ctl{width:48px;padding:0 12px;margin-bottom:10px;column-gap:0;grid-template-columns:22px 0 0;border-radius:50%}.sidebar.right.collapsed .ctl span{max-width:0;opacity:0;translate:8px 0}.sidebar.right.collapsed .ctl kbd{translate:14px calc(-50% + 18.4px);padding:1px 4px;border-width:1px;border-bottom-width:1px;font-size:9px;line-height:1.25;box-shadow:0 0 0 2px var(--viewer-glass)}}@supports not ((-webkit-backdrop-filter: blur(22px)) or (backdrop-filter: blur(22px))){.inspector-sticky-head{background:var(--viewer-sticky)}.sidebar.comments,.sidebar.left,.sidebar.right,.sidebar.console{background:var(--viewer-inspector)}.sidebar.comments:before,.sidebar.left:before{content:none}}body.fs-active .handle{display:none}body.fs-active #center{border:0;border-radius:0;box-shadow:none}.fs-actions{display:none}body.fs-active .fs-actions{display:flex;align-items:center;gap:8px;position:fixed;top:14px;right:14px;z-index:10000}body.fs-active .fs-exit{display:flex;align-items:center;gap:8px;position:static;font-family:inherit;font-size:13px;color:var(--txt);background:#1e1e2247;border:1px solid rgba(30,30,34,.42);border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;backdrop-filter:var(--blur-veil);text-shadow:0 1px 3px rgba(0,0,0,.75)}.fs-exit{display:none}.fs-exit svg{width:17px;height:17px;stroke:currentColor}#fsBtn,#fsStretchBtn{border-color:var(--line);box-shadow:none}@media(max-width:920px){#centerFitBtn,.snd-btn .fkbd{display:none}html,body{background:var(--viewer-stage)}header{margin:4px 4px 0;padding:6px 10px;gap:8px}.logo{height:24px}header .brand{font-size:14px}.head-info{display:block;position:static;flex-shrink:0}.head-info-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--txt-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:50%}.head-info-btn svg{width:20px;height:20px;stroke:currentColor;fill:none}.head-info-btn[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.head-info{order:1}#langGroup{order:2;position:static}#langGroup #langMenu{left:auto;right:8px;translate:0 0}.head-info>.head-chip{position:absolute;right:8px;left:auto;top:calc(100% + 6px);z-index:80;flex-direction:column;align-items:stretch;gap:6px;width:max-content;max-width:calc(100vw - 24px);padding:10px;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-mid);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity var(--duration-ui) var(--ease-out),transform var(--duration-ui) var(--ease-out),visibility 0s linear var(--duration-ui)}.head-info.open>.head-chip{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;transition:opacity var(--duration-ui) var(--ease-out),transform var(--duration-ui) var(--ease-out),visibility 0s}.head-info>.head-chip .head-game,.head-info>.head-chip .head-name,.head-info>.head-chip .fname{max-width:none;white-space:normal;overflow-wrap:anywhere;padding:6px 12px;line-height:1.45}.head-info>.head-chip .head-name-info{display:none}.head-info>.head-chip .head-status{flex-direction:row;gap:6px}.head-info>.head-chip .head-mode,.head-info>.head-chip .head-round{height:auto;min-height:24px;padding:4px 12px}.lang-trigger,.lang-item{min-height:44px}main{flex-direction:column;gap:4px;padding:4px}.sidebar{width:100%!important;border:1px solid var(--viewer-window-line)!important;border-radius:var(--radius-lg);box-shadow:none}.sidebar.comments:before,.sidebar.left:before{border-radius:calc(var(--radius-lg) - 1px)}#center{order:1}.sidebar.right{order:2;border-width:0!important;border-radius:0;background:none}#stage{padding:4px;gap:6px;justify-content:center}.phone{--case-pad: 9px;--case-screen-radius: 30px;border-radius:38px}#drop{padding:10px 8px;gap:8px}.drop-bar.bottom,.comment-btn,.lb-keys,.vc-btn,.act-kbd,.howto-btn,.sidebar.comments,.comments-actions-bar,.comments-resize{display:none}.h-e,.h-w{width:20px}.h-n,.h-s{height:20px}.h-se{width:30px;height:30px}.sidebar.right .inner{padding:6px 8px;display:flex;flex-direction:row;justify-content:center;flex-wrap:nowrap;gap:6px;max-height:none}#changeBtn,.sidebar.right .inner>.ctl-sep{display:none}.sidebar.right .ctl{display:flex;flex:0 1 48px;width:auto;height:auto;aspect-ratio:1;min-width:0;min-height:0;padding:0;margin:0;justify-content:center;border-radius:50%}.sidebar.right .ctl svg{width:44%;height:44%}.sidebar.right .ctl span,.sidebar.right .ctl kbd{display:none}.sidebar.right.collapsed{width:100%!important;border-width:0}.sidebar.right.collapsed>.inner{opacity:1;visibility:visible;pointer-events:auto;translate:0}.sidebar.console{order:2;width:100%;max-height:32dvh}.sidebar.console .inner{padding:8px}.sidebar.console.closed{display:none}.console-log{max-height:24dvh;font-size:10px}body.m-analytics .sidebar.console{display:none}footer{gap:6px;padding:6px 8px;flex-wrap:nowrap;min-height:54px;width:max-content;max-width:calc(100% - 8px);margin:0 auto 4px;background:var(--viewer-glass);border:1px solid var(--viewer-window-line);border-radius:var(--radius-pill);-webkit-backdrop-filter:var(--blur-popover);backdrop-filter:var(--blur-popover);box-shadow:var(--hairline-top),var(--viewer-inspector-shadow)}footer select{font-size:11px;background-size:10px 10px;background-position:right 7px center;padding:6px 20px;min-width:0;min-height:44px;flex:0 1 auto}footer .px-group{font-size:11px;gap:3px;flex-shrink:0}footer .px-in{width:40px;min-height:44px;padding:6px 3px;font-size:11px}footer .cut-group button{min-width:40px;min-height:40px;padding:0 8px}footer .snd-btn{min-width:44px;min-height:44px;font-size:13px;padding:6px 8px;flex-shrink:0}.sidebar.left{display:none}.an-grid{grid-template-columns:1fr 1fr 1fr}body.m-analytics #center,body.m-analytics footer{display:none}body.m-analytics .sidebar.left{display:flex;order:1;flex:1;min-height:0}body.m-analytics .sidebar.left .inner{max-height:none;padding:10px}body.m-analytics .sidebar.right{order:2;flex-shrink:0}body.m-comments #center,body.m-comments footer,body.m-comments .sidebar.console{display:none}body.m-comments .sidebar.comments{display:flex;order:1;flex:1;min-height:0}body.m-comments .sidebar.comments .inner{max-height:none}body.m-comments .sidebar.right{order:2;flex-shrink:0}}.an-reset,.comments-export,.comments-global,.cmt-dots-btn,.cmt-panel-dots,.cmt-filter-trigger,.cmt-btn,.cmt-more,.howto-btn,.lbf-btn,.draw-tool-btn,.cpick-trigger,.cpick-eye-btn,.cpick-eye,.pf-back,.console-clear,.snd-btn,.fs-exit,.howto-x,.cpick-x,.comment-btn,.vc-btn,.shot-wrap .vc-chip,.lb-play,.cmt-att .att-x,.clip-count,.ctl,.lang-trigger,.lang-item,.head-info-btn,.profile-trigger{transition:transform var(--duration-press) var(--ease-out),background-color var(--duration-ui) ease,border-color var(--duration-ui) ease,color var(--duration-ui) ease,box-shadow var(--duration-ui) ease}.comment-btn,.vc-btn,.act-kbd{transition:transform var(--duration-press) var(--ease-out),background-color var(--duration-ui) ease,border-color var(--duration-ui) ease,color var(--duration-ui) ease,box-shadow var(--duration-ui) ease,opacity var(--duration-ui) ease}.sidebar.right .ctl{overflow:visible;transition:width var(--duration-press) var(--ease-in-out),border-radius var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-out),background-color var(--duration-ui) ease,border-color var(--duration-ui) ease,color var(--duration-ui) ease,box-shadow var(--duration-ui) ease}.sidebar.right .ctl span,.sidebar.right .ctl kbd{max-width:180px;opacity:1;translate:0 0;overflow:hidden;white-space:nowrap;transition:max-width var(--duration-press) var(--ease-in-out),opacity var(--duration-press) var(--ease-in-out),translate var(--duration-press) var(--ease-in-out),padding var(--duration-press) var(--ease-in-out),border-width var(--duration-press) var(--ease-in-out)}.sidebar.right .ctl kbd{position:absolute;right:11px;top:50%;translate:0 -50%;max-width:none;justify-self:auto;box-shadow:0 0 0 0 var(--viewer-glass);transition:translate var(--duration-press) var(--ease-in-out),padding var(--duration-press) var(--ease-in-out),border-width var(--duration-press) var(--ease-in-out),font-size var(--duration-press) var(--ease-in-out),line-height var(--duration-press) var(--ease-in-out),box-shadow var(--duration-press) var(--ease-in-out)}.sidebar.right.controls-morphing .ctl span{opacity:0;transition:max-width var(--duration-press) var(--ease-in-out),opacity 60ms var(--ease-out),translate var(--duration-ui) var(--ease-out),padding var(--duration-press) var(--ease-in-out),border-width var(--duration-press) var(--ease-in-out)}.an-reset:active,.comments-export:active,.comments-global:active,.cmt-dots-btn:active,.cmt-panel-dots:active,.cmt-filter-trigger:active,.cmt-btn:active,.cmt-more:active,.howto-btn:active,.lbf-btn:active,.draw-tool-btn:active,.cpick-trigger:active,.cpick-eye-btn:active,.cpick-eye:active,.pf-back:active,.console-clear:active,.snd-btn:active,.fs-exit:active,.howto-x:active,.cpick-x:active,.comment-btn:active,.vc-btn:active,.shot-wrap .vc-chip:active,.lb-play:active,.cmt-att .att-x:active,.clip-count:active,.ctl:active,.lang-trigger:active,.lang-item:active,.head-info-btn:active,.profile-trigger:active{transform:scale(.97)}header{background:var(--viewer-glass);backdrop-filter:var(--blur-popover)}header{box-shadow:0 1px #ffffff09}footer select,footer .px-in,footer .snd-btn,footer .cut-group{border-radius:var(--radius-pill)}footer .cut-group button{border-radius:var(--radius-pill)}footer select{text-align:center;text-align-last:center}footer select{appearance:none;-webkit-appearance:none;field-sizing:content;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392929b' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px 12px}@media(min-width:921px){footer{position:absolute;left:50%;bottom:12px;translate:calc(-50% + var(--footer-shift, 0px)) 0;width:max-content;max-width:calc(100% - 24px);gap:6px;padding:6px;background:var(--viewer-glass);border:1px solid var(--viewer-window-line);border-radius:var(--radius-pill);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--hairline-top),var(--viewer-inspector-shadow)}footer select,footer .px-in,footer .snd-btn{background-color:var(--surface-2)}footer select{min-width:0;max-width:clamp(190px,15vw,250px)}footer select{background-position:right 8px center;padding:8px 24px 8px 14px}footer .px-in{padding:8px 14px}footer .cut-group button{padding:0 14px}footer .snd-btn{padding:8px 16px}}@media(min-width:1101px){footer{gap:8px;padding:10px 12px}footer select{max-width:clamp(240px,19vw,320px)}}.sidebar .inner{padding:14px 12px}.sidebar .cell,.sidebar .ctl,.sidebar .cmt-auth,.sidebar .comments-export,.sidebar .an-reset,.sidebar .console-clear{background:rgba(var(--surface-2-rgb),.84)}.sidebar .comments-global{background:rgba(var(--notify-bg-rgb),.78)}.cell{border-radius:var(--radius-md)}.comments-empty{color:var(--mut);background:#ffffff03;border-radius:var(--radius-md);padding:14px}.cmt-auth input,.comment-card textarea,.comment-card .cmt-rte{background:var(--surface-input);border-radius:var(--radius-sm)}.ctl{min-height:42px;border-radius:var(--radius-md);background:var(--surface-2)}#layerHudBtn,#fsBtn,#changeBtn{margin-top:14px}.howto-card,.cpick-card,.draw-toolbar,.lb-scrub,.dm-panel,.lb-cmt-col{background:#1c1c22eb;border-color:var(--viewer-window-line);backdrop-filter:var(--blur-popover)}.draw-toolbar{border-radius:var(--radius-lg);box-shadow:var(--shadow-low)}.howto-card,.dm-panel,.lb-cmt-col{border-radius:var(--radius-xl)}.cmt-menu{transform-origin:top right;box-shadow:none}.cpick-card{box-shadow:var(--shadow-high)}.ctl.on{box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.1)}:where(button,a,input,select,textarea,[contenteditable=true],[tabindex]):focus:not(:focus-visible){outline:none!important}button:disabled,[aria-disabled=true]{cursor:default;filter:none!important}.howto,.draw-modal,.lightbox,.cpick{opacity:1;transition:opacity var(--duration-ui) var(--ease-out),display var(--duration-ui);transition-behavior:allow-discrete}.howto.hidden,.draw-modal.hidden,.lightbox.hidden,.cpick.hidden{opacity:0}.howto-card,.draw-modal>.draw-toolbar,.draw-modal>.dm-row,.lightbox>.lb-row,.lightbox>.lb-scrub,.lightbox>.lb-drawbar,.cpick-card{opacity:1;translate:0 0;scale:1;transition:opacity var(--duration-panel) var(--ease-out),translate var(--duration-panel) var(--ease-out),scale var(--duration-panel) var(--ease-out)}.cpick-card{transform-origin:center}.howto.hidden .howto-card,.draw-modal.hidden>.draw-toolbar,.draw-modal.hidden>.dm-row,.lightbox.hidden>.lb-row,.lightbox.hidden>.lb-scrub,.lightbox.hidden>.lb-drawbar,.cpick.hidden .cpick-card{opacity:0;translate:0 8px;scale:.985}@starting-style{.howto:not(.hidden),.draw-modal:not(.hidden),.lightbox:not(.hidden),.cpick:not(.hidden){opacity:0}.howto:not(.hidden) .howto-card,.draw-modal:not(.hidden)>.draw-toolbar,.draw-modal:not(.hidden)>.dm-row,.lightbox:not(.hidden)>.lb-row,.lightbox:not(.hidden)>.lb-scrub,.lightbox:not(.hidden)>.lb-drawbar,.cpick:not(.hidden) .cpick-card{opacity:0;translate:0 8px;scale:.985}.sidebar.comments:not(.collapsed)>.inner{opacity:0;translate:-8px 0}.sidebar.left:not(.collapsed)>.analytics-shutter>.inner,.sidebar.right:not(.collapsed)>.inner,.sidebar.console:not(.closed)>.inner{opacity:0;translate:8px 0}}:where(html:not(.pointer-focus)) :where(button,a,input,select,textarea,[contenteditable=true],[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}html.pointer-focus :where(input,select,textarea,[contenteditable=true],[tabindex="-1"]):focus{outline:none}.cmt-menu :focus-visible,.lang-menu :focus-visible,.profile-menu :focus-visible{outline-offset:0}@media(hover:hover)and (pointer:fine){.comment-card .cmt-dots{opacity:0;pointer-events:none;transition:opacity var(--duration-press) var(--ease-out)}.comment-card:hover .cmt-dots,.comment-card:focus-within .cmt-dots,.comment-card .cmt-entry.menu-open .cmt-dots,.comment-card.menu-open .cmt-dots{opacity:1;pointer-events:auto}.comment-card:hover:not(.editing):not(.cmt-drag-overlay):not(.cmt-pressing){transform:scale(1.008)}.comment-card:not(.editing):not(.cmt-drag-overlay):not(.cmt-pressing) .cmt-entry.extra:hover:not(.menu-open):not(.cmt-drag){transform:scale(1.008)}.shot-wrap:hover .shot-draw{opacity:1}.shot-wrap:hover .vc-play.can-draw .ic-play{display:none}.shot-wrap:hover .vc-play.can-draw .ic-draw{display:block}.sidebar.right:not(.controls-resizing) .ctl:hover:not(:active){transform:scale(1.015)}.sidebar.right.collapsed:not(.controls-resizing) .ctl:hover:not(:active){transform:scale(1.05)}.sidebar.right.controls-resizing .ctl{transform:none;transition-property:width,border-radius,background-color,border-color,box-shadow}.ctl:hover,.an-reset:hover,.comments-export:hover,.cmt-btn:hover,.howto-btn:hover,.lbf-btn:hover,.draw-tool-btn:hover,.console-clear:hover,.snd-btn:hover{filter:none;background-color:var(--surface-4);border-color:var(--line-strong)}.comments-global:hover{filter:none;background-color:var(--notify-bg-hover);border-color:var(--notify-line-hover)}.vc-btn:hover,.cpick-eye-btn:hover,.cpick-eye:hover,.lb-play:hover{filter:none;background-color:var(--surface-4)}.howto-x:hover,.cpick-x:hover{filter:none}}@media(prefers-reduced-motion:reduce){.comment-btn.pop,.vc-btn.pop,.vc-btn.rec,.phone.vc-ring.urgent:after,.pause-overlay:not(.hidden) .pause-badge,.splash-logo,#splash.indeterminate .splash-bar i,.comment-card.anim-in,.drop-zone:before,.drop-arrow,.drop-sweep:before,.drop-track i,.shot-wrap .vc-uploading i,.lb-stage-viewport.lb-loading:after,.howto:not(.hidden),.draw-modal:not(.hidden),.lightbox:not(.hidden),.howto:not(.hidden) .howto-card,.draw-modal:not(.hidden) .dm-row,.draw-modal:not(.hidden) .draw-toolbar,.lightbox:not(.hidden) .lb-row,.lightbox:not(.hidden) .lb-scrub,.lightbox:not(.hidden) .lb-drawbar,.cpick:not(.hidden) .cpick-card,#pauseTip.show,.layer-hud:not(.hidden) .hud-zone,.layer-hud:not(.hidden) .hud-close,.cmt-btn.res.res-burst,.shot-flash.go{animation:none!important}body.cf-anim .phone{transition:none!important}.lang-menu,.profile-menu,.lang-menu.hidden,.profile-menu.hidden{transform:none!important;transition:none!important}#resWarn,#toast,#pauseTip{transition:opacity var(--duration-ui) ease!important}#resWarn.show,#toast.show{transform:translate(-50%)}.splash-logo{opacity:1;transform:none}#splash.indeterminate .splash-bar i{width:100%;transform:none}#stage:before{animation:none;transform:translate(-50%,-50%)}.phone-wrap{transition:none!important}.phone-wrap.stage-pending{translate:0 0;scale:1}.comment-card:hover,.comment-card.cmt-pressing,.comment-card .cmt-entry.extra:hover{transform:none!important}.comment-card .cmt-dots{transform:none!important;transition:opacity var(--duration-ui) ease!important}.sidebar.right .ctl,.sidebar.right .ctl span,.sidebar.right .ctl kbd{transition:none!important}.sidebar.right .ctl:hover{transform:none!important}.sidebar.comments,.sidebar.left,.sidebar.right,.sidebar.console{background:var(--viewer-inspector);box-shadow:var(--viewer-panel-edge)}.sidebar.comments:before,.sidebar.left:before{content:none}.inspector-sticky-head{background:var(--surface-1);-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar,.sidebar .inner,.howto,.howto-card,.draw-modal,.draw-modal>.draw-toolbar,.draw-modal>.dm-row,.lightbox,.lightbox>.lb-row,.lightbox>.lb-scrub,.lightbox>.lb-drawbar,.cpick,.cpick-card,.cmt-menu,.cmt-menu-item,.cmt-dots:before,.ui-tooltip,#soundIco .sound-wave,#soundIco .sound-slash{transition:none!important}.vc-btn.rec.urgent{box-shadow:0 0 0 3px var(--rec),0 0 24px rgba(var(--rec-rgb),.55)}.phone.vc-ring.urgent:after{box-shadow:0 0 0 5px var(--rec),0 0 30px rgba(var(--rec-rgb),.6)}}@media(prefers-reduced-transparency:reduce){:root{--viewer-sticky:var(--surface-1)}header,footer,.comments-sticky-head,.howto-card,.cpick-card,.draw-toolbar,.lb-scrub,.dm-panel,.lb-cmt-col{background:var(--surface-1);backdrop-filter:none}.inspector-sticky-head{background:var(--surface-1);-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar.comments,.sidebar.left,.sidebar.right,.sidebar.console{background:var(--viewer-inspector);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--viewer-panel-edge)}.sidebar.comments:before,.sidebar.left:before{content:none}#stage:before{display:none}.cmt-dots:before{display:none}}@media(prefers-contrast:more){:root{--mut:#b4b4bc;--txt-dim:#b4b4bc;--viewer-window-line:rgba(255,255,255,.24);--viewer-sticky:var(--surface-1)}.sidebar,.howto-card,.cpick-card,.draw-toolbar,.lb-scrub,.dm-panel,.lb-cmt-col{border-color:var(--viewer-window-line)}.sidebar.comments,.sidebar.left,.sidebar.right,.sidebar.console{background:var(--viewer-inspector);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--viewer-panel-edge)}header{background:var(--viewer-inspector);-webkit-backdrop-filter:none;backdrop-filter:none}.inspector-sticky-head{background:var(--surface-1);-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar.comments:before,.sidebar.left:before{content:none}#stage:before{display:none}}@media(max-width:920px){#layerHudBtn,#fsBtn,#changeBtn{margin-top:0}.sidebar .inner{padding:10px}main{opacity:1;transition:opacity var(--duration-ui) ease}body.mobile-switching main{opacity:0}.inspector-sticky-head{background:var(--surface-1);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:920px)and (prefers-reduced-motion:reduce){main{transition:none!important}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}