.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 'DTC Inter',sans-serif; }
/* Customer text widths are line boxes, including imported editable names. */
[data-layout-text-resized], [data-layout-text-resized] :is(.cv-i,span,dtc-e) { white-space:pre-wrap!important; overflow-wrap:anywhere!important; word-break:normal!important; transition:none!important; }
/* Imported one-line headings must follow the customer's chosen line width. */
.cv-tx[data-layout-text-resized] > .cv-i.cv-nw { display:block!important; }
[data-layout-geometry-edited], [data-layout-geometry-edited] * { transition:none!important; }
.iv-editing [data-layout-geometry-edited], .iv-editing [data-layout-geometry-edited] * { animation-play-state:paused!important; }
.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 'DTC Inter',system-ui,sans-serif; }
.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-tools { gap:6px; margin-bottom:8px; }
.dtc-layout-panel .dtc-tool { width:36px; min-width:36px; height:36px; min-height:36px; padding:0; justify-content:center; font-size:14px; font-weight:650; }
.dtc-layout-panel .dtc-tool--danger { color:#e11d48; }
.dtc-layout-picker { margin:0 0 8px; width:100%; }
.dtc-layout-picker select { flex:1; min-width:0; max-width:100%; 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; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid #fff; border-radius:999px; padding:0; background:#7425ed; color:#fff; box-shadow:0 3px 12px #27104440; font:600 14px/1 'DTC Inter',sans-serif; touch-action:none; cursor:grab; }
.dtc-obj-tools {
	position: fixed; z-index: 2147483202; display: inline-flex; align-items: center; gap: 0;
	padding: 3px; border-radius: 999px; border: 1px solid #2a3136;
	background: rgba(18, 22, 26, .96); color: #c5cdd3;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .35);
	font: 500 11px/1 'DTC Inter', system-ui, sans-serif; pointer-events: auto;
	backdrop-filter: blur(12px);
}
.dtc-obj-tools[hidden],.dtc-obj-tools [hidden] { display: none !important; }
.dtc-obj-tools button, .dtc-obj-tools__color {
	appearance: none; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
	width: 28px; height: 28px; margin: 0; padding: 0; border: 0; border-radius: 999px;
	background: transparent; color: #c5cdd3; cursor: pointer;
}
.dtc-obj-tools button:hover, .dtc-obj-tools__color:hover { background: #252b31; color: #f3d0d6; }
.dtc-obj-tools button.is-active { background: #2a2226; color: #f7d8de; }
.dtc-obj-tools button:disabled { opacity: .4; cursor: default; }
.dtc-obj-tools [data-obj-delete] { width:auto; min-width:66px; gap:5px; margin-left:4px; padding:0 10px; background:#402a31; color:#ffc2cd; font:600 12px/1 'DTC Inter',system-ui,sans-serif; }
.dtc-obj-tools [data-obj-delete]:hover { background:#633340; color:#fff; }
.dtc-obj-tools__color:has(input:disabled) { opacity: .4; cursor: default; }
.dtc-obj-tools button:focus-visible, .dtc-obj-tools__color:focus-within { outline: 2px solid #e8a0a8; outline-offset: 1px; }
.dtc-obj-tools button svg {
	width: 15px; height: 15px; display: block;
	stroke: currentColor; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
}
.dtc-obj-tools__color { position: relative; }
.dtc-obj-tools__color[hidden] { display: none !important; }
.dtc-obj-tools__swatch {
	display: block; width: 14px; height: 14px; border-radius: 50%;
	box-shadow: 0 0 0 1.5px rgba(18, 22, 26, .96), 0 0 0 2.5px #c5cdd3; background: #c5cdd3;
}
.dtc-obj-tools__color input[type="color"] {
	position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0;
	border: 0; opacity: 0; cursor: pointer;
}
[data-layout-locked="1"] { cursor: default !important; }
/* Selection toolbar replaces always-on photo chips so every object uses one pattern. */
.iv-editing.dtc-object-toolbar-ready .dtc-ph-tools { visibility: hidden !important; pointer-events: none !important; }
.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],.dtc-obj-tools[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; } }
@media(pointer:coarse) { .dtc-obj-tools button,.dtc-obj-tools__color { width:40px; height:40px; } }