/* Studio foundations. Role colors for onsets, nuclei, codas and tones stay distinct. */
@font-face {
  font-family: "Studio Phonetic";
  src: url("fonts/studio-phonetic.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root {
  color-scheme: light;
  --paper: #f5f1e9;
  --surface: #fffcf7;
  --field: #fffdfa;
  --surface-raised: #eee9df;
  --surface-hover: #ebe7df;
  --ink: #192d40;
  --muted: #54616c;
  --line: #dbd3c6;
  --control-line: #82796e;
  --navy: #1b344a;
  --navy-deep: #122639;
  --navy-hover: #2a465d;
  --on-navy: #fff8ed;
  --on-navy-muted: #b8c7d3;
  --copper: #874725;
  --copper-light: #e3ac85;
  --success: #345b4c;
  --success-bg: #e9f0e9;
  --warning: #795325;
  --warning-bg: #f3ead9;
  --error: #8f352c;
  --error-bg: #f6e8e5;
  --focus: #92522f;
  --onset: #dfeaf4;
  --onset-ink: #224d70;
  --nucleus: #f7e4cc;
  --nucleus-ink: #8a461f;
  --coda: #ece3f2;
  --coda-ink: #684476;
  --tone: #deeee7;
  --tone-ink: #285e4e;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 4px;
  --radius: 6px;
  --radius-lg: 10px;
  --shadow-dialog: 0 18px 48px #10223533;
  --text-meta: .75rem;
  --text-control: .8125rem;
  --text-body: .875rem;
  --text-section: 1.5rem;
  --serif: Georgia, "Times New Roman", serif;
  --sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ipa: "Charis SIL", "Doulos SIL", "Studio Phonetic", "Gentium Plus", "Noto Sans", "DejaVu Sans", sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:var(--text-body)/1.6 var(--sans)}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;border:1px solid var(--control-line);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);padding:8px 13px;min-height:36px;font-size:var(--text-control);font-weight:600;line-height:1.35;transition:background-color .12s,border-color .12s,color .12s}
