.tkp-panel .tkp-card{margin-bottom:16px}.tkp-panel .tkp-card>.label-tab:not(.user-detail-box-label),.tkp-panel .tkp-field>.label-tab{margin-top:12px;margin-bottom:6px}.tkp-panel .tkp-field{min-width:0}.tkp-panel textarea.custom-input{resize:vertical;min-height:44px;line-height:1.4}.tkp-panel select.custom-input{height:36px;appearance:auto;cursor:pointer}.tkp-panel input.custom-input{height:36px}.tkp-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.tkp-help{margin:6px 0 0;font-size:12px;line-height:1.45;color:var(--fd-v2-muted-text)}.tkp-at-input{position:relative}.tkp-at-input>span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--fd-v2-muted-text);pointer-events:none}.tkp-panel .tkp-at-input input.custom-input{padding-left:24px}.tkp-toggles{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tkp-toggles .device-box{width:auto;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px}.tkp-toggles .device-box.active{color:#fff}.quick-setting .left-opt:has(.tkp-display-row){align-items:flex-start;row-gap:14px}.quick-setting .left-opt:has(.tkp-display-row)+.fd-screen-size{margin-top:14px}.tkp-display-row .device-box{display:inline-flex;align-items:center;gap:6px}.tkp-count-note{float:right;font-weight:400;color:var(--fd-v2-muted-text)}.tkp-upload-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.tkp-upload-btn{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 14px;border:0;border-radius:7px;background:var(--primery-color);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.tkp-upload-btn:disabled{opacity:0.5;cursor:not-allowed}.tkp-link-btn{border:0;background:none;padding:4px 0;color:var(--fd-v2-danger);font-size:13px;font-weight:600;cursor:pointer}.tkp-editing-note{margin-top:2px}.tkp-person{display:flex;align-items:flex-start;gap:12px;margin-top:12px}.tkp-person-fields{flex:1 1 auto;min-width:0}.tkp-person-fields .label-tab{margin-top:0!important}.tkp-person-fields .tkp-toggles .device-box{flex:0 1 auto}#tkp-caption-card .tkp-person{align-items:center}.tkp-avatar-pick{position:relative;flex:0 0 56px;width:56px;height:56px;border-radius:50%;overflow:hidden;cursor:pointer;border:1px solid var(--fd-v2-border);background:var(--fd-v2-soft-surface)}.tkp-avatar-pick.tkp-avatar-lg{flex-basis:72px;width:72px;height:72px}.tkp-avatar-pick img{width:100%;height:100%;object-fit:cover;display:block}.tkp-avatar-pick>i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);color:#fff;font-size:16px;opacity:0;transition:opacity 0.2s ease}.tkp-avatar-pick:hover>i{opacity:1}.tkp-frame-thumb{display:block;width:72px;height:128px;margin-top:10px;border-radius:8px;border:1px solid var(--fd-v2-border);object-fit:cover;background:#000}.tkp-tones{display:flex;flex-wrap:wrap;gap:8px}.tkp-tone-pick{width:30px;height:44px;padding:0;border:2px solid transparent;border-radius:7px;box-shadow:0 0 0 1px var(--fd-v2-border);cursor:pointer}.tkp-tone-pick.active{border-color:#fff;box-shadow:0 0 0 2px var(--primery-color)}.tkp-tone-0{background-image:linear-gradient(165deg,#fbd3a5 0%,#f39a6b 50%,#8f3b3a 100%)}.tkp-tone-1{background-image:linear-gradient(175deg,#1f2f4a 0%,#4ca1af 55%,#f2c46d 100%)}.tkp-tone-2{background-image:linear-gradient(160deg,#f6e7c1 0%,#d9a86c 55%,#6e4220 100%)}.tkp-tone-3{background-image:linear-gradient(180deg,#a1c4fd 0%,#c2e9fb 60%,#7d9cc9 100%)}.tkp-tone-4{background-image:linear-gradient(150deg,#ff9a9e 0%,#fecfef 55%,#b06a8f 100%)}.tkp-tone-5{background-image:linear-gradient(170deg,#434343 0%,#1a1a1a 60%,#000000 100%)}.tkp-tone-6{background-image:linear-gradient(160deg,#d4fc79 0%,#96e6a1 50%,#2e7d5b 100%)}.tkp-tone-7{background-image:linear-gradient(170deg,#f093fb 0%,#f5576c 60%,#6b1f3a 100%)}.tkp-tone-8{background-image:linear-gradient(155deg,#fddb92 0%,#d1fdff 55%,#5c8d99 100%)}.tkp-footer-row{flex-wrap:wrap;align-items:center;gap:8px}.tkp-badge-field{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:14px}.tkp-badge-field input.custom-input{width:90px;height:36px}.tkp-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.tkp-list .tkp-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--fd-v2-border);border-radius:8px;background:#fff;font-size:13px;cursor:pointer}.tkp-list .tkp-row.tkp-current{border-color:var(--primery-color);box-shadow:0 0 0 1px var(--primery-color)}.tkp-row-thumb{flex:0 0 22px;width:22px;height:34px;border-radius:4px;overflow:hidden;display:inline-flex;background:#000}.tkp-row-thumb img,.tkp-row-thumb .tkp-row-tone{width:100%;height:100%;object-fit:cover;display:block}.tkp-row-text{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tkp-list .tkp-row button{border:0;background:none;color:var(--fd-v2-muted-text);padding:2px 4px;cursor:pointer}.tkp-list .tkp-row .tkp-row-delete:hover{color:var(--fd-v2-danger)}.tkp-list .tkp-row .tkp-drag{color:var(--fd-v2-muted-text);cursor:grab}.tkp-preview-popup{position:fixed;inset:0;background-color:rgba(0,0,0,0.5);display:none;z-index:10000;overflow-x:hidden;overflow-y:auto}.tkp-preview-popup .popup-content{display:flex;justify-content:center;align-items:center;min-height:100%;width:100%;padding:30px 10px 100px;margin:0 auto}.tkp-preview-popup .popup-body{background-color:#fff;padding:10px;border-radius:8px;min-width:300px;max-width:100%}.tkp-preview-popup .pop-header{position:relative}.tkp-preview-popup .pop-header p{font-size:22px;font-weight:600;padding:14px 40px 14px 4px;margin:0}.tkp-preview-popup .pop-header .close-btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}.tkp-preview-popup .right-part{padding:5px;min-height:0;overflow:auto}.tkp-preview-popup .tkp-popup-copy.modal{display:block;position:relative;inset:auto;z-index:auto;width:360px;max-width:100%;height:auto;margin:0 auto;overflow:hidden}.tkp-preview-popup .tkp-popup-copy .modal-dialog{width:auto;max-width:none;margin:0;transform:none}.tkp-preview-popup.download-modal-preview .popup-body{padding:0;background:transparent}.tkp-preview-popup .preview-download-btn{display:block;margin:12px auto 4px}@media only screen and (max-width: 380px){.tkp-grid-2{grid-template-columns:minmax(0,1fr)}}