@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Tamil:wght@400;500;600&family=Noto+Serif+Tamil:wght@400;500&display=swap');
:root{--ink:#282936;--muted:#8a8993;--purple:#6d5ad5;--line:#e8e7e4;--bg:#f8f9f6}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px 'DM Sans',sans-serif}button,select,textarea,input{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c1b5ef;outline-offset:3px}aside{position:fixed;width:248px;inset:0 auto 0 0;background:#f0f1ec;border-right:1px solid #e2e4de;padding:32px 22px;display:flex;flex-direction:column}.brand{color:#30342c;text-decoration:none;display:flex;gap:11px;align-items:center;font-size:26px;font-weight:700;letter-spacing:-1px}.mark{display:grid;place-items:center;background:#353d30;color:#f1f0dc;width:43px;height:46px;border-radius:13px;font:27px 'Noto Sans Tamil',sans-serif}.brand-sub{display:block;font-size:8px;letter-spacing:2px;font-weight:600;margin-top:3px}.nav-label{font-size:9px;color:#95988d;letter-spacing:1.8px;margin:49px 12px 16px}nav{display:grid;gap:7px}nav a{padding:13px 12px;border-radius:8px;text-decoration:none;color:#71776c;display:flex;align-items:center;gap:12px;font-size:13px}nav a>span{font-size:19px;min-width:22px}nav a.active{color:#4f456e;background:#e4e1f0;font-weight:600}nav small{font-size:7px;background:#e1e7d8;color:#6d7c51;padding:4px;border-radius:3px;margin-left:auto}.side-card{margin:76px 6px 0;padding:22px 17px;background:#e8eadf;border-radius:10px;position:relative;overflow:hidden}.side-letter{font:78px 'Noto Sans Tamil';color:#c7cdbb;position:absolute;right:-5px;top:-15px;transform:rotate(-12deg)}.side-card strong{font-size:15px;line-height:1.5;display:block;max-width:120px;position:relative}.side-card p{font-size:11px;color:#858b7c;line-height:1.8;margin-top:16px}.side-bottom{margin-top:auto;font-size:9px;color:#93998b;padding-top:30px}.side-bottom p{font:11px 'Noto Sans Tamil';color:#777f6e;margin-top:20px}.green-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#829b66;vertical-align:middle}.app{margin-left:248px}header{height:81px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:11px;background:#fbfcf9}.breadcrumb{color:#a6a5a9}.slash{margin:0 14px;color:#b5b5b5}.header-right{display:flex;gap:26px;align-items:center}.local-badge{color:#8a8c80;font-size:10px}.help-btn{background:none;border:0;color:#77787b;font-size:13px}.help-btn span{font-size:11px;margin-left:5px}main{max-width:1500px;margin:auto;padding:43px 42px 0}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#8a8d7e;display:flex;gap:8px;align-items:center}.eyebrow>span{height:5px;width:5px;background:#909b79;border-radius:50%}h1{font-size:clamp(26px,2.7vw,40px);letter-spacing:-1.4px;font-weight:500;margin:17px 0 13px}h1 em{font-style:normal;color:#808576}.intro>p{color:#8e8e94;font-size:12px;margin:0;line-height:1.8}.tool-tabs{display:flex;align-items:center;gap:8px;margin:33px 0 19px}.tool-tabs button{background:none;border:0;padding:10px 16px;color:#92929a;font-size:11px;border-radius:7px}.tool-tabs button.active{background:#eeebf9;color:#7661c9;font-weight:600}.tool-tabs>span{margin-left:auto;font-size:10px;color:#8f9486}.tool-tabs i{margin-right:5px}.converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;position:relative}.editor-card{border:1px solid #e0e1df;border-radius:12px;background:white;overflow:hidden;box-shadow:0 3px 5px #26283102}.card-head{display:flex;align-items:center;justify-content:space-between;padding:19px 19px 17px;border-bottom:1px solid #efefed;font-size:12px}.card-head>div{display:flex;gap:10px;align-items:center}.step{font-size:9px;padding:6px;background:#f1f2ec;color:#91977e;border-radius:5px}.step.purple{background:#f0ecfc;color:#9380d9}.text-button{border:0;background:none;color:#8f8b9c;font-size:10px}.ready{font-size:9px;color:#919688}.ready i{margin-right:5px}.select-row{margin:18px;display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;padding:10px 11px;gap:12px}.select-row label{font-size:8px;letter-spacing:1px;color:#9696a0}.select-row select{border:0;outline:none;flex:1;width:80px;background:white;color:#55535e;font-size:11px}.select-tag{font-size:7px;color:#aaa8b1;background:#f6f6f4;border-radius:3px;padding:3px}.editor-card textarea{width:100%;height:220px;border:0;padding:9px 22px;resize:vertical;outline:none;font:20px/1.9 'Noto Sans Tamil',sans-serif;color:#46454f;background:transparent}.editor-card textarea::placeholder{color:#b7b5be;font:12px/2 'DM Sans',sans-serif}.output-card{background:#fdfcfE}.editor-foot{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:10px 19px;border-top:1px solid #f0efed;color:#aaa7af;font-size:9px}.editor-foot button{border:0;background:none;font-size:10px;color:#8b8795;margin-left:13px}.swap{position:absolute;left:50%;top:113px;transform:translateX(-50%);border:1px solid #e4e0ef;background:#faf9ff;width:31px;height:31px;border-radius:50%;color:#8b77ca;z-index:1}.action-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0}.action-bar p{font-size:10px;color:#97969c}.action-bar p span{color:#9b94b8;margin-right:5px;font-size:16px}.action-bar>div{display:flex;gap:9px}.primary,.secondary{border-radius:6px;padding:11px 15px;font-size:10px;font-weight:500}.primary{background:#7561d0;border:1px solid #7561d0;color:white;box-shadow:0 3px 5px #7059c517}.secondary{background:white;border:1px solid #e1e0e5;color:#7a7686}.primary:hover{background:#604bb9}.secondary:hover{border-color:#a698d3}.hint{display:flex;align-items:center;gap:9px;padding:0 13px;background:#f0f1eb;border:1px solid #e9ebe2;border-radius:6px;color:#989a8b;font-size:9px}.hint>span{font-size:13px}.hint p{line-height:1.7}.hint strong{font-weight:500;color:#818775}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:34px 0;border-bottom:1px solid var(--line)}.benefits>div{display:flex;gap:12px;align-items:center}.benefit-icon{display:grid;place-items:center;width:35px;height:36px;background:#eeefe8;color:#93997e;border-radius:9px;font-size:22px}.benefits strong{font-size:11px;font-weight:500}.benefits p{font-size:10px;color:#a0a099;margin:6px 0 0}.guide{padding-top:31px}.section-heading{display:flex;justify-content:space-between;align-items:center}h2{font-size:19px;letter-spacing:-.4px;font-weight:500;margin:10px 0}.guide .eyebrow{font-size:8px}.guide-number{color:#b7b6b0;font-size:10px;letter-spacing:2px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:22px 0 31px}.guide-grid>div>span{font-size:10px;color:#9f94be}.guide h3{font-size:12px;font-weight:500;margin:10px 0}.guide p{font-size:11px;color:#a1a09f;line-height:1.9;max-width:250px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;color:#aaa9a4;font-size:9px}footer b{font:11px 'Noto Sans Tamil';margin-left:20px;color:#898b7a}.hidden{display:none!important}#toast{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translateX(-50%);background:#30372b;color:white;padding:13px 24px;border-radius:9px;opacity:0;pointer-events:none;transition:opacity .2s;font-size:12px}#toast.show{opacity:1}.notebook-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}#notes{width:100%;height:330px;resize:vertical;border:0;outline:none;padding:25px;font:20px/2 'Noto Sans Tamil',sans-serif}.art-layout{display:grid;grid-template-columns:250px 1fr;gap:25px;background:white;padding:24px;border:1px solid var(--line);border-radius:12px}.art-controls{display:grid;gap:18px}.art-controls label{display:grid;gap:9px;font-size:11px;color:#8d8998}.art-controls textarea,.art-controls select{width:100%;border:1px solid var(--line);padding:10px;border-radius:6px;background:#fbfbf9}.art-controls textarea{height:85px;resize:vertical}.color-row{display:flex;gap:30px}input[type=color]{width:65px;border:0;background:none;height:32px}canvas{width:100%;align-self:center;border-radius:8px}.muted{color:#a4a0aa;font-size:10px}dialog{border:1px solid var(--line);border-radius:16px;padding:35px;max-width:520px;line-height:1.9;color:#777582;box-shadow:0 30px 100px #29293230}dialog::backdrop{background:#29293255;backdrop-filter:blur(4px)}dialog h2{color:var(--ink);font-size:25px}dialog p{font-size:13px}button.dialog-close:not(.primary){float:right;border:0;background:none;font-size:25px;color:#999} @media(min-width:1500px){main{padding-top:55px}.editor-card textarea{height:290px}}@media(max-width:1100px){aside{width:210px;padding:28px 16px}.app{margin-left:210px}main{padding:30px 25px 0}header{padding:0 25px}.local-badge{display:none}.ready{font-size:8px}.action-bar{align-items:flex-end}.action-bar>div{gap:5px}.primary,.secondary{padding:10px;font-size:9px}.guide-grid{gap:20px}.select-tag{display:none}}@media(max-width:760px){aside{position:static;width:100%;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:23px}.mark{height:36px;width:36px;font-size:23px}.brand-sub{font-size:7px}.nav-label,.side-card,.side-bottom{display:none}nav{display:flex;gap:3px;justify-content:space-between;margin-top:16px}nav a{font-size:10px;padding:8px;gap:5px}nav a>span{font-size:15px;min-width:14px}nav small{display:none}.app{margin:0}header{height:50px;padding:0 20px}.header-right{gap:0}main{padding:25px 18px 0}h1{font-size:29px;line-height:1.3;letter-spacing:-1px}h1 em{display:block}.intro>p{font-size:11px}.tool-tabs{margin-top:22px}.tool-tabs button{font-size:10px;padding:9px}.tool-tabs>span{font-size:8px}.converter-grid{grid-template-columns:1fr;gap:16px}.swap{top:50%;transform:translate(-50%,-50%) rotate(90deg)}.editor-card textarea{height:170px}.card-head{padding:14px 17px}.select-row{margin:14px 17px}.ready{font-size:9px}.action-bar{display:block}.action-bar p{margin:15px 0}.action-bar>div{justify-content:space-between}.primary,.secondary{padding:11px 12px;font-size:10px}.hint{margin-top:15px}.benefits{grid-template-columns:1fr;gap:19px;padding:25px 0}.benefits p{margin-top:3px}.guide-grid{grid-template-columns:1fr;gap:14px}.guide-grid p{max-width:none;margin:0}.guide h3{display:inline-block;margin-left:10px}.guide h2{font-size:17px}.guide-number{display:none}footer{gap:15px;line-height:1.8}footer b{display:none}.art-layout{grid-template-columns:1fr;padding:16px}#toast{left:50%;width:max-content;max-width:90%}}

.format-count{font-weight:500;border-right:1px solid #dcded5;padding-right:12px;margin-right:12px;color:#77786e}.font-list{border:1px solid var(--line);background:#fcfcfa;border-radius:8px;margin-top:16px}.font-list summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;list-style:none;font-size:11px;color:#777580;padding:15px}.font-list summary::-webkit-details-marker{display:none}.font-list summary>span+span{font-size:9px;color:#96948c}.font-list summary b{font-size:14px;margin-left:12px}.font-list[open] summary{border-bottom:1px solid var(--line)}.font-chips{display:flex;flex-wrap:wrap;gap:8px;padding:17px 16px 4px}.font-chips span{font-size:10px;padding:7px 10px;background:#f0eef8;color:#81709f;border:1px solid #e8e3f3;border-radius:5px}.font-list>p{padding:0 16px 12px;font-size:10px;color:#93918d;line-height:1.8}.conversion-warning{border:1px solid #e3d7b8;background:#faf6e9;border-radius:6px;color:#92702f;font-size:11px;line-height:1.8;padding:10px 13px}.ready.warning{color:#a17833}select option{background:white;color:#55535e}@media(max-width:760px){.format-count{display:none}.font-list summary{font-size:10px}.font-list summary>span+span{font-size:8px}}

[hidden]{display:none!important}.typing-instruction{font-size:11px;color:#88828e;line-height:1.8;margin:0 0 14px}.typing-instruction kbd{font:10px inherit;padding:2px 6px;border:1px solid #ded9eb;border-radius:4px;background:white}.tamil-preview{border:1px solid #ddd6f3;background:#f2effa;border-radius:10px;margin:0 0 18px;padding:16px 19px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8c7ab0;font-size:9px;letter-spacing:1px}.tamil-preview p{font:20px/1.9 'Noto Sans Tamil',sans-serif;color:#51446f;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0}.tamil-preview small{color:#9a90aa;font-size:10px;line-height:1.7}.tamil-preview .text-button{color:#7862ac;letter-spacing:0}@media(max-width:760px){.tamil-preview{padding:14px}.typing-instruction{font-size:10px}.tamil-preview p{font-size:18px}}

.typing-options{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:13px}.typing-options label{display:flex;align-items:center;gap:10px;font-size:11px;color:#797184}.typing-options select{background:white;border:1px solid #ded8ee;border-radius:7px;padding:8px 28px 8px 10px;color:#6f5b99;font-size:11px}.typing-options>span{font-size:10px;color:#96909f}.source-input-wrap{position:relative}.source-input-wrap textarea{display:block}.editor-card:has(.source-input-wrap){overflow:visible}.typing-popup{position:absolute;width:222px;max-width:calc(100% - 16px);background:white;border:1px solid #d7cdeb;border-radius:9px;box-shadow:0 10px 30px #36275024;z-index:15;overflow:hidden}.candidate-word{padding:9px 12px;font-size:12px;color:#6b5a85;background:#f7f4fc;border-bottom:1px solid #eee8f5;overflow-wrap:anywhere}#typing-candidates{max-height:230px;overflow-y:auto;padding:4px}#typing-candidates button{display:flex;align-items:center;gap:12px;border:0;background:white;width:100%;padding:8px;border-radius:5px;text-align:left;color:#4a4154;font:15px/1.5 'Noto Sans Tamil',sans-serif}#typing-candidates button[aria-selected=true]{background:#eee7fb;color:#6b4fb0}#typing-candidates button:hover{background:#f4effc}.candidate-number{font:10px 'DM Sans',sans-serif;color:#a198ac;min-width:12px}.candidate-help{font-size:8px;color:#a299ad;background:#fbf9fd;padding:8px 10px;border-top:1px solid #eee8f5}@media(max-width:760px){.typing-options{gap:8px}.typing-options>span{font-size:9px}.typing-popup{width:210px}#typing-candidates button{padding:9px;font-size:15px}}

.conversion-directions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px}.conversion-directions>span{font-size:8px;letter-spacing:1.4px;color:#a19aab;margin-right:3px}.conversion-directions button{border:1px solid #e2ddef;background:#fdfcfe;border-radius:6px;padding:8px 10px;color:#82718f;font-size:10px}.conversion-directions button:hover{background:#eee7fa;border-color:#c7b7e4}.conversion-directions a{font-size:9px;color:#9a8ca7;text-decoration:none;margin-left:auto}.conversion-directions a:hover{text-decoration:underline}@media(max-width:760px){.conversion-directions{gap:6px}.conversion-directions button{font-size:9px;padding:8px}.conversion-directions a{margin-left:0;width:100%;margin-top:4px}}

.source-display-controls{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;padding:0 19px 12px}.source-display-controls label{font-size:10px;color:#95879e}.source-display-controls select{justify-self:end;max-width:100%;background:#faf8fe;color:#756189;border:1px solid #e5dced;border-radius:6px;padding:7px;font-size:10px}.source-display-controls p{grid-column:1/-1;margin:0;font-size:9px;color:#a49aaa;line-height:1.7}#input[data-display-language=english]{font-family:'DM Sans','Noto Sans Tamil',sans-serif}@media(max-width:760px){.source-display-controls{padding:0 16px 12px;gap:8px}.source-display-controls select{font-size:9px}}