.viewer-root{display:flex;flex-direction:column;height:100%;min-height:0;background:#060907;color:#f4f4f5;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:14px}.viewer-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px;padding:0 16px;background:#18181b;border-bottom:1px solid rgba(255,255,255,.1);flex:0 0 auto;z-index:5}.viewer-topbar-left,.viewer-topbar-right{display:flex;align-items:center;gap:12px;min-width:0}.viewer-back{flex:0 0 auto;padding-left:10px;padding-right:12px}.viewer-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-title,.viewer-title-input{font-size:15px;font-weight:600;letter-spacing:-.01em;color:#f4f4f5;max-width:42vw}.viewer-title-input{background:#27272a;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:7px 12px;min-width:240px;outline:none;transition:border-color .14s}.viewer-title-input:focus{border-color:rgba(255,255,255,.3)}.viewer-counter{font-variant-numeric:tabular-nums;font-size:12px;color:#a1a1aa;white-space:nowrap}.viewer-status{font-size:11.5px;color:#71717a;min-width:52px;text-align:right;white-space:nowrap}.viewer-mode{display:inline-flex;padding:3px;gap:2px;background:#27272a;border:1px solid rgba(255,255,255,.15);border-radius:10px}.viewer-mode-btn{appearance:none;border:0;background:transparent;color:#a1a1aa;font-size:12.5px;font-weight:500;padding:5px 14px;border-radius:7px;cursor:pointer;transition:background .14s,color .14s}.viewer-mode-btn:hover{color:#f4f4f5}.viewer-mode-btn.is-on{background:#f4f4f5;color:#18181b;font-weight:600}.viewer-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.viewer-rail{flex:0 0 208px;width:208px;background:#18181b;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;min-height:0}.viewer-rail-head{flex:0 0 auto;padding:12px 16px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#71717a;border-bottom:1px solid rgba(255,255,255,.1)}.viewer-rail-list{list-style:none;overflow-y:auto;overflow-x:hidden;padding:10px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0}.viewer-thumb{display:flex;align-items:center;gap:10px;width:100%;padding:6px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;text-align:left;transition:background .14s,border-color .14s}.viewer-thumb:hover{background:#27272a;border-color:rgba(255,255,255,.15)}.viewer-thumb.is-active{background:#27272a;border-color:rgba(255,255,255,.3)}.viewer-thumb:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:2px}.viewer-thumb-num{flex:0 0 auto;width:18px;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;color:#71717a;text-align:right}.viewer-thumb.is-active .viewer-thumb-num{color:#f4f4f5}.viewer-thumb-frame{flex:1 1 auto;position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.1)}.viewer-thumb.is-active .viewer-thumb-frame{border-color:rgba(255,255,255,.15)}.viewer-thumb-inner{position:absolute;inset:0;display:block;pointer-events:none}.viewer-thumb-inner .hc-slide{border-radius:0!important}.viewer-stage{background:#060907;overflow:hidden;container-type:size}.viewer-scene,.viewer-stage{flex:1 1 auto;min-width:0;min-height:0;display:flex}.viewer-scene{align-items:center;justify-content:center;padding:40px}.viewer-scene-frame{aspect-ratio:var(--deck-w,1920) /var(--deck-h,1080);height:min(100%,calc((100cqw - 80px) * var(--deck-h, 1080) / var(--deck-w, 1920)));max-height:calc(100cqh - 80px);width:auto;display:block}.viewer-scene-frame .hc-slide{border-radius:14px}.viewer-edit-wrap{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 40px}.viewer-edit-slide{aspect-ratio:var(--deck-w,1920) /var(--deck-h,1080);height:min(calc(100% - 34px),calc((100cqw - 80px) * var(--deck-h, 1080) / var(--deck-w, 1920)));max-height:calc(100cqh - 90px);width:auto;border-radius:14px}.viewer-edit-slide .hc-slide{border-radius:14px}.viewer-edit-hint{flex:0 0 auto;font-size:12px;color:#71717a;text-align:center}.viewer-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;min-height:24rem;padding:24px;text-align:center;background:#060907;color:#f4f4f5;border:1px solid rgba(255,255,255,.1);border-radius:14px}.viewer-fallback-title{font-size:15px;font-weight:600;color:#f4f4f5}.viewer-fallback-sub{font-size:13px;color:#a1a1aa;max-width:380px}.viewer-spinner{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:#f4f4f5;animation:viewer-spin .7s linear infinite;margin-bottom:6px}@keyframes viewer-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.viewer-spinner{animation-duration:1.4s}.viewer-stack-item,.viewer-stage{scroll-behavior:auto;transition:none}}@media (max-width:720px){.viewer-rail{flex-basis:96px;width:96px}.viewer-thumb-num{display:none}.viewer-rail-head{padding:10px 8px;text-align:center}.viewer-title,.viewer-title-input{max-width:34vw}}