.pin-lock{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--bg,#080b12) 82%,transparent);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.pin-card{width:min(390px,100%);padding:34px 24px;border-radius:34px;text-align:center}.pin-cloud{width:70px;height:70px;margin:auto;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#62b6ff,#087fff);font-size:34px;color:white;box-shadow:0 16px 40px #087fff55}.pin-card h1{margin:18px 0 6px}.pin-card p{opacity:.65}.pin-dots{display:flex;justify-content:center;gap:15px;margin:28px}.pin-dots i{width:13px;height:13px;border:1.5px solid currentColor;border-radius:50%;transition:transform .16s ease,background .16s ease}.pin-dots i.on{background:currentColor;transform:scale(1.12)}.pin-dots.shake{animation:pin-shake .28s ease}.pin-pad{display:grid;grid-template-columns:repeat(3,68px);justify-content:center;gap:13px}.pin-pad button{width:68px;height:68px;border:0;border-radius:50%;font:500 24px system-ui;color:inherit;background:color-mix(in srgb,currentColor 10%,transparent);transition:transform .12s ease,background .12s ease}.pin-pad button:active{transform:scale(.91);background:color-mix(in srgb,#0a84ff 28%,transparent)}.pin-cancel{margin-top:22px;border:0;background:transparent;color:#0a84ff;font-weight:700}@keyframes pin-shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}.timeline-head{position:sticky;top:0;z-index:2;padding:16px 10px 8px;background:color-mix(in srgb,var(--bg,#080b12) 88%,transparent);backdrop-filter:blur(18px)}.timeline-group{margin-bottom:24px}.timeline-group h3{padding:0 10px}.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.timeline-grid button{padding:0;border:0;background:#222;aspect-ratio:1;overflow:hidden}.timeline-grid img{width:100%;height:100%;object-fit:cover}.preview-modal{padding:12px!important;background:transparent!important;border:0!important}.preview-modal>header,.preview-modal>footer,.preview-stage{background:color-mix(in srgb,var(--bg,#10131c) 82%,transparent);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.preview-modal>header{border-radius:28px 28px 0 0}.preview-stage{padding:12px;box-sizing:border-box}.preview-stage img,.preview-stage video,.preview-stage iframe{width:100%;height:100%;object-fit:contain;border-radius:20px;background:#000}.preview-modal>footer{border-radius:0 0 28px 28px}.icloud-menu{position:fixed;z-index:9998;min-width:190px;padding:8px;border-radius:18px;background:color-mix(in srgb,var(--bg,#10131c) 82%,transparent);backdrop-filter:blur(26px);box-shadow:0 18px 60px #0007}.icloud-menu button{display:block;width:100%;padding:12px;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left}.icloud-menu button:active{background:#0a84ff;color:#fff}@media(min-width:700px){.timeline-grid{grid-template-columns:repeat(6,1fr)}.preview-modal{width:min(1100px,94vw)!important}}
.pin-lock[hidden]{display:none!important}
.preview-stage{position:relative;min-height:0;overflow:hidden}.preview-stage .preview-image{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;margin:auto;background:transparent!important;cursor:default!important}.preview-quality{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:3;padding:8px 13px;border:1px solid #ffffff2d;border-radius:999px;background:#111827bb;color:#fff;font:600 12px system-ui;backdrop-filter:blur(14px);white-space:nowrap}.preview-quality:disabled{opacity:.72}.preview-modal{height:min(88dvh,820px)!important}.preview-modal>header{height:58px!important}.preview-modal>footer{height:62px!important}.preview-stage{height:calc(100% - 120px)!important}@media(max-width:679px){.preview-modal{width:calc(100vw - 24px)!important;height:calc(100dvh - 130px)!important;max-height:none!important;margin:auto!important}.preview-stage{height:calc(100% - 120px)!important;padding:10px!important}.preview-modal>header{border-radius:24px 24px 0 0!important}.preview-modal>footer{border-radius:0 0 24px 24px!important}}
.preview-stage{touch-action:none!important;overscroll-behavior:contain}.preview-media{will-change:transform;transform-origin:center center;backface-visibility:hidden}.preview-modal::backdrop{opacity:var(--drag-opacity,1)}.preview-modal.dragging{transform:none!important}.preview-modal>header,.preview-modal>footer,.preview-filmstrip{transition:opacity .2s ease,transform .2s ease}.preview-modal.controls-hidden>header{opacity:0;transform:translateY(-100%);pointer-events:none}.preview-modal.controls-hidden>footer{opacity:0;transform:translateY(100%);pointer-events:none}.preview-filmstrip{position:absolute;left:50%;bottom:74px;z-index:4;max-width:88%;display:flex;gap:5px;padding:6px;overflow-x:auto;transform:translateX(-50%);border-radius:13px;background:#11182799;backdrop-filter:blur(16px);scrollbar-width:none}.controls-hidden .preview-filmstrip{opacity:0;transform:translate(-50%,16px);pointer-events:none}.preview-filmstrip button{flex:0 0 38px;width:38px;height:38px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#333}.preview-filmstrip button.active{border-color:#0a84ff;transform:scale(1.08)}.preview-filmstrip img{width:100%;height:100%;object-fit:cover}.preview-info{position:absolute;left:12px;right:12px;bottom:12px;z-index:8;padding:10px 18px 24px;border-radius:22px;background:color-mix(in srgb,var(--bg,#111827) 88%,transparent);backdrop-filter:blur(28px);box-shadow:0 -16px 60px #0005}.preview-info[hidden]{display:none}.preview-info-handle{width:38px;height:5px;margin:0 auto 14px;border-radius:4px;background:currentColor;opacity:.25}.preview-info>div:not(.preview-info-handle){display:grid;grid-template-columns:80px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #ffffff18}.preview-info span{opacity:.6}.preview-info b{overflow-wrap:anywhere}.preview-modal footer button{height:44px;padding:0 14px;border:0;border-radius:14px;color:inherit;background:#ffffff14}
.preview-modal footer{display:grid!important;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;justify-content:stretch!important}.preview-direction{display:flex!important;align-items:center;justify-content:center;gap:5px;min-width:44px}.preview-direction:disabled{opacity:.28}.preview-stage .preview-media{transform:translate3d(0,0,0) scale(1);transform-origin:center;object-fit:contain!important}.preview-stage video.preview-media{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:auto;background:#000}.preview-stage iframe.preview-media{width:100%!important;height:100%!important}@media(max-width:679px){.preview-modal footer{grid-template-columns:44px auto 1fr 44px!important;padding:8px 10px!important}.preview-direction span{display:none}.preview-direction{min-width:44px!important;padding:0!important}.preview-modal footer .download-button{padding:0 14px}.preview-filmstrip{bottom:72px}}
.preview-modal footer{grid-template-columns:auto auto auto 1fr auto!important}.preview-modal footer .download-button{justify-self:end}@media(max-width:679px){.preview-modal footer{grid-template-columns:44px 44px auto 1fr 44px!important}}
.preview-stage{display:block!important;position:relative!important;contain:layout paint!important}.preview-stage .preview-image.preview-media{position:absolute!important;inset:10px!important;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain!important;object-position:center center!important}.preview-stage video.preview-media{position:absolute!important;inset:10px!important;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important;object-fit:contain!important;object-position:center center!important}
.preview-stage .preview-canvas{position:absolute!important;inset:10px!important;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:contain!important;border-radius:20px;transform:translate3d(0,0,0) scale(1);will-change:transform;backface-visibility:hidden}