html{color-scheme:light}body{margin:0}#root{min-height:100vh}:root{--ink: #22313b;--muted: #68747b;--cream: #f4efe6;--paper: #fffdf8;--line: #ddd5c8;--line-strong: #c8bdad;--navy: #1e3d52;--navy-soft: #e9f0f4;--coral: #df6b55;--coral-dark: #b84e3b;--coral-soft: #faece8;--teal: #278f83;--teal-dark: #1d6d64;--teal-soft: #e5f2f0;--gold: #d99a2d;--gold-soft: #fbf2df;--green: #2f8c68;--green-soft: #e7f4ed;--red: #b94d49;--red-soft: #fae9e8;--shadow: 0 12px 30px rgba(53, 45, 36, .09)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background-color:var(--cream);background-image:linear-gradient(rgba(82,68,50,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(82,68,50,.04) 1px,transparent 1px);background-size:28px 28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}code,pre,.morpheme-word-table{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.gloss-shell{width:min(1500px,calc(100% - 28px));margin:22px auto 42px}.header{display:flex;justify-content:space-between;gap:24px;padding:25px 27px;background:#fffdf8fa;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.header h1{margin:0;color:var(--navy);font-size:clamp(31px,5vw,46px);line-height:1.03;letter-spacing:-.04em}.header p:not(.eyebrow){max-width:760px;margin:10px 0 0;color:var(--muted);line-height:1.5}.eyebrow,.kicker{margin:0 0 7px;color:var(--coral-dark);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.header-actions{display:flex;align-self:flex-start;gap:8px}.primary,.secondary{min-height:43px;padding:10px 16px;border-radius:10px;font-size:12px;font-weight:850}.primary{color:#fff;background:var(--coral);border:1px solid var(--coral)}.primary:hover{background:var(--coral-dark);border-color:var(--coral-dark)}.secondary{color:var(--navy);background:#fff;border:1px solid var(--line-strong)}.secondary:hover{color:#fff;background:var(--navy);border-color:var(--navy)}.sample-strip{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px;padding:10px 13px;background:#fffdf8e6;border:1px solid var(--line);border-radius:12px}.sample-strip>span{margin-right:3px;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.sample-strip button{padding:6px 9px;color:var(--teal-dark);background:var(--teal-soft);border:0;border-radius:999px;font-size:10px;font-weight:800}.gloss-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.panel{margin-top:18px;padding:22px;background:#fffdf8fa;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.panel h2{margin:0;color:var(--navy)}.step-heading{display:flex;align-items:flex-start;gap:12px}.step-number{display:grid;flex:0 0 auto;width:35px;height:35px;place-items:center;color:#fff;background:var(--coral);border-radius:10px;font-size:13px;font-weight:900}.details-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:9px;margin-top:18px}.editor label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.editor input,.editor textarea,.search{width:100%;padding:11px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;resize:vertical;text-transform:none}.editor input:focus,.editor textarea:focus,.search:focus{border-color:var(--teal);outline:3px solid rgba(39,143,131,.13)}.line-input-card{display:grid;grid-template-columns:210px minmax(0,1fr);gap:13px;margin-top:13px;padding:13px;background:#f7f3ec;border:1px solid var(--line);border-radius:12px}.line-label{display:flex;align-items:flex-start;gap:10px}.line-label>span{display:grid;flex:0 0 auto;width:28px;height:28px;place-items:center;color:#fff;background:var(--teal);border-radius:8px;font-size:11px;font-weight:900}.line-label div{display:grid;gap:3px}.line-label strong{color:var(--navy);font-size:12px}.line-label small{color:var(--muted);font-size:10px;line-height:1.4}.line-input-card textarea{min-height:75px;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:15px;line-height:1.5}.translation-input textarea{font-family:inherit}.spacing-note{display:flex;align-items:baseline;gap:10px;margin-top:13px;padding:11px 13px;color:var(--teal-dark);background:var(--teal-soft);border-radius:10px;font-size:11px;line-height:1.5}.spacing-note strong{flex:0 0 auto}.spacing-note code{margin:0 4px;padding:2px 5px;color:var(--navy);background:#fff;border-radius:4px}.preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.status{flex:0 0 auto;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}.valid-status{color:var(--green);background:var(--green-soft)}.warning-status{color:var(--red);background:var(--red-soft)}.language-label{margin:18px 0 8px;color:var(--muted);font-size:12px;font-style:italic}.aligned-example{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px 22px;min-height:96px;padding:20px;overflow:auto;background:#f7f3ec;border:1px solid var(--line);border-radius:12px}.morpheme-word-table{border-collapse:collapse;border-spacing:0;color:var(--navy);white-space:nowrap}.morpheme-word-table td{height:27px;padding:0;border:0;vertical-align:bottom;text-align:left}.object-token-row td{color:var(--navy);font-size:16px}.gloss-token-row td{color:var(--ink);font-size:13px;font-weight:600}.translation{margin:15px 0 0;color:var(--navy);font-family:Georgia,Times New Roman,serif;font-size:20px}.source{margin-bottom:0;color:var(--muted);font-size:11px}.warnings{margin-top:13px;padding:10px 12px;background:var(--red-soft);border-radius:9px}.warnings p{margin:4px 0;color:var(--red);font-size:11px}.copy-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:18px;padding:14px;background:linear-gradient(145deg,var(--navy-soft),var(--teal-soft));border:1px solid rgba(39,143,131,.25);border-radius:13px}.switch-row{display:grid;grid-template-columns:0 42px minmax(0,1fr);align-items:center;gap:11px;cursor:pointer}.switch-row input{width:0;height:0;opacity:0}.switch-control{position:relative;width:42px;height:24px;background:#a8b2b7;border-radius:999px;transition:background .16s ease}.switch-control:after{position:absolute;width:18px;height:18px;top:3px;left:3px;content:"";background:#fff;border-radius:50%;box-shadow:0 2px 5px #0000002e;transition:transform .16s ease}.switch-row input:checked+.switch-control{background:var(--teal)}.switch-row input:checked+.switch-control:after{transform:translate(18px)}.switch-row>span:last-child{display:grid;gap:4px}.switch-row strong{color:var(--navy);font-size:12px}.switch-row small{color:var(--muted);font-size:10px;line-height:1.45}.smart-copy-button{min-width:185px}.export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.export-grid article{min-width:0;padding:14px;background:#f7f3ec;border:1px solid var(--line);border-radius:12px}.export-title{display:flex;justify-content:space-between;gap:10px}.export-title>div{display:grid;gap:4px}.export-title strong{color:var(--navy);font-size:12px}.export-title small{color:var(--muted);font-size:9px;line-height:1.4}.export-title>span{align-self:flex-start;padding:4px 6px;color:var(--coral-dark);background:var(--coral-soft);border-radius:5px;font-size:8px;font-weight:900}.export-grid pre{min-height:150px;max-height:230px;overflow:auto;margin:13px 0;padding:11px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;white-space:pre;font-size:10px;line-height:1.55}.export-actions{display:flex;flex-wrap:wrap;gap:7px}.export-actions .secondary{min-height:37px;padding:8px 10px;font-size:10px}.table-diagram{display:grid;grid-template-columns:1.1fr 1.4fr .9fr;gap:0;height:150px;margin:13px 0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px}.table-diagram span{border:1px dashed rgba(30,61,82,.22)}.saved-panel .muted{color:var(--muted)}.saved-list{display:grid;gap:8px;margin-top:14px}.saved-list article{display:grid;grid-template-columns:1fr 38px;gap:7px}.saved-main{display:grid;gap:4px;padding:11px;text-align:left;background:#f7f3ec;border:1px solid var(--line);border-radius:9px}.saved-main strong{color:var(--navy)}.saved-main span{color:var(--muted);font-size:11px}.delete{color:var(--red);background:var(--red-soft);border:0;border-radius:8px;font-weight:900}.abbreviations-panel{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto}.sidebar-help{margin:6px 0 0;color:var(--muted);font-size:11px}.search{margin:13px 0}.abbr-list{display:grid;gap:6px}.abbr-list button{position:relative;display:grid;grid-template-columns:60px 1fr;gap:8px;padding:9px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:8px}.abbr-list button:hover{border-color:var(--teal);background:var(--teal-soft)}.abbr-list strong{color:var(--coral-dark);font-size:11px}.abbr-list span{color:var(--muted);font-size:10px}.abbr-list i{position:absolute;right:7px;top:5px;color:var(--green);font-size:8px}@media(max-width:1120px){.export-grid{grid-template-columns:1fr 1fr}.export-grid article:last-child{grid-column:span 2}}@media(max-width:1050px){.gloss-grid{grid-template-columns:1fr}.abbreviations-panel{position:static;max-height:none}.abbr-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.header,.friendly-header,.preview-heading,.copy-option{grid-template-columns:1fr;flex-direction:column}.header-actions{width:100%;flex-direction:column}.header-actions button{width:100%}.details-grid,.line-input-card,.export-grid,.abbr-list{grid-template-columns:1fr}.export-grid article:last-child{grid-column:auto}.line-input-card{gap:9px}.copy-option{display:grid}.smart-copy-button{width:100%}.spacing-note{align-items:flex-start;flex-direction:column}}