.image-splitter-dock{padding-top:24px;padding-bottom:40px}.image-splitter-tool{gap:24px;max-width:1120px;margin-inline:auto;display:grid}.image-splitter-workspace{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:24px;display:grid}.image-splitter-preview-wrap,.image-splitter-controls,.image-splitter-results{border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:8px;min-width:0;padding:20px}.image-splitter-preview{background:var(--studio-control);width:100%;max-height:min(62vh,620px);margin-inline:auto;scroll-margin-top:80px;display:grid;position:relative;overflow:hidden}.image-splitter-preview>img{object-fit:contain;width:100%;height:100%;max-height:min(62vh,620px);display:block;position:absolute;inset:0}.image-splitter-grid{pointer-events:none;display:grid;position:absolute;inset:0}.image-splitter-grid span{border:1px solid #ffffffe0;box-shadow:inset 0 0 0 1px #0000002e}.image-splitter-fileline,.image-splitter-fileline>span,.image-splitter-results-heading,.image-splitter-results-heading>div,.image-splitter-result>div{align-items:center;display:flex}.image-splitter-fileline,.image-splitter-results-heading{justify-content:space-between;gap:12px}.image-splitter-fileline{color:var(--studio-muted);padding-top:14px;font-size:13px}.image-splitter-fileline>span{overflow-wrap:anywhere;gap:8px;min-width:0}.image-splitter-fileline small{flex:none}.image-splitter-controls{gap:20px;margin:0;display:grid}.image-splitter-controls:disabled{opacity:.7}.image-splitter-modes{border:1px solid var(--studio-border);background:var(--studio-control);border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:grid}.image-splitter-modes button{min-width:0;min-height:36px;color:var(--studio-muted);font:inherit;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 8px;font-size:13px}.image-splitter-modes button[aria-pressed=true]{color:var(--studio-text);background:var(--studio-panel);box-shadow:0 1px 3px #0003}.image-splitter-modes button:focus-visible{outline:2px solid var(--studio-accent);outline-offset:-2px}.image-splitter-custom-controls{gap:12px;display:grid}.image-splitter-position{color:var(--studio-text);gap:7px;font-size:13px;font-weight:600;display:grid}.image-splitter-position>div{align-items:center;gap:8px;display:flex}.image-splitter-position input{border:1px solid var(--studio-border);background:var(--studio-control);width:100%;min-width:0;min-height:38px;color:var(--studio-text);font:inherit;border-radius:6px;padding:7px 10px}.image-splitter-lines{pointer-events:none;position:absolute;inset:0}.image-splitter-line{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute}.image-splitter-line-x{cursor:col-resize;z-index:2;width:18px;top:0;bottom:0;transform:translate(-50%)}.image-splitter-line-y{cursor:row-resize;z-index:1;height:18px;left:0;right:0;transform:translateY(-50%)}.image-splitter-line:before{content:"";background:#fff;position:absolute;box-shadow:0 0 2px #000}.image-splitter-line-x:before{width:2px;top:0;bottom:0;left:calc(50% - 1px)}.image-splitter-line-y:before{height:2px;top:calc(50% - 1px);left:0;right:0}.image-splitter-line-grip{background:var(--studio-accent);border:2px solid #fff;border-radius:3px;width:12px;height:12px;display:block;position:absolute;box-shadow:0 1px 3px #00000080}.image-splitter-line-x .image-splitter-line-grip{top:30%;left:50%;transform:translate(-50%,-50%)}.image-splitter-line-y .image-splitter-line-grip{top:50%;left:65%;transform:translate(-50%,-50%)}.image-splitter-line.is-selected,.image-splitter-line:focus-visible{z-index:3;outline:none}.image-splitter-line.is-selected:before,.image-splitter-line:focus-visible:before{background:var(--studio-accent-soft)}.image-splitter-line:focus-visible .image-splitter-line-grip{outline:2px solid var(--studio-text);outline-offset:2px}.image-splitter-line:disabled{pointer-events:none}.image-splitter-preview>img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-splitter-control-group{gap:9px;display:grid}.image-splitter-label,.image-splitter-number-fields label,.image-splitter-format{color:var(--studio-text);font-size:13px;font-weight:600}.image-splitter-presets{flex-wrap:wrap;gap:8px;display:flex}.image-splitter-number-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.image-splitter-number-fields label,.image-splitter-format{gap:7px;display:grid}.image-splitter-number-fields input,.image-splitter-format select{border:1px solid var(--studio-border);background:var(--studio-control);width:100%;min-height:38px;color:var(--studio-text);font:inherit;border-radius:6px;padding:7px 10px}.image-splitter-count,.image-splitter-privacy{color:var(--studio-muted);margin:0;font-size:12px;line-height:1.5}.image-splitter-actions{flex-wrap:wrap;gap:8px;display:flex}.image-splitter-error{color:var(--destructive);margin:0;font-size:13px}.image-splitter-results{gap:18px;display:grid}.image-splitter-results-heading>div{gap:4px;display:grid}.image-splitter-results-heading h2,.image-splitter-results-heading p{margin:0}.image-splitter-results-heading h2{font-size:18px}.image-splitter-results-heading p{color:var(--studio-muted);font-size:13px}.image-splitter-result-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.image-splitter-result{border:1px solid var(--studio-border);background:var(--studio-control);border-radius:6px;min-width:0;overflow:hidden}.image-splitter-result>img{aspect-ratio:1;object-fit:contain;background:repeating-conic-gradient(#d4d4d4 0 25%, #fff 0 50%) 50% / 18px 18px;width:100%;display:block}.image-splitter-result>div{justify-content:space-between;gap:4px;padding:6px 8px}.image-splitter-result>div>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.image-splitter-howto ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;list-style:none;display:grid}.image-splitter-howto li{border-top:2px solid var(--studio-accent);padding-top:14px}.image-splitter-howto li strong{color:var(--studio-text)}.image-splitter-howto li p,.image-splitter-explainer{color:var(--studio-muted);line-height:1.65}@media (width<=760px){.image-splitter-workspace{grid-template-columns:minmax(0,1fr)}.image-splitter-preview-wrap,.image-splitter-controls,.image-splitter-results{padding:14px}.image-splitter-howto ol{grid-template-columns:minmax(0,1fr);gap:12px}.image-splitter-results-heading{flex-direction:column;align-items:flex-start}}