.player-anchor{position:relative;scroll-margin-top:72px}.player-shell{position:relative;isolation:isolate;overflow:hidden;background:oklch(.06 0 0);width:100%;height:min(740px,calc(100svh - 160px));min-height:480px;border-radius:24px;color:oklch(1 0 0)}.main-video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;z-index:0}.video-gesture{position:absolute;inset:0;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;z-index:1}.player-top{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none;z-index:3}.player-top>*{pointer-events:auto}.framing-status{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;background:oklch(0 0 0/.54);backdrop-filter:blur(12px);font-size:10px;font-weight:650;line-height:1.5;max-width:75%;color:oklch(1 0 0)}.framing-status>svg{width:16px;height:16px}.framing-status small{display:block;font-size:9px;font-weight:400;opacity:.85}.video-button{width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:oklch(1 0 0);background:transparent}.video-button svg{width:22px;height:22px}.pan-toggle{background:oklch(0 0 0/.28);margin-left:auto}.pan-toggle svg{width:25px;height:25px}.center-play{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);height:67px;width:67px;border:1px solid oklch(1 0 0/.35);border-radius:50%;background:oklch(0 0 0/.28);backdrop-filter:blur(8px);color:oklch(1 0 0);z-index:4;display:grid;place-items:center}.center-play svg{width:28px;height:28px;fill:currentColor;margin-left:3px}.center-play:active{transform:translate(-50%,-50%) scale(.96)}.player-bottom{position:absolute;left:0;right:0;bottom:0;padding:80px 13px 13px;background:linear-gradient(transparent,oklch(0 0 0/.35) 35%,oklch(0 0 0/.88));z-index:3;pointer-events:none}.player-bottom>*{pointer-events:auto}.resume-ai{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:750;padding:11px 17px;min-height:43px;border-radius:24px;margin:0 auto 17px;box-shadow:0 5px 22px oklch(0 0 0/.18)}.resume-ai svg{width:17px;height:17px}.pan-hint{text-align:center;font-size:9px;line-height:1.6;color:oklch(.95 0 0);margin:0 15px 12px;text-shadow:0 1px 4px oklch(0 0 0/.6)}.navigator-row{display:flex;align-items:center;gap:7px;padding:0 4px}.navigator-row>.video-button{width:30px;min-width:30px;height:44px}.navigator-row>.video-button svg{width:20px;height:20px}.panorama{position:relative;flex:1;background:oklch(.16 0 0);border-radius:7px;overflow:hidden;box-shadow:0 0 0 1px oklch(1 0 0/.25);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:ew-resize}.panorama canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:140px;object-fit:fill;pointer-events:none}.crop-outline{position:absolute;top:0;bottom:0;border:2px solid oklch(1 0 0);border-radius:5px;background:oklch(1 0 0/.04);box-shadow:0 0 0 500px oklch(0 0 0/.32);pointer-events:none}.crop-outline:after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);height:3px;width:15px;max-width:60%;background:oklch(1 0 0);border-radius:2px}.pan-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none;touch-action:none}.panorama:focus-within{outline:3px solid oklch(1 0 0);outline-offset:3px}.playback-controls{display:flex;gap:3px;align-items:center;margin-top:10px}.playback-controls .video-button{width:39px;min-width:39px;height:44px}.playback-controls .video-button svg{width:19px;height:19px}.seek-wrap{display:flex;flex-direction:column;flex:1;min-width:0;padding:0 5px}.seek{--progress:0%;appearance:none;-webkit-appearance:none;width:100%;height:4px;border-radius:3px;background:linear-gradient(to right,oklch(.68 .19 25) var(--progress),oklch(1 0 0/.38) var(--progress));margin:10px 0;cursor:pointer;touch-action:pan-y}.seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:oklch(.7 .19 25);box-shadow:0 0 0 8px transparent}.seek::-moz-range-thumb{border:0;width:11px;height:11px;border-radius:50%;background:oklch(.7 .19 25)}.time-code{font-variant-numeric:tabular-nums;font-size:9px;line-height:1;color:oklch(.94 0 0);margin-top:1px}.video-failure{position:absolute;inset:25% 24px auto;text-align:center;padding:24px;background:oklch(.1 0 0/.85);border-radius:16px;z-index:8}.video-failure p{font-size:14px;line-height:1.7}.video-failure .btn{margin-top:17px}.panorama.dragging{cursor:grabbing}.mini-controls{display:none}.player-shell.mini{position:fixed;z-index:45;bottom:22px;right:22px;width:240px;height:140px;min-height:0;border-radius:17px;box-shadow:0 5px 35px oklch(0 0 0/.35)}.player-shell.mini .main-video{object-fit:contain!important}.player-shell.mini .player-top,.player-shell.mini .player-bottom,.player-shell.mini .center-play,.player-shell.mini .video-gesture{display:none}.player-shell.mini .mini-controls{display:flex;position:absolute;inset:auto 0 0;justify-content:space-between;padding:4px 6px;background:linear-gradient(transparent,oklch(0 0 0/.8))}.mini-controls .video-button{width:38px;height:40px;min-width:38px}.mini-controls .video-button svg{width:17px;height:17px}.player-shell :focus-visible{outline:3px solid oklch(1 0 0);outline-offset:3px}
@media(max-width:680px){.player-shell{height:calc(100svh - 123px);min-height:500px;max-height:780px;border-radius:0}.player-top{top:18px;left:18px;right:18px}.player-bottom{padding-inline:14px;padding-bottom:13px}.navigator-row{padding-inline:4px;gap:7px}.panorama canvas{max-height:130px}.player-shell.mini{right:14px;bottom:calc(15px + env(safe-area-inset-bottom));width:170px;height:108px;min-height:0;border-radius:14px}.sheet .player-shell{height:65svh;min-height:380px}.sheet .panorama canvas{max-height:100px}}
@media(orientation:landscape) and (max-height:600px){.view-space .player-shell:not(.mini){position:fixed;inset:0;z-index:90;height:100dvh;width:100vw;max-height:none;min-height:0;border-radius:0}.view-space .player-shell .main-video{object-fit:contain!important;object-position:center!important}.view-space .player-shell .player-top,.view-space .navigator-wrap,.view-space .resume-ai{display:none!important}.view-space .player-bottom{padding:50px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));max-width:900px;margin:auto}.view-space .player-shell .video-gesture{pointer-events:none}.view-space .player-shell .playback-controls{gap:14px}.view-space .player-shell .center-play{top:50%}.view-space .player-shell [data-player="fit"]{display:none}.view-space #header{z-index:95;background:transparent;pointer-events:none;position:fixed;top:0;left:0;right:0}.view-space #header .topbar{max-width:none;color:oklch(1 0 0);pointer-events:none}.view-space #header .topbar>a:first-child,.view-space #header .header-actions{pointer-events:auto;background:oklch(0 0 0/.4);border-radius:24px}.view-space #header .space-owner{display:none}.view-space .sheet{z-index:100}}
@media(prefers-reduced-motion:reduce){.center-play:active{transform:translate(-50%,-50%)}}
.framing-status{font-size:12px}.framing-status small{font-size:10px}.pan-hint{font-size:11px}.time-code{font-size:11px}.resume-ai{font-size:12px}.playback-controls .video-button,.navigator-row>.video-button{width:44px;min-width:44px}.panorama canvas{max-height:none}.player-top .framing-status{max-width:76%}