.split-stage-wrap{overflow-anchor:none;background-color:#f8fafc;border-radius:.75rem;place-items:center;height:clamp(22rem,68vh,46rem);display:grid;overflow:hidden}@media (width>=64rem){.split-stage-wrap{height:clamp(24rem,72vh,52rem)}}.split-stage{line-height:0;position:relative}.split-stage.is-custom{cursor:crosshair}.split-stage img{object-fit:fill;width:100%;max-width:none;height:100%;display:block}.split-overlay{pointer-events:none;--split-line:#2563eb;position:absolute;inset:0}.split-overlay.is-custom{--split-line:#a855f7}.split-slice-label{color:#fff;text-shadow:0 0 2px #0f172af2,0 0 3px #0f172abf;pointer-events:none;padding:0 3px;font-size:11px;font-weight:700;line-height:1.3;position:absolute}.split-cell{color:#fff;cursor:pointer;pointer-events:auto;transition:background-color var(--dur-fast) var(--ease-standard);background-color:#0000;border:0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:clamp(.875rem,2.4vh,1.5rem);font-weight:700;line-height:1;display:flex;position:absolute}.split-cell:hover{background-color:#0052d41f}.split-cell:focus-visible{outline:2px solid var(--color-brand-600);outline-offset:-2px}.split-cell.is-excluded{background-color:#0f172a8c}.split-cell.is-excluded:after{content:"✕";text-shadow:0 1px 3px #0f172a99}.split-line{position:absolute}.split-line--v{width:14px;margin-left:-7px;top:0;bottom:0}.split-line--h{height:14px;margin-top:-7px;left:0;right:0}.split-line--v:before,.split-line--h:before{content:"";background-color:var(--split-line);position:absolute;box-shadow:0 0 0 1px #ffffffbf}.split-line--v:before{width:2px;top:0;bottom:0;left:6px}.split-line--h:before{height:2px;top:6px;left:0;right:0}.split-line.is-interactive{pointer-events:auto;cursor:ew-resize}.split-line--h.is-interactive{cursor:ns-resize}.split-line.is-interactive:after{content:"";border:2px solid var(--split-line);background-color:#fff;border-radius:9999px;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.split-line.is-dragging:before{background-color:#1d4ed8}.split-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.split-mode-card{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:border-color var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard);background-color:#fff;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;font-weight:500;display:flex;position:relative}.split-mode-card input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.split-mode-card:hover{border-color:var(--color-brand-300)}.split-mode-card:has(input:checked){border-color:var(--color-brand-500);background-color:var(--color-brand-50);color:var(--color-brand-700);font-weight:600}.split-mode-card:has(input:focus-visible){outline:2px solid var(--color-brand-600);outline-offset:2px}.split-line-list{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.split-line-row{align-items:center;gap:.5rem;display:flex}.split-line-tag{width:2rem;color:var(--color-text-muted);flex:none;font-size:.75rem}.split-line-row input[type=range]{min-width:0;accent-color:var(--color-brand-600);flex:auto}.split-line-remove{width:1.25rem;height:1.25rem;color:var(--color-brand-400);cursor:pointer;background:0 0;border:0;border-radius:9999px;flex:none;place-items:center;padding:0;font-size:.875rem;line-height:1;display:grid}.split-line-remove:hover{background-color:var(--color-danger-bg);color:var(--color-danger-text)}.split-instagram-note{border:1px solid var(--color-brand-200);background-color:var(--color-brand-50);border-radius:.5rem;padding:.625rem .75rem}.split-strip{gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.split-thumb{flex:none;position:relative}.split-thumb-pick{cursor:pointer;background-color:#f1f5f9;border:2px solid #0000;border-radius:.5rem;padding:0;display:block}.split-thumb-pick img{object-fit:cover;border-radius:.375rem;width:4rem;height:3rem;display:block}.split-thumb.is-active .split-thumb-pick{border-color:var(--color-brand-600)}.split-thumb-index{color:#fff;pointer-events:none;background:#0f172abf;border-radius:9999px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:600;line-height:1;display:grid;position:absolute;top:4px;left:4px}.split-thumb-remove{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0f172a59;border-radius:9999px;place-items:center;width:18px;height:18px;padding:0;font-size:12px;line-height:1;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 2px #0f172a40}.split-thumb-remove:hover{color:#fff;background:#ef4444;border-color:#ef4444}