.split-preview-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;min-width:0}.split-source-card,.split-document-panel,.split-controls{border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-muted);padding:14px}.split-source-card{display:grid;align-content:start;gap:12px;min-width:0}.split-source-preview,.split-empty-source{display:grid;min-height:220px;place-items:center;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);color:var(--text-secondary);text-align:center}.split-source-preview strong{color:var(--text-primary);font-size:54px;line-height:1}.split-source-preview.loading{color:var(--accent)}.split-source-preview.error{color:var(--danger)}.split-empty-source{gap:8px;padding:18px}.split-empty-source strong{color:var(--text-primary)}.split-source-file{display:grid;gap:4px;min-width:0;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);padding:12px}.split-source-file strong,.split-source-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-source-file strong{color:var(--text-primary);font-size:.92rem}.split-source-file span{color:var(--text-secondary);font-size:.82rem;font-weight:760}.split-board-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.split-document-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-width:0}.split-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.split-preview-head h3,.split-preview-head p{margin:0}.split-preview-head h3{font-size:1rem}.split-preview-head p{margin-top:4px;color:var(--text-secondary);font-size:.88rem}.split-preview-head>span{flex:0 0 auto;border:1px solid var(--panel-border);border-radius:999px;background:var(--panel-bg);font-size:.76rem;font-weight:850;padding:6px 10px}.split-preview-frame{display:block;height:min(68vh,720px);min-height:420px;overflow:auto;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg)}.split-controls{display:grid;gap:14px;border:0;background:transparent;padding:0}.split-controls label{display:grid;gap:7px;color:var(--text-secondary);font-size:13px;font-weight:850}.split-controls input:not([type=checkbox]),.split-controls textarea{width:100%;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);color:var(--text-primary);font:inherit;padding:10px 12px}.split-controls input:not([type=checkbox]){min-height:42px}.split-controls textarea{min-height:120px;resize:vertical}.split-controls label span{color:var(--text-secondary);font-size:12px;font-weight:760}.split-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.split-mode-tabs button,.split-primary{min-height:40px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);color:var(--text-primary);font-weight:850}.split-mode-tabs button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--panel-bg));color:var(--accent-strong)}.split-more-options{display:grid;gap:10px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);padding:10px}.split-more-options summary{cursor:pointer;color:var(--text-secondary);font-size:13px;font-weight:900}.split-more-options button{min-height:38px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-muted);color:var(--text-primary);font-weight:850}.split-more-options button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--panel-bg));color:var(--accent-strong)}.split-primary{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:8px;border-color:var(--accent);background:var(--accent);color:#fff;padding:0 16px}.split-primary:disabled{cursor:not-allowed;opacity:.55}.split-result{align-items:stretch}.split-zip-download{width:fit-content}@media(max-width:820px){.split-preview-workspace,.split-mode-tabs{grid-template-columns:1fr}.split-result{flex-direction:column}.split-board-actions{justify-content:flex-start}.split-preview-frame{height:58vh;min-height:360px}}@media(max-width:520px){.split-preview-head{flex-direction:column}.split-board-actions,.split-board-actions .secondary-picker-button,.split-board-actions .clear-workspace-button{width:100%}.split-zip-download{width:min(100%,280px)}}@media(max-width:1024px),(pointer:coarse){.split-controls input:not([type=checkbox]){min-height:44px}.split-primary{min-height:44px}}