*{box-sizing:border-box}.page-card{background:#fff;border-radius:8px;padding:16px}.sticky-actions{position:sticky;bottom:0;z-index:10;background:#fff;border-top:1px solid #f0f0f0;padding:12px 16px;margin:16px -24px -24px;display:flex;justify-content:flex-end;gap:8px}.thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;background:#f5f5f5;border:1px solid #f0f0f0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.media-item{position:relative;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#fafafa;cursor:pointer}.media-item.selected{border-color:#2e7d5b}.media-item img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;background:repeating-conic-gradient(#f3f3f3,#f3f3f3 25%,#fff 0%,#fff 50%) 50% / 16px 16px}.media-item .name{font-size:12px;padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-handle{cursor:grab;color:#999}.drag-handle:active{cursor:grabbing}.builder{display:grid;grid-template-rows:56px 1fr;height:100vh;background:#f0f2f5}.builder-top{display:flex;align-items:center;gap:12px;padding:0 16px;background:#fff;border-bottom:1px solid #e8e8e8}.builder-body{display:grid;grid-template-columns:300px 1fr 380px;min-height:0}.builder-col{background:#fff;overflow-y:auto;min-height:0}.builder-preview{display:flex;justify-content:center;overflow:auto;padding:16px;min-height:0}.builder-preview iframe{border:0;background:#fff;box-shadow:0 2px 12px #0000001f;height:100%;transition:width .2s}.section-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #f0f0f0;border-radius:6px;background:#fff;margin-bottom:6px}.section-row.active{border-color:#2e7d5b;background:#f0f8f4}.section-row.error{border-color:#ff4d4f}.section-row.hidden-section{opacity:.55}.lib-item{display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:6px;cursor:pointer;border:1px dashed transparent}.lib-item:hover{background:#f6f6f6;border-color:#d9d9d9}.lib-icon{width:32px;height:32px;border-radius:6px;background:#f0f8f4;color:#2e7d5b;display:grid;place-items:center;font-size:16px;flex-shrink:0}@media print{.no-print,.ant-layout-sider,.ant-layout-header{display:none!important}.ant-layout-content{margin:0!important;padding:0!important}}