.cdfm-root{--cdfm-surface: #fff;--cdfm-text: #182438;--cdfm-border: #cbd5e1;--cdfm-accent: #2563eb;position:relative;isolation:isolate;width:100%;height:100%;min-height:320px;color:var(--cdfm-text);font:14px/1.4 system-ui,sans-serif;background:#e8edf2;overflow:hidden}.cdfm-root *,.cdfm-root *:before,.cdfm-root *:after{box-sizing:border-box}.cdfm-root .cdfm-canvas{position:absolute;inset:0}.cdfm-root .cdfm-panel{background:var(--cdfm-surface);border:1px solid var(--cdfm-border);border-radius:12px;box-shadow:0 4px 18px #0002;padding:5px;max-width:100%}.cdfm-root .cdfm-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer}.cdfm-root .cdfm-button:hover,.cdfm-root .cdfm-button[aria-pressed=true]{background:color-mix(in srgb,var(--cdfm-accent) 15%,var(--cdfm-surface))}.cdfm-root .cdfm-button:disabled{opacity:.45;cursor:default}.cdfm-root :is(button,input,summary,select,a):focus-visible{outline:3px solid var(--cdfm-accent);outline-offset:2px}.cdfm-root .cdfm-controls{position:absolute;bottom:32px;z-index:2;width:154px;max-height:calc(100% - 100px);overflow:auto}.cdfm-root .cdfm-left{left:12px}.cdfm-root .cdfm-right{right:12px}.cdfm-root .cdfm-navigation{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--cdfm-border)}.cdfm-root .cdfm-top{position:absolute;top:12px;left:12px;display:flex;gap:8px;align-items:flex-start;z-index:3;max-width:calc(100% - 24px)}.cdfm-root summary{min-height:44px;padding:10px;cursor:pointer}.cdfm-root .cdfm-layer-list,.cdfm-root .cdfm-feature-list{display:flex;flex-direction:column;max-height:min(45vh,300px);overflow:auto;max-width:220px}.cdfm-root .cdfm-layer-list label{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px}.cdfm-root input{accent-color:var(--cdfm-accent)}.cdfm-root .cdfm-details{position:absolute;left:12px;bottom:32px;max-width:min(330px,calc(100% - 190px));max-height:45%;overflow:auto;padding:12px;z-index:2}.cdfm-root:has(.cdfm-left) .cdfm-details{left:auto;right:12px}.cdfm-root .cdfm-detail-actions{display:flex;flex-wrap:wrap;margin-top:8px}.cdfm-root .cdfm-feedback{position:absolute;inset:45% 15% auto;text-align:center;padding:16px;background:var(--cdfm-surface);border-radius:12px;z-index:4}.cdfm-root .cdfm-empty{pointer-events:none}.cdfm-root .cdfm-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}.cdfm-root .cdfm-overlay>*{pointer-events:auto}.cdfm-root.cdfm-fullscreen,.cdfm-root:fullscreen{position:fixed;inset:0;width:100%;height:100dvh;z-index:2147483647}@media(max-width:640px){.cdfm-root .cdfm-details{max-width:calc(100% - 180px);font-size:12px}.cdfm-root .cdfm-top{gap:4px}}