button:hover{background:var(--surface-hover);border-color:var(--muted)}
button:active{background:var(--surface-raised)}
button:disabled{opacity:.48;cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
a{color:var(--copper)}
button.primary{color:var(--on-navy);background:var(--navy);border-color:var(--navy)}
button.primary:hover{background:var(--navy-hover);border-color:var(--navy-hover)}
.ghost{background:transparent}
.layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}
aside{background:var(--navy-deep);color:#f9f2e6;padding:35px 23px 24px;display:flex;flex-direction:column;gap:37px;min-width:0;position:sticky;top:0;height:100dvh;overflow:auto;border-right:1px solid #314559}
.brand{font:23px/1.15 var(--serif);letter-spacing:-.7px;color:#fff8ec;white-space:nowrap}
.brand small{white-space:normal;display:block;margin-top:13px;font:9px system-ui;letter-spacing:1.3px;color:#c29d7e}
.seal{display:inline-grid;place-items:center;margin-right:8px;width:31px;height:35px;border:1px solid #b88a65;color:#dfb693;font:25px var(--serif);border-radius:2px}
.label{font:650 .6875rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
aside .label{color:var(--on-navy-muted);letter-spacing:.09em}
.language-switcher{padding-top:23px;border-top:1px solid #35485a}
label{display:block;font-size:var(--text-control);font-weight:650;margin-bottom:var(--space-1);line-height:1.45}
input,select,textarea{border:1px solid var(--control-line);border-radius:var(--radius-sm);background:var(--field);color:var(--ink);padding:9px 11px;max-width:100%;font-size:var(--text-body)}
input,textarea{width:100%}
input[type=checkbox]{accent-color:var(--navy)}
textarea{resize:vertical;min-height:130px;line-height:1.8}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
select{cursor:pointer}
aside select{background:#23384b;color:#fff9ef;border-color:#465767;font-size:13px;border-radius:3px}
aside .ghost{border-style:dashed;border-color:#54616a;color:#d8e0e4;background:transparent}
aside .ghost:hover{background:#293d4f}
#workspaceNav{display:grid;gap:5px}
#workspaceNav button{display:flex;align-items:center;gap:var(--space-2);border:0;border-inline-start:2px solid transparent;background:transparent;color:var(--on-navy-muted);text-align:left;font-size:var(--text-control);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:0 var(--radius-sm) var(--radius-sm) 0}
#workspaceNav button:hover{background:var(--navy);color:var(--on-navy)}
#workspaceNav button.active{background:var(--navy-hover);color:var(--on-navy);border-inline-start-color:var(--copper-light);font-weight:650}
.side-bottom{margin-top:auto;color:#aabac6;font-size:11px;line-height:1.8;border-top:1px solid #35485a;padding-top:23px}
.side-bottom .side-motto{font:italic 21px/1.45 var(--serif);color:#e3c4a4;margin:12px 0 20px}
.side-bottom button{width:100%;font-size:11px;background:transparent;color:#f2e9dc;border-color:#506171}
.side-bottom button:hover{background:#293e51}
.side-bottom .label{font-size:9px;color:#94a8ba}
main{width:100%;max-width:1450px;min-width:0;margin:0 auto;padding:var(--space-5) clamp(24px,3.3vw,48px) var(--space-8)}
.top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--line);padding-bottom:var(--space-3);margin-bottom:var(--space-6)}
.crumb{font-size:var(--text-meta);color:var(--muted)}
.crumb strong{color:var(--copper);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.status{font-size:var(--text-meta);color:var(--muted);display:flex;gap:var(--space-2);align-items:center;white-space:nowrap}
.eyebrow{display:flex;align-items:center;gap:var(--space-2);font-size:.6875rem;letter-spacing:.11em;color:var(--copper);font-weight:700}
.eyebrow::before{content:'';width:16px;height:1px;background:currentColor;flex:none}
h1{font:normal clamp(2.1rem,3.6vw,3.25rem)/1.08 var(--serif);letter-spacing:-.035em;margin:var(--space-2) 0 var(--space-3);overflow-wrap:anywhere}
h2{font:normal var(--text-section)/1.2 var(--serif);letter-spacing:-.02em;margin:0 0 var(--space-3)}
h3{font:normal 1.25rem/1.35 var(--serif);margin:0;color:var(--ink)}
p{color:var(--muted);margin:0}
.hero{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-5)}
.hero p{max-width:65ch;font-size:var(--text-body);line-height:1.65}
.hero>button{flex-shrink:0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-6);min-width:0}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}
.card-head h2,.card-head h3{margin-bottom:0}
.grid{display:grid;grid-template-columns:1.12fr 1fr;gap:var(--space-5);align-items:start}
.fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4)}
.full{grid-column:1/-1}
.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.section-gap{margin-top:var(--space-6)}
.spaced{margin-top:17px}
.muted{font-size:var(--text-control);color:var(--muted)}
.hint{font-size:var(--text-meta);color:var(--muted);margin-top:var(--space-2);line-height:1.55}
.hint code{font-size:12px}
.pill{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--muted);font-size:var(--text-meta);line-height:1.4;font-weight:600;white-space:nowrap}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:30px}
.stat{padding:21px 20px 22px;border-right:1px solid var(--line)}
.stat:first-child{padding-left:0}
.stat:last-child{border-right:0}
.stat strong{display:block;font:36px/1.1 var(--serif);margin-top:12px;color:var(--ink)}
.inventory-line{font:26px/1.8 var(--ipa);color:var(--ink);letter-spacing:3px;margin:10px 0 22px}
.rule{background:#ede6da;border-left:2px solid var(--copper);padding:18px 21px;margin-top:20px;border-radius:0}
.rule strong{font:25px var(--serif);letter-spacing:3px}
.note{display:flex;gap:16px;background:#ede6da;border-left:2px solid #c29065;border-radius:0;padding:20px 22px;margin-top:24px;font-size:12px}
.note>span{font:italic 24px var(--serif);color:var(--copper)}
.note p{color:#5d6264}
.words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.word{padding:22px 10px;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:3px}
.word strong{font:29px var(--serif);display:block;margin-bottom:14px}
.word button{font-size:10px;padding:5px 9px;background:transparent}
table{width:100%;border-collapse:collapse;font-size:var(--text-control)}
td,th{padding:10px 11px;border-bottom:1px solid var(--line)}
th{text-align:left;font:650 var(--text-meta)/1.4 var(--sans);color:var(--muted);background:var(--surface-raised)}
td{vertical-align:middle}
td:first-child{font:1.125rem/1.4 var(--serif)}
td button{padding:5px 8px;font-size:var(--text-meta);min-height:30px}
.compact td:first-child,.weights td:first-child{font:14px system-ui}
.compact td{vertical-align:top;overflow-wrap:anywhere}
.weights td,.weights th{padding:11px}
.weights input{width:85px;text-align:center;font:16px var(--ipa);background:#f7f2e9}
.weights th:last-child{width:160px}
.table-wrap{overflow:auto;max-width:100%}
.toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:21px}
.toolbar input{flex:1;min-width:150px}
.toolbar>div{min-width:0}
.toolbar select{max-width:100%}
.actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px}
.empty{text-align:center;color:var(--muted);font:var(--text-body)/1.6 var(--sans);padding:var(--space-8) var(--space-4)}
.empty .muted{display:inline-block;max-width:450px;margin-top:8px;font:12px/1.8 system-ui}
.empty::before{content:'';display:block;width:22px;height:1px;background:var(--copper);margin:0 auto var(--space-3)}
.footer{display:flex;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--line);margin-top:var(--space-8);padding-top:var(--space-4);font-size:.6875rem;font-weight:600;letter-spacing:.075em;color:var(--muted)}
dialog{border:1px solid var(--line);border-top:2px solid var(--copper);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);padding:clamp(16px,4vw,28px);width:min(560px,92vw);max-height:90dvh;overflow:auto;box-shadow:var(--shadow-dialog);overflow-wrap:anywhere}
dialog::backdrop{background:#12263980}
dialog h2{font-size:clamp(1.5rem,4vw,1.85rem);margin-bottom:var(--space-4)}
dialog textarea{min-height:85px}
#toast{position:fixed;right:16px;bottom:16px;z-index:9;pointer-events:none;max-width:min(450px,90vw);background:var(--navy-deep);color:var(--on-navy);border-left:3px solid var(--copper-light);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-control);box-shadow:var(--shadow-dialog)}
.danger{color:var(--error);border-color:#c69790}
summary{cursor:pointer;font-size:var(--text-control);font-weight:650;color:var(--ink);padding:var(--space-2) 0}
details[open]>summary{margin-bottom:12px}
hr{border:0;border-top:1px solid var(--line)}
/* The lab has three work areas rather than eight matching pills. */
.lab-tabs{align-items:stretch;justify-content:space-between;gap:15px;margin-bottom:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0 11px}.tab-family{display:flex;flex-direction:column;gap:7px}.tab-family-label{font:600 8px system-ui;letter-spacing:1.8px;color:#737b80;text-transform:uppercase}.tab-family>div{display:flex;gap:3px;flex-wrap:wrap}.lab-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#5b6871;padding:7px 9px;font-size:11px;font-weight:500;white-space:nowrap}.lab-tabs button:first-child{padding-left:0}.lab-tabs button:hover{background:#ece4d8;color:var(--ink)}.lab-tabs .primary{color:var(--ink);border-bottom-color:var(--copper);background:transparent;font-weight:750}.lab-tabs .primary:hover{background:#ece4d8;border-bottom-color:var(--copper)}.generator-layout{grid-template-columns:1.1fr .9fr;align-items:start}.generator-panel{border-top:3px solid var(--copper);padding:27px 28px}.panel-kicker{font:650 9px system-ui;letter-spacing:1.8px;text-transform:uppercase;color:var(--copper);margin-bottom:10px}.generator-panel .actions .primary{width:100%;padding:14px;font-size:13px}.generator-panel .actions{margin-top:23px}.generator-panel h2{font-size:30px}.generator-panel #hybridFields{padding-top:18px;border-top:1px solid var(--line)}.generator-panel .hint{font-size:11px}.system-panel{background:var(--navy);color:#fff6e8;border:0;padding:28px;border-radius:4px}.system-panel h2{font-size:29px;color:#fff6e8}.system-panel .panel-kicker{color:#d9ab87}.system-panel>p{color:#b9c8d3;font-size:12px}.sound-palette{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin:27px 0}.sound-family{min-width:0}.sound-family h3{color:#f9f0e3;font:500 10px system-ui;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:7px}.sound-family h3::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--onset)}.sound-family.family-V h3::before{background:#eab684}.sound-family.family-K h3::before{background:#bfa3cc}.sound-family.family-T h3::before{background:#9dc8b7}.palette-tokens{display:flex;flex-wrap:wrap;gap:5px}.palette-token{font:16px/1.4 var(--ipa);padding:4px 7px;border:1px solid #69829955;color:#e4eff7;background:#ffffff08;border-radius:3px}.family-V .palette-token{color:#f1cda8}.family-K .palette-token{color:#e0cdeb}.family-T .palette-token{color:#b7e0cf}.palette-more{font:10px/2 system-ui;color:#b1c2ce;padding:3px}.position-map{border-top:1px solid #526377;padding-top:19px}.position-map h3{font:500 10px system-ui;color:#b9c9d6;letter-spacing:1px;text-transform:uppercase;margin-bottom:13px}.position-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:10px 0;font-size:10px;color:#c4d2dd}.position-row span:last-child{font:13px ui-monospace,monospace;letter-spacing:1px;color:#f1d3b7}.system-panel details{border-top:1px solid #526377;padding-top:14px;margin-top:21px}.system-panel summary{color:#dfb28d;font-size:10px}.system-panel details p{color:#c3cfd9;font-size:11px}.role-legend{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:16px}.role-legend span{font:500 10px system-ui;color:#5b6871;display:flex;align-items:center;gap:6px}.role-legend i{width:7px;height:7px;border-radius:2px;background:var(--onset-ink)}.role-legend .legend-V i{background:var(--nucleus-ink)}.role-legend .legend-K i{background:var(--coda-ink)}.role-legend .legend-T i{background:var(--tone-ink)}
/* Generated language is the focus; its construction stays legible. */
#labOutput>.results-panel{background:transparent;border:0;padding:28px 0 0;border-top:2px solid var(--ink);border-radius:0}.results-panel>.card-head h2{font-size:34px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:25px}.morph-result{position:relative;border:1px solid #d3cabc;border-top:2px solid #263c50;background:var(--surface);border-radius:3px;padding:24px;min-width:0;overflow-wrap:anywhere}.badge-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.badge-row .label{font-size:9px;color:#6a757e;letter-spacing:1.5px}.badge-row .pill{background:#ece7de;font:9px system-ui;letter-spacing:.2px}.morph-result h3{font:normal clamp(31px,3.1vw,47px)/1.15 var(--serif);letter-spacing:-1.3px;color:var(--ink);margin:20px 0 7px}.phonetic{font:18px/1.6 var(--ipa);color:#546b7b;margin:6px 0;letter-spacing:.1px}.morph-result>.phonetic{margin-bottom:20px}.morph-result .row.spaced{border-top:1px solid #e3dbd0;padding-top:17px;gap:6px;margin-top:22px}.morph-result .row.spaced button{padding:7px 9px;font-size:10px;background:transparent;border-color:#d8d1c6;font-weight:500}.morph-result .row.spaced button:hover{background:#eae3d6}.morph-result .row.spaced button[aria-pressed=true]{background:var(--navy);color:#fff7ea;border-color:var(--navy)}.review-kept{border-color:#638b7e;border-top-color:#376456;background:#f5f7ef}.review-rejected{background:#e9e5de}.review-rejected h3{color:#757d81;text-decoration:line-through;text-decoration-thickness:1px}.morph-result details{margin-top:13px;border-top:1px dashed #d9d1c4;padding-top:8px}.morph-result summary{font-size:10px;font-weight:500;color:#6b7378}.construction-strip{display:flex;flex-wrap:wrap;gap:14px 10px;align-items:start}.syllable-block{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%}.syllable-label{font:500 9px/1.6 system-ui;letter-spacing:.7px;color:#626b73}.syllable-parts{display:flex;flex-wrap:wrap;gap:3px;align-items:stretch}.sound-piece{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:35px;max-width:100%;padding:8px 8px 7px;border-radius:2px;background:var(--onset);color:var(--onset-ink)}.sound-piece small{font:650 8px system-ui;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.sound-piece strong{font:21px/1.5 var(--ipa);font-weight:400}.sound-piece.role-V{background:var(--nucleus);color:var(--nucleus-ink)}.sound-piece.role-K{background:var(--coda);color:var(--coda-ink)}.sound-piece.role-T{background:var(--tone);color:var(--tone-ink)}.microstats{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.microstats span{background:#ebe5da;color:#405566;font-size:11px;padding:8px 12px;border-left:2px solid #bb8b65}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.analysis-grid table{font-size:12px}.analysis-grid h3{font-size:21px;margin-bottom:12px}.analysis-grid td:first-child{font:14px system-ui}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison .card{padding:22px;min-width:0}.comparison .analysis-grid{grid-template-columns:1fr}.comparison h3{overflow-wrap:anywhere}.sequence-chip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;background:#e9e3d8;border-left:2px solid var(--copper);margin-top:10px}.sequence-chip strong{font:24px var(--serif)}.sequence-chip button{font-size:11px;padding:5px 8px}.word-output{font:43px/1.2 var(--serif);margin:16px 0;overflow-wrap:anywhere}.form-stack{display:grid;gap:17px}.text-list{line-height:2.1}.diagnostic{background:#f2e5d6;border-left:3px solid var(--copper);padding:15px 18px;margin:14px 0}.diagnostic button{font-size:11px;margin-top:11px}.diagnostic strong{font-size:12px}.generator-panel #allowRepeats{width:auto}.lab-context{font:10px system-ui;letter-spacing:1px;color:#6a767d}.lab-context strong{font-weight:650;color:var(--copper)}
@media(min-width:1650px){main{padding-left:60px;padding-right:60px}}@media(max-width:1120px){.layout{grid-template-columns:210px minmax(0,1fr)}aside{padding:29px 16px}.brand{font-size:21px}.seal{width:27px;margin-right:5px}.brand small{font-size:8px}main{padding:26px 28px}.grid,.generator-layout{grid-template-columns:1fr}.system-panel .sound-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.position-map{display:none}.lab-tabs{justify-content:flex-start;gap:20px}.morph-result h3{font-size:38px}.stat{padding-left:13px;padding-right:13px}.stat .label{font-size:8px}.comparison{grid-template-columns:1fr 1fr}.card-head{flex-wrap:wrap}}@media(max-width:820px){.layout{display:block}aside{position:static;height:auto;padding:18px 22px;display:grid;grid-template-columns:1fr 1fr;gap:19px 24px;overflow:visible}.brand{align-self:center;font-size:24px}.brand small{font-size:8px;margin-top:8px}.language-switcher{padding:0;border:0}.language-switcher label{font-size:8px;margin-bottom:5px}aside #newLanguage{padding:4px 8px;margin-top:5px!important;font-size:10px!important}aside select{padding:7px 9px;font-size:12px}#workspaceNav{grid-column:1/-1;display:flex;overflow:auto;gap:4px;border-top:1px solid #3a4c5c;padding-top:10px;scrollbar-width:thin}#workspaceNav::before{display:none}#workspaceNav button{flex-shrink:0;border-left:0;border-bottom:2px solid transparent;padding:8px 10px;font-size:11px;gap:7px}#workspaceNav button.active{border-left:0;border-bottom-color:#d79d6e}#workspaceNav b{font-size:9px;min-width:15px}.side-bottom{display:none}main{padding:23px 26px 35px}.top{margin-bottom:28px}.hero h1{font-size:45px}.hero{align-items:flex-start}.stat strong{font-size:32px}.stat{padding-top:17px}.stats{margin-bottom:24px}.generator-layout{grid-template-columns:1fr}.system-panel .sound-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.morph-result h3{font-size:37px}.card{padding:23px}.footer{font-size:7px}.status{font-size:9px}.lab-tabs{gap:15px}.tab-family-label{font-size:7px}.lab-tabs button{font-size:10px}.hero p{font-size:12px}}@media(max-width:570px){aside{padding:16px;gap:16px}.brand{font-size:21px}.seal{width:26px;height:31px;font-size:23px}.brand small{letter-spacing:1.7px}.top{gap:8px;align-items:flex-start;padding-bottom:16px}.crumb{font-size:9px}.crumb strong{font-size:8px}.status{max-width:100px;white-space:normal;font-size:8px;line-height:1.5}.dot{flex-shrink:0}main{padding:23px 16px 30px}.hero{display:block;margin-bottom:25px}.hero h1{font-size:41px;margin-top:10px}.hero>button{margin-top:18px}.eyebrow{font-size:8px;letter-spacing:1.8px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(2){border-right:0}.stat:nth-child(3),.stat:nth-child(4){border-top:1px solid var(--line)}.stat:nth-child(3){padding-left:0}.stat{padding:17px 16px}.stat strong{font-size:32px}.stat .label{font-size:9px}.grid{gap:19px}.fields{grid-template-columns:1fr}.card,.generator-panel,.system-panel{padding:22px 20px}.card-head h2{font-size:26px}.card-head{gap:12px}.lab-tabs{display:grid;grid-template-columns:1fr;gap:12px;padding:12px 0}.tab-family{flex-direction:row;align-items:baseline;gap:10px}.tab-family-label{min-width:45px;font-size:7px}.tab-family>div{gap:2px}.lab-tabs button{font-size:10px;padding:5px 7px}.system-panel .sound-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid,.analysis-grid,.comparison{grid-template-columns:1fr}.morph-result{padding:24px 21px}.morph-result h3{font-size:43px}.morph-result .row.spaced button{padding:9px 11px}.result-grid{gap:18px}.sound-piece{min-width:38px;padding:9px}.sound-piece small{font-size:8px}.sound-piece strong{font-size:23px}.toolbar{gap:12px}.toolbar>div{width:100%}.toolbar>div select{width:100%}.toolbar input{min-width:120px}.footer{font-size:7px;letter-spacing:1px;flex-wrap:wrap}.words{grid-template-columns:1fr 1fr}.hint{font-size:11px}.note{padding:17px}.results-panel>.card-head h2{font-size:31px}.role-legend{gap:10px 13px}.word-output{font-size:38px}.system-panel details p{font-size:11px}.weights td,.weights th{padding:10px 7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.palette-edit{display:block;width:100%;margin-top:22px;background:transparent;color:#f1d0b4;border-color:#788b9a}.palette-edit:hover{background:#2a4157;color:white;border-color:#b8c8d3}.phoneme-editor{min-height:320px;font-family:var(--ipa);font-size:17px}.shared-pattern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pattern-choice{padding:18px;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;gap:20px;border-radius:3px}.pattern-choice input{width:auto;accent-color:var(--copper)}.pattern-choice>span:first-child{font:22px var(--serif)}.migration-review summary{font-size:15px}.migration-review li{font-size:12px;color:var(--muted);margin-top:9px}.migration-values{display:grid;grid-template-columns:1fr 2fr;gap:10px 18px;font-size:12px}.migration-values dt{font-weight:650}.migration-values dd{margin:0;overflow-wrap:anywhere}.weights input:disabled{opacity:.45;cursor:not-allowed}.migration-review .row{flex-wrap:wrap}@media(max-width:850px){.shared-pattern-grid{grid-template-columns:1fr 1fr}}@media(max-width:570px){.shared-pattern-grid{grid-template-columns:1fr}.migration-values{grid-template-columns:1fr;gap:5px}.migration-values dd{margin-bottom:12px}}
.bulk-results{padding:18px;border:1px solid var(--line,#d8d2c5);border-radius:6px;background:rgba(151,83,48,.035)}
.bulk-results .row{flex-wrap:wrap;gap:8px}
.list-check{width:18px!important;height:18px;min-width:18px;accent-color:#975330;vertical-align:middle}
.removal-toolbar{flex-wrap:wrap;gap:8px;margin:16px 0 8px}
.removal-toolbar [data-list-count]{min-width:75px}
#listRemovalDialog{max-width:620px;width:calc(100% - 36px)}
#listRemovalDialog details{max-height:220px;overflow:auto}
.suggestion-toolbar{display:flex;gap:12px;align-items:center;margin:14px 0 18px}
.suggestion-toolbar .hint{margin:0;flex:1}
.suggestion-button{white-space:nowrap;padding:7px 10px;font-size:11px}
.suggestion-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 7px;flex-wrap:wrap}
.suggestion-label label{margin:0}
#wordSuggestionStatus:empty,#bankSuggestionStatus:empty{display:none}
@media(max-width:600px){.suggestion-toolbar{align-items:flex-start;flex-direction:column}}
.word-status{border:1px solid #d8d2c5;border-radius:6px;padding:14px 16px}
.word-status legend{font-weight:650;font-size:13px;padding:0 6px}
.word-status label.row{display:flex;align-items:center;gap:9px;font-size:13px}
.word-status [hidden]{display:none!important}
#wordLinkStatus:empty{display:none}
.bank-lexicon-toolbar{flex-wrap:wrap;gap:8px;margin-top:20px}

/* Shared table views: filters and sort order never change stored records. */
.table-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0 8px}.table-controls input{flex:1;min-width:160px;max-width:360px}.table-controls .hint{margin-right:auto}.table-controls button{font-size:12px}.table-sort{border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:4px 0;white-space:normal}.table-sort:hover{color:var(--accent,#785436);background:transparent}.table-sort:focus-visible{outline:2px solid currentColor;outline-offset:3px}.table-filters th{padding:5px 8px 10px;vertical-align:top}.table-filters input{box-sizing:border-box;width:100%;min-width:90px;font:12px system-ui;padding:7px;background:var(--paper,#fffdf8)}table tbody tr[hidden]{display:none!important}.analysis-grid>div{min-width:0;overflow:auto}.analysis-grid .table-controls input{min-width:100px;width:100%}.table-wrap>.table-controls{position:sticky;left:0}.table-filters th:first-child:empty{min-width:0}

.semantic-editor{border-top:1px solid #d8d1c5;padding-top:20px;margin-top:12px}.sense-block{border:1px solid #d8d1c5;border-radius:8px;padding:18px;min-width:0}.sense-block legend{font:600 14px system-ui;padding:0 7px}.sense-block textarea{min-height:80px}.sense-example{border-left:3px solid #b08c68;margin:16px 0;padding:12px}.sense-example textarea{min-height:65px}.sense-summary{max-width:520px;min-width:150px}.sense-summary summary{font-size:12px;cursor:pointer}.sense-display{margin:12px 0;padding:10px 0;border-top:1px solid #ded8ce;white-space:normal}.sense-display p{margin:7px 0;white-space:pre-wrap}.sense-display blockquote{border-left:2px solid #b08c68;margin:12px 0;padding-left:12px}.semantic-editor h3{margin-bottom:8px}#wordDialog,#studioDialog,#conceptDialog{max-height:90vh;overflow:auto}#conceptDialog{width:min(740px,95vw)}#wordSenseEditor select,#bankSenseEditor select{width:100%}table[aria-label="Vocabulary concepts"]{min-width:1100px}table[aria-label="Vocabulary concepts"] td:nth-child(5){min-width:260px;max-width:360px}table[aria-label="Vocabulary concepts"] td:last-child{min-width:130px}

.generated-view-controls{align-items:end}.generated-view-controls input,.generated-view-controls select{width:100%}.generated-compact-list{display:grid;gap:10px}.generated-list-row{padding:16px;border:1px solid #d8d1c5;border-radius:8px;background:#fffdf8}.generated-list-row>label strong{font:24px Georgia,serif}.generated-list-row>.phonetic{font-size:17px;margin:4px 0}.generated-list-row details{margin-top:10px}.result-actions{gap:6px;flex-wrap:wrap}.result-actions button{font-size:12px}.excluded-badge{background:#e8e1f0;color:#5b426e;font-size:11px;white-space:normal}#generatedResults tr td{vertical-align:top}#generatedResults table[aria-label="Generated morphemes"]{min-width:720px}#generatedResults table[aria-label="Generated morphemes"]>tbody>tr>td:last-child{min-width:205px;max-width:400px}#generatedResults .construction-strip{margin-top:10px}#generatedResults .review-rejected{opacity:.8}#generatedResults .list-check{width:18px;height:18px;flex-shrink:0}.bulk-results label.row{white-space:nowrap}.bulk-results button{font-size:12px}

.match-review-notice{position:static;margin:16px 0}.match-review-notice p{margin:8px 0}.match-actions{display:flex;flex-direction:column;gap:8px;min-width:155px}.match-existing{border-top:1px solid #ded8ce;margin-top:12px;padding-top:10px}.match-existing>strong{display:block;margin-bottom:6px}.match-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}table[aria-label="Pending addition matches"]{min-width:1100px}table[aria-label="Pending addition matches"] td{vertical-align:top}table[aria-label="Pending addition matches"] td:nth-child(3),table[aria-label="Pending addition matches"] td:nth-child(4){min-width:240px;max-width:360px}table[aria-label="Pending addition matches"] select{width:100%;max-width:300px}#matchProposalDialog{width:min(760px,95vw);max-height:90vh;overflow:auto}table[aria-label="Addition match history"]{min-width:850px}

/* Keep the form and decision buttons together at the normal desktop width. */
table[aria-label="Pending addition matches"]{min-width:950px;table-layout:fixed}table[aria-label="Pending addition matches"] th:nth-child(1){width:12%}table[aria-label="Pending addition matches"] th:nth-child(2){width:10%}table[aria-label="Pending addition matches"] th:nth-child(3){width:26%}table[aria-label="Pending addition matches"] th:nth-child(4){width:32%}table[aria-label="Pending addition matches"] th:nth-child(5){width:20%}table[aria-label="Pending addition matches"] td{overflow-wrap:anywhere}table[aria-label="Pending addition matches"] td:nth-child(3),table[aria-label="Pending addition matches"] td:nth-child(4){min-width:0;max-width:none}table[aria-label="Pending addition matches"] .table-filters input{min-width:0}table[aria-label="Pending addition matches"] select{min-width:0;max-width:100%}

/* Semantics */
.concept-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.concept-stats>div{display:grid;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:12px 16px}
.concept-stats strong{font-family:var(--serif);font-size:28px;line-height:1.15}
.concept-stats span,.concept-facts dt{font-size:12px;color:var(--muted);font-weight:650}
.concept-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:12px 20px}
.concept-facts dd{margin:4px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
.concept-facts .full{grid-column:1/-1}

.skip-link{position:fixed;top:10px;left:10px;z-index:20;padding:8px 16px;background:var(--surface);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.ordered-row{margin:12px 0 0;padding:12px;min-width:0;border:1px solid var(--line);border-radius:4px}
.ordered-row .row{flex-wrap:wrap}
.ordered-row legend{padding:0 5px;font-weight:650}
.editor-affix-slot{margin:6px 0}
.editor-affix-slot select{min-width:0;flex:1}
#generatedResults .morph-result details table{min-width:0;width:100%;table-layout:fixed}
#generatedResults .morph-result details th,#generatedResults .morph-result details td{overflow-wrap:anywhere}
#generatedResults .morph-result details .table-filters input{min-width:0}

.composition-slot{margin:6px 0}.composition-slot select{flex:1;min-width:0}
.composition-dependency+.composition-dependency{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}
.composition-analysis .row,.composition-dependency .row{align-items:center}

#workspaceBackupDialog{width:min(640px,95vw);max-height:90vh;overflow:auto}
.backup-language-list{max-height:180px;overflow:auto}
[data-editor-error]{margin-top:12px}

/* Compact reading surfaces for the dashboard and data tables. */
.overview-description,.lexeme-notes{white-space:pre-wrap;overflow-wrap:anywhere}
.overview-actions{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 20px}
.overview-top,.overview-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.overview-work{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);margin-top:16px;align-items:start}
.overview-top .card,.overview-work .card{padding:20px}
.overview-top .card-head,.overview-work .card-head{gap:8px;align-items:flex-start;flex-wrap:wrap}
.overview-top h2,.overview-work h2{font-size:23px;margin:0}
.overview-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 0}
.overview-metrics div{border-top:1px solid var(--line);padding-top:8px}
.overview-metrics dt,.overview-sound-list dt{color:var(--muted);font-size:12px;font-weight:600}
.overview-metrics dd,.overview-sound-list dd{margin:2px 0 0;overflow-wrap:anywhere}
.overview-metrics dd{font-family:var(--serif);font-size:21px}
.overview-culture,.overview-coverage-number{margin:8px 0 0}
.overview-coverage-number strong{font-family:var(--serif);font-size:24px}
.overview-progress progress{display:block;width:100%;height:10px;margin:7px 0;accent-color:var(--copper)}
.overview-coverage-counts{display:flex;gap:12px;color:var(--muted);font-size:12px;margin:6px 0 0}
.overview-sound-list{display:grid;gap:10px;margin:12px 0}
.recent-word-list{list-style:none;margin:10px 0 0;padding:0}
.recent-word-list li{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(100px,1fr) auto;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--line)}
.recent-word-main,.recent-word-gloss,.lexicon-word,.lexicon-meaning{overflow-wrap:anywhere}
.recent-word-main .lexeme-ipa{display:block}
.lexeme-ipa{font-family:var(--ipa);color:var(--muted);font-size:1.08em}
.lexeme-actions{display:flex;gap:4px;flex-wrap:wrap}
.lexeme-actions button{min-height:32px;padding:4px 7px;font-size:12px}
.lexicon-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(148px,auto) auto;align-items:start;gap:10px}
.lexicon-toolbar input,.lexicon-toolbar select{width:100%}
.lexicon-toolbar>button{margin-top:23px}
.lexicon-status,.lexicon-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:8px 0}
.lexicon-status p{margin:0}
.lexicon-pagination{justify-content:center;margin-top:14px}
.lexicon-table .lexicon-check{width:35px}
.lexicon-table td{vertical-align:top}
.lexicon-table .lexicon-word{min-width:116px}
.lexicon-word .lexeme-ipa{display:block}
.lexicon-meta{display:flex;flex-wrap:wrap;gap:8px}
.lexicon-pos .pill,.recent-word-gloss .pill{white-space:normal;overflow-wrap:anywhere}
.table-filter-panel{margin:8px 0;border:1px solid var(--line);border-radius:4px;padding:7px 10px}
.table-filter-panel summary{font-size:13px;font-weight:600}
.table-filter-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:8px;margin-top:10px}
.table-filter-fields input{width:100%;min-width:0}
#lexemeDetails{width:min(700px,95vw);max-height:90dvh;overflow:auto;overflow-wrap:anywhere}
#lexemeDetails .sense-display h4{margin:0 0 5px;font-size:16px}
#lexemeDetails .sense-display blockquote{margin-left:0}
#lexemeDetailsTitle{margin:0}
@media(max-width:980px){
 .overview-work{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
 .recent-word-list li{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .recent-word-list .lexeme-actions{grid-column:1/-1}
}
@media(max-width:700px){
 .overview-top,.overview-work{grid-template-columns:minmax(0,1fr)}
 .overview-actions{margin-top:0}
 .overview-top .card,.overview-work .card{padding:14px}
 .recent-word-list li{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .lexicon-toolbar{grid-template-columns:minmax(0,1fr) auto}
 .lexicon-toolbar>button{margin-top:23px}
 .lexicon-search{grid-column:1/-1}
 .lexicon-table,.lexicon-table thead,.lexicon-table tbody{display:block;width:100%;min-width:0}
 .lexicon-table thead tr{display:block;border-bottom:1px solid var(--line)}
 .lexicon-table thead th{display:none}
 .lexicon-table thead th.lexicon-check{display:block;width:auto}
 .lexicon-table thead th.lexicon-check::after{content:'Select page';margin-left:8px}
 .lexicon-table tbody tr{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,.85fr);column-gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
 .lexicon-table td{padding:3px 0;border:0;min-width:0}
 .lexicon-table .lexicon-word{min-width:0;grid-area:1/2}
 .lexicon-table .lexicon-pos{grid-area:1/3;justify-self:end;text-align:right}
 .lexicon-table .lexicon-meaning{grid-area:2/2/3/4}
 .lexicon-table .lexicon-actions{grid-area:3/2/4/4}
 .lexeme-actions button{min-height:38px}
}

.lexicon-panel [hidden]{display:none!important}
.lexeme-gloss{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.lexicon-word,.recent-word-main{overflow-wrap:anywhere}

.layout > aside{gap:22px}
#workspaceNav{display:grid;gap:9px;align-content:start}
#workspaceNav::before{display:none}
#workspaceNav button{width:100%;min-height:36px;padding:7px 10px}
.workspace-group{display:grid;gap:2px}
.workspace-group-label{margin:4px 0 3px 12px;color:#a4b5c4;text-transform:uppercase;font-size:9px;font-weight:650;letter-spacing:1.4px}
button.workspace-menu{display:none}
.text-action{padding:1px 0;border:0;border-radius:0;background:transparent;color:var(--copper);font:inherit;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.text-action:hover{background:transparent;color:#763b24}
.starter-guide{margin:0 0 16px;padding:3px 14px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}
.starter-guide[open]>summary{margin-bottom:3px}
.starter-guide ul{margin:7px 0 12px;padding-left:19px;font-size:12px}
.starter-guide li+li{margin-top:4px}
.grammar-linked{margin:0 0 23px;padding:0 0 17px;border-bottom:1px solid var(--line)}
.grammar-example-hint{margin:-8px 0 18px}
@media(max-width:820px){
 .layout > aside{gap:12px 18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 button.workspace-menu{grid-column:1/-1;display:flex;align-items:center;gap:9px;min-height:44px;padding:7px 12px;color:#fff7e9;background:#21374b;border-color:#506171;text-align:left}
 .workspace-menu::after{content:'▾';margin-left:auto;color:#e4b58e}
 .workspace-menu[aria-expanded="true"]::after{content:'▴'}
 #workspaceMenuCurrent{color:#dfbd9f;font-weight:500}
 #workspaceNav{display:none;border-top:0;padding:0;overflow:visible}
 .workspace-menu[aria-expanded="true"] + #workspaceNav{display:grid}
 #workspaceNav button{min-height:42px;padding:7px 12px;border-left:2px solid transparent;border-bottom:0;font-size:12px}
 #workspaceNav button.active{border-left-color:#d79d6e}
}

/* Shared components and interaction states. */
.layout > aside{padding-top:var(--space-6);gap:var(--space-5)}
.layout > aside :focus-visible,.system-panel :focus-visible{outline-color:var(--copper-light)}
.brand{color:var(--on-navy)}
.brand small{font-size:.625rem;letter-spacing:.09em;margin-top:var(--space-2)}
.language-switcher,.side-bottom{padding-top:var(--space-4)}
#workspaceNav{gap:var(--space-2)}
#workspaceNav button{min-height:36px;padding:6px var(--space-3);font-size:var(--text-control)}
.workspace-group-label{font-size:.625rem;letter-spacing:.09em}
.side-bottom .side-motto{margin:var(--space-2) 0 var(--space-3)}
.workspace-menu:hover{color:var(--on-navy);background:var(--navy-hover)}
.workspace-menu[aria-expanded="true"]{border-color:var(--copper-light)}
.ghost:not(.primary):not(:disabled){background:transparent}
.ghost:not(.primary):not(:disabled):hover{background:var(--surface-hover)}
aside .ghost:not(.primary):not(:disabled):hover{background:var(--navy-hover)}
button:disabled{pointer-events:none}
button.danger:hover,[data-remove-list]:hover{background:var(--error-bg);border-color:#c69790;color:var(--error)}
button.danger:active,[data-remove-list]:active{background:var(--error-bg)}
input:not([type=checkbox]):not([type=radio]),select{min-height:39px}
input:disabled,select:disabled,textarea:disabled{background:var(--surface-raised);color:var(--muted);cursor:not-allowed}
[aria-invalid="true"]{border-color:var(--error)}
[aria-invalid="true"]:focus-visible{outline-color:var(--error)}
[data-editor-error],.diagnostic[role="alert"]{background:var(--error-bg);border-left-color:var(--error);color:var(--error)}
.diagnostic{background:var(--warning-bg);border-left-color:var(--warning);border-radius:0 var(--radius-sm) var(--radius-sm) 0}
#storageNotice p{color:var(--warning)}
.status-saved,.status-warning,.status-pending{padding:2px var(--space-2);border-radius:var(--radius-sm);font-weight:600}
.status-saved{color:var(--success);background:var(--success-bg)}
.status-warning{color:var(--warning);background:var(--warning-bg)}
.status-pending,.is-pending{color:var(--navy);background:var(--surface-raised)}
.is-pending{padding:2px var(--space-2);border-radius:var(--radius-sm)}
.lab-tabs{display:flex;flex-wrap:wrap;align-items:start;justify-content:flex-start;gap:var(--space-2) var(--space-5);padding:var(--space-2) 0;margin-bottom:var(--space-4)}
.tab-family-label,.panel-kicker{font:650 .6875rem/1.4 var(--sans);letter-spacing:.08em}
.lab-tabs button,.lab-tabs button:first-child{padding:6px var(--space-2);min-height:36px;font-size:var(--text-control);white-space:normal}
.lab-tabs button.primary{color:var(--ink);background:transparent;border-color:transparent transparent var(--copper);font-weight:700}
.lab-tabs button.primary:hover,.lab-tabs button:not(:disabled):hover{background:var(--surface-hover);border-bottom-color:var(--copper)}
#grammarTabs{margin-bottom:var(--space-4);border-top:0;padding-top:0}
.hero .ghost{border-color:var(--control-line)}
.card .card-head h2{font-size:var(--text-section)}
.generator-panel h2,.system-panel h2,.results-panel>.card-head h2{font-size:1.625rem}
.generator-panel,.system-panel,.morph-result{border-radius:var(--radius)}
.generator-panel{border-top:2px solid var(--copper);padding:var(--space-6)}
.system-panel,.morph-result{padding:var(--space-6)}
.morph-result h3{margin:var(--space-3) 0 var(--space-2)}
.badge-row .pill,.morph-result summary,.syllable-label{font-size:var(--text-meta)}
.sound-piece small{font-size:.625rem}
.review-kept{border-top-color:var(--success);background:var(--success-bg)}
#generatedResults .review-rejected{opacity:1}
.review-rejected h3{color:var(--muted)}
#labOutput>.results-panel{padding-top:var(--space-4);border-top:1px solid var(--line)}
.list-check{accent-color:var(--navy)}
.overview-top .card-head,.overview-work .card-head{margin-bottom:var(--space-3);align-items:center}
.overview-progress progress{height:8px;accent-color:var(--success)}
.overview-metrics dd,.overview-coverage-number,.concept-stats{font-variant-numeric:tabular-nums}
.overview-actions{margin:-4px 0 var(--space-3)}
.starter-guide{margin-bottom:var(--space-4)}
.starter-guide summary,.table-filter-panel summary{color:var(--ink)}
.table-filter-panel{padding:0 var(--space-3);border-radius:var(--radius-sm)}
.table-filter-panel[open]{padding-bottom:var(--space-3)}
.table-filter-panel summary::marker,.starter-guide summary::marker{color:var(--copper)}
.table-filter-panel summary:hover,.starter-guide summary:hover{color:var(--copper)}
.table-sort{min-height:28px;padding:3px 0}
.table-sort:focus-visible{outline-color:var(--focus)}
.table-wrap:has(.table-sort:focus-visible){scroll-padding:var(--space-2)}
tbody tr:focus-within{background:#f4efe6}
.lexicon-toolbar>button{margin-top:23px}
.lexicon-table .lexicon-word,.recent-word-main{font-size:var(--text-body)}
.lexicon-table .lexicon-check input{margin:0}
.lexeme-actions{gap:var(--space-1)}
.lexeme-actions button{padding:5px var(--space-2);font-size:var(--text-meta)}
.lexeme-actions [data-edit],.lexeme-actions [data-remove-list]{background:transparent;border-color:transparent}
.lexeme-actions [data-edit]:hover{background:var(--surface-hover);border-color:var(--line)}
.lexeme-actions [data-remove-list]{color:var(--error)}
.lexeme-actions [data-remove-list]:hover{background:var(--error-bg);border-color:#c69790}
#ipa,#sharedInventoryText,.lexeme-ipa,.phonetic{font-family:var(--ipa);letter-spacing:0}
.lexeme-ipa,.phonetic{line-height:1.6;white-space:pre-wrap}
#lexemeDetails .lexeme-ipa{font-size:1rem}
.empty>strong{display:block;color:var(--ink);font:1.35rem/1.3 var(--serif)}
.empty p{margin:var(--space-2) 0 var(--space-3)}

@media(max-width:820px){
 .layout > aside{padding-top:var(--space-3);gap:var(--space-2) var(--space-4)}
 .layout > aside select{min-height:36px}
 #workspaceNav button{min-height:42px}
 .crumb,.status{font-size:.6875rem}
 .top{margin-bottom:var(--space-4)}
 .hero h1{font-size:clamp(2rem,6vw,2.65rem)}
 .hero p{font-size:var(--text-body)}
}
@media(max-width:570px){
 main{padding-top:var(--space-3)}
 .brand{font-size:1.2rem;white-space:normal}
 .brand small{font-size:.5625rem;letter-spacing:.07em}
 .hero{margin-bottom:var(--space-4)}
 .hero>button{margin-top:var(--space-3)}
 .eyebrow{font-size:.625rem;letter-spacing:.08em}
 .status{max-width:135px}
 .card,.generator-panel,.system-panel,.morph-result{padding:var(--space-4)}
 .lab-tabs{gap:var(--space-1) var(--space-3)}
 .lab-tabs:has(.tab-family){display:grid}
 .lab-tabs .tab-family{gap:var(--space-2)}
 .lab-tabs button,.lab-tabs button:first-child{min-height:38px;padding:6px var(--space-2);font-size:var(--text-meta)}
 .tab-family-label{font-size:.625rem}
 .lexeme-actions button{min-height:40px}
 .footer{font-size:.625rem}
}

#workspaceNav button{transition:none}
.text-action{min-height:24px}
.fields label > select{display:block;width:100%;margin-top:var(--space-1)}
#view :is(select,input:not([type=checkbox]):not([type=radio]),p) + label:not(.row){margin-top:var(--space-2)}
table[aria-label="Concept catalog"] td:last-child button{white-space:nowrap}

/* Reflow and keyboard access for shared controls. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.table-scroll-hint{margin:var(--space-2) 0 var(--space-1)}
.table-wrap[tabindex]:focus-visible,[data-editor-error]:focus-visible,#entryCount:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.table-wrap{scroll-padding-inline:var(--space-2)}
fieldset{min-inline-size:0}
.phonetic,.inventory-line,.word-output,.word strong,.morph-result h3,.sound-piece strong,.pill{overflow-wrap:anywhere}
.pill{white-space:normal;max-width:100%}
.tab-family-label{color:var(--muted)}
#newLanguage{width:100%;margin-top:var(--space-2);font-size:var(--text-meta)}
@media(max-width:820px){
 #workspaceNav{max-height:min(55dvh,26rem);overflow:auto;scroll-padding:var(--space-2);padding:var(--space-1)}
 #workspaceNav button{min-height:44px}
 #language,#newLanguage{min-height:44px}
 aside #newLanguage{font-size:var(--text-meta)!important}
}
@media(max-width:570px){
 input:not([type=checkbox]):not([type=radio]),.layout select,dialog select,textarea{font-size:1rem}
 .fields{grid-template-columns:minmax(0,1fr)}
 .lexicon-toolbar>button{margin-top:0}
 .lexicon-toolbar{align-items:end}
 .table-controls input{min-width:min(120px,100%)}
}

/* Shared word and morpheme editor layout. */
dialog.lexical-dialog{width:min(680px,calc(100vw - 20px));padding:0;border-top:3px solid #42634f;overflow:hidden}
.lexical-dialog form{display:flex;flex-direction:column;max-height:calc(90dvh - 5px);min-height:0}
.lexical-header,.lexical-body,.lexical-footer{padding:clamp(12px,3vw,22px)}
.lexical-header{flex:none;border-bottom:1px solid var(--line);background:var(--success-bg)}
.lexical-header h2{margin:0}
.lexical-header .hint:empty,.lexical-body [role=status]:empty{display:none}
.lexical-body{min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:12px}
.lexical-section{margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius)}
.lexical-section summary{cursor:pointer;font-weight:650;padding-block:6px}
.lexical-footer{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 12px;border-top:1px solid var(--line);background:var(--surface)}
.lexical-footer .actions{margin:0}
.lexical-footer [data-editor-error]{flex-basis:100%;margin:0}
.lexical-destination{display:grid;margin-right:auto}
@media (max-width:600px){
 .lexical-body .fields{grid-template-columns:minmax(0,1fr)}
 .lexical-footer button,.lexical-body button,.lexical-section summary{min-height:32px}
}
.draft-candidate{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:6px 0;border-bottom:1px solid var(--line)}
[data-form-suggestions] [data-draft-feedback]{margin-block:4px}
.searchable-picker{min-width:0;margin-block:4px}
.searchable-picker [data-picker-status]:empty{display:none}
.composition-slot .entry-picker{flex:1}
.picker-checklist{max-height:220px;overflow:auto;padding:4px}
.picker-checklist label{padding-block:4px}
.inventory-lookup-selected{box-shadow:inset 0 0 0 2px var(--success)}
.inventory-lookup-match{outline:2px solid var(--copper);outline-offset:1px;font-weight:750;text-decoration:underline}
.picker-checklist [hidden]{display:none!important}
.ordered-editor:not(:has(.ordered-rows > :nth-child(6))) > .ordered-lookup{display:none}
.ordered-lookup-match{outline:2px solid var(--copper);outline-offset:2px;background:var(--warning-bg)}
[data-pairing-outcome][aria-pressed="true"]{border-color:var(--success);background:var(--success-bg);font-weight:700}

/* Search and results share a control without escaping the editor scroll area. */
.entry-picker{min-width:0;margin-block:8px}
.entry-picker-selection{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-block:4px 8px}
.entry-picker-selection span{flex:1 1 12ch;min-width:0;overflow-wrap:anywhere}
.entry-picker-options{max-height:13rem;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--radius);margin-top:4px}
.entry-picker-options:empty,.entry-picker-options:not(:has([role=option]:not([hidden]))){display:none}
.entry-picker-options [role=option]{padding:6px 10px;cursor:pointer;overflow-wrap:anywhere}
.entry-picker-options [role=option] span{display:block;color:var(--muted);font-size:var(--text-meta)}
.entry-picker-options [aria-selected=true]{font-weight:650;background:var(--success-bg)}
.entry-picker-options [role=option]:hover,.entry-picker-options .is-active{background:var(--warning-bg);box-shadow:inset 3px 0 var(--copper)}
.entry-picker [data-entry-results]{margin-block:4px}

#listRemovalDialog{padding:0;overflow:hidden}
#listRemovalDialog[open]{display:flex;flex-direction:column}
.removal-preview-body,.removal-preview-footer{padding:clamp(12px,3vw,28px)}
.removal-preview-body{min-height:0;overflow:auto;overscroll-behavior:contain}
.removal-preview-footer{flex:none;border-top:1px solid var(--line);background:var(--surface)}
.removal-preview-footer .actions{margin-top:6px}
.dependency-bulk{margin-block:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--success-bg)}