.tx-ui{--background:#151517;--foreground:#eeeef0;--primary:#f0a860;--primary-foreground:#17110b;--secondary:#29292d;--secondary-foreground:#eeeef0;--accent:#29292d;--accent-foreground:#fff;--muted:#252529;--muted-foreground:#a6a6af;--border:#3e3e45;--input:#4b4b53;--ring:#f0a860;--destructive:#ef7777;--radius-md:10px;--font-sans:Inter,system-ui,sans-serif;--shadow-xs:0 1px 2px #0002}
/* Feature selection and the reusable image workspace. */
.tx-feature-list{display:grid;gap:10px;margin-bottom:16px}
.tx-feature-card{display:flex;align-items:center;gap:16px;width:100%;padding:16px;text-align:left;background:#111113;color:#ececee;border:1px solid #343436;border-radius:18px;cursor:pointer;font:16px/1.4 Inter,system-ui,sans-serif;transition:border-color .15s,background .15s}
.tx-feature-card:hover{background:#1c1c1f;border-color:#727275}
.tx-feature-card:focus-visible{outline:3px solid #fff;outline-offset:3px}
.tx-feature-card[aria-pressed="true"]{border-color:#f0a860;box-shadow:inset 0 0 0 1px #f0a860}
.tx-feature-card strong{display:block;font-size:16px;font-weight:600}.tx-feature-card small{display:block;color:#aaaab1;font-size:13px;margin-top:3px}
.tx-feature-art{flex:0 0 64px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:24px;color:#fff;box-shadow:inset 0 0 0 1px #ffffff20}
.tx-art-video{background:radial-gradient(at 20% 0%,#b768b2,transparent 65%),radial-gradient(at 85% 100%,#8d4329,#261320 80%)}
.tx-art-upload{background:radial-gradient(at 15% 15%,#c87830,transparent 70%),radial-gradient(at 90% 100%,#717521,#21180d 85%)}
.tx-art-images{background:radial-gradient(at 10% 0%,#b95470,transparent 70%),radial-gradient(at 90% 100%,#9d5814,#271318 85%)}
.tx-feature-check{margin-left:auto;color:#f0a860;visibility:hidden}.tx-feature-card[aria-pressed="true"] .tx-feature-check{visibility:visible}
.tx-feature-status{font:13px/1.5 Inter,system-ui,sans-serif;margin:12px 0;color:inherit}
#txUploadPanel[hidden],#txImagePanel[hidden],.input-machine[hidden],.controls[hidden],#batchArea[hidden],.toggle-wrap[hidden]{display:none!important}
.tx-image-workspace{background:#111113;color:#eee;border:1px solid #343436;border-radius:18px;padding:20px;font:15px/1.6 Inter,system-ui,sans-serif;min-width:0}
.tx-image-workspace label{display:block;margin:10px 0 8px}.tx-image-workspace input{max-width:100%}.tx-image-workspace textarea{box-sizing:border-box;width:100%;padding:12px;background:#202023;color:#eee;border:1px solid #626269;border-radius:10px;font:inherit}
.tx-image-workspace button{background:#f0a860;color:#111;border:0;padding:12px 16px;border-radius:10px;font:inherit;cursor:pointer;margin:12px 8px 0 0}.tx-image-workspace button:disabled{opacity:.5;cursor:wait}
.tx-image-workspace small{color:#aaaab1}.tx-image-workspace details{margin:16px 0}.tx-image-workspace summary{cursor:pointer;color:#aaaab1}
.tx-image-workspace article{background:#202023;border-left:3px solid #f0a860;padding:16px;margin:20px 0;border-radius:12px;overflow-wrap:anywhere}.tx-image-workspace article.error{border-color:#ef7777}
.tx-image-workspace h2{font:600 20px/1.4 Inter,system-ui,sans-serif;margin-bottom:8px}.tx-image-workspace table{border-collapse:collapse;display:block;overflow-x:auto}.tx-image-workspace td{border:1px solid #666;padding:8px}.tx-image-workspace pre{white-space:pre-wrap}
.tx-image-workspace [hidden]{display:none!important}.tx-image-workspace progress{accent-color:#f0a860;margin-top:16px}
@media(max-width:480px){.tx-feature-card{gap:12px;padding:12px;border-radius:14px}.tx-feature-art{flex-basis:48px;height:44px}.tx-feature-card strong{font-size:14px}.tx-feature-card small{font-size:12px}.tx-image-workspace{padding:14px}}

.tx-ui .btn{margin:0;min-height:40px}.tx-ui .textarea{box-sizing:border-box;margin:0 0 16px}.tx-ui .progress{margin-top:20px}
.tx-feature-list.tx-ui .tx-feature-card{background:transparent;color:#24201c;border-color:#80603f}
.tx-feature-list.tx-ui .tx-feature-card small{color:#62564b}
.tx-feature-list.tx-ui .tx-feature-card:hover{background:transparent;border-color:#24201c}
.tx-feature-list.tx-ui .tx-feature-card[aria-pressed="true"]{background:var(--background);color:var(--foreground);border-color:var(--primary)}
.tx-feature-list.tx-ui .tx-feature-card[aria-pressed="true"] small{color:var(--muted-foreground)}
.tx-dropzone{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--background);text-align:center;transition:border-color .15s,background .15s}
.tx-dropzone>svg{color:var(--primary)}.tx-dropzone>span{color:var(--muted-foreground);font-size:13px}.tx-dropzone.dragging{border-color:var(--primary);background:var(--accent)}
.tx-image-queue{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}.tx-image-queue:empty{margin:0 0 20px}
.tx-image-queue li{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-md)}
.tx-image-queue img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.tx-image-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}
.tx-image-actions{display:flex;gap:6px}.tx-image-actions .btn{padding:0 10px;min-width:40px}.tx-image-workspace .btn:focus-visible{outline:2px solid var(--ring);outline-offset:3px}
@media(max-width:480px){.tx-image-queue li{flex-wrap:wrap}.tx-image-actions{margin-left:auto}.tx-dropzone{padding:22px 12px}}
@media(prefers-reduced-motion:reduce){.tx-dropzone,.tx-feature-card{transition:none}}

.tx-recording-workspace{background:#111113;color:var(--foreground);padding:20px;border:1px solid var(--border);border-radius:18px;font:15px/1.6 var(--font-sans)}
.tx-recording-workspace .upload-card{border:0;border-top:1px solid var(--border);margin:20px 0 0;padding:16px 0 0;text-align:left;border-radius:0;background:transparent}
.tx-recording-workspace .upload-filename{overflow-wrap:anywhere;font-weight:600;margin-bottom:8px}
.tx-recording-workspace .upload-card-status{font:14px/1.6 var(--font-sans);text-transform:none;color:var(--muted-foreground)}
.tx-recording-workspace .upload-actions{justify-content:flex-start}
@media(max-width:480px){.tx-recording-workspace{padding:14px}}

.tx-image-workspace .tx-image-link{box-sizing:border-box;display:block;width:100%;height:52px;padding:12px;margin:0 0 16px;background:#202023;color:#eee;border:1px solid #626269;border-radius:10px;font:inherit}
.tx-image-workspace .tx-image-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.tx-image-workspace .tx-image-link:disabled{opacity:.5;cursor:not-allowed}

.tx-image-result-header{display:flex;align-items:center;gap:12px}
.tx-image-result-header h2{flex:1;margin:0}
.tx-image-result-header .tx-image-copy{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:8px;min-width:40px;min-height:40px;background:transparent;color:inherit;border:1px solid #626269;border-radius:8px}
.tx-image-copy-feedback{font-size:12px;color:#aaaab1}
