:root{--txt-primary:#4f46e5;--txt-primary-light:#6366f1;--txt-primary-dark:#3730a3;--txt-accent:#eef2ff;--txt-accent-deep:#c7d2fe;--txt-bg:#f8fafc;--txt-bg-alt:#eef2ff;--txt-surface:#fff;--txt-surface-alt:#f8fafc;--txt-border:#c7d2fe;--txt-border-light:#e2e8f0;--txt-text:#1e293b;--txt-text-light:#475569;--txt-success:#059669;--txt-warning:#c2410c;--txt-error:#dc2626;--txt-gradient:linear-gradient(135deg, #4f46e5 0%, #2563eb 100%);--txt-gradient-subtle:linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);--txt-shadow:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--txt-shadow-md:0 6px 18px #4f46e51a;--txt-shadow-lg:0 16px 36px #1e293b1f;--txt-radius:12px;--txt-radius-lg:16px;--txt-radius-full:9999px}:root.dark{--txt-primary:#818cf8;--txt-primary-light:#a5b4fc;--txt-primary-dark:#c7d2fe;--txt-accent:#24264a;--txt-accent-deep:#3730a3;--txt-bg:#111827;--txt-bg-alt:#1e1b4b;--txt-surface:#18181b;--txt-surface-alt:#111827;--txt-border:#4338ca;--txt-border-light:#334155;--txt-text:#f8fafc;--txt-text-light:#cbd5e1}.tool-main{--color-accent:var(--txt-primary);--color-accent-soft:var(--txt-accent)}.txt-btn-primary,.txt-btn-secondary,.txt-btn-icon,.txt-tab,.txt-dropzone{touch-action:manipulation;-webkit-tap-highlight-color:color-mix(in srgb, var(--txt-primary) 16%, transparent)}.txt-btn-primary{border-radius:var(--txt-radius);background:var(--txt-gradient);min-height:44px;box-shadow:var(--txt-shadow-md);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:7px;padding:11px 20px;font-size:.92rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex}.txt-btn-primary:hover{box-shadow:var(--txt-shadow-lg);transform:translateY(-1px)}.txt-btn-primary:active{filter:brightness(.96);transform:translateY(0)}.txt-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.txt-btn-secondary{border:1px solid var(--txt-border);border-radius:var(--txt-radius);background:var(--txt-surface);min-height:44px;color:var(--txt-primary-dark);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:.88rem;font-weight:700;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.txt-btn-secondary:hover{border-color:var(--txt-primary-light);background:var(--txt-accent)}.txt-btn-secondary.active{border-color:var(--txt-primary);background:var(--txt-primary);color:#fff}.txt-btn-icon{border:1px solid var(--txt-border);border-radius:var(--txt-radius);background:var(--txt-surface);width:44px;height:44px;color:var(--txt-primary);cursor:pointer;flex:none;justify-content:center;align-items:center;font-size:1rem;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.txt-btn-icon:hover{border-color:var(--txt-primary-light);background:var(--txt-accent)}.txt-btn-primary:focus-visible,.txt-btn-secondary:focus-visible,.txt-btn-icon:focus-visible,.txt-tab:focus-visible,.txt-dropzone:focus-visible{outline:3px solid color-mix(in srgb, var(--txt-primary) 32%, transparent);outline-offset:2px}.txt-card,.txt-card-elevated,.txt-card-accent{border:1px solid var(--txt-border-light);border-radius:var(--txt-radius-lg);background:var(--txt-surface);min-width:0;box-shadow:var(--txt-shadow);padding:20px}.txt-card-elevated{box-shadow:var(--txt-shadow-lg)}.txt-card-accent{border-color:var(--txt-border);background:var(--txt-gradient-subtle)}.txt-card h2,.txt-card-elevated h2,.txt-card-accent h2{text-wrap:balance}.txt-label{color:var(--txt-text);margin-bottom:6px;font-size:.84rem;font-weight:700;display:block}.txt-input{box-sizing:border-box;border:1px solid var(--txt-border);border-radius:var(--txt-radius);background:var(--txt-surface);width:100%;min-height:44px;color:var(--txt-text);padding:10px 13px;font-size:.94rem;transition:border-color .18s,box-shadow .18s}.txt-input:focus-visible{border-color:var(--txt-primary-light);box-shadow:0 0 0 3px color-mix(in srgb, var(--txt-primary) 20%, transparent);outline:none}.txt-input::placeholder{color:#64748b}.txt-select{appearance:none;background:var(--txt-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234f46e5' d='M6 8 1 3h10z'/%3E%3C/svg%3E") no-repeat right 12px center;color-scheme:light dark;padding-right:36px}.txt-textarea{resize:vertical;overflow-wrap:anywhere;min-height:120px;font-family:var(--font-mono), monospace;line-height:1.6}.txt-badge{border-radius:var(--txt-radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.txt-badge-primary{background:var(--txt-accent);color:var(--txt-primary-dark)}.txt-badge-success{color:#065f46;background:#d1fae5}.txt-badge-warning{color:#9a3412;background:#ffedd5}.txt-badge-error{color:#991b1b;background:#fee2e2}.txt-badge-outline{border:1px solid var(--txt-border);color:var(--txt-primary);background:0 0}.txt-dropzone{border:2px dashed var(--txt-border);border-radius:var(--txt-radius-lg);background:var(--txt-bg);cursor:pointer;text-align:center;padding:32px 20px;transition:background-color .18s,border-color .18s,box-shadow .18s}.txt-dropzone:hover,.txt-dropzone.dragover{border-color:var(--txt-primary-light);background:var(--txt-accent)}.txt-dropzone-icon{margin-bottom:10px;font-size:2.25rem}.txt-dropzone-text{color:var(--txt-text);font-size:.94rem;font-weight:650}.txt-dropzone-hint{color:var(--txt-text-light);margin-top:4px;font-size:.8rem}.txt-preview{border:1px solid var(--txt-border-light);border-radius:var(--txt-radius-lg);background:var(--txt-bg);justify-content:center;align-items:center;min-height:190px;padding:16px;display:flex;overflow:auto}.txt-preview-empty,.txt-empty{color:#64748b;text-align:center;font-size:.85rem}.txt-progress-track{border-radius:var(--txt-radius-full);background:var(--txt-border-light);height:8px;overflow:hidden}.txt-progress-fill{border-radius:var(--txt-radius-full);background:var(--txt-gradient);height:100%;transition:width .25s}.txt-tabs{border-radius:var(--txt-radius);background:var(--txt-bg);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.txt-tab{min-height:38px;color:var(--txt-text-light);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:7px 13px;font-size:.82rem;font-weight:650;transition:background-color .18s,color .18s,box-shadow .18s}.txt-tab:hover{background:var(--txt-accent);color:var(--txt-text)}.txt-tab.active,.txt-tab[aria-pressed=true],.txt-tab[aria-selected=true]{background:var(--txt-primary);color:#fff}.txt-stat-card{border:1px solid var(--txt-border-light);border-radius:var(--txt-radius);background:var(--txt-bg);text-align:center;min-width:0;padding:14px}.txt-stat-value{color:var(--txt-primary);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:750}.txt-stat-label{color:var(--txt-text-light);margin-top:3px;font-size:.78rem}.txt-size-row{border-bottom:1px solid var(--txt-border-light);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:.84rem;display:flex}.txt-size-row:last-child{border-bottom:0}.txt-size-label{color:var(--txt-text-light)}.txt-size-value{color:var(--txt-text);font-variant-numeric:tabular-nums;font-weight:700}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.txt-form-group{flex-direction:column;gap:6px;display:flex}.txt-tool-grid{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:start;gap:20px;display:grid}.txt-tool-grid>*{min-width:0}.txt-tool-grid>.tool-grid-sidebar{flex-direction:column;align-self:start;gap:14px;display:flex;position:sticky;top:20px}.txt-tool-grid>.tool-grid-main{flex-direction:column;gap:14px;display:flex}.txt-section-divider{border:0;border-top:1px solid var(--txt-border-light);margin:22px 0}.txt-section-heading{color:var(--txt-text);margin:0 0 12px;font-size:.95rem}.txt-inline-note{color:var(--txt-text-light);font-size:.8rem;line-height:1.55}.txt-actions{flex-wrap:wrap;gap:8px;display:flex}.txt-actions>button,.txt-actions>a{flex:130px}input[type=range]{cursor:pointer;accent-color:var(--txt-primary)}.txt-toast{z-index:1000;border-radius:var(--txt-radius);color:#fff;padding:11px 18px;font-size:.88rem;font-weight:650;animation:.25s txtToastIn;position:fixed;bottom:20px;right:20px}.txt-toast-success{background:var(--txt-success)}.txt-toast-error{background:var(--txt-error)}.txt-toast-warning{background:var(--txt-warning)}@keyframes txtToastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.txt-tool-grid{grid-template-columns:1fr;gap:16px}.txt-tool-grid>.tool-grid-sidebar{position:static}.form-row{grid-template-columns:1fr}}@media (width<=640px){.txt-card,.txt-card-elevated,.txt-card-accent{border-radius:12px;padding:14px}.txt-dropzone{padding:22px 14px}.txt-tabs{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.txt-tab{flex:none;min-height:42px}.txt-btn-primary,.txt-btn-secondary{width:100%}.txt-stat-card{padding:12px 8px}.txt-stat-value{font-size:1.15rem}.txt-input{font-size:16px}.txt-textarea{min-height:160px;line-height:1.55}.txt-toast{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));text-align:center;left:12px}.tool-grid{gap:14px}.tool-panel>h2{font-size:.95rem}.tool-body{padding:14px}.output-item,.txt-size-row{align-items:flex-start}.output-val,.txt-size-value{overflow-wrap:anywhere}}@media (width<=420px){.txt-actions,.action-row{flex-direction:column}.txt-actions>*,.action-row>*{width:100%}}@media (prefers-reduced-motion:reduce){.txt-btn-primary,.txt-btn-secondary,.txt-btn-icon,.txt-tab,.txt-dropzone,.txt-progress-fill{transition:none!important}.txt-toast{animation:none}}