.tc-layout-picker{padding:20px 20px 22px;border-bottom:1px solid #e8ebe5}.app-page .tc-layout-picker h3{font-size:12px;font-weight:600;margin:0 0 12px}.tc-layout-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tc-layout-picker label{position:relative;cursor:pointer}.tc-layout-picker input{position:absolute;opacity:0}.tc-layout-picker span{display:flex;flex-direction:column;gap:5px;border:1px solid #dfe4dc;border-radius:10px;padding:13px 10px;transition:background .12s}.tc-layout-picker strong{font-size:12px;font-weight:600}.tc-layout-picker small{font-size:10px;color:#768073}.tc-layout-picker input:checked+span{border-color:#abc0ff;background:#eef2ff;box-shadow:inset 0 0 0 1px #abc0ff;color:#2354e6}.tc-layout-picker input:focus-visible+span{outline:2px solid #285be7;outline-offset:3px}
.tc-preview-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 18px;background:#fff;border-bottom:1px solid #e7eae4}.tc-preview-tools>span{font-size:11px;color:#738071}.tc-preview-tools>div{display:flex;gap:8px}.tc-preview-tools button,.tc-list-heading button,.tc-row-actions button{border:1px solid #dce2d8;border-radius:8px;background:white;font-size:12px;padding:8px 11px;color:#334333}.tc-preview-tools [data-add-comment]{background:#eef2ff;color:#2457e7;border-color:#dce4ff}.tc-preview-tools [data-finish-edit]{background:#285be7;color:white;border-color:#285be7}.tc-preview-tools button:hover,.tc-row-actions button:hover{filter:brightness(.96)}
.tc-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.tc-list-heading>span{font-size:11px;color:#7a8579}.tc-comment-list{display:grid;gap:7px}.tc-comment-select{border:1px solid #e0e5dc;border-radius:9px;text-align:left;padding:11px;background:#f9faf7;display:grid;grid-template-columns:26px 1fr;gap:3px 9px;color:#263126;min-width:0}.tc-comment-select[aria-pressed=true]{border-color:#b0c1f5;background:#f0f3ff}.tc-comment-select.is-reply{margin-left:18px}.tc-comment-select>b{grid-row:span 2;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--avatar);color:white;font:700 11px Arial}.tc-comment-select strong{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-comment-select small{font-size:10px;line-height:1.5;color:#7a8178;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-selected-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3e7de;padding-top:18px;margin-top:5px}.tc-selected-heading strong{font-size:12px}.tc-selected-heading span{font-size:10px;color:#7a8579}.tc-avatar-row{display:flex;align-items:center;gap:10px}.tc-avatar-row>[data-avatar-preview]{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;color:white;font:700 15px Arial}.tc-avatar-row img{width:100%;height:100%;object-fit:cover}.tc-avatar-row .app-upload-small>span:first-of-type{background:none;width:auto;height:auto;font-size:12px;color:#285be7}.tc-swatches{display:flex;gap:8px}.tc-swatches button{width:23px;height:23px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #dbe0d6}.tc-swatches button:focus-visible{outline:2px solid #285be7;outline-offset:2px}.tc-checks{display:grid;gap:12px}.tc-row-actions{display:flex;gap:6px;flex-wrap:wrap}.tc-row-actions [data-delete-comment]{margin-left:auto;color:#984a4a}.tc-preview-wrap{position:relative;width:100%;margin:auto}.tc-preview-wrap>[data-preview]{position:relative;margin:auto}.tc-preview-wrap [data-preview] svg{display:block;width:100%;height:auto}.tc-canvas-layer{position:absolute;inset:0;pointer-events:none}.tc-comment-hit{position:absolute;border:1px solid transparent;border-radius:6px;background:none;pointer-events:auto;padding:0}.tc-comment-hit:hover,.tc-comment-hit:focus-visible{border-color:#8ca7fc;background:#285be705;outline:0}.tc-comment-hit[aria-pressed=true]{border-color:#7194f5;border-style:dashed}.tc-canvas-text{position:absolute;pointer-events:auto;resize:none;overflow:hidden;border:0;padding:0!important;margin:0;outline:2px solid #648df7;outline-offset:3px;border-radius:2px;box-shadow:0 0 0 3px #ffffffaa;background:transparent!important;min-height:0!important;white-space:pre-wrap;overflow-wrap:break-word;line-height:1.4;font-family:Arial,Helvetica,sans-serif!important;color:var(--tc-ink)!important;z-index:2}.tc-editing [data-tc-text] {opacity:1}.tc-empty-action{margin:0 0 14px;background:#edf2ff;border:1px solid #cbd7fa;color:#285be7;border-radius:8px;padding:10px 15px;font-size:13px}.tc-comment-page .app-preview-stage{display:block;max-height:850px;overflow:auto;min-height:360px}.tc-comment-page .app-preview-stage:has(.tc-canvas-text:not([hidden])){scroll-behavior:auto}.tc-comment-page .app-field input[type=color]{width:100%;height:35px;border:1px solid #dce1d8;border-radius:7px;background:white;padding:3px}.tc-comment-page .app-preview-toolbar{border-radius:16px 16px 0 0}.tc-comment-page .app-preview-stage{border-top:0}@media(max-width:520px){.tc-preview-tools{padding:10px 12px}.tc-preview-tools>span{font-size:10px}.tc-preview-tools button{font-size:11px;padding:8px 9px}.tc-comment-page .app-preview-stage{min-height:0;padding:8px}.tc-comment-page .app-device-toggle span{padding-inline:9px}}

.tc-comment-page .tc-preview-tools{width:100%;padding:12px 0 0;border-top:1px solid #e8ebe5;border-bottom:0;background:none}.tc-comment-page .app-preview-toolbar{flex-wrap:wrap}.tc-comment-page .app-preview-stage{position:relative}