.split-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;background:#e8eee4;border-radius:12px;margin:18px 0}.split-tabs button{font-size:14px;padding:12px 6px;border-radius:8px;color:#6a7f5e;min-height:44px}.split-tabs button.active{background:#fff;color:#2e4938;box-shadow:0 2px 8px #2339240c;font-weight:700}.split-parameters h3{font-size:16px;margin-top:0}.shot-save-header{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid #e0e7da;border-radius:12px;padding:18px;margin:16px 0}.shot-save-header h3{font-size:17px;margin:0 0 6px}.shot-save-header span{font-size:12px;color:#8a9b7d}.shot-filters{background:#fff;padding:15px;border-radius:12px;border:1px solid #e2e8dc}.shot-filters>input{width:100%;border:1px solid #dae3d4;border-radius:7px;padding:11px;font-size:13px}.shot-filters .duration-filters{margin-bottom:0}.duration-filters label{font-size:12px;color:#6c7e61}.duration-filters .check-inline{display:flex;align-items:center;gap:6px}.duration-filters input[type=checkbox]{width:auto}.shot-save-header .btn{white-space:nowrap}.shot-selection-bar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.save-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid #e7eddf}.save-summary span{font-size:12px;color:#899b7a}.save-settings{max-width:850px}.statusline>strong{display:block;font-size:15px;margin-bottom:5px}.statusline>span{display:block}.progress-footer{display:flex;align-items:center;justify-content:space-between}.tool-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:20px;align-items:start}.tool-controls h3{margin-top:0;font-size:16px}.format-target{display:flex;flex-direction:column;gap:10px;background:#eff4e9;border-radius:10px;padding:24px;margin:20px 0}.format-target b{font-size:28px;letter-spacing:2px;color:#3e5d40}.format-target span{font-size:13px;color:#7a9069}.timeline-strip{display:grid;grid-template-columns:repeat(8,1fr);height:48px;overflow:hidden;border-radius:7px;margin:10px 0 20px;background:#e0e8d7}.timeline-strip img{width:100%;height:100%;object-fit:cover}.range-boundary{margin:14px 0;border:1px solid #e2e9db;border-radius:9px;padding:12px}.boundary-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px}.boundary-head label{font-size:13px;font-weight:700;color:#596c4f}.time-input-inline{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.time-input-inline input{width:125px;max-width:100%;font-size:12px;border:1px solid #d9e2d0;padding:7px 5px;border-radius:5px;text-align:center}.time-input-inline button{font-size:11px}.range-boundary input[type=range]{width:100%;height:32px;accent-color:#cf8750;touch-action:pan-y}.boundary-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.boundary-foot small{font-size:10px;color:#8f9f82}.boundary-foot .text-btn{padding:4px;font-size:11px}.range-readout{font-size:12px;color:#7a8b6e;line-height:1.8;margin-bottom:18px}.range-readout>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:12px}.manual-divider{height:1px;background:#e2e9db;margin:25px 0}.cut-chips{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.cut-chip{background:#edf2e6;color:#6a8258;padding:8px;border-radius:5px;font-size:12px}.trim-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:20px;align-items:start}.trim-layout .video-box{position:sticky;top:20px}.community-card{max-width:650px;text-align:center;padding:35px!important}.community-icon{display:inline-flex;padding:15px;background:#e9f0e2;color:#678255;border-radius:50%}.community-icon svg{width:28px;height:28px}.community-card h2{font-size:21px}.community-instructions{white-space:pre-wrap;font-size:14px;line-height:1.9;color:#7c8b71}.group-number{display:flex;justify-content:center;gap:14px;align-items:center;flex-wrap:wrap;padding:20px;border-radius:10px;background:#eef3e8;margin:20px 0}.group-number span{font-size:12px;color:#879a76}.group-number strong{font-size:23px;letter-spacing:1px}.announcement{font-size:14px;line-height:1.8;align-items:flex-start}.announcement svg{color:#c88b58;margin-top:3px;width:18px;height:18px}.sample-link{text-align:center}.source-empty{margin-bottom:15px}#capture-preview img{display:block;max-width:100%;border-radius:9px;margin-top:20px}.tool-controls .keyvalue{font-size:13px;line-height:1.7}.tool-controls .keyvalue span:last-child{text-align:right;word-break:break-all}
@media(max-width:900px){.tool-layout,.trim-layout{grid-template-columns:1fr}.trim-layout .video-box{position:sticky;top:0;z-index:10;box-shadow:0 4px 16px #15221d12}.split-tabs button{font-size:12px;padding:10px 4px}.shot-save-header{padding:15px}.shot-save-header .btn{font-size:13px;padding:10px 15px}.boundary-head{gap:6px}.time-input-inline{gap:2px}.time-input-inline .text-btn{font-size:10px;padding:6px}.time-input-inline input{width:106px;font-size:11px}.timeline-strip{height:42px}.range-boundary{padding:10px}.boundary-head label{font-size:12px}.content .split-parameters{padding:17px}.shot-filters{padding:12px}.duration-filters input{width:62px}.shot-selection-bar{gap:3px}.shot-selection-bar .text-btn{font-size:11px;padding:8px 6px}.tool-controls .btn{font-size:13px}.community-card{padding:24px!important}.save-summary{align-items:flex-start;flex-direction:column}.save-settings .form-grid{gap:8px}.range-editor .btn{font-size:12px;padding:8px 10px;min-height:34px}.shot-results .pagination{gap:9px}.hero .pill{font-size:9px}}
.split-player.pinned{position:sticky;top:12px;z-index:10}.split-player.pinned .video-box{box-shadow:0 4px 16px #22352214}@media(max-width:760px){.split-player.pinned{top:0}.split-player.pinned video{max-height:200px}.split-player.pinned .video-info{padding:5px 9px}}

.system-preview{position:relative;background:#0d1713;min-height:170px;display:grid;place-items:center}.system-preview img{display:block;width:100%;max-height:350px;object-fit:contain}.system-play{position:absolute;inset:auto auto 14px;display:flex;align-items:center;gap:9px;border-radius:24px;padding:10px 17px;background:#ffffffed;color:#35513b;font-size:13px}.system-play svg{width:18px;height:18px}.native-scrub{padding:10px 15px;display:flex;align-items:center;gap:12px;color:#b3c7a6;font-size:11px}.native-scrub input{flex:1;min-width:0;accent-color:#d39360}.decode-info{padding:3px 13px 10px;font-size:11px;color:#a7ba9c;display:flex;align-items:center;gap:10px}.decode-warning{color:#956d39;font-size:12px;line-height:1.9;background:#fbf2e4;border:1px solid #f0ddbc;padding:12px;border-radius:8px}.decode-placeholder{padding:55px 20px;color:#9db48e}.result-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.saved-location{background:#eef5e7;color:#688258;padding:12px;border-radius:8px;font-size:13px;line-height:1.8}.export-row{flex-wrap:wrap}.export-row strong{font-size:12px;word-break:break-all}.realshot img[hidden]{display:none}.native-scrub span{white-space:nowrap}.system-preview img{aspect-ratio:16/9}@media(max-width:760px){.system-preview img{max-height:220px}.system-play{font-size:12px}.result-actions .btn{font-size:12px}.native-scrub{padding:8px}.decode-info{font-size:10px}.system-preview{min-height:130px}}

#scan-step-field[hidden]{display:none!important}