.hh-image-splitter .hh-split-fieldset{border:0;padding:0;min-width:0}.hh-image-splitter .hh-split-fieldset legend{padding:0;float:none;width:100%;justify-content:flex-start;text-align:left}.hh-image-splitter .hh-split-note{margin:.4rem 0 0;font-size:.8rem;line-height:1.45;color:var(--hh-muted)}.hh-image-splitter .hh-split-note--center{text-align:center}.hh-image-splitter .hh-split-note--warn{color:#b45309;margin-bottom:.75rem}.hh-image-splitter [hidden]{display:none!important}.hh-image-splitter .hh-split-drop{width:100%;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.25rem 1rem;font:inherit;color:var(--hh-fg);background:var(--hh-surface-soft);border:2px dashed color-mix(in srgb,var(--hh-accent) 35%,var(--hh-border));border-radius:var(--hh-radius-sm);cursor:pointer;transition:border-color .15s ease,background .15s ease}.hh-image-splitter .hh-split-drop:hover,.hh-image-splitter.is-dragging .hh-split-drop{border-color:var(--hh-accent);background:color-mix(in srgb,var(--hh-accent) 6%,var(--hh-surface))}.hh-image-splitter .hh-split-drop:focus-visible{outline:2px solid var(--hh-accent);outline-offset:2px}.hh-image-splitter .hh-split-drop__icon{width:2.25rem;height:2.25rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--hh-grad);color:#fff;font-size:1.1rem}.hh-image-splitter .hh-split-drop__text{font-weight:600;font-size:.95rem;word-break:break-word}.hh-image-splitter .hh-split-drop__text u{color:var(--hh-accent)}.hh-image-splitter .hh-split-drop__hint{font-size:.78rem;color:var(--hh-muted)}.hh-image-splitter .hh-seg{display:flex;flex-wrap:wrap;gap:.4rem}.hh-image-splitter .hh-seg__opt{flex:1 1 0;min-width:6.5rem;margin:0;position:relative;cursor:pointer}.hh-image-splitter .hh-seg__opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.hh-image-splitter .hh-seg__opt span{display:flex;align-items:center;justify-content:center;min-height:40px;padding:.45rem .6rem;font-size:.86rem;font-weight:600;text-align:center;color:var(--hh-fg);background:var(--hh-surface);border:1px solid var(--hh-border);border-radius:var(--hh-radius-sm);transition:border-color .15s ease,background .15s ease}.hh-image-splitter .hh-seg__opt:hover span{border-color:color-mix(in srgb,var(--hh-accent) 40%,var(--hh-border))}.hh-image-splitter .hh-seg__opt input:checked+span{border-color:var(--hh-accent);background:color-mix(in srgb,var(--hh-accent) 8%,var(--hh-surface));color:var(--hh-accent)}.hh-image-splitter .hh-seg__opt input:focus-visible+span{outline:2px solid var(--hh-accent);outline-offset:2px}.hh-image-splitter .hh-split-editor{display:flex;flex-direction:column;gap:.6rem}.hh-image-splitter .hh-split-stage{display:flex;align-items:center;justify-content:center;min-height:200px;padding:.5rem;border-radius:var(--hh-radius-sm);background:#e2e8f0;background-image:linear-gradient(45deg,#edf1f6 25%,transparent 25%,transparent 75%,#edf1f6 75%),linear-gradient(45deg,#edf1f6 25%,transparent 25%,transparent 75%,#edf1f6 75%);background-size:16px 16px;background-position:0 0,8px 8px}.hh-image-splitter .hh-split-canvas{display:block;max-width:100%;cursor:grab;touch-action:none;border-radius:4px;box-shadow:0 6px 18px -8px #0f172a59}.hh-image-splitter .hh-split-canvas.is-grabbing{cursor:grabbing}.hh-image-splitter .hh-split-canvas:focus-visible{outline:2px solid var(--hh-accent);outline-offset:3px}.hh-image-splitter .hh-split-adjust{display:flex;flex-direction:column;gap:.6rem}.hh-image-splitter .hh-split-zoom{display:flex;align-items:center;gap:.6rem;margin:0;color:var(--hh-muted);font-weight:700}.hh-image-splitter .hh-split-adjust__btns{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.hh-image-splitter .hh-split-results{margin-top:1.25rem;padding:1.5rem;background:var(--hh-surface);border:1px solid var(--hh-border);border-radius:var(--hh-radius);box-shadow:var(--hh-shadow)}.hh-image-splitter .hh-split-results .hh-result-sub{margin:.25rem 0 0;max-width:60ch}.hh-image-splitter .hh-split-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--hh-split-cols, 3),minmax(0,1fr));gap:4px;max-width:480px;margin-inline:auto}.hh-image-splitter[data-mode=carousel] .hh-split-tiles{display:flex;gap:.6rem;max-width:none;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory}.hh-image-splitter[data-mode=carousel] .hh-split-tile{flex:0 0 min(42%,220px);scroll-snap-align:start}.hh-image-splitter .hh-split-tile{margin:0;list-style:none}.hh-image-splitter .hh-split-tile button{position:relative;display:block;width:100%;padding:0;border:0;background:#f1f5f9;cursor:pointer;border-radius:3px;overflow:hidden}.hh-image-splitter .hh-split-tile img{display:block;width:100%;height:auto}.hh-image-splitter .hh-split-tile__num{position:absolute;top:6px;left:6px;min-width:1.6rem;height:1.6rem;padding:0 .4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#0f172ac7;color:#fff;font-size:.75rem;font-weight:700}.hh-image-splitter .hh-split-tile__dl{position:absolute;inset:auto 6px 6px auto;padding:.25rem .55rem;border-radius:999px;background:#ffffffeb;color:var(--hh-fg);font-size:.72rem;font-weight:700;opacity:0;transition:opacity .15s ease}.hh-image-splitter .hh-split-tile button:hover .hh-split-tile__dl,.hh-image-splitter .hh-split-tile button:focus-visible .hh-split-tile__dl{opacity:1}.hh-image-splitter .hh-split-tile button:focus-visible{outline:2px solid var(--hh-accent);outline-offset:2px}@media(hover:none){.hh-image-splitter .hh-split-tile__dl{opacity:1}}@media(max-width:768px){.hh-image-splitter .hh-split-results{padding:1.1rem}.hh-image-splitter .hh-split-results .hh-result-actions{width:100%}}@media(prefers-reduced-motion:reduce){.hh-image-splitter .hh-split-drop,.hh-image-splitter .hh-seg__opt span,.hh-image-splitter .hh-split-tile__dl{transition:none!important}}