:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#102d45;background:#f4f8fa;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{border:2px solid #b7c9d4;border-radius:12px;background:#fff;color:#102d45;min-height:48px;padding:9px 13px;font-weight:700}button:hover,button:focus-visible{border-color:#006f87}a{color:#075e74}header{height:64px;background:#102d45;color:#fff;display:flex;align-items:center;gap:14px;padding:0 max(16px,calc((100vw - 1100px)/2));position:sticky;top:0;z-index:5}header strong{font-size:1.1rem;flex:1}.home{color:white;text-decoration:none;display:flex;align-items:center;gap:8px;font-weight:700}.home:first-letter{background:#24a8ae}.home span{display:none}.plain{background:transparent;color:white;border-color:#69919f}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:68px;z-index:10;background:white;padding:10px}main{max-width:1100px;margin:auto;padding:14px 14px 60px}.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toolbar label,.settings label,.own label{display:grid;gap:5px;font-weight:700}.toolbar select,.settings select,.own input{width:100%;min-height:48px;border:2px solid #a6bfcd;border-radius:10px;background:white;padding:7px}.settings{background:#e4f0f4;padding:15px;border-radius:14px;margin-top:12px;display:flex;flex-wrap:wrap;gap:18px}.settings[hidden]{display:none}.settings label{min-width:170px}.settings label:has(input){display:flex;align-items:center}.settings p{width:100%;margin:0}.message{border:2px solid #8eb8c8;background:white;border-radius:18px;padding:14px;margin:14px 0;min-height:142px}.message-top{display:flex;justify-content:space-between;color:#4c6572;font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0;min-height:36px}.chip{background:#d8eff2;min-height:40px}.placeholder{color:#526975}.partner-message{font-size:1.25rem;font-weight:800;margin:8px 0;min-height:24px;direction:auto}.message-actions{display:flex;gap:7px;flex-wrap:wrap}.message-actions button{flex:1 1 120px}.primary{background:#087c8d;color:white;border-color:#087c8d}.scenes{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:3px 1px 13px}.scenes button{white-space:nowrap;min-height:54px}.scenes button[aria-current=true]{background:#102d45;color:#fff;border-color:#102d45}.board-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.board-head h1{font-size:1.45rem;margin:8px 0 14px}.tiles{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:10px}.tile{min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 5px;gap:5px;box-shadow:0 2px 0 #c5d4dc}.tile .icon{font-size:2.4rem;line-height:1.15}.tile .word{font-size:1.14rem;line-height:1.22;overflow-wrap:anywhere}.tile .translation{font-size:.85rem;font-weight:500;color:#3f5864;overflow-wrap:anywhere;direction:auto}.tile.urgent{border-color:#bb4b40;background:#fff1ee}.tile.confirm{background:#fff2c9}.own,.note{margin-top:18px;background:#e7f0f4;border-radius:14px;padding:15px}.own summary,.note summary{font-weight:700;cursor:pointer}.own form{display:grid;gap:10px;margin:14px 0}.own p,.note p{line-height:1.5;margin-bottom:0}.note{background:#eaf0f5}.display{position:fixed;inset:0;background:#102d45;color:white;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:28px}.display[hidden]{display:none}.display #large-user{font-size:clamp(2rem,9vw,5rem);font-weight:800;overflow-wrap:anywhere;direction:auto}.display #large-partner{font-size:clamp(1.4rem,5vw,3rem);direction:auto}.display button{min-width:130px}.display #close-display{position:absolute;right:20px;top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:4px solid #f8b544;outline-offset:2px}body.high{background:#fff;color:#000}body.high .tile{border-color:#000;box-shadow:none}body.high .tile .translation{color:#000}@media(max-width:600px){header{height:58px}main{padding:10px 10px 50px}.tiles{gap:7px}.tile{min-height:110px}.tile .icon{font-size:2rem}.tile .word{font-size:1rem}.tile .translation{font-size:.78rem}.message-actions button{flex-basis:40%}}@media print{header,.toolbar,.settings,.message,.scenes,.board-head button,.own,.note,.display{display:none!important}main{padding:0}.board-head h1{font-size:24pt}.tiles{grid-template-columns:repeat(3,1fr)!important}.tile{min-height:35mm;break-inside:avoid;box-shadow:none;border:1px solid #333}.tile .translation{display:block}body{background:white}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}.swap{min-width:74px;background:#d9f1f2;border-color:#4c9ba3}.voice-status{margin:6px 0;color:#4c6572;min-height:1.4em;font-size:.95rem}.search-label{display:grid;gap:6px;margin:0 0 14px;font-weight:700}.search-label input{min-height:50px;border:2px solid #a6bfcd;border-radius:10px;padding:8px 12px;font:inherit}.note h2{font-size:1.2rem;margin:0 0 10px}.note p{margin:12px 0}.note details{margin-top:12px;border-top:1px solid #b6cad4;padding-top:12px}@media(max-width:600px){.toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.swap{grid-column:1/-1;grid-row:2;min-height:42px}.toolbar label:last-child{grid-column:2;grid-row:1}.message-actions button{flex-basis:42%}}@media print{.search-label{display:none}}
.free-form{display:grid;gap:7px;border-top:1px solid #d2e2e8;padding-top:12px;margin:8px 0 14px}.free-form label{font-weight:700}.free-row{display:flex;gap:8px;align-items:stretch}.free-row textarea{flex:1;min-width:0}.free-form textarea,.free-form input{border:2px solid #a6bfcd;border-radius:10px;padding:9px;font:inherit}.free-form>button{justify-self:start;background:#e1f4f5}.free-row button{min-width:108px}.free-form input{width:100%}.voice-status.error{color:#9b2f22;font-weight:700}@media(max-width:600px){.free-row{flex-wrap:wrap}.free-row textarea{flex-basis:100%}.free-row button{width:100%}}
.language-note{font-size:.93rem;color:#405e6d;margin:6px 0 0}.display #display-speak-partner{background:#d9f1f2}
.language-start{background:#e6f3f6;border:2px solid #8eb8c8;border-radius:16px;padding:13px;margin-bottom:10px}.language-start h1{font-size:1.25rem;margin:0 0 9px}.language-quick{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.language-quick button{min-height:48px;background:#fff}.language-quick button[aria-pressed=true]{background:#102d45;color:white;border-color:#102d45}.language-start label{display:grid;gap:5px;font-weight:700}.language-start select{min-height:48px;border:2px solid #8db0bf;border-radius:10px;padding:7px;background:white;width:100%}.toolbar{grid-template-columns:auto minmax(0,1fr)}.toolbar label:last-child{grid-column:2;grid-row:1}.swap{grid-column:1;grid-row:1}.board-head h2{font-size:1.45rem;margin:8px 0 14px}@media(max-width:600px){.language-quick button{flex:1 1 28%;padding:7px 5px}.toolbar{grid-template-columns:1fr}.toolbar label:last-child{grid-column:1;grid-row:1}.swap{grid-column:1;grid-row:2}}
.copyright{font-size:.85rem;color:#486774;border-top:1px solid #b6cad4;padding-top:14px}
/* Calm, mobile-first communication surface */
.language-start{padding:12px;background:#eaf4f6;margin-bottom:10px}.language-start h1{font-size:1.08rem;margin:0 0 6px}.language-quick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;margin-bottom:8px}.language-quick button{flex:0 0 auto;min-height:43px;white-space:nowrap}.language-start>label,.language-start .toolbar label{font-size:.85rem}.language-start>label{width:calc(50% - 5px);display:inline-grid;vertical-align:top}.language-start .toolbar{display:inline-grid;width:calc(50% - 5px);margin-left:6px;grid-template-columns:1fr;vertical-align:top;gap:0}.language-start .toolbar label:last-child{grid-column:1;grid-row:1}.language-start .toolbar .swap{grid-column:1;grid-row:2;min-height:38px;font-size:.85rem;padding:3px;margin-top:4px}.language-start select{min-height:46px}.language-note{margin:0 0 8px}.message{margin:10px 0;padding:10px;min-height:0}.message-top{font-size:.87rem}.chips{min-height:0;margin:5px 0}.message:not(.has-message) .partner-message,.message:not(.has-message) .message-actions{display:none}.message:not(.has-message) .voice-status:empty{display:none}.partner-message{margin:6px 0}.free-details{border-top:1px solid #d3e4e9;padding-top:7px}.free-details summary{cursor:pointer;font-weight:700;color:#075e74;min-height:38px;display:flex;align-items:center}.free-form{margin:3px 0 8px;padding-top:7px}.message-actions{margin-top:8px}.quick-section{margin:12px 0}.quick-section h2{font-size:1.05rem;margin:0 0 7px}.quick-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.quick-tiles button{min-height:70px;background:#e4f2f4;border-color:#9fc4cc;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.quick-tiles .icon{font-size:1.45rem}.quick-tiles .word{font-size:.92rem;line-height:1.15;overflow-wrap:anywhere}.quick-tiles .translation{font-size:.75rem;font-weight:500;line-height:1.15;overflow-wrap:anywhere}.scenes{padding-top:4px}.board-head h2{font-size:1.25rem}.tile{min-height:112px}@media(max-width:600px){.language-start{padding:9px}.language-quick button{font-size:.85rem}.language-start>label{width:calc(50% - 4px)}.language-start .toolbar{width:calc(50% - 4px);margin-left:4px}.quick-tiles{gap:5px}.quick-tiles button{min-height:69px}.tile .translation{font-size:.78rem}}
@media print{.quick-section,.free-details{display:none!important}}
.language-start>label #user-lang-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media print{.quick-section{display:block!important}.quick-tiles{grid-template-columns:repeat(3,1fr)}.quick-tiles button{border:1px solid #333;break-inside:avoid}}
/* Function chooser and consistently sized cards */
[hidden]{display:none!important}
.language-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.language-pair>label,.language-pair .toolbar{display:grid;width:100%;margin:0;min-width:0;font-size:.9rem}
.language-pair .toolbar{grid-template-columns:1fr;gap:5px}
.language-pair .toolbar label:last-child{grid-column:1;grid-row:1}
.language-pair .toolbar .swap{grid-column:1;grid-row:2;margin:0;min-height:38px}
.language-pair select{width:100%}
.mode-home h2{font-size:1.3rem;margin:18px 0 10px}
.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;gap:10px}
.mode-grid button{height:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;gap:5px;padding:16px;background:#fff;border-color:#8eb8c8}
.mode-grid button:hover,.mode-grid button:focus-visible{background:#e2f3f5}
.mode-grid button span{font-size:1.8rem}.mode-grid button strong{font-size:1.1rem}.mode-grid button small{font-size:.9rem;font-weight:500;line-height:1.3}
.workspace-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 9px}.workspace-top h2{font-size:1.25rem;margin:0}.workspace-top button{background:#e5f2f5}
.topic-menu{display:flex;gap:7px;overflow-x:auto;padding:3px 1px 12px;scrollbar-width:thin}.topic-menu button{white-space:nowrap}.topic-menu button[aria-pressed=true]{background:#087c8d;border-color:#087c8d;color:#fff}
.tiles{grid-auto-rows:160px}.tile{height:100%;min-height:0;overflow:auto}
.quick-tiles{grid-auto-rows:80px}.quick-tiles button{height:100%;min-height:0;overflow:auto}
@media(max-width:600px){.mode-grid{grid-auto-rows:155px;gap:7px}.mode-grid button{padding:10px}.mode-grid button strong{font-size:1rem}.mode-grid button small{font-size:.8rem}.tiles{grid-auto-rows:170px}.quick-tiles{grid-auto-rows:82px}.language-pair{gap:7px}}
@media print{.mode-home,.workspace-top,.topic-menu{display:none!important}.tiles{grid-auto-rows:auto!important}.tile{height:auto;min-height:35mm}.quick-tiles{grid-auto-rows:auto}.quick-tiles button{height:auto;min-height:20mm}}
/* Aino's tablet-friendly visual language */
:root{color:#183544;background:#f5f8fc}
body{background:linear-gradient(155deg,#eaf7fa 0,#f5f8fc 34%,#f8f9ff 100%);min-height:100vh}
header{background:#fff;color:#16384b;box-shadow:0 2px 18px #214b5a14;height:70px}
header .home{color:#126b80}.home:first-letter{background:transparent}
header .plain{color:#174c5c;border:1px solid #b9d6df;background:#eff9fb}
main{max-width:1180px;padding:20px 20px 70px}
.language-start{background:#fff;border:1px solid #d7e8ec;border-radius:24px;box-shadow:0 12px 32px #214b5a0c;padding:20px;margin-bottom:18px}
.language-start h1{font-size:1.15rem;margin:0 0 12px;color:#24546a}
.language-quick button{border:1px solid #cde4e8;border-radius:999px;box-shadow:none;padding-inline:16px}
.language-quick button[aria-pressed=true]{background:#167d9a;border-color:#167d9a;color:#fff}
.language-pair{gap:16px}.language-pair>label,.language-pair .toolbar{font-size:.95rem}
.language-start select{border:1.5px solid #b8d4df;border-radius:13px;background:#f9fcfd;min-height:54px;padding:10px 14px}
.language-pair .swap{background:#e8f8fa;border:1px solid #aad9df;color:#15596a;border-radius:12px}
.welcome{display:flex;align-items:center;gap:16px;margin:14px 0 18px}.welcome h2{font-size:clamp(1.4rem,3vw,2rem);margin:0;color:#163b4d}.welcome-mark{width:50px;height:50px;flex:none;border-radius:17px;background:#167d9a;color:white;display:grid;place-items:center;font-size:1.6rem}
.mode-grid{gap:16px;grid-auto-rows:190px}
.mode-grid button{border:1px solid transparent;border-radius:24px;padding:22px;box-shadow:0 12px 30px #14374812;transition:transform .15s ease,box-shadow .15s ease}
.mode-grid button:hover,.mode-grid button:focus-visible{transform:translateY(-3px);box-shadow:0 16px 35px #14374820}
.mode-grid button:nth-child(1){background:#e1f6f4;border-color:#b5e5df}.mode-grid button:nth-child(2){background:#e9edff;border-color:#c9d2fa}.mode-grid button:nth-child(3){background:#fff1e3;border-color:#f5d6b8}.mode-grid button:nth-child(4){background:#f2eaf9;border-color:#dcc9ee}
.mode-grid button span{font-size:2.1rem;background:#fff9;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:5px}
.mode-grid button strong{font-size:1.25rem}.mode-grid button small{font-size:.95rem;color:#3b5968}
.workspace-top{margin:12px 0 16px}.workspace-top button{border:1px solid #b9dbe1}.workspace-top h2{font-size:1.5rem}
.message,.own,.note,.settings{background:#fff;border:1px solid #d9e7ed;border-radius:22px;box-shadow:0 8px 25px #1437480b}
.message{padding:18px;margin:12px 0 20px}.message-top{font-size:1rem;color:#24546a}.chips{gap:8px}.chip{border-color:#a7d5da;background:#e6f7f8}
.scenes{gap:9px;padding:6px 2px 14px}.scenes button,.topic-menu button{border:1px solid #c4dae3;border-radius:14px;background:#fff;box-shadow:0 3px 10px #1437480b}
.scenes button[aria-current=true]{background:#167d9a;border-color:#167d9a;color:white}
.topic-menu button[aria-pressed=true]{background:#6652ad;border-color:#6652ad}
.board-head h2{font-size:1.4rem}.tiles{gap:12px;grid-auto-rows:172px}.tile{border:1px solid #d5e3eb;border-radius:20px;background:#fff;box-shadow:0 5px 18px #173a5012;padding:14px 8px}
.tile:nth-child(5n+1){background:#ecf8f7}.tile:nth-child(5n+2){background:#eff1ff}.tile:nth-child(5n+3){background:#fff4e9}.tile:nth-child(5n+4){background:#f5effa}.tile:nth-child(5n){background:#edf5fd}
.tile .icon{font-size:2.7rem}.tile .word{font-size:1.1rem}.tile .translation{color:#456375}
.tile.urgent{border:2px solid #c95349;background:#fff0ec}
.tile:hover,.tile:focus-visible{border-color:#1583a0;box-shadow:0 6px 20px #137e9b31}
.quick-tiles{gap:10px;grid-auto-rows:100px}.quick-tiles button{border:1px solid #b7dadd;border-radius:17px;background:#e7f6f5}
.note{margin-top:26px;padding:0}.note>.about>summary{padding:18px 20px;cursor:pointer;font-weight:700;color:#24546a;list-style-position:inside}.about-content{padding:0 20px 20px}.note h2{margin:10px 0}
@media(max-width:600px){header{height:60px;padding-inline:12px;gap:7px}header strong{font-size:.95rem}header button{font-size:.82rem;padding:6px 8px}main{padding:12px 10px 45px}.language-start{padding:14px;border-radius:19px}.language-pair{gap:8px}.language-pair>label,.language-pair .toolbar{font-size:.82rem}.language-start select{min-height:50px;padding:6px}.welcome{gap:10px;margin:12px 0}.welcome-mark{width:44px;height:44px}.mode-grid{gap:9px;grid-auto-rows:166px}.mode-grid button{padding:12px;border-radius:18px}.mode-grid button span{width:44px;height:44px;font-size:1.6rem;border-radius:13px}.mode-grid button strong{font-size:1rem}.mode-grid button small{font-size:.78rem}.tiles{gap:8px;grid-auto-rows:160px}.tile{border-radius:16px;padding:8px 5px}.tile .icon{font-size:2.1rem}.tile .word{font-size:1rem}.message{padding:12px}}
@media print{body{background:#fff}.note,.welcome{display:none!important}.tile{background:#fff!important;box-shadow:none}.message{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.mode-grid button{transition:none}}
/* Language switch and multimodal message tools */
.swap-row{display:flex;justify-content:center;margin:12px 0 0}.swap-row .swap{grid-column:auto;grid-row:auto;width:min(100%,250px);min-height:44px;margin:0;border-radius:999px}
.input-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.input-actions button{min-height:64px;border:1px solid #b7d7df;background:#f2f9fb;border-radius:14px;padding:8px;font-size:.92rem}
.input-actions button:hover,.input-actions button:focus-visible{background:#dff3f7}
.media-panel{border:1px solid #d2e3e9;border-radius:16px;background:#f8fcfd;padding:14px;margin:12px 0}.media-panel h3{margin:0 0 10px;font-size:1.1rem}.media-panel p{line-height:1.4;color:#465f6c}.media-panel label{display:block;font-weight:700;margin:10px 0 6px}.media-panel input{max-width:100%;padding:10px;background:#fff;border:1px solid #bdd2db;border-radius:10px}.media-panel>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#drawing-canvas{display:block;touch-action:none;width:100%;height:auto;aspect-ratio:2;border:2px dashed #9fc7d3;border-radius:12px;background:white;cursor:crosshair}
.media-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#ecf6fa;border-radius:14px;padding:10px;margin:8px 0}.media-preview img{width:90px;height:70px;object-fit:contain;background:white;border-radius:8px}.media-preview span{flex:1 1 120px;overflow-wrap:anywhere}.media-preview button{font-size:.85rem}.media-preview a{font-weight:700}
.display #large-image{max-width:min(80vw,640px);max-height:45vh;object-fit:contain;background:white;border-radius:12px}.display #large-document{background:#fff;color:#102d45;padding:12px;border-radius:10px}
@media(max-width:600px){.input-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.input-actions button{min-height:58px}.swap-row{margin-top:9px}}
@media print{.swap-row,.input-actions,.media-panel,.media-preview{display:none!important}}
#translate-local{justify-self:start;background:#e8f5fd;border-color:#a6cadb}#translate-help{color:#496270;line-height:1.35}
header .tools-link{color:#145c72;font-size:.85rem;white-space:nowrap}header #nav-back{padding:6px 9px;font-size:.85rem;min-height:40px}@media(max-width:600px){header .tools-link{display:none}header #nav-back{font-size:.8rem}}
/* All example symbols occupy the same visual frame. */
.tile .icon{display:grid;place-items:center;width:64px;height:64px;min-width:64px;margin-inline:auto;font-size:2.5rem;line-height:1}.quick-tiles .icon{display:grid;place-items:center;width:48px;height:48px;margin-inline:auto;font-size:2rem;line-height:1}
/* Match the AINO tool launcher while retaining the communication layout. */
body{background:radial-gradient(circle at 10% 5%,#d9eaff 0,transparent 36%),radial-gradient(circle at 95% 15%,#ddf5f3 0,transparent 28%),#f4f7fc}.language-start,.message,.board-area{box-shadow:0 12px 30px #18395c0e;border-radius:24px}.mode-grid button{background:#ffffffea!important;border-color:#dce8f1!important;align-items:center;text-align:center;justify-content:center}.mode-grid button span{width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,#54b3d0,#1679a8);box-shadow:0 7px 16px #236f9f3d;color:white}.mode-grid button:nth-child(2) span{background:linear-gradient(145deg,#9e96e5,#625bc6)}.mode-grid button:nth-child(3) span{background:linear-gradient(145deg,#ffc076,#ed885e)}.mode-grid button:nth-child(4) span{background:linear-gradient(145deg,#83ccea,#5d90d9)}@media(max-width:600px){.mode-grid button span{width:56px;height:56px;border-radius:17px;font-size:1.9rem}}
/* The same home-screen wallpaper surrounds focused, light communication cards. */
body{background:radial-gradient(ellipse 50% 50% at 82% 0%,#e86b50 0,transparent 68%),radial-gradient(ellipse 78% 60% at 5% 50%,#384e99 0,transparent 64%),linear-gradient(145deg,#14243c,#25365b 55%,#111e35);background-attachment:fixed}.language-start,.message,.board-area,.quick-section,.note{background:#ffffffee;backdrop-filter:blur(14px);border-color:#ffffffb8;box-shadow:0 12px 30px #08162930}.mode-grid button{box-shadow:0 12px 30px #0816294a}.welcome h2,.workspace-top h2{color:#fff}.workspace-top button{background:#ffffffee}.copyright{color:#e8f0fa}@media print{body{background:#fff!important}.welcome h2,.workspace-top h2{color:#102d45}}
.lang-flag{display:inline-block;width:32px;height:22px;object-fit:cover;border-radius:4px;vertical-align:middle;box-shadow:0 1px 3px #14243c55}.language-pair>label,.language-pair .toolbar label:last-child{position:relative}.language-pair .lang-flag{position:absolute;right:8px;top:0}.language-quick button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:1rem}.language-quick img{width:29px;height:20px;border-radius:3px;object-fit:cover}.mode-grid button strong,.mode-grid button small{font-size:1rem;text-align:center;line-height:1.3}.mode-grid button{align-items:center;text-align:center}.tile .word,.tile .translation,.quick-tiles button{font-size:1rem;text-align:center;line-height:1.3}.tile{justify-content:center;align-items:center;text-align:center}@media(max-width:600px){.mode-grid button strong,.mode-grid button small{font-size:1rem}.language-quick button{font-size:.92rem}}
.board-area{min-width:0;overflow:hidden}.board-head{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}.board-head h2{margin-right:auto}.board-head button{flex:0 1 auto}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tile{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow-wrap:anywhere}.tile .icon,.tile .word,.tile .translation{margin-inline:auto;text-align:center}.tile.selected-for-print{outline:4px solid #0b7894;outline-offset:-5px;background:#dff6f0!important}.print-picked{padding:14px 16px;margin:12px 0;border:2px solid #53a2b7;border-radius:16px;background:#eef8fa}.print-picked-list{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.print-picked-list button{min-height:40px;background:#fff}.print-picked-list p{margin:0;color:#294b5c}@media(max-width:700px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.board-head h2{flex-basis:100%}.board-head button{flex:1 1 180px}}@media(max-width:420px){.tiles{grid-template-columns:1fr 1fr;gap:8px}.tile{padding:8px 4px}}@media print{body.printing-picked #tiles,body.printing-picked .board-head,body.printing-picked .search-label,body.printing-picked #scenes{display:none!important}body.printing-picked .print-picked{display:block!important;border:0;padding:0}body.printing-picked .print-picked-list{display:grid;grid-template-columns:repeat(2,1fr)}body.printing-picked .print-picked-list button{border:1px solid #777;break-inside:avoid}body.printing-picked #print-picked-clear{display:none}}
.board-area{overflow:visible}.print-picked{position:sticky;top:8px;z-index:5;background:#fff;border:3px solid #1687a3;box-shadow:0 10px 26px #08162935}.print-picked-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:220px;overflow:auto}.print-preview-card{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border:1px solid #c4d9e3;border-radius:12px;background:#f2f9fa;font-weight:650}.print-preview-card span:nth-child(2){flex:1;overflow-wrap:anywhere}.print-preview-icon{font-size:1.7rem;min-width:36px;text-align:center}.print-preview-card button{min-height:36px;min-width:36px;padding:3px;color:#8a2433;font-size:1.4rem}@media(max-width:600px){.print-picked{top:0;padding:10px}.print-picked-list{grid-template-columns:1fr 1fr;max-height:180px}.print-preview-card{font-size:.88rem;padding:5px;gap:5px}.print-preview-icon{font-size:1.3rem;min-width:24px}}@media(max-width:390px){.print-picked-list{grid-template-columns:1fr}}
.drawing-description{display:grid;gap:7px;margin:12px 0}.drawing-description p{margin:0;color:#294b5c}.drawing-description label{font-weight:700}.drawing-description input{width:100%;min-height:46px;padding:9px;border:2px solid #a6bfcd;border-radius:10px;font:inherit}
#partner-lang-label{padding-inline-end:38px}