.carto-layout{display:grid;grid-template-columns:280px 320px 1fr;gap:0;min-height:calc(100vh - 130px)}@media(max-width:1200px){.carto-layout{grid-template-columns:1fr}}.carto-col-layers{border-right:1px solid var(--border-default-grey);padding:1rem;overflow-y:auto;max-height:calc(100vh - 130px)}.carto-col-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.carto-col-config{border-right:1px solid var(--border-default-grey);padding:1rem;overflow-y:auto;max-height:calc(100vh - 130px)}.carto-layers__list{list-style:none;padding:0;margin:0}.carto-layers__item{padding:.5rem .75rem;border:1px solid var(--border-default-grey);border-radius:4px;margin-bottom:.5rem;cursor:pointer;transition:border-color .15s,background .15s;display:flex;align-items:center;gap:.5rem}.carto-layers__item--active{border-color:var(--border-active-blue-france);background:var(--background-alt-blue-france)}.carto-layers__item-drag{cursor:grab;color:var(--text-mention-grey);font-size:1rem;flex-shrink:0}.carto-layers__item-drag:active{cursor:grabbing}.carto-layers__item-info{flex:1;min-width:0}.carto-layers__item-header{display:flex;align-items:center;justify-content:space-between}.carto-layers__item-name{font-weight:600;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carto-layers__item-type{font-size:.7rem;color:var(--text-mention-grey);flex-shrink:0}.carto-layers__item-source{font-size:.7rem;color:var(--text-mention-grey);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carto-layers__item-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.carto-layers__btn-eye{background:none;border:none;cursor:pointer;padding:2px;font-size:.875rem;color:var(--text-mention-grey);border-radius:2px;transition:color .15s}.carto-layers__btn-eye:hover{color:var(--text-action-high-blue-france)}.carto-layers__btn-eye--hidden,.carto-layers__item.dragging{opacity:.4}.carto-layers__item.drag-over{border-top:2px solid var(--border-action-high-blue-france)}.config-section{margin-bottom:.5rem;border-bottom:1px solid var(--border-default-grey);padding-bottom:.5rem}.config-section:last-child{border-bottom:none}.config-section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem 0}.config-section-header:hover{opacity:.8}.config-section-header h3{margin:0;font-size:.875rem;font-weight:700;color:var(--text-title-grey);display:flex;align-items:center;gap:.5rem}.config-section-header .collapse-icon{transition:transform .2s;font-size:1rem;color:var(--text-mention-grey)}.config-section.collapsed .collapse-icon{transform:rotate(-90deg)}.config-section-content{overflow:hidden;max-height:2000px;transition:max-height .3s ease,padding .3s ease}.config-section.collapsed .config-section-content{max-height:0;padding-top:0;padding-bottom:0}.carto-preview__map{flex:1;min-height:400px}.carto-code{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:4px;font-family:monospace;font-size:.8rem;overflow-x:auto;white-space:pre-wrap;max-height:500px;overflow-y:auto}.carto-field{margin-bottom:.75rem}.carto-field label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:.25rem}.carto-field .fr-hint-text{font-size:.75rem;color:var(--text-mention-grey);font-weight:400}.carto-field select,.carto-field input[type=text],.carto-field input[type=number]{width:100%;padding:.375rem .5rem;border:1px solid var(--border-default-grey);border-radius:4px;font-size:.8125rem}.carto-field textarea{width:100%;padding:.375rem .5rem;border:1px solid var(--border-default-grey);border-radius:4px;font-size:.8125rem;font-family:monospace;resize:vertical;min-height:80px}.carto-field input[type=color]{width:40px;height:32px;border:1px solid var(--border-default-grey);border-radius:4px;cursor:pointer}.carto-inline{display:flex;gap:.5rem;align-items:end}.carto-inline>.carto-field{flex:1}.carto-checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.carto-checkbox label{font-size:.8125rem;font-weight:400}.carto-col-config__empty{text-align:center;padding:2rem 1rem;color:var(--text-mention-grey)}