/* Color picker, upload and crypto surfaces */
.ts-app #svPicker{height:clamp(370px,55vh,680px)!important;min-height:370px!important;width:100%;position:relative;overflow:hidden}
.ts-app .color-value-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}
.ts-app .color-value strong{font-size:1rem;line-height:1.5}
.ts-app .ts-mini-copy{width:34px;height:34px!important;display:inline-flex;align-items:center;justify-content:center;padding:6px!important;border:1px solid #406859!important;background:#193e33!important;color:#b9f9e0!important;border-radius:8px!important;vertical-align:middle;flex-shrink:0}
.ts-app .ts-mini-copy:hover{background:#275845!important}.ts-app .ts-mini-copy.is-copied{color:#75efab!important}
.ts-app .ts-mini-copy svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.ts-app .image-drop-zone{background:#0d1b26!important;border:2px dashed #406d64!important;min-height:300px!important;display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s,border-color .2s}
.ts-app .image-drop-zone.dragover{background:#173b32!important;border-color:#5ee0a8!important}
.ts-app #dropPrompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;width:100%;padding:22px}
.ts-app #dropPrompt .drop-icon{width:64px;height:64px;border-radius:17px;background:#1a4338;color:#78edbb;display:grid;place-items:center;font-size:36px;line-height:1}
.ts-app #dropPrompt strong{color:#f1f7fa;font-size:1.15rem}
.ts-app #dropPrompt small{color:#97b0c2;font-size:.83rem}
.ts-app #dropPrompt #chooseImage{padding:10px 22px;border-radius:9px}
.ts-app #imageStage{width:100%;position:relative}.ts-app #imageCanvas{max-height:65vh;max-width:100%;width:auto;height:auto;object-fit:contain}
.ts-app .legacy-tool-content .crypto-panel,.ts-app .legacy-tool-content .crypto-panel *, .ts-app .legacy-tool-content .crypto-panel label{color:inherit}
.ts-app .legacy-tool-content .crypto-panel{background:#16222f!important;color:#e7eff7!important;border:1px solid #304456!important;border-radius:14px!important;padding:clamp(16px,2vw,26px)!important}
.ts-app .legacy-tool-content .crypto-panel .form-label{color:#c2d3e4!important}
.ts-app .legacy-tool-content .crypto-panel :is(input,select,textarea,.form-control,.form-select){background:#0e1a26!important;color:#f1f7fa!important;border:1px solid #3b5165!important}
.ts-app .legacy-tool-content .crypto-panel :is(input,textarea)::placeholder{color:#8197a9!important}
.ts-app .legacy-tool-content .crypto-panel .btn{color:#d8f5e9!important;background:#203847!important;border-color:#476274!important}
.ts-app .legacy-tool-content .drop-zone{background:#101f2b!important;color:#d7e7f1!important;border:2px dashed #406a67!important;border-radius:14px!important;padding:32px!important;text-align:center}
.ts-app .legacy-tool-content .drop-zone:hover,.ts-app .legacy-tool-content .drop-zone.dragover{background:#17362f!important;border-color:#67dcab!important}
.ts-app .legacy-tool-content .drop-zone :is(strong,span,p,div,small){color:inherit!important}
@media(max-width:767px){.ts-app #svPicker{height:340px!important;min-height:340px!important}.ts-app .image-drop-zone{min-height:240px!important}}