.studio-tabs{display:flex;gap:7px;flex-wrap:wrap;background:white;border:1px solid var(--line);border-radius:13px;padding:7px;margin-bottom:25px}.studio-tabs button{padding:10px 15px;border-radius:9px;color:var(--muted);font-size:14px}.studio-tabs button.selected{background:var(--purple);color:white;font-weight:700}.composer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;background:white;border:1px solid var(--line);padding:25px;border-radius:18px}.field-label{display:block;font-size:15px;font-weight:600;margin:10px 0}.base-select{width:100%;font-family:'Noto Sans Malayalam',sans-serif;font-size:18px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);margin-bottom:18px}.sign-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sign-button{border:2px solid var(--line);border-radius:11px;padding:9px 4px;background:white}.sign-button>span{display:block;font-size:27px;min-height:52px}.sign-button small{font-size:12px;color:var(--muted)}.sign-button.chosen{border-color:var(--purple);background:var(--pale)}.syllable-preview{background:var(--pale);border-radius:15px;padding:25px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.syllable-equation{display:flex;gap:13px;align-items:center;font-size:30px;margin-top:15px}.composed-letter{font-size:85px;line-height:1.7;color:var(--purple);margin:3px 0}.composed-roman{font-size:24px;font-weight:700;color:var(--purple);margin:0 0 18px}.syllable-preview p{font-size:14px;color:#736586;max-width:320px}.syllable-preview .row{margin-top:20px;justify-content:center}.syllable-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.syllable-mini{border:1px solid var(--line);border-radius:12px;background:white;padding:12px 5px}.syllable-mini>span{font-size:28px;display:block}.syllable-mini small{font-size:13px;color:var(--muted)}.syllable-mini.active{border-color:var(--purple);background:var(--pale)}.recording-panel{margin-top:25px;padding:22px;border:1px solid var(--line);background:white;border-radius:15px}.recording-panel>p{color:var(--muted);font-size:14px}.audio-credit{font-size:12px!important;color:var(--muted);line-height:1.7;margin-top:17px}.audio-credit a{text-decoration:underline;text-underline-offset:3px}.extended-note{padding:20px;background:#f0edf7;border-radius:12px;margin:25px 0;font-size:14px}.extended-note summary{cursor:pointer;font-weight:600}.extended-note p{margin-top:14px;color:#766c85}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reference-card{border:1px solid var(--line);background:white;padding:23px;border-radius:16px}.reference-glyph{font-size:62px;color:var(--purple);margin-bottom:14px}.reference-card h3{font-size:17px}.reference-card p{font-size:14px;color:var(--muted);margin:8px 0}.reference-card p[lang=ml]{font-size:24px;color:var(--ink)}.reference-card p span[lang=ml]{font-size:22px}.reference-card .row{margin-top:18px}.reference-card .secondary{font-size:13px;padding:10px}.join-formula{font-size:21px!important;color:#ac98cc!important}.sound-glyphs{font-size:35px;color:var(--purple);margin-bottom:15px}body[data-profile=kids] .syllable-preview{background:#fff1d2}body[data-profile=kids] .composed-letter{font-size:95px}body[data-profile=kids] .sign-button{border-radius:15px;border-bottom-width:4px}body[data-profile=kids] .sign-button:nth-child(3n){background:#ecf8f3}body[data-profile=kids] .sign-button:nth-child(3n+1){background:#f4efff}body[data-profile=kids] .sign-button.chosen{border-color:var(--purple);background:#e4d6fa}body[data-profile=kids] .reference-card{border-radius:21px;border-bottom:5px solid #eadbf3}@media(max-width:1050px){.composer-grid{grid-template-columns:1fr 1fr;padding:18px;gap:18px}.syllable-strip{grid-template-columns:repeat(5,1fr)}.syllable-preview{padding:18px}.syllable-preview .row{flex-direction:column}.studio-tabs button{font-size:12px;padding:9px 12px}}@media(max-width:700px){.composer-grid{grid-template-columns:1fr;padding:18px}.syllable-preview .row{flex-direction:row}.syllable-strip{grid-template-columns:repeat(4,1fr)}.reference-grid{grid-template-columns:1fr}.studio-tabs{gap:4px;padding:5px}.studio-tabs button{flex:1 0 30%;font-size:12px;padding:10px 5px}.sign-button>span{font-size:30px}.sign-button small{font-size:13px}.composed-letter{font-size:80px}.reference-glyph{font-size:54px}.chinnam-lab>.section-head{align-items:flex-start}.chinnam-lab>.section-head>.text-button{max-width:95px}.reference-card audio{width:100%}}
.composer-live{display:none}@media(max-width:700px){.composer-live{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:8px;z-index:5;background:#f4efff;border:1px solid #dacced;padding:8px 14px;border-radius:12px;margin:0 0 14px;box-shadow:0 4px 12px #37245812}.composer-live>span{font-size:24px}.composer-live strong{color:var(--purple)}.composer-live button{font-size:14px}}