@font-face{font-family:Tahwil;src:url('./interface.woff') format('woff');font-display:swap}
:root{--ink:#183831;--green:#216c55;--muted:#69766e;--paper:#f7f8f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahwil,Arial,sans-serif;font-size:17px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}header{max-width:1240px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5db}.brand{display:flex;align-items:center;gap:10px;font-size:32px}.brand span{display:block;font:10px Arial;letter-spacing:3px;margin-top:3px}nav{display:flex;gap:32px;font-size:15px}.badge{font-size:13px;border:1px solid #d4decf;border-radius:30px;padding:10px 15px}main{max-width:1180px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:75px 0 65px}.eyebrow{color:var(--green);font-size:14px;font-weight:700;margin-bottom:16px}h1{font-size:72px;line-height:1.15;margin:0 0 25px;letter-spacing:-2px}h1 em{font-style:normal;color:var(--green)}p{line-height:1.8;color:var(--muted)}.hero p{max-width:490px;font-size:20px}.primary,.secondary{display:inline-flex;gap:35px;align-items:center;justify-content:center;background:var(--green);color:white;padding:15px 25px;border:0;border-radius:12px;cursor:pointer;font-weight:700}.secondary{background:#e5eddf;color:var(--ink)}.trust{font-size:13px;color:var(--muted);margin-top:22px}.art{position:relative;height:380px;background:#e7eedf;border-radius:50% 42% 48% 39%;direction:ltr}.orbit{position:absolute;inset:38px;border:1px dashed #adc5ae;border-radius:50%;transform:rotate(-20deg)}.file{position:absolute;width:132px;height:155px;background:white;box-shadow:0 15px 45px #25463215;border-radius:14px;padding:25px;font:bold 40px Arial}.file small{display:block;font:14px Tahwil;margin-top:25px;color:var(--muted)}.word{left:30px;top:45px;color:#3973b9;transform:rotate(-10deg)}.pdf{right:20px;top:25px;color:#ba664a;transform:rotate(9deg)}.slide{right:50px;bottom:12px;color:#c69137;transform:rotate(-7deg)}.center{position:absolute;top:145px;left:190px;font-size:80px;color:var(--green)}.floating{position:absolute;bottom:35px;left:-10px;background:#fff;padding:14px 18px;border-radius:12px;box-shadow:0 10px 25px #23432312;font-size:14px}.sectionhead{display:flex;justify-content:space-between;align-items:center}.sectionhead>span{font-size:13px;color:var(--muted)}h2{font-size:34px;margin:0 0 24px}h3{margin:10px 0;font-size:22px}.filters{display:flex;gap:8px;margin:15px 0 25px;flex-wrap:wrap}.filters button,.subtle{background:transparent;border:1px solid #dbe2d6;border-radius:25px;padding:10px 19px;color:var(--muted);cursor:pointer}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:#fff;border:1px solid #e0e7d9;border-radius:18px;text-align:right;padding:24px;cursor:pointer;color:var(--ink);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #25463212}.cardtop{display:flex;justify-content:space-between;align-items:center}.icon{background:#edf2e8;border-radius:12px;padding:13px;font:bold 20px Arial;color:var(--green)}.cardtop span:last-child{font-size:22px;color:#8d9e8e}.card p{font-size:15px;margin-bottom:8px}.type{font:11px Arial;color:#899587;letter-spacing:1px}.workspace{margin-top:28px;background:white;border:1px solid #c7d5c0;padding:30px;border-radius:20px;scroll-margin-top:25px}.drop{display:flex;flex-direction:column;gap:12px;text-align:center;border:2px dashed #c5d4bc;border-radius:14px;padding:30px;background:#f8faf5;cursor:pointer}.drop input{max-width:100%}.drop span{font-size:13px;color:var(--muted)}textarea{width:100%;min-height:200px;resize:vertical;border:1px solid #d8e1d3;border-radius:12px;padding:16px;margin:12px 0;color:var(--ink)}label{display:block;margin:10px 0}select{padding:9px;border:1px solid #cdd8c7;border-radius:8px;background:white;max-width:100%}.actions{display:flex;gap:12px;flex-wrap:wrap}button:disabled{opacity:.5;cursor:wait}#status{color:var(--green)}.how{margin:75px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#eaf0e3;border-radius:24px;padding:45px}.steps article{display:flex;gap:25px;padding:14px 0;border-bottom:1px solid #d3ddca}.steps b{font:26px Arial;color:#86a07b}.steps h3{margin:0}.steps p{margin:5px 0;font-size:15px}details{border-bottom:1px solid #dce4d5;padding:20px 0}summary{cursor:pointer;font-weight:700}details p{max-width:850px}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 0;margin-top:35px;font-size:13px}footer .brand{font-size:24px}[hidden]{display:none!important}:focus-visible{outline:3px solid #bca34f;outline-offset:4px}@media(max-width:760px){header{padding:20px}nav{gap:15px}.badge{display:none}.hero{grid-template-columns:1fr;padding:45px 0;gap:30px}h1{font-size:54px}.art{height:310px;max-width:420px;width:100%;margin:auto}.center{left:45%;top:120px}.file{width:110px;height:125px;font-size:28px;padding:20px}.cards{grid-template-columns:1fr 1fr;gap:10px}.card{padding:18px}h3{font-size:20px}.how{grid-template-columns:1fr;gap:20px;padding:28px;margin:45px 0}.sectionhead>span{display:none}h2{font-size:28px}footer{flex-wrap:wrap;gap:12px}.workspace{padding:20px}}@media(max-width:430px){.cards{grid-template-columns:1fr}nav a:last-child{display:none}}
.progressmeta{display:flex;justify-content:space-between;font-size:14px;color:var(--green);margin:20px 0 10px}progress{width:100%;height:9px;accent-color:var(--green);border:0}progress::-webkit-progress-bar{background:#eaf0e3;border-radius:8px}progress::-webkit-progress-value{background:var(--green);border-radius:8px}.result{margin:20px 0;background:#f0f5ea;border:1px solid #d4e2c8;border-radius:14px;padding:20px}.result p{font-size:14px;margin-bottom:0}.drop.drag{border-color:var(--green);background:#e9f0e0}#cancel{margin-top:15px}#download{max-width:100%;overflow-wrap:anywhere;display:inline-block}[readonly]{background:#f5f7f1}
.audiointro{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:20px}.audiointro span,.small{font-size:13px;color:var(--muted)}.devicegrid{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.devicegrid label{flex:1;min-width:220px}.devicegrid select{width:100%;margin-top:8px}.note{padding:18px;border-radius:12px;background:#eef3e8;color:#5c715b;font-size:14px;line-height:1.8}.note button{display:block;margin-top:10px}.audiodrop{border:1px dashed #b7cbb1;background:#f8faf6;border-radius:14px;padding:20px;display:flex;gap:10px;flex-direction:column}.audiodrop input{max-width:100%}.audiodrop span{font-size:13px;color:var(--muted)}meter{display:block;width:100%;height:13px;margin-top:7px}.draftbox{margin:18px 0;padding:14px;border-right:3px solid #93b583;background:#f6f8f2;border-radius:8px}.draftbox p{min-height:22px;margin:5px 0;color:var(--ink)}#outputwrap{display:flex;align-items:center;gap:16px;margin:18px 0}
/* Language, live clock and optional guidance */
header{gap:20px;flex-wrap:wrap}.language-picker{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}.language-picker select{font-size:13px;padding:7px}.utility-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;padding:14px 20px;border:1px solid #dce5d3;border-radius:16px;background:#fff9}.clock-block{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.clock-block>span:first-child{font-size:12px;color:var(--green);font-weight:700}#local-clock{font-variant-numeric:tabular-nums;font-size:23px;color:var(--ink)}.clock-zone{display:flex;align-items:center;gap:10px;margin:0;font-size:12px}.clock-zone select{max-width:230px}.card{text-align:start}.card[data-cat="media"]{background:linear-gradient(140deg,#fff,#f5e9d4)}.card[data-cat="media"] .icon{background:#f3e3c7;color:#a67534}.hero .art{animation:arrival .7s ease-out}#media-preview{width:100%;margin-top:15px}.permission-notice{position:fixed;top:12px;inset-inline:16px;z-index:50;max-width:1060px;margin:auto;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #aac49d;box-shadow:0 12px 50px #20372330;padding:18px 22px;border-radius:18px}.permission-notice>div{flex:1}.permission-notice p{font-size:14px;line-height:1.6;margin:5px 0 0}.permission-notice .primary{font-size:13px;padding:12px 16px;flex-shrink:0}.permission-notice .subtle{padding:8px 12px}.bot-toggle{position:fixed;bottom:24px;inset-inline-end:24px;z-index:30;border:0;border-radius:50px;background:var(--green);color:white;box-shadow:0 6px 24px #234b3b38;padding:15px 22px;display:flex;gap:10px;align-items:center;cursor:pointer}.bot-toggle>span:first-child{font-size:25px}.assistant-panel{position:fixed;bottom:92px;inset-inline-end:24px;z-index:40;width:410px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 125px);overflow:auto;padding:20px;background:#fffdf7;border:1px solid #bdcdb3;border-radius:22px;box-shadow:0 18px 60px #19392d30}.assistant-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.assistant-heading h2{font-size:21px;margin:0}.assistant-heading button{font-size:11px;padding:8px 10px}.assistant-panel>.small{margin:12px 0;line-height:1.6}.assistant-log{max-height:240px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px}.assistant-message{background:#edf3e7;border-radius:13px;padding:12px 14px;max-width:95%;align-self:flex-start}.assistant-message.user{background:#fff;border:1px solid #dce6d4;align-self:flex-end}.assistant-message p{font-size:14px;line-height:1.7;color:var(--ink);margin:0}.assistant-actions,.assistant-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.assistant-action{background:white;border:1px solid #bdcdb3;color:var(--green);padding:8px 10px;font-size:12px;border-radius:10px;cursor:pointer}.assistant-quick .assistant-action{background:#f4f0e5}.assistant-entry{display:flex;gap:7px;align-items:center}.assistant-entry textarea{min-height:70px;margin:0;flex:1;font-size:14px}.assistant-entry button{padding:10px 12px;font-size:13px;gap:0}.assistant-speech{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:0}.assistant-speech input{accent-color:var(--green)}#bot-draft{padding:8px;border-inline-start:3px solid #b5c8a7}.language-picker span{white-space:nowrap}html[dir="ltr"] .draftbox{border-right:0;border-left:3px solid #93b583}html[dir="ltr"] .file small{font-family:Arial,sans-serif}html[dir="ltr"] h1{font-size:62px;letter-spacing:-2px}.workspace [dir="auto"]{unicode-bidi:plaintext}@keyframes arrival{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero .art{animation:none}.card{transition:none}html{scroll-behavior:auto}}@media(max-width:760px){header{gap:12px}nav{font-size:13px}.language-picker{margin-inline-start:auto}.utility-bar{align-items:flex-start;flex-direction:column;gap:10px;padding:12px 16px}.clock-block{gap:9px}.clock-zone{flex-wrap:wrap}html[dir="ltr"] h1{font-size:46px}.permission-notice{flex-wrap:wrap;padding:15px;gap:10px}.permission-notice>div{flex-basis:100%}.permission-notice .subtle{margin-inline-start:auto}.assistant-panel{inset-inline-end:16px;bottom:82px}.bot-toggle{bottom:18px;inset-inline-end:16px;padding:12px 18px}}@media(max-width:430px){.language-picker span{display:none}header nav{gap:10px}.clock-block{flex-wrap:wrap}.clock-block .small{flex-basis:100%}.assistant-panel{padding:16px}.assistant-log{max-height:200px}}

.email-notice{position:fixed;top:16px;inset-inline:20px;max-width:780px;margin:auto;z-index:45;background:#214f3d;color:white;border-radius:15px;padding:18px 24px;box-shadow:0 12px 40px #20372325;line-height:1.7;font-size:14px}
/* Tahwil 1.1: readable controls and dedicated image workspace. */
:root{--muted:#526358}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ad6514;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}.card{transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #18383115}.extra-tools{margin:55px 0;padding:30px;border:1px solid #d5dfd3;border-radius:24px;background:#fff}.extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.extra-grid label{display:flex;flex-direction:column;gap:10px}.extra-grid input,.extra-grid select,.tool-search{padding:12px;border:1px solid #adbfae;border-radius:12px;max-width:100%;background:#fff;color:#183831}.tool-search{width:100%;margin:5px 0 24px}#image-preview{max-width:100%;max-height:360px;object-fit:contain;display:block;margin:25px auto}#image-preview[hidden]{display:none}.access-controls{display:flex;flex-wrap:wrap;gap:8px}.large-text{font-size:20px}.large-text p,.large-text label,.large-text button,.large-text select,.large-text textarea{font-size:1.1em}.high-contrast{--ink:#000;--muted:#222;--green:#00482e;--paper:#fff}.high-contrast p,.high-contrast .small{color:#111}.high-contrast .card,.high-contrast .extra-tools,.high-contrast input,.high-contrast textarea,.high-contrast select{border:2px solid #111;background:#fff;color:#111}[hidden]{display:none!important}textarea{unicode-bidi:plaintext}input[type=range]{min-height:44px}summary{cursor:pointer;line-height:1.8}@media(max-width:650px){.extra-grid{grid-template-columns:1fr}.extra-tools{padding:20px}.utility-bar{flex-wrap:wrap}.access-controls{width:100%}.actions{flex-wrap:wrap}button,.primary,.secondary{min-height:44px}h1{font-size:clamp(40px,10vw,65px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* 1.2: tool-first dashboard, compact sidebars and a permanent editor. */
body{background:#f0f3f4;font-size:15px}header{max-width:none;padding:12px 20px;gap:16px;background:#fff}header .brand{font-size:23px}header nav,header .badge,.hero,.how{display:none}main{max-width:none;padding:0 18px}.utility-bar{margin:10px 0;padding:10px 14px;border-radius:10px;gap:12px;justify-content:space-between}.clock-block{font-size:12px}.clock-zone{font-size:12px}.access-controls button{padding:5px 8px;font-size:12px}.language-picker{margin-inline-start:auto}.tool-dashboard{display:grid;grid-template-columns:280px minmax(300px,1fr) 310px;gap:14px;align-items:start}#tools,.workspace,.extra-tools{margin:0;padding:16px;background:#fff;border:1px solid #d8e1e2;border-radius:14px;min-width:0}.sectionhead{gap:8px;margin:0 0 12px}.sectionhead>span,.sectionhead .eyebrow{display:none}.sectionhead h2{font-size:19px;margin:0;line-height:1.5}#tools .sectionhead h2{font-size:18px}.filters{flex-wrap:wrap;gap:5px;margin:10px 0}.filters button{padding:6px 8px;font-size:12px}.tool-search{padding:8px;margin:0 0 9px}.cards{display:flex;flex-direction:column;gap:7px}.card{display:grid;grid-template-columns:43px 1fr;text-align:start;gap:2px 9px;padding:10px;border-radius:10px;min-height:62px;background:#fafcfc;border:1px solid #e1e7e8}.cardtop{grid-row:1/3;display:block;margin:0}.cardtop>span:last-child,.card p{display:none}.card .icon{font-size:11px;line-height:1.4;padding:7px 3px;min-width:0;width:43px;min-height:36px;background:#e1eee9;border-radius:7px}.card h3{font-size:14px;margin:0;line-height:1.5}.card .type{font-size:10px;margin:0;line-height:1.4}.card.selected{border-color:#216c55;background:#eaf5f0;box-shadow:inset 3px 0 #216c55}.card:hover{transform:none;box-shadow:none}.workspace .sectionhead{margin-bottom:8px}#hint{font-size:12px;line-height:1.6;margin:0 0 12px}.drop{padding:16px;border-radius:10px;min-height:90px}.drop b{font-size:15px}.drop span{font-size:12px}.workspace textarea{min-height:220px;margin:8px 0 12px;padding:12px;font-size:16px}.workspace label{font-size:13px}.workspace select{padding:8px}.workspace .actions{gap:8px;flex-wrap:wrap;margin:12px 0}.primary,.secondary{padding:10px 14px;gap:10px;font-size:14px;min-height:40px}.subtle{font-size:12px;padding:7px}.result{padding:12px;margin:12px 0;border-radius:10px}#status{font-size:13px;margin:10px 0}.extra-tools .extra-grid{grid-template-columns:1fr;gap:10px}.extra-tools .sectionhead p{font-size:12px;margin:6px 0 0;line-height:1.6}.extra-tools h2{font-size:18px}.extra-grid label{font-size:12px;gap:6px}.extra-grid input,.extra-grid select{padding:8px;font-size:13px}.extra-tools .small{font-size:11px;line-height:1.7}.extra-tools details{margin-top:12px}.extra-tools summary{font-size:12px}.extra-tools details p{font-size:12px}.extra-tools .actions{gap:8px}.extra-tools .primary,.extra-tools .secondary{font-size:12px;padding:9px 12px}#faq{margin:16px 0 0;padding:14px;background:#fff;border-radius:12px}#faq>.eyebrow,#faq>h2{display:none}#faq details{font-size:12px;margin:0;border-bottom:1px solid #eee;padding:7px}#faq p{font-size:12px;margin:6px 0}main>footer{padding:14px 0;margin:0;font-size:11px}footer .brand{font-size:17px}footer p{margin:0}#video-preview,#gif-preview{max-width:100%;max-height:320px;margin-top:10px}.skip-tools{position:absolute;top:-100px}.skip-tools:focus{top:10px;background:white;padding:10px;z-index:99}#startup-error{padding:15px;background:#fff0e8;border:1px solid #c25f2c;line-height:1.8}.large-text .card h3{font-size:17px}.large-text .card .type{font-size:13px}.large-text .workspace label,.large-text .extra-grid label{font-size:16px}@media(min-width:1500px){.tool-dashboard{grid-template-columns:300px minmax(450px,1fr) 350px}main{padding:0 22px}}@media(max-width:1199px){.tool-dashboard{grid-template-columns:250px minmax(300px,1fr)}.extra-tools{grid-column:1/-1}.extra-tools .extra-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){main{padding:0 10px}header{padding:10px}.utility-bar{flex-direction:row;flex-wrap:wrap}.clock-zone,.clock-block .small{display:none}.tool-dashboard{grid-template-columns:1fr}#tools{padding:12px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.card{padding:8px;grid-template-columns:32px 1fr;gap:5px;min-height:62px}.card .icon{width:32px;font-size:9px;padding:5px 2px}.card h3{font-size:12px}.card .type{font-size:9px}.workspace{padding:14px}.extra-tools{grid-column:auto}.extra-tools .extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.extra-tools{padding:14px}.permission-notice{inset-inline:10px}.workspace textarea{min-height:180px}main>footer span{display:none}}@media(max-width:400px){.extra-tools .extra-grid{grid-template-columns:1fr}}html[dir=ltr] .card{text-align:left}
.quick-conversions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #d8e1e2}.quick-conversions h3{grid-column:1/-1;font-size:14px;margin:0 0 3px}.quick-conversions button{font:12px Arial,sans-serif;padding:9px 5px;gap:0;min-width:0;background:#eef4f4}.tool-dashboard input[type=file]{width:100%;font-size:12px}
header nav.site-links{display:flex;gap:12px;flex-wrap:wrap;margin-inline-start:auto;font-size:12px}.site-links a{padding:5px 2px;color:var(--green);text-decoration:underline;text-underline-offset:3px}#articlearea{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 0;border-top:1px solid #e1e7e8;border-bottom:1px solid #e1e7e8;margin-bottom:12px}#articlearea label{display:flex;flex-direction:column;gap:6px}#articlearea label:has(#article-body),#articlearea>.small,#article-compose{grid-column:1/-1}#articlearea input{font:inherit;width:100%;padding:9px;border:1px solid #b6c9bc;border-radius:9px}#articlearea textarea{min-height:75px;margin:0;font-size:14px}#article-body{min-height:120px!important}@media(max-width:760px){header{flex-wrap:wrap}header nav.site-links{order:3;width:100%;justify-content:center;gap:10px}#articlearea{grid-template-columns:1fr}#articlearea label{grid-column:auto}}
.speech-policy{font-size:12px;line-height:1.7;padding:10px;border-inline-start:3px solid #216c55;margin-bottom:10px}

/* 1.5: compact professional surfaces, clear tool hierarchy and logical RTL edges. */
:root{
 --ink:#17313d;
 --green:#176854;
 --muted:#536570;
 --paper:#eef2f5;
 --line:#d7e1e7;
 --accent:#176854;
 --focus:#b34c00;
}
body{background:var(--paper);line-height:1.55}
body>header{
 border-block-start:3px solid var(--green);
 border-block-end:1px solid var(--line);
 padding:10px 20px;
 background:#fff;
 box-shadow:0 2px 8px #17313d06;
}
header .brand{gap:9px;color:var(--green);font-size:25px;line-height:1.3}
header .brand b{color:var(--ink);font-size:22px}
header .brand span{letter-spacing:2.2px;color:var(--muted);font-size:9px;margin-top:2px}
.language-picker{color:var(--muted)}
.language-picker select{border-color:var(--line);border-radius:9px;background:#f8fafb;min-height:36px}
header nav.site-links{gap:5px 10px;align-items:center}
.site-links a{color:var(--green);text-decoration:none;padding:5px 6px;border-radius:6px}
.site-links a:hover{background:#eaf3ef;text-decoration:underline}
.utility-bar{background:#f9fbfc;border-color:var(--line);padding:9px 13px;border-radius:12px;box-shadow:0 2px 5px #17313d03}
#local-clock{font-size:20px;line-height:1.25;letter-spacing:.3px;color:var(--ink)}
.clock-block>span:first-child{color:var(--muted);font-size:11px}
.clock-zone select{font-size:12px;min-height:34px;background:#fff;border-color:var(--line)}
.access-controls{gap:6px}
.access-controls button{min-height:34px;padding:6px 10px;color:var(--muted);background:#fff;border-color:var(--line);border-radius:7px}
.access-controls button[aria-pressed=true]{background:#e3f0e9;border-color:#779f8e;color:#115b48}
.tool-dashboard{gap:14px}
#tools,.workspace,.extra-tools{border-color:var(--line);border-radius:15px;box-shadow:0 3px 10px #17313d04;padding:16px}
#tools .sectionhead,.extra-tools .sectionhead{padding-bottom:10px;border-bottom:1px solid #e8eef1}
#tools .sectionhead h2,.extra-tools h2{font-size:18px;font-weight:700;line-height:1.65}
.workspace .sectionhead{gap:12px;align-items:flex-start}
.workspace .sectionhead h2{font-size:21px;line-height:1.5}
#close{min-height:32px;padding:5px 9px;white-space:nowrap;background:#f4f7f9;color:var(--muted);border-color:var(--line)}
#hint{color:var(--muted);font-size:13px;line-height:1.75;margin:0 0 14px}
.tool-search{background:#f7f9fb;border-color:var(--line);border-radius:9px;min-height:40px;padding:9px 11px;margin-bottom:8px;font-size:13px;box-shadow:inset 0 1px 2px #17313d03}
.tool-search::placeholder{color:#60717a;opacity:1}
.filters{gap:5px;margin:9px 0 12px}
.filters button{border-color:#d9e3e8;border-radius:7px;padding:5px 9px;min-height:32px;color:#4b606c;background:#fff;font-size:11px;line-height:1.5}
.filters button:hover{border-color:#8aaba0;background:#f4f8f6}
.filters .active{background:var(--ink);border-color:var(--ink);color:#fff}
.cards{gap:7px}
#cards{max-height:clamp(300px,calc(100dvh - 330px),820px);overflow-y:auto;overscroll-behavior:contain;padding:5px;scrollbar-width:thin;scrollbar-color:#9bb3a8 transparent}
.card{
 --tool-color:#2463a0;
 --tool-tint:#e9f1fb;
 position:relative;
 flex-shrink:0;
 grid-template-columns:42px minmax(0,1fr);
 gap:2px 10px;
 min-height:66px;
 padding:10px 11px;
 border:1px solid #e1e8ed;
 border-radius:10px;
 color:var(--ink);
 background:#fbfcfd;
 transition:border-color .16s,background-color .16s,box-shadow .16s;
}
.card[data-cat=data]{--tool-color:#6c46a1;--tool-tint:#f0eafb}
.card[data-cat=audio]{--tool-color:#167465;--tool-tint:#e3f3ee}
.card[data-cat=media]{--tool-color:#a25419;--tool-tint:#fbede0;background:#fbfcfd}
.card[data-cat=writing]{--tool-color:#8d4165;--tool-tint:#f7e8ef}
.card[data-cat=web],.card[data-cat=link],.card[data-cat=links]{--tool-color:#236c93;--tool-tint:#e4f2f8}
.card[data-cat=images]{--tool-color:#866421;--tool-tint:#f7f0df}
.card .cardtop{align-self:center;grid-row:1/4}
.card .icon{display:grid;place-items:center;color:var(--tool-color);background:var(--tool-tint);border:1px solid #17313d06;border-radius:10px;width:42px;min-height:42px;padding:6px 2px;font-size:10px;font-weight:700;letter-spacing:-.2px}
.card[data-tool=images] .icon,.card[data-tool=remote] .icon,.card[data-tool=article] .icon{font-size:20px}
.card[data-tool=subtitles] .icon,.card[data-tool=json] .icon{font-size:13px;white-space:nowrap}
.card h3{font-size:14px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.card .type{color:#61727c;font-size:10px;letter-spacing:.5px;direction:ltr;text-align:start;unicode-bidi:isolate;line-height:1.5;overflow-wrap:anywhere}
.card .tool-summary{display:block;color:var(--muted);font-size:11px;line-height:1.55;grid-column:2;margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.card:hover{border-color:#91afa5;background:#f4f8f6;box-shadow:0 2px 6px #17313d05;transform:none}
.card.selected{background:#edf7f2;border-color:#5c9782;box-shadow:0 1px 4px #1768540a}
.card.selected:before{content:'';position:absolute;inset-block:10px;inset-inline-start:-1px;width:3px;background:var(--green);border-radius:4px}
.card.selected h3{color:#105742}
.drop{padding:17px 14px;min-height:106px;background:#f6f9fb;border:1.5px dashed #9fb8c2;border-radius:12px;gap:8px;transition:border-color .16s,background-color .16s}
.drop:hover,.drop.drag{background:#edf7f2;border-color:var(--green)}
.drop b{font-size:15px;color:var(--ink)}
.drop span{color:var(--muted)}
.drop input::file-selector-button,.extra-grid input[type=file]::file-selector-button,.audiodrop input::file-selector-button{border:1px solid #b5c9c2;background:#fff;color:#205744;border-radius:6px;padding:6px 8px;margin-inline-end:8px;font:inherit;cursor:pointer}
.workspace label{color:#334f5d;font-size:13px;font-weight:500}
.workspace #content{background:#fff;border-color:#c5d5df;border-radius:11px;box-shadow:inset 0 1px 3px #17313d05;line-height:1.85;padding:13px;min-height:230px;font-size:16px}
.workspace #content::placeholder{color:#60717a;opacity:1}
.workspace #content[readonly]{background:#f6f8fa}
.workspace select,.extra-grid select,.extra-grid input:not([type=range]){border-color:#c5d5df;border-radius:8px;background:#fff;color:var(--ink);min-height:38px;min-width:0}
#outputwrap{gap:10px;margin:12px 0;padding:10px 12px;border:1px solid #e1e8ed;border-radius:9px;background:#f8fafb}
#outputwrap select{flex:1;max-width:250px}
.workspace .actions{gap:8px;margin:12px 0}
.primary,.secondary{border-radius:9px;min-height:42px;padding:10px 14px;line-height:1.5;font-size:13px;font-weight:700;gap:8px}
.primary{background:var(--green);border:1px solid var(--green);box-shadow:0 2px 5px #17685413}
.primary:hover{background:#105b49;border-color:#105b49}
.secondary{background:#e8f1ee;color:#205746;border:1px solid #d3e3dc}
.secondary:hover{background:#dcece5;border-color:#a3c2b4}
.subtle{border-radius:8px;border-color:#d0dce2;color:#506774;font-size:12px;padding:7px 10px;line-height:1.5}
.subtle:hover{background:#f1f5f7;border-color:#a6bec7}
button:disabled{opacity:.6;cursor:default;box-shadow:none}
.result{background:#eef8f1;border-color:#b6d7c3;border-radius:12px;padding:14px}
.result p{color:#365d48;line-height:1.65}
.result audio,.result video,.result img{border-radius:9px}
#status,#image-status{font-size:13px;line-height:1.7;overflow-wrap:anywhere;margin:10px 0 0}
.note{background:#f1f6f8;border:1px solid #d7e4e9;border-radius:11px;color:#395664;padding:13px;font-size:13px;line-height:1.75}
.speech-policy{background:#eff7f3;border-color:#d0e5d8;border-inline-start:3px solid var(--green);color:#275942;font-size:12px}
.audiointro{font-size:17px;margin:15px 0;gap:5px}
.audiointro span{font-size:12px}
.audiodrop{padding:14px;background:#f8fafb;border-color:#aac2cc;gap:8px}
.devicegrid{gap:10px}
.devicegrid label{min-width:0;flex-basis:210px}
.draftbox{border-inline-start:3px solid #7ba997;border-inline-end:0;border-right:0;background:#f3f8f5;padding:12px}
html[dir=ltr] .draftbox{border-left:3px solid #7ba997}
.extra-tools .extra-grid{gap:8px}
.extra-tools .extra-grid label{gap:6px;margin:5px 0;color:#334f5d}
.extra-tools .small{font-size:12px;color:var(--muted);line-height:1.75}
.extra-tools .primary,.extra-tools .secondary{font-size:12px;min-height:40px}
#quality-value{color:var(--green);font-weight:700;font-size:12px;direction:ltr}
#image-preview{margin:14px auto;max-height:240px;border-radius:9px;background:repeating-conic-gradient(#edf1f3 0% 25%,#fff 0% 50%) 50% / 16px 16px;border:1px solid var(--line);padding:6px}
#imagearea #image-workspace>.sectionhead{display:none}
#imagearea .extra-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
#imagearea .extra-grid label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:6px 0}
#imagearea .extra-grid label:has(#image-file){grid-column:1/-1}
#imagearea .extra-grid input,#imagearea .extra-grid select{width:100%;min-width:0;font-size:14px}
#imagearea .small{font-size:12px;line-height:1.75;color:var(--muted)}
#imagearea #image-preview{max-height:340px}
#imagearea details{padding:12px 0;font-size:12px}
#imagearea details p{font-size:12px;line-height:1.8}
.media-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.media-settings label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;font-size:12px}
.media-settings input,.media-settings select{font:inherit;width:100%;min-width:0;min-height:39px;padding:8px;border:1px solid #c5d5df;border-radius:8px;background:#fff;color:var(--ink)}
.quick-conversions{gap:7px;border-color:#e1e9ee;padding-top:12px;margin-top:12px}
.quick-conversions h3{font-size:13px}
.quick-conversions button{border:1px solid #dbe5eb;background:#f6f9fb;color:#345869;border-radius:7px;min-height:36px;font-size:11px}
.quick-conversions button:hover{background:#e7f2ed;border-color:#a5c3b6}
#articlearea{border-color:#e1e9ee;gap:8px 12px}
#articlearea input,#articlearea textarea{border-color:#c5d5df;border-radius:8px;background:#fbfcfd}
#articlearea textarea{line-height:1.8}
#faq{border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px #17313d03}
#faq details{padding:8px 2px;border-color:#e7edf0;color:#334f5d}
#faq summary{font-size:12px;line-height:1.7}
#faq p{color:var(--muted);line-height:1.8}
main>footer{color:var(--muted);padding:13px 2px}
footer .brand{color:var(--green);font-size:16px}
.bot-toggle{inset-inline-end:auto;right:16px;left:auto;border:1px solid #fff9;box-shadow:0 5px 20px #12392c25;padding:11px 16px;gap:7px;font-size:13px}
.bot-toggle>span:first-child{font-size:19px}
.assistant-panel{inset-inline-end:auto;right:16px;left:auto;background:#fff;border-color:#c3d7d0;border-radius:16px;box-shadow:0 16px 50px #17313d25}
.assistant-action{border-color:#c4d8cf;border-radius:8px}
.assistant-message{background:#edf6f0}
.assistant-entry{align-items:flex-end;min-width:0}
.assistant-entry textarea{min-width:0;border-color:#c5d5df;line-height:1.7}
.permission-notice{border-radius:13px;border-color:#9dbfb0;box-shadow:0 8px 30px #17313d24}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.card:focus-visible{outline-offset:2px;z-index:1}
.high-contrast{--ink:#111;--muted:#222;--green:#00482e;--paper:#fff;--line:#777;--focus:#923700}
.high-contrast .utility-bar,.high-contrast .workspace,.high-contrast .extra-tools,.high-contrast #tools,.high-contrast .card,.high-contrast .note,.high-contrast #outputwrap{background:#fff;color:#111;border-color:#222}
.high-contrast .card .type,.high-contrast .card .tool-summary,.high-contrast #hint,.high-contrast label{color:#222}
.high-contrast .card.selected{border-color:#00482e;background:#e6f0e9}
.high-contrast .card .icon{color:#111;background:#fff;border-color:#555}
.high-contrast .secondary,.high-contrast .subtle,.high-contrast .filters button:not(.active){background:#fff;color:#111;border-color:#222}
.large-text .workspace .sectionhead h2{font-size:24px}
.large-text .tool-search{font-size:16px}
.large-text .workspace #content{font-size:20px}
.large-text #articlearea input,.large-text #articlearea textarea,.large-text .extra-grid input,.large-text .extra-grid select{font-size:18px}
@media(min-width:1500px){
 .tool-dashboard{grid-template-columns:310px minmax(450px,1fr) 350px}
}
@media(max-width:1199px) and (min-width:761px){
 .tool-dashboard{grid-template-columns:260px minmax(0,1fr)}
 .extra-tools .extra-grid{gap:10px 14px}
}
@media(max-width:760px){
 body>header{padding:9px 12px;gap:10px}
 header .brand{font-size:23px}
 header .brand b{font-size:20px}
 .utility-bar{gap:8px;padding:8px 10px;margin:8px 0}
 .clock-block{gap:8px}
 #local-clock{font-size:18px}
 .access-controls{width:auto;margin-inline-start:auto;gap:5px}
 .access-controls button{min-height:36px;font-size:11px;padding:5px 8px}
 .tool-dashboard{gap:10px}
 #tools,.workspace,.extra-tools{padding:13px;border-radius:12px}
 #tools .sectionhead{margin-bottom:9px;padding-bottom:7px}
 #tools .sectionhead h2{font-size:17px}
 .filters{margin:6px 0 9px;gap:5px}
 .filters button{min-height:34px;padding:5px 8px}
 .tool-search{min-height:40px;font-size:16px}
 .cards{gap:7px}
 #cards{max-height:none;overflow:visible;padding:0;overscroll-behavior:auto}
 .card{grid-template-columns:31px minmax(0,1fr);gap:2px 7px;padding:9px 8px;min-height:66px;border-radius:9px}
 .card .icon{width:31px;min-height:34px;font-size:8px;border-radius:7px}
 .card[data-tool=images] .icon,.card[data-tool=remote] .icon,.card[data-tool=article] .icon{font-size:18px}
 .card h3{font-size:12px;line-height:1.6}
 .card .type{font-size:9px;line-height:1.5;letter-spacing:0}
 .card .tool-summary{display:none}
 .workspace .sectionhead h2{font-size:19px}
 .workspace #content{min-height:195px;font-size:16px;padding:12px}
 .workspace select,.extra-grid input:not([type=range]),.extra-grid select{min-height:42px;font-size:16px}
 .language-picker select{font-size:16px;max-width:160px}
 .drop{min-height:105px;padding:14px 10px}
 .drop b{font-size:14px}
 .primary,.secondary{min-height:44px;font-size:13px}
 .extra-tools .primary,.extra-tools .secondary{min-height:44px}
 .subtle{min-height:38px}
 #outputwrap{align-items:center;padding:9px 10px;font-size:12px}
 #outputwrap select{min-width:0;max-width:100%}
 .extra-tools .extra-grid{gap:8px 12px}
 .extra-tools .extra-grid label{font-size:12px}
 #imagearea .extra-grid{gap:8px 12px}
 #imagearea .extra-grid input,#imagearea .extra-grid select{font-size:16px;min-height:42px}
 #articlearea input,#articlearea textarea{font-size:16px}
 .media-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .media-settings label:last-child{grid-column:1/-1}
 .media-settings input,.media-settings select{font-size:16px;min-height:42px}
 .bot-toggle{bottom:12px;inset-inline-end:auto;right:12px;left:auto;padding:10px 13px;min-height:44px}
 .assistant-panel{inset-inline-end:auto;right:10px;left:auto;bottom:67px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 85px)}
 .assistant-entry{flex-wrap:wrap}
 .assistant-entry textarea{flex-basis:100%;font-size:16px}
 .assistant-entry button{min-height:40px}
 .assistant-entry #bot-send{flex:1}
 main>footer{padding-bottom:68px;gap:8px}
 #faq{margin-top:10px;padding:11px}
}
@media(max-width:359px){
 .bot-toggle{bottom:60px}
 .assistant-panel{bottom:115px;max-height:calc(100dvh - 133px)}
 main>footer{padding-bottom:112px}
 .access-controls{margin-inline-start:0;width:100%}
 .clock-block{width:100%}
 .cards{gap:5px}
 .card{grid-template-columns:26px minmax(0,1fr);gap:2px 5px;padding:8px 6px}
 .card .icon{width:26px;font-size:7px;min-height:30px}
 .card h3{font-size:11px}
 .card .type{font-size:8px}
 .workspace .sectionhead h2{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
 .card,.drop{transition:none}
}
/* Desktop panes share one bounded working area; each long form stays reachable. */
@media(min-width:1000px){
 .tool-dashboard{
  grid-template-columns:clamp(230px,19.5vw,310px) minmax(0,1fr) clamp(240px,21.5vw,350px);
  height:clamp(620px,calc(100dvh - 160px),1000px);
  align-items:stretch;
 }
 .tool-dashboard>#tools,.tool-dashboard>.workspace,.tool-dashboard>.extra-tools{
  height:100%;min-height:0;grid-column:auto;
 }
 .tool-dashboard>#tools{display:flex;flex-direction:column;overflow:hidden}
 #tools>.sectionhead,#tools>.filters,#tools>.tool-search{flex-shrink:0}
 #tools>#cards{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden}
 .tool-dashboard>.workspace,.tool-dashboard>.extra-tools{
  overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9bb3a8 transparent;
 }
 .tool-dashboard>.extra-tools .extra-grid{grid-template-columns:1fr;gap:8px}
 .workspace{scroll-padding-block:16px}
 .extra-tools{scroll-padding-block:16px}
 .workspace:focus-within,.extra-tools:focus-within{border-color:#8aafa0}
}

.catalogue-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0}.catalogue-search label{grid-column:1/-1;font-weight:700}.catalogue-search input{width:100%;min-width:0;min-height:48px;padding:10px 14px;border:1px solid #a3b7ac;border-radius:12px;font:inherit;font-size:16px}.catalogue-search output{align-self:center}.catalogue-more{margin:20px auto;display:block}input,select,textarea{font-size:16px}.filters button{min-height:44px}.card{content-visibility:auto;contain-intrinsic-size:auto 210px;overflow-wrap:anywhere}.card:focus-visible{outline:3px solid #08755c;outline-offset:3px}textarea{scroll-margin-bottom:80px}@media(max-width:600px){.catalogue-search{grid-template-columns:1fr}.catalogue-search label{grid-column:auto}.workspace{padding:18px 14px}.actions button{min-height:44px}.bot-toggle{bottom:calc(12px + env(safe-area-inset-bottom));max-width:84px}.bot-toggle span:last-child{font-size:12px}}

.document-check{padding:18px;border:1px solid var(--line,#d9ddd7);border-radius:14px;margin:18px 0;background:var(--paper,#fff)}.document-check summary{cursor:pointer;font-weight:700}.document-check textarea{width:100%;box-sizing:border-box;max-width:100%;font-family:monospace;font-size:16px;margin-top:12px}.document-check .actions{flex-wrap:wrap}.document-check [hidden]{display:none!important}