@font-face{font-family:Poster;font-weight:700;src:url('assets/font.ttf')}*{box-sizing:border-box}body{margin:0;background:#f8f7f3;color:#303b32;font-family:Arial,sans-serif}header{height:92px;padding:12px 5%;border-bottom:1px solid #dedfd5;display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{display:flex;align-items:center;text-decoration:none;color:inherit;gap:16px}.brand img{height:68px;width:74px;object-fit:contain}.brand span{font-family:Georgia,serif;font-size:24px}.brand small{display:block;font-family:Arial;font-size:9px;letter-spacing:1.7px;margin-top:8px}.version{border:1px solid #ddd6c9;border-radius:20px;padding:9px 15px;font-size:12px;color:#72786b}main{max-width:1440px;margin:auto;padding:0 5%}.intro{display:flex;justify-content:space-between;align-items:center;padding:46px 0 36px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:bold;color:#7d866f}h1{font:44px/1.06 Georgia,serif;margin:18px 0;color:#344735}h1 span{color:#859577}.intro p:not(.eyebrow){font-size:14px;line-height:1.6;color:#70786e}.intro-note{border-left:1px solid #d9dccf;padding:0 28px}.intro-note>span{font:34px Georgia;color:#a5ad98}.intro-note strong{color:#445740}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:30px;align-items:start}.controls{background:white;border:1px solid #e1e3d9;border-radius:14px;overflow:hidden}.controls section{padding:24px;border-bottom:1px solid #e9ebe2}h2{font-size:15px;margin:0 0 22px;font-weight:600}h2 b{display:inline-grid;place-items:center;background:#edf0e7;width:24px;height:24px;border-radius:50%;font-size:11px;margin-right:8px}label{display:block;font-size:12px;margin:18px 0 9px;color:#68715f}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #d9ded1;border-radius:7px;padding:11px 12px;color:#394932;font-size:12px;transition:background .15s}button:hover{background:#f0f2e9}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b4bf97;outline-offset:2px}button:disabled{opacity:.5;cursor:wait}.characters{display:flex;gap:10px}.characters button{flex:1;padding:0;overflow:hidden;border:2px solid #e7e9e0}.characters img{width:100%;height:110px;object-fit:cover;object-position:50% 22%;display:block}.characters span{display:block;padding:10px}.characters button[aria-pressed=true]{border-color:#778b5b;background:#edf1e5}.segmented{display:flex;background:#f4f5f0;padding:4px;border-radius:8px;gap:4px}.segmented button{border:0;flex:1;background:transparent;padding:10px 5px}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #0001}.segmented small{display:block;font-size:9px;color:#7b8473;margin-top:5px}input,textarea,select{width:100%;background:#fafbf8;border:1px solid #dce1d3;border-radius:7px;padding:11px;color:#37422f;font-size:12px}textarea{resize:vertical}.hint{font-size:11px;line-height:1.6;color:#7c8376}.secondary,.primary{width:100%;margin-top:8px}.primary{background:#60764d;color:white;border-color:#60764d;font-size:14px;padding:15px}.primary:hover{background:#4b613a}.export-row{display:flex;gap:7px;margin-top:10px}.export-row button{flex:1;padding:10px 2px;font-size:11px}.text-button{background:none;border:0;font-size:11px;padding:8px 0;color:#82735c}#status{font-size:11px;line-height:1.5;color:#687d56;min-height:32px}.preview-area{background:#e9ece2;border:1px solid #dfe3d7;border-radius:14px;padding:20px 28px 12px;position:sticky;top:18px}.preview-bar{display:flex;justify-content:space-between;font-size:11px;color:#6b7660;margin-bottom:20px;gap:12px}.preview-bar i{display:inline-block;width:6px;height:6px;background:#688c55;border-radius:50%;margin-right:6px}#poster{position:relative;max-width:740px;margin:auto;background:white;box-shadow:0 10px 35px #273b1b18;aspect-ratio:841.8898/1190.551}#poster>svg{display:block;width:100%;height:auto}.hit{position:absolute;border:2px solid transparent;border-radius:0;background:transparent;padding:0}.hit:hover{background:#e1e9cc33;border-color:#84996a}.hit.selected{border-color:#66834b}.preview-foot{text-align:center;font-size:9px;color:#7a846e;margin:18px 0 8px}footer{padding:42px 0;color:#7e8576;font-size:11px;line-height:1.7}footer strong{font:20px Georgia;color:#56664b}details{max-width:700px}summary{cursor:pointer}dialog{border:0;border-radius:16px;max-width:780px;width:92%;max-height:85vh;padding:28px;color:#394932}dialog::backdrop{background:#1e2d1c88;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font:28px Georgia;margin-bottom:5px}#scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}#scene-grid button{padding:0;overflow:hidden;text-align:left}#scene-grid img{width:100%;height:140px;object-fit:cover;display:block}#scene-grid span{display:block;padding:10px;font-size:11px;line-height:1.4}@media(max-width:850px){header{height:76px}.brand img{height:52px;width:52px}.brand span{font-size:20px}.brand small{font-size:7px;letter-spacing:1px}.intro{padding:28px 0}.intro-note{display:none}h1{font-size:36px}.workspace{grid-template-columns:270px minmax(0,1fr);gap:16px}.controls section{padding:18px}.preview-area{padding:12px}.preview-bar{flex-wrap:wrap}.characters img{height:90px}}@media(max-width:640px){main{padding:0 18px}.workspace{display:flex;flex-direction:column}.controls{width:100%}.controls section{padding:20px}.characters img{height:130px;object-position:50% 24%}.preview-area{position:static;width:100%;order:-1}.intro p:not(.eyebrow){font-size:12px}.intro h1{font-size:34px}.version{font-size:10px;padding:7px}.brand small{display:none}.brand span{font-size:18px}.preview-foot{font-size:8px}#scene-grid{grid-template-columns:repeat(2,1fr)}}

[hidden]{display:none!important}.brand img{width:260px;height:auto;max-height:76px;object-fit:contain}.header-language{flex-shrink:0}.header-language button{padding:10px 14px}.catalog{padding:34px 0 0}.catalog h2{font:32px Georgia,serif;margin:14px 0 22px}#categories{display:flex;gap:10px;flex-wrap:wrap}#categories button{font-size:14px;padding:13px 22px;border-radius:24px}#categories button[aria-pressed=true]{background:#60764d;color:white;border-color:#60764d}#topics{padding-top:20px}.topic-card{display:flex;flex-direction:column;text-align:left;gap:8px;min-width:260px;padding:20px 24px;background:#fff;border-radius:12px}.topic-card strong{font:22px Georgia}.topic-card span,.empty-topics{color:#72786b;font-size:13px}.empty-topics{padding:32px 24px;background:#eeeee7;border-radius:12px;min-height:130px}.intro{padding-top:30px}@media(max-width:640px){header{height:auto;min-height:86px;gap:12px;flex-wrap:wrap;padding:14px 18px}.brand img{width:210px;height:auto}.header-language button{padding:8px}.catalog h2{font-size:28px}#categories{gap:7px}#categories button{font-size:12px;padding:11px 14px}.topic-card{width:100%;min-width:0}}

.download-topic{padding:18px 0 28px}.catalog .download-topic h2{font:28px Georgia,serif;margin:0 0 10px}.download-topic>p{color:#70786e;font-size:14px;line-height:1.6;margin:0 0 22px}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.download-card{background:#fff;border:1px solid #e1e3d9;border-radius:14px;overflow:hidden}.download-card>a{display:block;background:#eeeee7;padding:16px}.download-card img{width:100%;aspect-ratio:210/297;object-fit:contain;display:block;box-shadow:0 3px 15px #273b1b15}.download-card-body{padding:20px}.download-card h3{font-size:18px;font-weight:500;margin:0 0 8px}.download-meta{font-size:12px;color:#72786b;margin:0 0 16px}.download-button{display:block;text-decoration:none;text-align:center;border-radius:7px}.download-button:focus-visible{outline:3px solid #b4bf97;outline-offset:3px}@media(max-width:850px){.download-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:540px){.download-grid{grid-template-columns:1fr}.download-card>a{padding:18px 32px}.catalog .download-topic h2{font-size:25px}}

#topics.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:26px}.topic-grid .topic-card{width:100%;min-width:0;padding:24px;gap:12px}.topic-grid .topic-card strong{font-size:26px}.topic-grid .topic-card span{font-size:14px;line-height:1.6}.topic-grid .topic-card small{font-size:12px;color:#60764d;margin-top:8px}.topic-grid .empty-topics{grid-column:1/-1;margin:0}#topic-detail{padding-top:24px}.topic-back{margin-bottom:24px;background:transparent;border:0;padding:8px 0;color:#60764d;font-size:13px}.topic-description{color:#70786e;font-size:14px;line-height:1.6;margin-bottom:24px}@media(max-width:640px){#topics.topic-grid{grid-template-columns:1fr}.topic-grid .topic-card{padding:22px}.topic-grid .topic-card strong{font-size:25px}}
/* Keep language names and codes together, with the same layout in every header. */
header .segmented{width:max-content;max-width:100%;flex-shrink:0;align-items:stretch}
header .segmented button{flex:1 0 auto;white-space:nowrap;min-width:max-content;padding:10px 14px;line-height:1.3}