.splitter-app{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:start}.splitter-preview-panel,.splitter-controls{border:1px solid #e5e7eb;border-radius:12px;background:#fff}.splitter-preview-head,.splitter-controls-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e5e7eb}.splitter-preview-stage{position:relative;display:grid;place-items:center;min-height:320px;padding:16px;background:#f8fafc;overflow:auto}.splitter-preview-stage canvas{display:block;max-width:100%;max-height:68vh;width:auto;height:auto;box-shadow:0 0 0 1px rgba(15,23,42,.08)}.splitter-controls-body{display:grid;gap:14px;padding:14px}.splitter-field{display:grid;gap:6px}.splitter-field label,.splitter-range label{font-size:12px;font-weight:700;color:#334155}.splitter-field input,.splitter-field select{width:100%;min-height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:7px 9px;background:#fff;color:#0f172a}.splitter-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.splitter-mode{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:4px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc}.splitter-mode button,.splitter-presets button{border:0;border-radius:7px;background:transparent;color:#475569;font:inherit;font-size:12px;font-weight:700;min-height:34px;padding:7px 8px;cursor:pointer}.splitter-mode button.is-active{background:#fff;color:#1d4ed8;box-shadow:0 0 0 1px #bfdbfe}.splitter-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.splitter-presets button{border:1px solid #dbe3ee;background:#fff}.splitter-presets button:hover{border-color:#93c5fd;background:#eff6ff}.splitter-preset-icon{display:grid;gap:2px;width:28px;height:22px;margin:auto}.splitter-preset-icon i{display:block;border:1px solid #94a3b8;background:#f8fafc}.splitter-preset-2x1{grid-template-columns:1fr 1fr}.splitter-preset-1x2{grid-template-rows:1fr 1fr}.splitter-preset-2x2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.splitter-preset-3x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.splitter-summary{display:grid;gap:4px;padding:10px 12px;border-radius:9px;background:#f8fafc;border:1px solid #e5e7eb}.splitter-summary strong{font-size:12px}.splitter-summary span{font-size:12px;color:#64748b}.splitter-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.splitter-actions .primary-button{grid-column:1/-1}.splitter-results-wrap{margin-top:18px}.splitter-results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.splitter-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.splitter-result-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:10px;padding:8px;background:#fff}.splitter-result-card img{width:72px;height:58px;object-fit:contain;background:#f8fafc;border-radius:6px}.splitter-result-card div{min-width:0;display:grid;gap:3px}.splitter-result-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.splitter-result-card small{color:#64748b}.splitter-result-card button{white-space:nowrap}.splitter-loading{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.82);z-index:2}.splitter-note{font-size:11px;color:#64748b}.splitter-error{margin-top:8px}.splitter-app.is-hidden,.splitter-loading.is-hidden,.splitter-error.is-hidden{display:none!important}@media(max-width:900px){.splitter-app{grid-template-columns:1fr}.splitter-preview-stage{min-height:240px}.splitter-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.splitter-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.splitter-two{grid-template-columns:1fr}.splitter-results{grid-template-columns:1fr}.splitter-result-card{grid-template-columns:62px minmax(0,1fr) auto}.splitter-result-card img{width:62px;height:52px}}