@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
/* ALKATIP Basma — preferred Uyghur text font (onlinewebfonts), UKIJ Tuz as fallback */
@font-face {
  font-family: "ALKATIP Basma";
  src: url("https://db.onlinewebfonts.com/t/3c16518f40da2fc2901f37666c0556a7.woff2") format("woff2"),
       url("https://db.onlinewebfonts.com/t/3c16518f40da2fc2901f37666c0556a7.woff") format("woff"),
       url("https://db.onlinewebfonts.com/t/3c16518f40da2fc2901f37666c0556a7.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UKIJ Tuz";
  src: url("https://cdn.jsdelivr.net/gh/UyCode/uyfonts@main/UKIJTuz.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.ukij-tuz { font-family: "ALKATIP Basma","UKIJ Tuz",serif; direction: rtl; unicode-bidi: embed; line-height: 2.2; }
:root{--bg:#faf9f6;--line:#e9e7e1;--text:#23241f;--muted:#82847b;--orange:#ed6b3b;--orange-light:#fff1e9}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #ee996e;outline-offset:3px}button{border:0;background:none}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:239px;padding:31px 18px 18px;background:#f1f0eb;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;font:800 28px Manrope,sans-serif;letter-spacing:-1.5px;padding:0 10px;gap:8px}.brandmark{letter-spacing:0;color:var(--orange);font-weight:800;font-size:35px;transform:rotate(180deg)}.brand-small{font-size:9px;letter-spacing:1.6px;margin:8px 0 0 2px;color:#87887f}.workspace{margin:32px 0 33px;display:flex;align-items:center;gap:10px;text-align:start;border:1px solid #deded6;border-radius:9px;background:#f9f8f5;padding:11px 9px;font-size:11px;font-weight:600}.workspace small,.user small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}.avatar{background:#e7e1d5;border-radius:7px;display:grid;place-items:center;width:30px;height:30px;font-weight:600;flex-shrink:0}.chev{margin-inline-start:auto}.nav-label{font-size:9px;letter-spacing:1.3px;color:#98998f;margin:0 13px 13px}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:12px;padding:12px 13px;text-align:start;font-size:12px;border-radius:7px;color:#66695f}nav button>span:first-child{font-size:19px;width:19px;line-height:18px}nav button.active{background:#fff;color:#292c23;box-shadow:0 2px 4px #272b1205;font-weight:600}nav small{margin-inline-start:auto;border:1px solid #deded7;padding:1px 5px;border-radius:4px;font-size:9px}.side-bottom{margin-top:auto}.demo-box{border:1px solid #ddded4;padding:17px 14px;border-radius:9px;font-size:8px;letter-spacing:1.1px;color:#686e5b}.tiny-dot,.online{display:inline-block;width:6px;height:6px;border-radius:50%;background:#899b69;margin-inline-end:4px}.demo-box p{font:600 18px/1.5 Manrope,sans-serif;letter-spacing:-.5px;color:#484e3b;margin:12px 0}.demo-box small{font-size:10px;letter-spacing:0;color:#888c7f}.help{display:flex;width:100%;gap:9px;font-size:11px;color:#777b6e;padding:24px 9px}.help span:last-child{margin-inline-start:auto}.user{border-top:1px solid #deded7;padding:19px 6px 0;display:flex;gap:11px;align-items:center;font-size:12px}.dark{background:#373d31;color:white}.online{margin-inline-start:auto}.main{margin-inline-start:239px}header{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid var(--line);font-size:11px}.breadcrumb{color:#999b91}.breadcrumb span{margin:0 12px;color:#c0c2b8}.breadcrumb b{color:#5c6053;font-weight:500}.private-pill{background:#f0f0e9;padding:7px 11px;border-radius:20px;color:#747b66;font-size:10px}.mobile-menu{display:none}main{max-width:1500px;margin:auto;padding:43px 44px 20px}.page-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:30px}.page-head>.eyebrow,.page-head>h1,.page-head>p{width:100%}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:600;color:#8c927f;margin-bottom:12px}h1{font:600 clamp(26px,2.6vw,40px)/1.25 Manrope,sans-serif;letter-spacing:-1.5px;margin:0 0 12px}h1>span:not([data-i18n]){color:var(--orange)}.page-head p{font-size:12px;color:var(--muted);margin:0}.outline{border:1px solid #dddfd5;border-radius:7px;padding:10px 14px;font-size:11px;background:#fff;white-space:nowrap}.outline:hover{background:#f5f4ef}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:21px}.editor-card,.settings-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.editor-top{height:53px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 24px}.tab{height:100%;display:flex;align-items:center;border-bottom:2px solid var(--orange);font-size:11px;font-weight:600}.draft-status{color:#9b9d92;font-size:9px}.title-line{display:flex;align-items:center;padding:25px 25px 8px;gap:8px}.title-line input{font-size:14px;font-weight:600;border:0;background:none;width:min(250px,90%);outline-color:#ee996e}.title-line span{color:#b5b6ad}textarea{display:block;width:100%;height:218px;border:0;resize:vertical;min-height:150px;max-height:600px;padding:12px 27px;font-size:16px;line-height:1.85;outline:none;color:#55594e;background:#fff}textarea:focus{box-shadow:inset 3px 0 #f4c8b5}.editor-meta{display:flex;align-items:center;justify-content:space-between;padding:8px 25px 20px;color:#a3a69a;font-size:9px}.text-button{color:#929881;padding:0;font-size:10px}.editor-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:21px 24px;background:#fdfdfb;border-top:1px solid #efefe9}.small-label{display:block;font-size:7px;letter-spacing:1px;color:#a3a796;margin-bottom:6px}.duration{font-size:12px;color:#767d68}.action-group{display:flex;gap:9px}.primary{border-radius:7px;background:var(--orange);color:white;padding:11px 18px;font-size:11px;font-weight:600;box-shadow:0 3px 7px #d96a2520}.primary:hover{background:#dd5b2b}.primary span{margin-inline-end:8px}.settings-card{padding:23px 20px}.settings-title{font-size:12px;font-weight:600;display:flex;justify-content:space-between;margin-bottom:23px}.settings-title>span{color:#a6aa9c}label{display:block;font-size:10px;font-weight:500;color:#717765;margin:0 0 9px}select{width:100%;padding:11px 10px;border:1px solid #e7e8df;background:#fcfcf9;border-radius:7px;font-size:11px;outline-color:#ee996e}#language{margin-bottom:21px}.voice-select{position:relative}.voice-select select{padding-inline-start:36px;text-overflow:ellipsis}.voice-orb{position:absolute;background:#ced1be;border:5px solid #e1e5d6;border-radius:50%;height:23px;width:23px;inset-inline-start:9px;top:8px;pointer-events:none}.voice-note{font-size:9px;line-height:1.6;color:#939986;min-height:30px;margin:8px 0 17px}.range-label{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.range-label label{margin:0}.range-label output{font-size:10px;color:#8d927f}input[type=range]{width:100%;accent-color:#535d43;height:3px;margin:14px 0}.range-hints{display:flex;justify-content:space-between;font-size:8px;color:#a0a594}.privacy-note{display:flex;gap:8px;border-top:1px solid #eceee5;margin-top:20px;padding-top:15px;color:#9aa18b;font-size:9px;line-height:1.7}.privacy-note p{margin:0}.player{display:flex;align-items:center;gap:16px;background:#f1f2eb;border:1px solid #e4e7da;border-radius:10px;margin-top:20px;padding:17px 19px;height:79px}.round-play{background:#fff;border:1px solid #e0e4d6;border-radius:50%;height:37px;width:37px;flex-shrink:0;color:#667252;font-size:11px}.player-info{min-width:150px}.player-info b{display:block;font-size:11px;font-weight:500}.player-info span{font-size:9px;color:#9aa28c;display:block;margin-top:5px;max-width:270px}.waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:35px;flex:1;overflow:hidden}.waveform i{display:block;width:2px;min-width:2px;background:#bec7ac;border-radius:3px}.playing .waveform i{animation:pulse .7s ease-in-out infinite alternate}.waveform i:nth-child(3n){animation-delay:.2s}.waveform i:nth-child(5n){animation-delay:.5s}@keyframes pulse{to{transform:scaleY(.35)}}.stop{font-size:10px;color:#758365;white-space:nowrap}.device-tag{font-size:7px;letter-spacing:1px;border:1px solid #dce1d1;padding:5px 7px;border-radius:4px;color:#8f987f;white-space:nowrap}.ideas-heading{display:flex;justify-content:space-between;align-items:center;margin:31px 0 16px}.ideas-heading h2{font:600 14px Manrope;margin:0;letter-spacing:-.3px}.ideas-heading>span{font-size:10px;color:#a1a694}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.idea{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:19px 15px;text-align:start;transition:transform .15s}.idea:hover{transform:translateY(-3px);border-color:#d9d6ca}.idea-icon{height:34px;width:34px;display:grid;place-items:center;border-radius:9px;font-size:20px;flex-shrink:0}.peach{background:#fbede1;color:#c58f63}.blue{background:#ebeff4;color:#7f94a7}.green{background:#eef1e7;color:#95a076}.idea h3{font-size:11px;margin:0 0 5px;font-weight:600}.idea p{font-size:9px;color:#9a9e90;margin:0}.idea>span:last-child{margin-inline-start:auto;color:#b0b5a7}.footnote{font-size:9px;color:#a3a797;line-height:1.7;margin:23px 0}footer{max-width:1500px;margin:auto;padding:20px 44px 25px;color:#a0a695;font-size:10px;font-weight:600;display:flex;justify-content:space-between}footer span{font-weight:400;font-size:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#30392a;color:white;box-shadow:0 5px 25px #0002;border-radius:8px;padding:13px 20px;opacity:0;pointer-events:none;transition:.2s;z-index:50;font-size:12px;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}.library-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0}.library-tools input{border:1px solid var(--line);border-radius:8px;padding:13px 17px;background:white;width:360px;max-width:80%;font-size:12px}.library-tools span{font-size:11px;color:var(--muted)}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.voice-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:22px;min-width:0}.voice-card .orb{height:45px;width:45px;border-radius:50%;background:#d8dfce;border:10px solid #edf0e8;margin-bottom:17px}.voice-card:nth-child(3n+1) .orb{background:#f0ccb6;border-color:#f9e9df}.voice-card:nth-child(3n+2) .orb{background:#cbd4e2;border-color:#e8edf3}.voice-card h3{font-size:13px;margin:0 0 8px;overflow-wrap:anywhere}.voice-card p{font-size:10px;color:var(--muted);margin-bottom:20px}.voice-card button{width:100%}.empty{padding:60px 25px;background:white;border:1px dashed #dce0d2;border-radius:12px;text-align:center;color:var(--muted);grid-column:1/-1}.empty h2{font-size:19px;color:#626c54}.empty p{font-size:12px;line-height:1.8}.project-row{display:flex;align-items:center;gap:20px;border:1px solid var(--line);background:white;border-radius:10px;padding:23px;margin-bottom:12px}.project-row .project-content{min-width:0;flex:1}.project-row h3{margin:0 0 8px;font-size:14px}.project-row p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:12px;margin:0 0 9px}.project-row small{font-size:9px;color:#a0a790}.row-buttons{display:flex;gap:8px;flex-wrap:wrap}dialog{border:1px solid var(--line);border-radius:16px;max-width:500px;width:90vw;padding:35px;color:var(--text);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#24281f55;backdrop-filter:blur(4px)}dialog h2{font:600 25px Manrope}dialog p{color:#7f8575;line-height:1.8;font-size:13px}.dialog-close{position:absolute;inset-inline-end:15px;top:10px;font-size:27px;color:#8e9680}.dialog-close-button{margin-top:12px}@media(min-width:1550px){main{padding-top:60px}.studio-grid{grid-template-columns:minmax(0,1fr) 300px}textarea{height:290px}.settings-card{padding:25px}}@media(max-width:1150px){.sidebar{width:210px}.main{margin-inline-start:210px}header{padding:0 27px}main{padding:35px 27px 15px}.studio-grid{grid-template-columns:minmax(0,1fr) 235px;gap:15px}.idea{padding:15px 12px}.idea-icon{display:none}.page-head>.outline{margin-top:15px}.small-label{font-size:6px}.editor-actions{padding:18px}.action-group{gap:6px}.action-group .outline,.action-group .primary{padding:10px;font-size:10px}.device-tag{display:none}.draft-status{font-size:8px}.player-info{min-width:120px}.voice-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.studio-grid{grid-template-columns:1fr}.settings-card{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.settings-title,.privacy-note{grid-column:1/-1}.settings-title{margin-bottom:8px}.settings-card>label,.settings-card>select,.voice-select,.voice-note,.range-label,.settings-card>input,.range-hints{grid-column:1/-1}.settings-card{display:block}.range-label{margin-top:16px}.settings-card{padding:20px}.voice-note{min-height:0}.privacy-note{margin-top:16px}.settings-card #language{margin-bottom:14px}.idea-grid{grid-template-columns:1fr}.idea-icon{display:grid}.ideas-heading>span{display:none}.page-head{gap:12px}.page-head>.outline{margin:0}.project-row{flex-wrap:wrap}.row-buttons{width:100%}}@media(max-width:650px){.sidebar{transform:translateX(-100%);transition:.2s;width:239px;box-shadow:10px 0 40px #0001}.sidebar.open{transform:translateX(0)}.main{margin-inline-start:0}header{padding:0 18px;height:62px;gap:12px}.mobile-menu{display:block;font-size:19px;padding:8px 0}.breadcrumb{flex:1;font-size:10px}.breadcrumb span{margin:0 7px}.private-pill{font-size:8px;padding:6px 8px}main{padding:29px 18px 10px}h1{font-size:30px;letter-spacing:-1.2px}.page-head{margin-bottom:24px}.page-head p{font-size:11px}.page-head>.outline{font-size:10px}.eyebrow{font-size:8px}.editor-top{padding:0 18px}.title-line{padding:22px 18px 8px}textarea{padding:10px 20px;height:230px;font-size:15px}.editor-meta{padding:8px 18px 18px}.editor-actions{padding:17px 15px}.small-label{max-width:75px;line-height:1.5;font-size:6px}.editor-actions .primary{font-size:10px;padding:12px}.editor-actions .outline{font-size:9px;padding:10px}.player{gap:10px;padding:13px;height:80px}.player-info{min-width:110px;max-width:180px}.player-info b{font-size:10px}.waveform{gap:2px}.stop{font-size:9px}.voice-grid{grid-template-columns:1fr}footer{padding:15px 19px 25px;font-size:9px}footer span{font-size:8px}.project-row{padding:18px}.private-pill{white-space:nowrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.engine-panel{display:flex;align-items:center;gap:15px;border:1px solid #e5e3d9;background:#f4f3ed;border-radius:9px;padding:15px 18px;margin-bottom:10px}.engine-panel>div{display:flex;align-items:center;gap:12px;flex:1}.engine-symbol{font-size:25px;color:#b77b55}.engine-panel b{display:block;font-size:12px}.engine-panel span:not(.engine-symbol){font-size:9px;color:#919682;display:block;margin-top:4px}.engine-panel select{width:205px;background:#fff}.engine-panel label{margin:0;font-size:9px}.engine-notice{font-size:10px;color:#8c856b;line-height:1.7;background:#fcf8ed;border-radius:6px;padding:10px 15px;margin-bottom:20px}.engine-notice[hidden]{display:none}@media(max-width:650px){.engine-panel{flex-wrap:wrap;gap:12px}.engine-panel>div{width:100%;flex:auto}.engine-panel label{flex:1}.engine-panel select{width:210px}}

.batch-card{background:#fff;border:1px solid var(--line);padding:24px;border-radius:10px;margin-bottom:20px}.batch-card p{font-size:11px;color:var(--muted);line-height:1.7}.batch-card input{margin:10px 0 15px;max-width:100%}.batch-card .action-group{flex-wrap:wrap}.job-status{font-size:10px;color:#858e74;white-space:nowrap}#presetBox{margin-bottom:18px}#loginForm input{width:100%;border:1px solid var(--line);border-radius:6px;padding:12px;margin-bottom:12px}#batchRows{margin-top:22px}

/* Interface direction is independent from the script's synthesis language. */
.interface-control{display:flex;align-items:center;gap:8px;margin:0;margin-inline-start:18px;flex-shrink:0}
.interface-control>span{font-size:10px}
.interface-control select{width:110px;padding:8px;font-size:12px}
nav button>span[data-i18n]{min-width:0;line-height:1.6}
.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.primary span{margin:0}
.brand{direction:ltr;unicode-bidi:isolate}
.brand-small{letter-spacing:0}
.ukij-tuz :is(h1,h2,h3,.demo-box p,.ideas-heading h2,dialog h2){font-family:"ALKATIP Basma","UKIJ Tuz",serif;letter-spacing:normal;line-height:1.8}
.ukij-tuz :is(button,input,textarea,select,output){font-family:inherit}
.ukij-tuz :is(.eyebrow,.nav-label,.small-label,.demo-box,.device-tag){letter-spacing:normal}
.ukij-tuz :is(.workspace,nav button,.outline,.primary,select,label,.settings-title,.tab,.text-button){font-size:13px}
.ukij-tuz :is(.voice-note,.privacy-note,.engine-notice,.footnote,.batch-card p,.project-row small,.player-info span,.draft-status){font-size:12px;line-height:2}
.ukij-tuz :is(.page-head p,.idea p,.demo-box small,.player-info b){font-size:13px;line-height:2}
.ukij-tuz .small-label{font-size:12px}
.ukij-tuz .eyebrow{font-size:11px}
.ukij-tuz .title-line input{font-size:17px;width:min(400px,90%)}
.ukij-tuz textarea{font-size:19px;line-height:2.2}
#script[lang="ug"]{font-family:"ALKATIP Basma","UKIJ Tuz",serif;line-height:2.2}
.ukij-tuz .editor-top{min-height:60px;height:auto;gap:10px}
.ukij-tuz .tab{padding-block:14px}
.ukij-tuz .player{height:auto;min-height:90px}
.ukij-tuz .player-info{max-width:360px;overflow-wrap:anywhere}
.engine-panel{flex-wrap:wrap}
.engine-panel>div{min-width:180px}
.engine-panel select{max-width:100%}
.page-head,.editor-actions,.editor-meta,header{gap:12px}
input[dir="auto"],.project-content h3{unicode-bidi:plaintext}
:is(code,url,[dir="ltr"]){unicode-bidi:isolate}
.job-status{white-space:normal;max-width:45%;line-height:1.8}
#csvFilename{display:inline-block;margin-inline:12px;max-width:100%;overflow-wrap:anywhere}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1150px){.interface-control>span{display:none}}
@media(max-width:650px){
  html[dir="rtl"] .sidebar{transform:translateX(100%);box-shadow:-10px 0 40px #0001}
  html[dir="rtl"] .sidebar.open{transform:translateX(0)}
  header{height:auto;min-height:70px;flex-wrap:wrap;padding-block:10px}
  .interface-control{margin-inline-start:0}
  .interface-control select{width:96px}
  .private-pill{display:none}
  .breadcrumb{min-width:120px}
  .editor-actions,.editor-meta{flex-wrap:wrap}
  .editor-actions .action-group{flex-wrap:wrap}
  .ukij-tuz .small-label{max-width:none}
  .ukij-tuz .draft-status{font-size:10px}
  .ukij-tuz .page-head h1{font-size:29px}
  .ukij-tuz .player{flex-wrap:wrap;gap:10px}
  .ukij-tuz .player-info{min-width:0;flex:1}
  .ukij-tuz .player-info span{max-width:100%}
  .ukij-tuz .waveform{min-width:50px}
  .job-status{max-width:100%}
  .action-group button{white-space:normal}
}

/* A fixed header keeps Close reachable while the drawer content scrolls. */
.sidebar{padding:0;height:100vh;height:100dvh;overflow:hidden}
.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding:24px 18px 0}
.sidebar-header .brand{min-width:0;padding:0;gap:6px}
.sidebar-content{display:flex;flex:1;min-height:0;flex-direction:column;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 18px max(18px,env(safe-area-inset-bottom))}
.sidebar-content>*{flex-shrink:0}
.sidebar-close,.sidebar-backdrop{display:none}
@media(max-width:650px){
  html.drawer-open{overflow:hidden;overscroll-behavior:none}
  body.drawer-open{position:fixed;inset-inline:0;width:100%;overflow:hidden;overscroll-behavior:none}
  .sidebar{width: min(280px,calc(100vw - 48px));visibility:hidden}
  .sidebar.open{visibility:visible}
  .sidebar-header{padding: max(12px,env(safe-area-inset-top)) 14px 12px;border-bottom:1px solid var(--line)}
  .sidebar-header .brand{font-size:25px}
  .sidebar-header .brand-small{font-size:8px}
  .sidebar-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #deded6;border-radius:8px;background:#f9f8f5;font:28px/1 system-ui,sans-serif}
  .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:19;background:#24281f66;touch-action:none}
}

/* Voice Lab, Dubbing and Voice Changer share card, field and line layouts. */
.card-title{font:600 14px Manrope,system-ui,sans-serif;margin:0 0 16px;display:flex;align-items:baseline;gap:10px}
.card-title small{font:400 11px 'DM Sans',system-ui,sans-serif;color:var(--muted)}
.field-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-bottom:14px}
.field{display:flex;flex-direction:column;gap:6px;flex:1 1 200px;min-width:0;font-size:11px;color:#6e7166}
.field.small{flex:0 1 130px}
.field input:not([type=range]):not([type=checkbox]):not(.sr-only),.field textarea,.dub-text textarea{width:100%;border:1px solid #e7e8df;background:#fcfcf9;border-radius:7px;padding:10px;font-size:13px;color:var(--text);outline-color:#ee996e}
.field textarea,.dub-text textarea{resize:vertical;line-height:1.8}
.field input[type=range]{width:100%;accent-color:var(--orange)}
.field-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.batch-card .action-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
.status-text{font-size:11px;color:var(--muted);line-height:1.8}
.status-text.warning{color:#b5502a}
.read-prompt{border:1px dashed #e0d6c8;background:var(--orange-light);border-radius:9px;padding:14px 16px;margin-bottom:14px}
.read-prompt p{font-size:17px;line-height:2;margin:4px 0 6px;color:#3b3a33}
.read-prompt p:lang(ug){font-family:"ALKATIP Basma","UKIJ Tuz",serif;font-size:19px}
.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;margin:14px 0;color:#4d5046}
.consent input{margin-top:5px;accent-color:var(--orange);flex-shrink:0}
.recording{background:#c43d2b!important;animation:awaz-pulse 1.2s ease-in-out infinite}
@keyframes awaz-pulse{50%{box-shadow:0 0 0 6px #c43d2b33}}
@media(prefers-reduced-motion:reduce){.recording{animation:none}}
.row-actions{display:flex;gap:14px;flex-wrap:wrap;margin-inline-start:auto}
.row-actions .text-button,.dub-line-head .text-button,.batch-card .text-button{font-size:11px;color:#6f7563}
.uyghur-tools{display:inline-flex;gap:14px;flex-wrap:wrap;margin-inline-start:16px}
.editor-meta{flex-wrap:wrap}
.dub-media{display:block;width:100%;max-height:360px;margin-top:12px;border-radius:9px;background:#111}
.dub-lines{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.dub-line{border:1px solid var(--line);border-radius:9px;padding:12px 14px;background:#fcfcfa}
.dub-line-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;font-size:11px}
.dub-line-head b{min-width:22px}
.dub-time{width:84px;border:1px solid #e7e8df;border-radius:6px;padding:6px;font-size:12px;background:#fff}
.dub-line-head .job-status{margin-inline-start:auto}
.dub-line-texts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dub-text{display:flex;flex-direction:column;gap:4px}
.dub-text textarea:lang(ug),.field textarea:lang(ug),#clonePromptText:lang(ug){font-family:"ALKATIP Basma","UKIJ Tuz",serif;font-size:16px}
.mode-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:18px}
.mode-tabs .tab{border-bottom-color:transparent;padding:10px 0;color:var(--muted)}
.mode-tabs .tab.active{border-bottom-color:var(--orange);color:var(--text)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}
.chip{border:1px solid #e3ddd2;background:#fff;border-radius:999px;padding:7px 14px;font-size:12px}
.chip:hover{border-color:var(--orange);background:var(--orange-light)}
.ukij-tuz :is(.field,.consent,.status-text,.chip,.dub-line-head){font-size:13px}
.ukij-tuz .card-title{font-family:"ALKATIP Basma","UKIJ Tuz",serif;font-size:17px}
@media(max-width:650px){
  .dub-line-texts{grid-template-columns:1fr}
  .row-actions{margin-inline-start:0;width:100%}
  .uyghur-tools{margin-inline-start:0}
  .field.small{flex:1 1 120px}
}
.dub-text textarea,.field textarea{min-height:64px;height:auto;padding:10px}
.ukij-tuz .device-tag{font-size:10px}

@media(max-width:650px){.small-label{font-size:10px}.player{flex-wrap:wrap;height:auto}.player-info{max-width:none;flex:1}}
.range-hints{direction:ltr}
.player-info span.play-hint,.ukij-tuz .player-info span.play-hint{color:#a4542c}
@media(max-width:650px){.player .waveform{order:5;flex-basis:100%;height:24px}.player-info{min-width:0}}

/* Tablets (iPad portrait and small landscape) use the same off-canvas drawer as phones,
   so the editor gets the full width. Phone-only layout rules stay at 650px. */
@media(min-width:651px) and (max-width:1024px){
  .sidebar{transform:translateX(-100%);transition:transform .2s;width:min(300px,calc(100vw - 48px));visibility:hidden;box-shadow:10px 0 40px #0001}
  html[dir="rtl"] .sidebar{transform:translateX(100%);box-shadow:-10px 0 40px #0001}
  .sidebar.open,html[dir="rtl"] .sidebar.open{transform:translateX(0);visibility:visible}
  .main{margin-inline-start:0}
  header{padding:0 28px;gap:14px}
  .mobile-menu{display:grid;place-items:center;width:44px;height:44px;font-size:21px;border:1px solid #deded6;border-radius:8px;background:#fff}
  html.drawer-open{overflow:hidden;overscroll-behavior:none}
  body.drawer-open{position:fixed;inset-inline:0;width:100%;overflow:hidden;overscroll-behavior:none}
  .sidebar-header{padding:max(14px,env(safe-area-inset-top)) 16px 14px;border-bottom:1px solid var(--line)}
  .sidebar-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #deded6;border-radius:8px;background:#f9f8f5;font:28px/1 system-ui,sans-serif}
  .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:19;background:#24281f66;touch-action:none}
  main{padding:34px 28px 18px}
}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}

/* Readability: no interface text below 11px, and stronger contrast for secondary text. */
:root{--muted:#6c6f65}
.small-label,.eyebrow,.nav-label{font-size:11px;letter-spacing:.4px;color:#7b7e72}
.text-button{font-size:13px;color:#5f6555}
.outline,.primary,.action-group .outline,.action-group .primary,.editor-actions .primary,.editor-actions .outline{font-size:13px}
.footnote{font-size:12px;color:#777a6e}
:is(.draft-status,#charCount,.job-status,.private-pill,.breadcrumb,.player-info span,.device-tag,footer,footer span,.voice-note,.privacy-note,.engine-notice,.status-text,.page-head p){font-size:12px}
.engine-panel span:not(.engine-symbol),nav small,.demo-box small{font-size:11px}
.ukij-tuz :is(.small-label,.eyebrow,.nav-label,.draft-status,#charCount,.job-status,.footnote,nav small,.engine-panel span:not(.engine-symbol)){font-size:12px}
.ukij-tuz :is(.text-button,.outline,.primary,.voice-note,.privacy-note,.engine-notice,.status-text,.page-head p,.player-info span){font-size:14px}

/* Touch screens: 44px targets, and 16px form text so iOS Safari does not zoom on focus. */
@media(pointer:coarse){
  button,.outline,.primary,.chip,select,.mode-tabs .tab{min-height:44px}
  .text-button{min-height:44px;padding-inline:6px}
  nav button{min-height:48px}
  input:not([type=checkbox]):not([type=range]),select,textarea{font-size:16px}
  input[type=range]{height:36px}
  input[type=checkbox]{width:22px;height:22px}
  .dub-time{min-height:40px}
}

/* Notches, rounded corners and the home indicator (iPhone, iPad, Android gesture bars). */
/* Physical left/right on purpose: a side notch is on the device's left or right, whatever the text direction. */
@media(max-width:650px){header,main{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}}
@media(min-width:651px) and (max-width:1024px){header,main{padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right))}}
@media(min-width:1025px) and (max-width:1150px){main{padding-left:max(27px,env(safe-area-inset-left));padding-right:max(27px,env(safe-area-inset-right))}}
@media(min-width:1151px){main{padding-left:max(44px,env(safe-area-inset-left));padding-right:max(44px,env(safe-area-inset-right))}}
main{padding-bottom:max(18px,env(safe-area-inset-bottom))}
.toast{bottom:max(24px,calc(env(safe-area-inset-bottom) + 12px))}
@media(display-mode:standalone){header{padding-top:env(safe-area-inset-top)}}
#installApp{color:var(--orange);font-weight:600}
:is(.demo-box span,.help,.help span,#rateValue,#pitchValue,.range-hints span,.stop,.interface-control>span,.ideas-heading>span,.idea h3,small){font-size:12px}
.round-play{font-size:14px}

/* Lucide icons (lucide-static 0.460.0, ISC licence), embedded as masks so they inherit text colour,
   work offline in the installed app and follow translated labels through data-icon. */
.icon{display:inline-block;width:1.25em;height:1.25em;flex-shrink:0;vertical-align:-.25em;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
[data-icon]:not(.icon)::before{content:"";display:inline-block;width:1.2em;height:1.2em;flex-shrink:0;margin-inline-end:.45em;vertical-align:-.24em;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
:is(.primary,.outline,.text-button,.help,.chip)[data-icon]:not(.icon){display:inline-flex;align-items:center;gap:.45em}
:is(.primary,.outline,.text-button,.help,.chip)[data-icon]:not(.icon)::before{margin:0}
.round-play[data-icon]::before{margin:0;width:1.35em;height:1.35em}
html[dir="rtl"] .icon.flip{transform:scaleX(-1)}
[data-icon="arrow-up-right"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10'/%3E %3Cpath d='M7 17 17 7'/%3E%3C/svg%3E")}
[data-icon="audio-lines"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10v3'/%3E %3Cpath d='M6 6v11'/%3E %3Cpath d='M10 3v18'/%3E %3Cpath d='M14 8v7'/%3E %3Cpath d='M18 5v13'/%3E %3Cpath d='M22 10v3'/%3E%3C/svg%3E")}
[data-icon="audio-waveform"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 13a2 2 0 0 0 2-2V7a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0V4a2 2 0 0 1 4 0v13a2 2 0 0 0 4 0v-4a2 2 0 0 1 2-2'/%3E%3C/svg%3E")}
[data-icon="book-open"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E %3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E")}
[data-icon="chevrons-up-down"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5'/%3E %3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E")}
[data-icon="circle-check"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E %3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
[data-icon="clapperboard"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z'/%3E %3Cpath d='m6.2 5.3 3.1 3.9'/%3E %3Cpath d='m12.4 3.4 3.1 4'/%3E %3Cpath d='M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E")}
[data-icon="cpu"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='16' x='4' y='4' rx='2'/%3E %3Crect width='6' height='6' x='9' y='9' rx='1'/%3E %3Cpath d='M15 2v2'/%3E %3Cpath d='M15 20v2'/%3E %3Cpath d='M2 15h2'/%3E %3Cpath d='M2 9h2'/%3E %3Cpath d='M20 15h2'/%3E %3Cpath d='M20 9h2'/%3E %3Cpath d='M9 2v2'/%3E %3Cpath d='M9 20v2'/%3E%3C/svg%3E")}
[data-icon="download"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E %3Cpolyline points='7 10 12 15 17 10'/%3E %3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E")}
[data-icon="file-plus"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E %3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E %3Cpath d='M9 15h6'/%3E %3Cpath d='M12 18v-6'/%3E%3C/svg%3E")}
[data-icon="file-text"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E %3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E %3Cpath d='M10 9H8'/%3E %3Cpath d='M16 13H8'/%3E %3Cpath d='M16 17H8'/%3E%3C/svg%3E")}
[data-icon="folder"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E")}
[data-icon="hand-heart"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 14h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16'/%3E %3Cpath d='m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9'/%3E %3Cpath d='m2 15 6 6'/%3E %3Cpath d='M19.5 8.5c.7-.7 1.5-1.6 1.5-2.7A2.73 2.73 0 0 0 16 4a2.78 2.78 0 0 0-5 1.8c0 1.2.8 2 1.5 2.8L16 12Z'/%3E%3C/svg%3E")}
[data-icon="history"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E %3Cpath d='M3 3v5h5'/%3E %3Cpath d='M12 7v5l4 2'/%3E%3C/svg%3E")}
[data-icon="info"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E %3Cpath d='M12 16v-4'/%3E %3Cpath d='M12 8h.01'/%3E%3C/svg%3E")}
[data-icon="languages"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 6 6'/%3E %3Cpath d='m4 14 6-6 2-3'/%3E %3Cpath d='M2 5h12'/%3E %3Cpath d='M7 2h1'/%3E %3Cpath d='m22 22-5-10-5 10'/%3E %3Cpath d='M14 18h6'/%3E%3C/svg%3E")}
[data-icon="layers"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z'/%3E %3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65'/%3E %3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65'/%3E%3C/svg%3E")}
[data-icon="library"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 6 4 14'/%3E %3Cpath d='M12 6v14'/%3E %3Cpath d='M8 8v12'/%3E %3Cpath d='M4 4v16'/%3E%3C/svg%3E")}
[data-icon="lock"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E %3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")}
[data-icon="menu"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='12' y2='12'/%3E %3Cline x1='4' x2='20' y1='6' y2='6'/%3E %3Cline x1='4' x2='20' y1='18' y2='18'/%3E%3C/svg%3E")}
[data-icon="mic"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z'/%3E %3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E %3Cline x1='12' x2='12' y1='19' y2='22'/%3E%3C/svg%3E")}
[data-icon="mic-vocal"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m11 7.601-5.994 8.19a1 1 0 0 0 .1 1.298l.817.818a1 1 0 0 0 1.314.087L15.09 12'/%3E %3Cpath d='M16.5 21.174C15.5 20.5 14.372 20 13 20c-2.058 0-3.928 2.356-6 2-2.072-.356-2.775-3.369-1.5-4.5'/%3E %3Ccircle cx='16' cy='7' r='5'/%3E%3C/svg%3E")}
[data-icon="pencil"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E %3Cpath d='m15 5 4 4'/%3E%3C/svg%3E")}
[data-icon="play"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='6 3 20 12 6 21 6 3'/%3E%3C/svg%3E")}
[data-icon="plus"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E %3Cpath d='M12 5v14'/%3E%3C/svg%3E")}
[data-icon="shield-check"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E %3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
[data-icon="sliders-horizontal"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='21' x2='14' y1='4' y2='4'/%3E %3Cline x1='10' x2='3' y1='4' y2='4'/%3E %3Cline x1='21' x2='12' y1='12' y2='12'/%3E %3Cline x1='8' x2='3' y1='12' y2='12'/%3E %3Cline x1='21' x2='16' y1='20' y2='20'/%3E %3Cline x1='12' x2='3' y1='20' y2='20'/%3E %3Cline x1='14' x2='14' y1='2' y2='6'/%3E %3Cline x1='8' x2='8' y1='10' y2='14'/%3E %3Cline x1='16' x2='16' y1='18' y2='22'/%3E%3C/svg%3E")}
[data-icon="smartphone"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2'/%3E %3Cpath d='M12 18h.01'/%3E%3C/svg%3E")}
[data-icon="sparkles"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z'/%3E %3Cpath d='M20 3v4'/%3E %3Cpath d='M22 5h-4'/%3E %3Cpath d='M4 17v2'/%3E %3Cpath d='M5 18H3'/%3E%3C/svg%3E")}
[data-icon="square"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3C/svg%3E")}
[data-icon="wand-sparkles"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72'/%3E %3Cpath d='m14 7 3 3'/%3E %3Cpath d='M5 6v4'/%3E %3Cpath d='M19 14v4'/%3E %3Cpath d='M10 2v2'/%3E %3Cpath d='M7 8H3'/%3E %3Cpath d='M21 16h-4'/%3E %3Cpath d='M11 3H9'/%3E%3C/svg%3E")}
[data-icon="x"]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E %3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")}

/* Visual polish: softer, rounder cards and clearer buttons. */
:root{--surface:#fff;--ink:#1f201c;--ring:#ed6b3b33;--shadow-soft:0 1px 2px #1f201c0a,0 8px 24px #1f201c0d}
.batch-card,.settings-card,.editor-card,.engine-panel,.project-row,.dub-line,.voice-card{border-radius:16px}
.batch-card,.settings-card,.project-row{box-shadow:var(--shadow-soft)}
.primary{border-radius:12px;background:linear-gradient(180deg,#f07a4c,#e8622f);box-shadow:0 1px 0 #ffffff40 inset,0 6px 16px #e8622f33}
.primary:not(:disabled):hover{filter:brightness(1.04)}
.outline{border-radius:12px;border-color:#dcdad1}
select,.field input:not([type=range]):not([type=checkbox]):not(.sr-only),.field textarea,.dub-text textarea{border-radius:10px}
:is(button,a,select,input,textarea):focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}
.idea-icon .icon,.engine-symbol{font-size:20px}
.privacy-note .icon{color:#7f9a6a}

/* Header: crisp, high-contrast page title (the faint two-line breadcrumb looked blurred on phones). */
.breadcrumb{color:#6c6f65}
.breadcrumb span{color:#a2a498}
.breadcrumb b{color:var(--ink);font-weight:600}
.mobile-menu .icon{font-size:22px}

/* Floating tab bar and "+" quick start: phones and tablets. */
.tabbar,.sheet{display:none}
@media(max-width:1024px){
  .tabbar{display:flex;align-items:center;gap:10px;position:fixed;z-index:18;inset-inline:12px;bottom:calc(10px + env(safe-area-inset-bottom));
    max-width:620px;margin-inline:auto;pointer-events:none}
  .tabbar>*{pointer-events:auto}
  .tabbar-pill{flex:1;display:flex;gap:2px;padding:6px;height:72px;background:var(--surface);border:1px solid #e4e2da;border-radius:999px;
    box-shadow:0 1px 0 #fff inset,0 10px 30px #1f201c17,0 2px 6px #1f201c0d}
  .tabbar-pill button{flex:1 1 0;min-width:0;padding:4px 2px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:999px;
    color:#3b3d36;font-size:12px;font-weight:600;line-height:1.2;transition:background .15s,color .15s}
  .tabbar-pill button .icon{font-size:22px;width:1.25em;line-height:normal}
  .tabbar-pill button>span[data-i18n]{flex-shrink:0;line-height:1.35}
  .tabbar-pill button span:not(.icon){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tabbar-pill button.active{background:#ecebe5;color:var(--ink);box-shadow:none;font-weight:650}
  .tabbar-pill button:active{background:#e4e3dc}
  .tabbar-plus{flex-shrink:0;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--surface);color:var(--ink);
    border:1px solid #e4e2da;box-shadow:0 1px 0 #fff inset,0 10px 30px #1f201c17,0 2px 6px #1f201c0d}
  .tabbar-plus .icon{font-size:30px}
  .tabbar-plus:active{transform:scale(.96)}
  .ukij-tuz .tabbar-pill button{font-size:13px;font-weight:400}
  main{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(98px + env(safe-area-inset-bottom))}
  /* The sidebar keeps every page; the tab bar covers the four main ones. */
  .sheet[open]{display:block;position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:none;max-height:85dvh;overflow-y:auto;border:0;
    border-radius:24px 24px 0 0;padding:8px 18px calc(22px + env(safe-area-inset-bottom));background:var(--bg);box-shadow:0 -10px 40px #1f201c26;
    animation:sheet-up .22s ease-out}
  .sheet::backdrop{background:#1f201c59}
  @keyframes sheet-up{from{transform:translateY(24px);opacity:.6}}
  .sheet-handle{width:40px;height:5px;border-radius:3px;background:#d6d4cb;margin:4px auto 10px}
  .sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
  .sheet-head h2{margin:0;font:650 19px Manrope,system-ui,sans-serif}
  .ukij-tuz .sheet-head h2{font-family:"ALKATIP Basma","UKIJ Tuz",serif;font-size:20px}
  .sheet-close{position:static;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ecebe5;font-size:18px}
  .quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .quick-tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:start;padding:14px;min-height:0;background:var(--surface);border:1px solid #e7e5dd;border-radius:16px}
  .quick-tile:active{background:#f6f5f0}
  .quick-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;font-size:22px}
  .tone-peach .quick-icon{background:#fff0e8;color:#d4562a}
  .tone-green .quick-icon{background:#eaf3e3;color:#4f7a3a}
  .tone-blue .quick-icon{background:#e7eff8;color:#3c6694}
  .tone-violet .quick-icon{background:#f0ebf8;color:#6a4fa0}
  .tone-sand .quick-icon{background:#f1efe8;color:#5f6153}
  .quick-text{display:flex;flex-direction:column;gap:2px;min-width:0}
  .quick-text b{font-size:14px;color:var(--ink)}
  .quick-text small{font-size:12px;color:#77796e;line-height:1.5}
  .ukij-tuz .quick-text b{font-size:15px;font-weight:400}
  .ukij-tuz .quick-text small{font-size:12px}
}
@media(max-width:650px){
  header{position:sticky;top:0;z-index:15;background:var(--bg);flex-wrap:nowrap;min-height:64px;padding-block:10px;gap:10px}
  .breadcrumb>span{display:none}
  .breadcrumb{flex:1;min-width:0}
  .breadcrumb b{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ukij-tuz .breadcrumb b{font-size:18px;line-height:1.6}
  .mobile-menu{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e1dfd7;border-radius:12px;background:var(--surface)}
  .interface-control select{width:auto;min-width:92px;border-radius:12px}
}
@media(max-width:360px){.tabbar-plus{width:62px;height:62px}.tabbar-pill{height:66px}.tabbar-pill button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sheet[open]{animation:none}.tabbar-pill button{transition:none}}
@media(max-width:650px){.engine-panel select{width:100%}}