.vcr-grid-editor{width:100%;position:relative}.vcr-grid-layout{position:relative}.vcr-grid-item{cursor:default;background:#f5f5f5;border-radius:16px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.vcr-grid-item img{-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:16px;width:100%;height:100%;display:block}.vcr-grid-editor--editable .vcr-grid-item{cursor:grab}.vcr-grid-editor--editable .vcr-grid-item:hover{box-shadow:0 0 0 2px #3b71fe}.vcr-grid-editor--editable .vcr-grid-item:active{cursor:grabbing}.vcr-grid-editor--dragging .vcr-grid-item{transition:none}.react-grid-item.react-draggable-dragging{z-index:100;opacity:.9;transform:scale(1.02);box-shadow:0 8px 32px #00000026,0 0 0 2px #3b71fe}.react-grid-item.react-grid-placeholder{border-radius:16px;transition:all .15s;opacity:.15!important;background:#3b71fe!important}.vcr-grid-editor--resizing .vcr-grid-item{transition:none}.react-grid-item.resizing{z-index:100;box-shadow:0 0 0 2px #3b71fe,0 8px 24px #3b71fe33}.react-grid-item>.react-resizable-handle{opacity:0;z-index:10;width:24px;height:24px;transition:opacity .15s;position:absolute;background:0 0!important}.vcr-grid-editor--editable .react-grid-item>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle-se{cursor:nwse-resize;bottom:-4px;right:-4px}.react-grid-item>.react-resizable-handle-sw{cursor:nesw-resize;bottom:-4px;left:-4px}.react-grid-item>.react-resizable-handle-ne{cursor:nesw-resize;top:-4px;right:-4px}.react-grid-item>.react-resizable-handle-nw{cursor:nwse-resize;top:-4px;left:-4px}.react-grid-item>.react-resizable-handle:after{content:"";background:#fff;border:2px solid #3b71fe;border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s,border-color .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000026}.vcr-grid-editor--editable .react-grid-item:hover>.react-resizable-handle:after{transform:translate(-50%,-50%)scale(1.2);box-shadow:0 2px 8px #3b71fe66}.react-grid-item>.react-resizable-handle:active:after,.react-grid-item.resizing>.react-resizable-handle:after{background:#3b71fe;border-color:#fff;transform:translate(-50%,-50%)scale(1.3)}.react-grid-item{transition:transform .2s,width .2s,height .2s}.vcr-grid-editor[data-cols="1"] .react-grid-item{transition:none!important}.react-grid-item.cssTransforms.react-draggable-dragging,.react-grid-item.cssTransforms.resizing{transition:none}@media (max-width:767px){.vcr-grid-item,.vcr-grid-item img{border-radius:12px}.react-grid-item>.react-resizable-handle{width:28px;height:28px}.react-grid-item>.react-resizable-handle:after{width:16px;height:16px}}.dark .vcr-grid-item{background:#2a2a2a}.dark .react-grid-item.react-grid-placeholder{background:#3b71fe!important}.vcr-grid-editor--editable{-webkit-user-select:none;user-select:none}.vcr-grid-item>*{width:100%;height:100%}.vcr-grid-toolbar{--surface-01:#fff;--surface-02:#fff;--surface-03:#e9ebf0;--surface-highlight:#e4e7f0;--border-s-01:#0f172a14;--border-s-02:#0f172a1f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#0f172a99;--btn-border:#0f172a1f}.dark-mode .vcr-grid-toolbar{--surface-01:#0f0f15;--surface-02:#16161f;--surface-03:#21212b;--surface-highlight:#252531;--border-s-01:#ffffff14;--border-s-02:#ffffff1f;--text-primary:#e6e7eb;--text-secondary:#afafb8;--text-muted:#ffffffad;--btn-border:#ffffff1f}.vcr-grid-toolbar-wrapper{z-index:30;justify-content:center;margin-bottom:16px;padding:12px 0;display:flex;position:sticky;top:80px}.vcr-grid-toolbar{background:var(--surface-02);border:1px solid var(--border-s-01);border-radius:24px;justify-content:space-between;align-items:center;gap:16px;width:min(1200px,100%);padding:10px 20px;font-family:Inter,system-ui,sans-serif;display:flex;box-shadow:0 4px 20px #00000014}.vcr-grid-toolbar-section{align-items:center;gap:8px;display:flex}.vcr-grid-toolbar-section-center{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.vcr-grid-toolbar-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;transition:background .2s,border .2s,color .2s;display:flex}.vcr-grid-toolbar-btn:hover{background:var(--surface-highlight);border-color:var(--btn-border);color:var(--text-primary)}.vcr-grid-toolbar-btn:disabled{opacity:.45;cursor:not-allowed}.vcr-grid-toolbar-btn--active{background:var(--surface-highlight);border-color:var(--btn-border);color:var(--text-primary)}.vcr-grid-toolbar-btn--add{background:0 0;border:1px solid #0000}.vcr-grid-toolbar-btn--add:hover{background:var(--surface-highlight);border-color:var(--btn-border);color:var(--text-primary)}.vcr-grid-toolbar-btn--save{background:var(--surface-highlight);border:1px solid var(--border-s-01);width:auto;color:var(--text-primary);border-radius:12px;gap:8px;padding:10px 20px;font-size:14px;font-weight:600}.vcr-grid-toolbar-btn--save:hover{background:var(--surface-03)}.vcr-grid-toolbar-btn--save:disabled{background:var(--surface-02);color:var(--text-muted)}.vcr-grid-toolbar-btn--saving{pointer-events:none;opacity:.8}.vcr-grid-toolbar-btn--saved{pointer-events:none}.vcr-spinner{animation:1s linear infinite vcr-spin}@keyframes vcr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vcr-grid-toolbar-viewport{border:1px solid var(--border-s-01);background:var(--surface-01);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s,border .2s;display:flex}.vcr-grid-toolbar-viewport:hover{background:var(--surface-highlight);border-color:var(--border-s-02)}.vcr-grid-toolbar-viewport--active{background:var(--surface-highlight);color:var(--text-primary)}.vcr-grid-toolbar-separator{background:var(--border-s-01);width:1px;height:24px;margin:0 4px}.vcr-grid-toolbar-title{color:var(--text-primary);font-size:14px;font-weight:600}.vcr-grid-toolbar-btn--reset{width:auto;color:var(--text-secondary);gap:6px;padding:8px 14px;font-size:13px;font-weight:500}.vcr-grid-toolbar-btn--reset:hover{background:var(--surface-highlight);border-color:var(--btn-border);color:var(--text-primary)}@media (max-width:767px){.vcr-grid-toolbar-wrapper{padding:8px 12px}.vcr-grid-toolbar{border-radius:18px;gap:8px;padding:8px 12px}.vcr-grid-toolbar-title{display:none}.vcr-grid-toolbar-btn--save{border-radius:14px;width:42px;height:42px;padding:0}.vcr-grid-toolbar-btn--save span{display:none}.vcr-grid-toolbar-btn--save svg{width:22px;height:22px}.vcr-grid-toolbar-btn--reset{width:38px;height:38px;padding:0}.vcr-grid-toolbar-btn--reset span{display:none}.vcr-grid-toolbar-btn--reset svg{width:20px;height:20px}.vcr-grid-toolbar-btn{border-radius:12px;width:34px;height:34px}.vcr-grid-toolbar-section{gap:6px}.vcr-grid-toolbar-section-center{gap:4px}}.vcr-grid-editor--editable .react-grid-item{box-sizing:border-box;border:2px solid #0000}.vcr-grid-editor--editable .react-grid-item:hover,.vcr-grid-editor--editable .react-grid-item.react-draggable-dragging,.vcr-grid-editor--editable .react-grid-item.resizing{border-color:#f0f}.vcr-gallery-picker-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;background:#06091299;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vcr-gallery-picker-modal{background:var(--surface-02,#fff);border:1px solid var(--border-s-01,#0f172a14);border-radius:22px;flex-direction:column;width:min(680px,92vw);max-height:80vh;font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.dark .vcr-gallery-picker-modal{background:#16161f;border-color:#ffffff14}.vcr-gallery-picker-header{border-bottom:1px solid var(--border-s-01,#0f172a14);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dark .vcr-gallery-picker-header{border-color:#ffffff14}.vcr-gallery-picker-title{color:var(--text-primary,#0f172a);font-size:16px;font-weight:700}.dark .vcr-gallery-picker-title{color:#e6e7eb}.vcr-gallery-picker-subtitle{color:var(--text-secondary,#475569);margin-top:4px;font-size:12px}.dark .vcr-gallery-picker-subtitle{color:#afafb8}.vcr-gallery-picker-close{border:1px solid var(--border-s-01,#0f172a14);width:32px;height:32px;color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.vcr-gallery-picker-close:hover{background:var(--surface-highlight,#e4e7f0);color:var(--text-primary,#0f172a)}.dark .vcr-gallery-picker-close{color:#afafb8;border-color:#ffffff14}.dark .vcr-gallery-picker-close:hover{color:#e6e7eb;background:#252531}.vcr-gallery-picker-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-height:50vh;padding:20px;display:grid;overflow-y:auto}.vcr-gallery-picker-empty{text-align:center;color:var(--text-secondary,#475569);grid-column:1/-1;padding:40px 20px;font-size:14px}.dark .vcr-gallery-picker-empty{color:#afafb8}.vcr-gallery-picker-item{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:12px;transition:border-color .2s,transform .15s;position:relative;overflow:hidden}.vcr-gallery-picker-item:hover{transform:scale(1.02)}.vcr-gallery-picker-item--selected{border-color:#3b71fe}.vcr-gallery-picker-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.vcr-gallery-picker-checkbox{opacity:0;background:#fff;border:2px solid #3b71fe;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .15s,background .15s;display:flex;position:absolute;top:8px;right:8px}.vcr-gallery-picker-item:hover .vcr-gallery-picker-checkbox,.vcr-gallery-picker-item--selected .vcr-gallery-picker-checkbox{opacity:1}.vcr-gallery-picker-item--selected .vcr-gallery-picker-checkbox{background:#3b71fe}.vcr-gallery-picker-delete{cursor:pointer;opacity:0;z-index:10;color:#fff;background:#ef4444e6;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:opacity .2s,background-color .2s;display:flex;position:absolute;top:8px;right:8px}.vcr-gallery-picker-item:hover .vcr-gallery-picker-delete{opacity:1}.vcr-gallery-picker-delete:hover{background:#ef4444}.vcr-gallery-picker-delete:disabled{cursor:not-allowed;opacity:.5}.vcr-gallery-picker-item--deleting{opacity:.5;pointer-events:none}@media (max-width:767px){.vcr-gallery-picker-delete{opacity:1}}.vcr-gallery-picker-footer{border-top:1px solid var(--border-s-01,#0f172a14);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dark .vcr-gallery-picker-footer{border-color:#ffffff14}.vcr-gallery-picker-count{color:var(--text-secondary,#475569);font-size:14px}.dark .vcr-gallery-picker-count{color:#afafb8}.vcr-gallery-picker-count--warning{color:#f59e0b}.vcr-gallery-picker-count--error{color:#ef4444}.vcr-gallery-picker-actions{gap:8px;display:flex}.vcr-gallery-picker-btn{cursor:pointer;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.vcr-gallery-picker-btn--cancel{border:1px solid var(--border-s-01,#0f172a14);color:var(--text-secondary,#475569);background:0 0}.vcr-gallery-picker-btn--cancel:hover{background:var(--surface-highlight,#e4e7f0)}.dark .vcr-gallery-picker-btn--cancel{color:#afafb8;border-color:#ffffff14}.dark .vcr-gallery-picker-btn--cancel:hover{background:#252531}.vcr-gallery-picker-btn--apply{color:#fff;background:#3b71fe;border:none}.vcr-gallery-picker-btn--apply:hover{background:#2563eb}.vcr-gallery-picker-btn--apply:disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.vcr-gallery-picker-grid{grid-template-columns:repeat(3,1fr)}}.vcr-grid-editor[data-cols="1"]:not(.vcr-grid-editor--custom-handles) .react-grid-item>.react-resizable-handle-se,.vcr-grid-editor[data-cols="1"]:not(.vcr-grid-editor--custom-handles) .react-grid-item>.react-resizable-handle-sw,.vcr-grid-editor[data-cols="1"]:not(.vcr-grid-editor--custom-handles) .react-grid-item>.react-resizable-handle-ne,.vcr-grid-editor[data-cols="1"]:not(.vcr-grid-editor--custom-handles) .react-grid-item>.react-resizable-handle-nw,.vcr-grid-editor[data-cols="1"]:not(.vcr-grid-editor--custom-handles) .react-grid-item>.react-resizable-handle-n,.vcr-grid-editor[data-cols="1"]:not(.vcr-grid-editor--custom-handles) .react-grid-item>.react-resizable-handle-e,.vcr-grid-editor[data-cols="1"]:not(.vcr-grid-editor--custom-handles) .react-grid-item>.react-resizable-handle-w{display:none!important}.vcr-grid-editor[data-cols="1"]:not(.vcr-grid-editor--custom-handles) .react-grid-item>.react-resizable-handle-s{transform:translate(-50%);width:80px!important;height:12px!important;display:block!important;left:50%!important}.vcr-grid-editor[data-cols="1"]:not(.vcr-grid-editor--custom-handles) .react-grid-item>.react-resizable-handle-s:after{border-radius:6px;width:80px;height:12px}.vcr-grid-editor[data-cols="1"]:not(.vcr-grid-editor--custom-handles) .react-grid-item>.react-resizable-handle-s{cursor:ns-resize!important}.vcr-grid-editor[data-cols="1"]:not(.vcr-grid-editor--custom-handles).vcr-grid-editor--editable .react-grid-item:hover,.vcr-grid-editor[data-cols="1"]:not(.vcr-grid-editor--custom-handles).vcr-grid-editor--editable .react-grid-item.react-draggable-dragging,.vcr-grid-editor[data-cols="1"]:not(.vcr-grid-editor--custom-handles).vcr-grid-editor--editable .react-grid-item.resizing{border-color:#0000}