.utm-workspace,.utm-workspace section{min-width:0}.utm-workspace [hidden]{display:none!important}.utm-workspace .btn{min-height:44px;font-size:12px}.utm-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.utm-heading .workbench-label,.utm-heading h3{margin:0;font-size:13px}.utm-actions{flex-wrap:wrap;gap:8px;display:flex}.utm-field{gap:7px;display:grid}.utm-field>label,.utm-encode{font-size:13px}.utm-field .input{width:100%;min-width:0;min-height:44px}.utm-field .helper{margin:0;font-size:11px}.utm-choices{flex-wrap:wrap;gap:6px;display:flex}.utm-choices .btn{font:11px var(--font-mono);padding:7px 10px}.utm-choices [aria-pressed=true]{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, var(--color-paper))}.utm-encode{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.utm-encode input{width:18px;height:18px;accent-color:var(--color-accent)}.utm-output{resize:none;width:100%;height:130px;font:13px/1.6 var(--font-mono);overflow-wrap:anywhere}.utm-status{min-height:42px;margin:0}.utm-status.error{color:var(--color-danger,#dc2626)}.utm-field [aria-invalid=true]{border-color:#dc2626}.utm-breakdown h3{margin:0 0 10px;font-size:13px}.utm-breakdown dl{margin:0;font-size:12px}.utm-breakdown dl>div{grid-template-columns:110px minmax(0,1fr);gap:8px;padding-block:5px;display:grid}.utm-breakdown dt{font:11px var(--font-mono);color:var(--color-muted)}.utm-breakdown dd{overflow-wrap:anywhere;margin:0}.utm-panel{border-top:var(--rule);padding-top:12px}.utm-rows{scrollbar-gutter:stable;gap:12px;max-height:430px;margin-bottom:10px;display:grid;overflow:auto}.utm-row{border:var(--rule);background:var(--color-paper);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;min-width:0;padding:12px;display:grid}.utm-row label{gap:6px;font-size:12px;display:grid}.utm-row .input{width:100%;min-width:0;min-height:44px;font-size:13px}.utm-row-actions{align-items:end;gap:6px;display:flex}.utm-row-actions .btn{width:44px;padding:0}.utm-row code{font:11px/1.6 var(--font-mono);overflow-wrap:anywhere;grid-column:1/-1;max-height:54px;overflow:auto}.utm-history{scrollbar-gutter:stable;gap:8px;max-height:280px;margin-top:10px;display:grid;overflow:auto}.utm-history-row{border:var(--rule);background:var(--color-paper);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.utm-history-row>div{flex:1;min-width:0}.utm-history-row code{white-space:nowrap;text-overflow:ellipsis;font:11px/1.5 var(--font-mono);display:block;overflow:hidden}.utm-history-row small{color:var(--color-muted);font-size:10px}.utm-history-row p{overflow-wrap:anywhere;margin:5px 0 0;font-size:11px}.utm-history-row .btn{width:44px;min-width:44px;padding:0}@media (width<=767px){.utm-field .input,.utm-row .input,.utm-output{font-size:16px}.utm-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px}.utm-row-actions{grid-column:1/-1;justify-content:end}.utm-icon-action{width:44px;padding:0!important}.utm-icon-action span{display:none}.utm-rows{max-height:460px}.utm-breakdown dl>div{grid-template-columns:100px minmax(0,1fr)}}