.dtc-layout-added { position:absolute; z-index:31; box-sizing:border-box; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; text-align:center; font:400 20px/1.4 'Inter',sans-serif; }
.dtc-layout-added--block { padding:16px; overflow:auto; }
[data-layout-hidden="1"] * { visibility:hidden!important; }
.dtc-layout-added--image { overflow:hidden; }
.dtc-layout-added--image > img { display:block!important; width:100%!important; height:100%!important; object-fit:cover; margin:0!important; border:0; }
.dtc-layout-panel { position:fixed; bottom:12px; left:50%; transform:translateX(-50%); width:680px; max-width:calc(100vw - 24px); max-height:46vh; overflow:auto; z-index:2147483200; padding:12px; box-sizing:border-box; border:1px solid #ddd6e9; border-radius:16px; background:#fff; color:#283246; box-shadow:0 6px 30px #18233833; font:400 13px/1.4 'Inter',system-ui,sans-serif; }
.dtc-layout-panel p { margin:6px 0 10px; font:inherit; color:#5b6474; }
.dtc-layout-heading,.dtc-layout-row,.dtc-layout-picker { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.dtc-layout-heading strong { margin-right:auto; }
.dtc-layout-panel button { border:1px solid #e2e8f0; background:#f8fafc; color:#334155; border-radius:8px; padding:7px 10px; min-height:34px; font:inherit; cursor:pointer; }
.dtc-layout-panel button:disabled { opacity:.45; cursor:default; }
.dtc-layout-panel button:hover { background:#e2e8f0; }
.dtc-layout-panel button:focus-visible,.dtc-layout-panel input:focus-visible,.dtc-layout-panel textarea:focus-visible,.dtc-layout-panel select:focus-visible { outline:2px solid #b4234a; outline-offset:2px; }
.dtc-layout-heading [data-layout-save] { margin-left:auto; border:0; background:transparent; color:#64748b; font-size:12px; }
.dtc-layout-panel .is-error { color:#b42338; }
.dtc-layout-picker { margin:8px 0; }
.dtc-layout-picker select { flex:1; min-width:0; max-width:100%; }
.dtc-layout-panel input,.dtc-layout-panel select,.dtc-layout-panel textarea { border:1px solid #dcd6e6; border-radius:6px; padding:6px; box-sizing:border-box; background:#fff; color:#283246; font:inherit; }
.dtc-layout-row label { display:flex; flex-direction:column; font-size:11px; }
.dtc-layout-row input { width:76px; height:34px; }
.dtc-layout-panel textarea { display:block; width:100%; margin:5px 0; }
.dtc-layout-drag { position:fixed; z-index:2147483201; border:1px solid #fff; border-radius:20px; padding:10px 14px; background:#7425ed; color:#fff; box-shadow:0 3px 12px #27104440; font:600 13px/1 'Inter',sans-serif; touch-action:none; cursor:grab; }
.dtc-layout-mode .dtc-ed-bar,.dtc-layout-mode .dtc-ed-status,.dtc-layout-mode .dtc-text-tools,.dtc-layout-mode .dtc-text-drag,.dtc-layout-mode .dtc-ph-layer { visibility:hidden; }
.dtc-layout-mode dtc-e { cursor:pointer!important; user-select:none; }
.dtc-layout-dragging,.dtc-layout-dragging * { user-select:none!important; cursor:grabbing!important; }
.iv-editing .dtc-object-selected { touch-action:none; }
.dtc-layout-panel [hidden],.dtc-layout-panel[hidden],.dtc-layout-drag[hidden],.dtc-layout-added[hidden] { display:none!important; }
@media(max-width:700px) { .dtc-layout-panel { bottom:0; left:0; transform:none; max-width:100%; width:100%; border-radius:16px 16px 0 0; padding-bottom:calc(12px + env(safe-area-inset-bottom)); max-height:48vh; } .dtc-layout-panel input,.dtc-layout-panel textarea,.dtc-layout-picker select { font-size:16px; } }