:root{--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;--font-app:system-ui, sans-serif;--color-primary:#2563eb;--color-primary-text:white;--color-secondary-bg:#e5e7eb;--color-secondary-text:#111827;--color-error-bg:#fee2e2;--color-error-text:#991b1b;--color-border-dashed:#d1d5db;--color-label-text:#374151;--color-border-subtle:#e5e7eb;--color-source-text:#6b7280;--color-region-border:#ef4444;--color-region-bg:#ef444414;--color-region-active:#2563eb;--color-region-active-bg:#2563eb26;--color-needs-review-border:#f97316;--color-needs-review-bg:#f973162e;--color-needs-review-card-bg:#fff7ed;--color-badge-translation-failed:#c2410c;--color-glossary-miss-border:#0d9488;--color-glossary-miss-bg:#0d94882e;--color-glossary-miss-card-bg:#f0fdfa;--color-badge-glossary-miss:#0f766e;--color-word-broken-border:#ca8a04;--color-word-broken-bg:#ca8a042e;--color-word-broken-card-bg:#fefce8;--color-badge-word-broken:#a16207;--color-too-long-border:#9333ea;--color-too-long-bg:#9333ea2e;--color-too-long-card-bg:#faf5ff;--color-badge-too-long:#7e22ce;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--font-sans)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}#root{min-height:100svh}*{box-sizing:border-box}.app{max-width:1200px;font-family:var(--font-app);margin:0 auto;padding:16px}.topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.topbar h1{margin:0;font-size:20px}.topbar-actions{gap:8px;display:flex}button{background:var(--color-primary);color:var(--color-primary-text);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--color-secondary-bg);color:var(--color-secondary-text)}.error-banner{background:var(--color-error-bg);color:var(--color-error-text);border-radius:6px;margin-bottom:12px;padding:8px 12px}.upload-panel{border:2px dashed var(--color-border-dashed);text-align:center;border-radius:8px;padding:40px}.lang-row{justify-content:center;gap:16px;margin-bottom:16px;display:flex}.lang-row label{color:var(--color-label-text);flex-direction:column;gap:4px;font-size:13px;display:flex}.editor{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}.canvas-pane{overflow:auto}.image-wrap{display:inline-block;position:relative}.image-wrap img{max-width:100%;display:block}.region-box{border:2px solid var(--color-region-border);background:var(--color-region-bg);cursor:pointer;position:absolute}.region-box.active{border-color:var(--color-region-active);background:var(--color-region-active-bg)}.side-pane{border-left:1px solid var(--color-border-subtle);max-height:80vh;padding-left:16px;overflow-y:auto}.side-pane h2{margin-top:0;font-size:15px}.region-card{border:1px solid var(--color-border-subtle);cursor:pointer;border-radius:6px;margin-bottom:8px;padding:8px}.region-card.active{border-color:var(--color-region-active)}.source-text{color:var(--color-source-text);margin-bottom:4px;font-size:12px}.region-card textarea{resize:vertical;width:100%;padding:4px;font-family:inherit;font-size:13px}.region-box.needs-review{border-color:var(--color-needs-review-border);background:var(--color-needs-review-bg);border-width:3px}.region-box.needs-review.active{border-color:var(--color-region-active)}.region-card.needs-review{border-color:var(--color-needs-review-border);background:var(--color-needs-review-card-bg)}.region-card.needs-review.active{border-color:var(--color-region-active)}.region-box.glossary-miss{border-color:var(--color-glossary-miss-border);background:var(--color-glossary-miss-bg);border-width:3px}.region-box.glossary-miss.active{border-color:var(--color-region-active)}.region-card.glossary-miss{border-color:var(--color-glossary-miss-border);background:var(--color-glossary-miss-card-bg)}.region-card.glossary-miss.active{border-color:var(--color-region-active)}.review-badge{color:var(--color-badge-translation-failed);margin-bottom:4px;font-size:12px;font-weight:600}.review-badge.glossary-miss{color:var(--color-badge-glossary-miss)}.review-badge.too-long{color:var(--color-badge-too-long)}.review-badge.word-broken{color:var(--color-badge-word-broken)}.region-box.word-broken{border-color:var(--color-word-broken-border);background:var(--color-word-broken-bg);border-width:3px}.region-box.word-broken.active{border-color:var(--color-region-active)}.region-card.word-broken{border-color:var(--color-word-broken-border);background:var(--color-word-broken-card-bg)}.region-card.word-broken.active{border-color:var(--color-region-active)}.region-box.too-long{border-color:var(--color-too-long-border);background:var(--color-too-long-bg);border-width:3px}.region-box.too-long.active{border-color:var(--color-region-active)}.region-card.too-long{border-color:var(--color-too-long-border);background:var(--color-too-long-card-bg)}.region-card.too-long.active{border-color:var(--color-region-active)}input[type=text],.create-series-form input,.add-glossary-form input,.glossary-row input{border:1px solid var(--color-border-subtle);border-radius:6px;padding:8px;font-family:inherit;font-size:14px}.create-series-form,.add-glossary-form{align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.create-series-form input,.add-glossary-form input{flex:1}.hint-text{color:var(--color-source-text);margin-bottom:12px;font-size:13px}.series-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.series-card{border:1px solid var(--color-border-subtle);color:inherit;border-radius:8px;padding:16px;text-decoration:none;display:block}.series-card:hover{border-color:var(--color-region-active)}.series-card-title{margin-bottom:4px;font-weight:600}.series-card-count{color:var(--color-source-text);font-size:13px}.series-context-bar{background:var(--color-secondary-bg);color:var(--color-secondary-text);cursor:pointer;border-radius:6px;width:fit-content;margin-bottom:12px;padding:8px 12px;font-size:14px}.glossary-table{border-collapse:collapse;width:100%}.glossary-table th,.glossary-table td{text-align:left;border-bottom:1px solid var(--color-border-subtle);padding:8px}.glossary-row td:last-child{white-space:nowrap;gap:6px;display:flex}.login-form{flex-direction:column;gap:12px;max-width:360px;display:flex}.login-form label{flex-direction:column;gap:4px;font-size:14px;display:flex}.login-form input{border:1px solid var(--color-border-subtle);border-radius:6px;padding:8px;font-family:inherit;font-size:14px}.account-bar{max-width:1200px;font-size:13px;font-family:var(--font-app);justify-content:flex-end;align-items:center;gap:8px;margin:0 auto;padding:8px 16px 0;display:flex}.account-bar button{padding:4px 10px}.region-box.ignored{opacity:.5;background:0 0;border-style:dashed}.region-card.ignored{opacity:.55}.region-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ignore-toggle{margin-left:auto;padding:2px 8px;font-size:12px}.ignore-tag{border:1px dashed var(--color-border-subtle);color:var(--color-source-text);border-radius:4px;margin-left:auto;padding:2px 8px;font-size:12px}