.grid-split-page{display:grid;gap:1.25rem}.grid-split-page [hidden]{display:none!important}.grid-split-header{padding:1.5rem;border-radius:1.25rem}.grid-split-eyebrow{margin:0;color:var(--sky-700);font-size:.78rem;font-weight:700;letter-spacing:.14em}.grid-split-header h1{margin:.35rem 0 0;color:var(--slate-800);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.grid-split-header p{margin:.55rem 0 0;color:var(--slate-500);line-height:1.8}.grid-split-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;grid-template-areas:"library preview settings";gap:16px;align-items:stretch}.grid-split-panel{overflow:hidden;background:#fff;border:1px solid rgba(148,163,184,.35);border-radius:16px;box-shadow:0 8px 30px #262a3c0f}.grid-split-panel[data-library]{grid-area:library}.grid-split-panel[data-preview-panel]{grid-area:preview}.grid-split-layout>.grid-split-panel:last-child{grid-area:settings}.grid-split-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.35)}.grid-split-panel-title h2{margin:0;font-size:16px;font-weight:700}.grid-split-preview-heading p{margin:4px 0 0;color:var(--slate-500);font-size:13px;line-height:1.5}.grid-split-dropzone{display:grid;gap:6px;margin:16px;padding:28px 16px;text-align:center;border:2px dashed #bfc3d5;border-radius:14px;background:#f8fbff;cursor:pointer}.grid-split-dropzone.is-dragover,.grid-split-panel[data-library].is-dragover .grid-split-dropzone{color:var(--sky-700);border-color:var(--sky-500);background:var(--sky-50)}.grid-split-dropzone strong{font-size:16px}.grid-split-dropzone small{color:var(--slate-500);line-height:1.6}.grid-split-dropzone.is-compact{margin-bottom:0;padding:12px}.grid-split-dropzone.is-compact small{display:none}.grid-split-limit{margin:8px 16px 0;color:#b45309;font-size:13px}.grid-split-file-list{display:grid;gap:8px;max-height:640px;margin:0;padding:12px;overflow:auto;list-style:none}.grid-split-file-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;padding:6px;border:1px solid transparent;border-radius:10px;background:#f8fafc;text-align:left;cursor:pointer}.grid-split-file-item.is-selected{border-color:var(--sky-400);background:var(--sky-50)}.grid-split-file-item img{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#e2e8f0}.grid-split-file-copy{min-width:0}.grid-split-file-copy strong,.grid-split-file-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-split-file-copy strong{font-size:13px}.grid-split-file-copy small{color:var(--slate-500);font-size:12px}.grid-split-remove{border:0;background:transparent;color:var(--slate-500);font-size:18px;line-height:1;cursor:pointer}.grid-split-stage{position:relative;height:min(68vh,720px);min-height:360px;margin:16px;overflow:hidden;border-radius:12px;background:linear-gradient(45deg,#eef2f7 25%,transparent 25%),linear-gradient(-45deg,#eef2f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f7 75%),linear-gradient(-45deg,transparent 75%,#eef2f7 75%);background-color:#f8fafc;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.grid-split-stage.is-empty{display:flex;align-items:center;justify-content:center;background:#f8fafc}.grid-split-stage p{margin:0;color:var(--slate-500);font-size:14px}.grid-split-stage canvas{display:block;width:100%;height:100%;touch-action:none}.grid-split-stage canvas.is-draggable{cursor:grab}.grid-split-stage canvas.is-dragging{cursor:grabbing}.grid-split-controls{display:grid;gap:16px;padding:16px}.grid-split-field{display:grid;gap:8px;margin:0;padding:0;border:0}.grid-split-label{color:var(--slate-700);font-size:13px;font-weight:700}.grid-split-presets,.grid-split-anchors{display:flex;flex-wrap:wrap;gap:8px}.grid-split-presets button,.grid-split-anchors button{padding:6px 10px;border:1px solid rgba(148,163,184,.6);border-radius:999px;background:#fff;color:var(--slate-700);font-size:13px;cursor:pointer}.grid-split-presets button[aria-pressed=true],.grid-split-anchors button[aria-pressed=true]{border-color:var(--sky-500);background:var(--sky-50);color:var(--sky-700);font-weight:700}.grid-split-note,.grid-split-summary{margin:0;color:var(--slate-500);font-size:13px;line-height:1.6}.grid-split-size-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-split-size-row label{display:grid;gap:6px;color:var(--slate-700);font-size:13px;font-weight:700}.grid-split-size-row input{width:100%;padding:8px 10px;border:1px solid rgba(148,163,184,.7);border-radius:10px;font-size:15px}.grid-split-choice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:8px;border-radius:10px;cursor:pointer}.grid-split-choice:has(input:checked){background:var(--sky-50)}.grid-split-choice strong,.grid-split-choice small{display:block}.grid-split-choice strong{font-size:14px}.grid-split-choice small{color:var(--slate-500);font-size:12px;line-height:1.5}.grid-split-actions{display:grid;gap:8px}.grid-split-primary-button,.grid-split-secondary-button,.grid-split-text-button{border-radius:10px;font-size:14px;font-weight:700;cursor:pointer}.grid-split-primary-button,.grid-split-secondary-button{padding:10px 14px}.grid-split-primary-button{border:0;background:var(--sky-600);color:#fff}.grid-split-secondary-button{border:1px solid var(--sky-500);background:#fff;color:var(--sky-700)}.grid-split-text-button{border:0;background:transparent;color:var(--slate-500)}.grid-split-clear{justify-self:center;margin-top:4px}.grid-split-primary-button:disabled,.grid-split-secondary-button:disabled,.grid-split-text-button:disabled{opacity:.45;cursor:not-allowed}.grid-split-status{min-height:1.4em;margin:0;color:var(--slate-500);font-size:13px;text-align:center}@media(max-width:1000px){.grid-split-layout{grid-template-columns:1fr;grid-template-areas:"preview" "library" "settings"}.grid-split-file-list{display:flex;max-height:none;overflow-x:auto}.grid-split-file-item{flex:0 0 180px;width:180px}.grid-split-stage{height:52vh;min-height:280px}}