:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;background:#f7f9fe;font-family:Inter,Segoe UI,Noto Sans Malayalam,Nirmala UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 4%,#2254d61f,#0000 28rem),radial-gradient(circle at 86% 0,#096b681f,#0000 26rem),linear-gradient(#fbfcff 0%,#f3f6fb 58%,#edf2f9 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.app-shell{grid-template-rows:auto 1fr auto;gap:14px;min-height:100vh;padding:clamp(10px,1.5vw,18px);display:grid}.hero{background:#ffffffe0;border:1px solid #dbe4f2;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex;box-shadow:0 18px 55px #2636581c}.hero-main{align-items:center;gap:16px;max-width:780px;display:flex}.hero h1{letter-spacing:-.035em;margin:0 0 6px}.hero p{color:#42526a;margin:0}.brand-mark{color:#fff;background:#2254d6;border-radius:18px;flex:none;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 18px 34px #2254d647}.brand-mark svg{width:28px;height:28px}.hero-status,.bottom-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.workspace{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:1680px;min-height:0;margin:0 auto;display:grid}.control-strip,.status-panel,.editor-card,.output-card{border-color:#dbe4f2;box-shadow:0 16px 42px #2636581a}.control-strip{grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:grid}.control-fields{grid-template-columns:minmax(220px,320px) minmax(170px,220px);align-items:start;gap:12px;display:grid}.primary-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.primary-actions button,.editor-header button{min-height:40px}.direction-pills{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding-top:2px;display:flex}.direction-pills button{min-height:36px}.editor-area{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;min-height:0;display:grid}.status-panel{background:#f2f7ff;border-color:#b8cae8;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid;box-shadow:0 12px 34px #2254d61f}.status-panel.quiet{color:#172033;background:linear-gradient(135deg,#edf5ff 0%,#fff 58%,#eefbf7 100%);border-color:#9db8ec;grid-template-columns:auto minmax(0,1fr) auto;box-shadow:0 18px 44px #2254d629}.status-panel.success{background:#f1fbf6;border-color:#a7d9c2}.status-panel.warning{background:#fff9ec;border-color:#f3cf87}.status-panel.error{background:#fff6f6;border-color:#efb5b5}.status-panel.busy{background:#f2f7ff;border-color:#b8cae8}.status-icon{color:#2254d6;background:#fff;border-radius:999px;place-items:center;width:34px;height:34px;display:grid}.status-panel.error .status-icon{color:#c43131}.status-copy{gap:4px;display:grid}.status-copy p{color:#36465f;margin:0}.status-copy span{display:block}.target-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.editor-card,.output-card{min-height:0;overflow:hidden}.converter-card{flex-direction:column;gap:12px;height:clamp(420px,58vh,680px);min-height:420px;display:flex}.editor-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-header span{display:block}.editor-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.view-tabs{background:#f7f9fd;border:1px solid #dbe4f2;border-radius:10px;align-items:center;gap:6px;padding:3px;display:flex}.input-textarea{flex:1;min-height:0}.input-textarea textarea{height:100%;min-height:0;font-family:Noto Sans Malayalam,Nirmala UI,Inter,Segoe UI,sans-serif;font-size:18px;line-height:1.7}.layout-textarea textarea{white-space:pre;overflow-wrap:normal}.suggestion-footer{min-height:36px;padding-top:8px;display:block}.suggestions{gap:8px;display:grid}.suggestion-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flow-indicator{display:none}.flow-line{background:linear-gradient(90deg,#0000,#b8c5d9,#0000);height:1px}.output-text{white-space:pre-wrap;word-break:break-word;color:#111827;flex:1;min-height:0;max-height:none;margin:0;padding:6px 2px 2px;font-family:Noto Sans Malayalam,Nirmala UI,Inter,Segoe UI,sans-serif;font-size:18px;line-height:1.78;overflow:auto}.original-preview{background:#fff;border:1px solid #dbe4f2;border-radius:14px;flex:1;width:100%;min-height:0}.original-image-wrap{background:#f8fbff;border:1px solid #dbe4f2;border-radius:14px;flex:1;place-items:start center;min-height:0;padding:12px;display:grid;overflow:auto}.original-image{border-radius:10px;max-width:100%;height:auto;box-shadow:0 10px 32px #26365824}.compare-table-wrap{border:1px solid #dbe4f2;border-radius:14px;flex:1;min-height:0;max-height:none;overflow:auto}.compare-table{border-collapse:collapse;width:100%;font-size:17px;line-height:1.62}.compare-table th{z-index:1;color:#42526a;text-align:left;letter-spacing:.08em;text-transform:uppercase;background:#edf3fb;border-bottom:1px solid #dbe4f2;padding:10px 14px;font-size:12px;position:sticky;top:0}.compare-table td{vertical-align:top;border-bottom:1px solid #e6edf7;padding:10px 14px}.compare-table tr:nth-child(2n) td{background:#f8faff}.compare-table tr:hover td{background:#edf4ff}.empty-state{text-align:center;color:#526074;background:#f8fbff;border:1px dashed #c7d3e5;border-radius:18px;flex:1;align-content:center;place-items:center;gap:10px;min-height:0;padding:28px;display:grid}.empty-state svg{color:#2254d6;width:34px;height:34px}.error-state{color:#8b1a1a;background:#fff7f7;border-color:#f0b8b8}.error-state svg{color:#c43131}.bottom-bar{background:linear-gradient(135deg,#edf5ff 0%,#fff 60%,#eefbf7 100%);border:1px solid #9db8ec;border-radius:22px;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex;box-shadow:0 18px 44px #2254d626}.bottom-bar p{color:#36465f;margin:3px 0 0}.bottom-bar span{color:#172033}.hidden-input{display:none}@media (width<=1120px){.control-strip{grid-template-columns:1fr;align-items:stretch}.control-fields,.primary-actions,.direction-pills{width:100%}.primary-actions,.direction-pills{justify-content:flex-start}}@media (width<=760px){.app-shell{gap:12px;padding:12px}.hero,.bottom-bar,.editor-header{flex-direction:column;align-items:flex-start}.editor-actions,.view-tabs{width:100%}.status-panel,.status-panel.quiet{grid-template-columns:1fr}.hero-main{align-items:flex-start}.brand-mark{border-radius:15px;width:44px;height:44px}.control-fields,.primary-actions{grid-template-columns:1fr}.primary-actions,.direction-pills{display:grid}.primary-actions button,.direction-pills button,.editor-header button{width:100%;min-height:44px}.editor-area{grid-template-columns:1fr}.converter-card{height:auto;min-height:320px}.input-textarea textarea{min-height:260px}.output-text,.compare-table-wrap,.empty-state{min-height:240px}.input-textarea textarea,.output-text,.compare-table{font-size:16px}.flow-indicator{grid-template-columns:1fr;gap:6px}.flow-line{display:none}}