:root{color-scheme:light}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji;background:#0b0b0c;color:#f4f4f5}.embedRoot{width:100vw;height:100vh;overflow:hidden}.embedViewer{width:100%;height:100%}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:16px}.card{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.thumb{width:100%;height:140px;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px;display:block;background:rgba(255,255,255,.06)}.cardBody{padding:12px;display:flex;flex-direction:column;gap:10px}.muted{color:rgba(244,244,245,.7)}.viewerFrame{height:calc(100vh - 56px);border-top:1px solid rgba(255,255,255,.12)}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px}.topbarTitle{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sequencePage{padding-top:20px;padding-bottom:20px}.sequenceViewer{margin-top:16px;display:flex;flex-direction:column;gap:12px}.sequenceHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.sequenceTitle{font-size:18px;font-weight:700}.sequenceCounter{font-size:14px;color:rgba(244,244,245,.8)}.sequenceStage{position:relative;min-height:100vh;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#050505;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;cursor:-webkit-grab;cursor:grab}.loadingOverlay{position:absolute;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:20;opacity:1;transition:opacity .24s ease}.loadingOverlay.isExiting{opacity:0}.loadingContent{display:flex;flex-direction:column;align-items:center;gap:14px}.loadingLogo{width:150px;max-width:60vw;height:auto;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.45))}.loadingBuffer{width:220px;max-width:72vw;height:6px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.loadingBufferBar{height:100%;width:40%;background:#c57f58;border-radius:999px;transform:translateX(-120%);animation:bufferMove 1.1s ease-in-out infinite}@keyframes bufferMove{0%{transform:translateX(-120%)}to{transform:translateX(280%)}}.sequenceStage.isDragging{cursor:-webkit-grabbing;cursor:grabbing}.sequenceStage.embedStage{width:100%;height:100%;min-height:100vh;border:0;border-radius:0}.sequenceStage.embedStage .sequenceImage{min-height:100vh}.sequenceNavBar{padding:14px;display:flex;flex-direction:column;gap:10px}.sequenceNavRow{display:grid;grid-template-columns:auto 1fr auto auto;grid-gap:12px;gap:12px;align-items:center}.sequenceNavLabel{font-size:13px}.sequenceSlider{width:100%;accent-color:#60a5fa}.sequenceImage{width:100%;height:100%;min-height:70vh;display:block;object-fit:contain;background:#050505;transform-origin:center center;transition:transform .12s ease-out;will-change:transform}.sequenceOverlay{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:center;pointer-events:none}.sequenceHint{padding:10px 14px}.sequenceToolbar{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center}.sequenceProgress{width:100%;height:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.sequenceProgressBar{height:100%;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#22c55e)}.sequenceControls{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.sequenceControlPanel{padding:14px;display:flex;flex-direction:column;gap:10px}.sequenceControlTitle{font-size:14px;font-weight:700}.sequenceControlRow{display:flex;gap:10px;flex-wrap:wrap}.sequenceValue{font-size:13px}@media (max-width:900px){.sequenceNavRow{grid-template-columns:1fr}}