.page-module__eOIipa__container{min-height:100vh;font-family:var(--font-natural);color:#4a3f35;background:#faf8f5;padding:1.5rem 1rem}.page-module__eOIipa__header{text-align:center;max-width:1100px;margin:0 auto 1.25rem}.page-module__eOIipa__backLink{color:#8b7355;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.page-module__eOIipa__backLink:hover{opacity:.7}.page-module__eOIipa__backIcon{width:1.25rem;height:1.25rem}.page-module__eOIipa__title{color:#4a3f35;margin:0 0 .5rem;font-size:2rem;font-weight:700}.page-module__eOIipa__subtitle{color:#7a6f63;margin:0 0 .75rem;font-size:1rem}.page-module__eOIipa__helpBtn{color:#8b7355;cursor:pointer;background:#fff;border:1px solid #e8e4df;border-radius:8px;padding:.4rem .9rem;font-family:inherit;font-size:.8125rem;font-weight:600}.page-module__eOIipa__helpBtn:hover{background:#f5f0eb}.page-module__eOIipa__help{color:#7a6f63;background:#fff;border:1px solid #e8e4df;border-radius:12px;max-width:1100px;margin:0 auto 1.25rem;padding:1rem 1.25rem;font-size:.875rem;line-height:1.8}.page-module__eOIipa__help p{margin:0 0 .4rem}.page-module__eOIipa__help b{color:#4a3f35}.page-module__eOIipa__panels{flex-wrap:wrap;gap:1rem;max-width:1100px;margin:0 auto 1rem;display:flex}.page-module__eOIipa__panel{background:#fff;border:1px solid #e8e4df;border-radius:14px;flex-direction:column;flex:380px;min-width:280px;display:flex;overflow:hidden;box-shadow:0 4px 16px #4a3f3514}.page-module__eOIipa__panelHead{border-bottom:1px solid #f0ece6;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.625rem;display:flex}.page-module__eOIipa__badge{color:#fff;white-space:nowrap;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.page-module__eOIipa__badgeA{background:#8b7355}.page-module__eOIipa__badgeB{background:#c2698a}.page-module__eOIipa__src{flex-wrap:wrap;flex:1;align-items:center;gap:.4rem;display:flex}.page-module__eOIipa__urlInput{color:#4a3f35;background:#faf8f5;border:1px solid #e8e4df;border-radius:8px;flex:1;min-width:130px;padding:.375rem .5rem;font-family:inherit;font-size:.75rem}.page-module__eOIipa__btn{color:#4a3f35;cursor:pointer;white-space:nowrap;background:#f5f0eb;border:1px solid #e8e4df;border-radius:8px;padding:.375rem .625rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.page-module__eOIipa__btn:hover{border-color:#8b7355}.page-module__eOIipa__btnActive{color:#fff;background:#8b7355;border-color:#8b7355}.page-module__eOIipa__stage{aspect-ratio:16/9;background:#111;width:100%;position:relative}.page-module__eOIipa__media{width:100%;height:100%;position:absolute;inset:0}.page-module__eOIipa__media.page-module__eOIipa__mirror{transform:scaleX(-1)}.page-module__eOIipa__media video,.page-module__eOIipa__media iframe{object-fit:contain;background:#000;border:0;width:100%;height:100%;display:block}.page-module__eOIipa__dropHint{color:#cbb9a3;text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:1rem;font-size:.8125rem;line-height:1.6;display:flex;position:absolute;inset:0}.page-module__eOIipa__dragover{outline-offset:-6px;outline:3px dashed #8b7355}.page-module__eOIipa__controls{background:#fff;border:1px solid #e8e4df;border-radius:14px;flex-direction:column;gap:.875rem;max-width:1100px;margin:0 auto;padding:1rem;display:flex;box-shadow:0 4px 16px #4a3f3514}.page-module__eOIipa__row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.page-module__eOIipa__label{color:#7a6f63;min-width:90px;font-size:.8125rem;font-weight:600}.page-module__eOIipa__timelineRow{gap:.75rem}.page-module__eOIipa__playBtn{color:#fff;cursor:pointer;background:#8b7355;border:none;border-radius:50%;flex:none;width:48px;height:48px;font-family:inherit;font-size:18px}.page-module__eOIipa__playBtn:hover{background:#7a6245}.page-module__eOIipa__seek{accent-color:#8b7355;flex:1;min-width:160px}.page-module__eOIipa__time{font-variant-numeric:tabular-nums;color:#7a6f63;text-align:right;min-width:96px;font-size:.8125rem}.page-module__eOIipa__seg{flex-wrap:wrap;gap:.4rem;display:flex}.page-module__eOIipa__slider{accent-color:#8b7355;flex:1;min-width:140px}.page-module__eOIipa__val{font-variant-numeric:tabular-nums;color:#4a3f35;text-align:center;min-width:64px;font-size:.8125rem;font-weight:600}@media (max-width:560px){.page-module__eOIipa__label{min-width:100%}.page-module__eOIipa__time{min-width:80px}}