.translation-field{width:100%;container-type:inline-size}.translation-status{border-radius:1rem;width:fit-content;padding:.3rem .65rem;font-weight:700;display:inline-block}.translation-status--new{color:#dceeff;background:#165591}.translation-status--in-translation{color:#291500;background:#ffad42}.translation-status--done{color:#e5ffef;background:#167047}.translation-status--invalid{color:#fff;background:#a62929}.translation-status-field{justify-items:start;gap:.55rem;margin-bottom:2rem;display:grid}.translation-status-field select{border:1px solid var(--theme-elevation-400);background:var(--theme-input-bg);width:min(100%,24rem);color:var(--theme-text);font:inherit;border-radius:.25rem;padding:.65rem}.translation-status-field select:focus-visible{outline:2px solid var(--theme-success-500);outline-offset:2px}.translation-status-field p{margin:0}.translation-field__language{gap:.75rem;margin-bottom:2rem;display:grid}.translation-field__language :is(h2,p){margin:0}.translation-field__language label{gap:.4rem;max-width:24rem;display:grid}.translation-field__toolbar{flex-wrap:wrap;align-items:end;gap:1rem;margin:1rem 0;display:flex}.translation-field__toolbar label{flex:15rem;gap:.4rem;display:grid}.translation-field__chapters{flex-wrap:wrap;align-items:end;gap:1rem;margin:1.5rem 0 1rem;display:flex}.translation-field__chapters label{gap:.4rem;min-width:14rem;display:grid}.translation-field__page{border:1px solid var(--theme-elevation-200);margin:0 0 1rem;container-type:inline-size}.translation-field__page summary{background:var(--theme-elevation-100);cursor:pointer;padding:1rem;font-weight:700}.translation-field__page summary span{font-weight:400}.translation-field__page-content{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);display:grid}.translation-field__entries{min-width:0}.translation-field__visual{border-left:1px solid var(--theme-elevation-200);align-self:start;max-height:calc(100vh - 2rem);padding:1rem;position:sticky;top:1rem;overflow:auto}.translation-field__visual a,.translation-field__empty a{gap:.5rem;display:grid}.translation-field__visual img,.translation-field__empty img{object-fit:contain;object-position:top;width:100%;height:auto;max-height:calc(100vh - 10rem);display:block}.translation-field__empty{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);gap:1rem;display:grid}.translation-field__page :is(summary,select):focus-visible{outline:2px solid var(--theme-success-500);outline-offset:2px}.translation-field__toolbar button{border:1px solid var(--theme-elevation-400);background:var(--theme-elevation-100);min-height:2.75rem;color:var(--theme-text);cursor:pointer;border-radius:.25rem;padding:.5rem .9rem}.translation-field__toolbar button:disabled{cursor:not-allowed;opacity:.55}.translation-field select,.translation-field input,.translation-field textarea{border:1px solid var(--theme-elevation-400);background:var(--theme-input-bg);width:100%;color:var(--theme-text);font:inherit;border-radius:.25rem;padding:.65rem}.translation-field :is(button,select,input,textarea):focus-visible{outline:2px solid var(--theme-success-500);outline-offset:2px}.translation-field__error{color:var(--theme-error-500)}.translation-field__headings,.translation-field__row{border-top:1px solid var(--theme-elevation-200);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;display:grid}.translation-field__headings{z-index:1;background:var(--theme-elevation-100);font-weight:700;position:sticky;top:0}.translation-field__row{background:var(--theme-bg)}.translation-field__source p:last-child{white-space:pre-wrap;overflow-wrap:anywhere}.translation-field__key{color:var(--theme-elevation-700);overflow-wrap:anywhere;margin:0 0 .5rem;font-size:.85rem}.translation-field__target{gap:.4rem;display:grid}.translation-field__target textarea{resize:vertical;min-height:5rem}@container (max-width:60rem){.translation-field__page-content,.translation-field__empty{grid-template-columns:1fr}.translation-field__visual{border-left:0;border-top:1px solid var(--theme-elevation-200);max-height:none;position:static}}@container (max-width:40rem){.translation-field__headings{display:none}.translation-field__row{grid-template-columns:1fr}}