/* The1 text laboratory. Edge-to-edge work surfaces, copper on warm paper. */
body.playground .pg-frame {width:100%;height:100vh;height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none;}
.workspace-modes {display:flex;flex:none;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);min-height:49px;}
.workspace-modes button {padding:.85rem 1.5rem;font-size:.7rem;font-weight:500;border-right:1px solid var(--line);white-space:nowrap;transition:background .2s;}
.workspace-modes button>span {font: .56rem var(--mono);color:var(--muted);margin-right:.7rem;}
.workspace-modes button[aria-pressed=true] {background:var(--paper-dim);box-shadow:inset 0 -2px var(--copper);color:var(--copper-deep);}
.workspace-modes small {font:.48rem var(--mono);text-transform:uppercase;margin-left:.5rem;border:1px solid var(--line);padding:.15rem .3rem;}
.workspace-modes>p {align-self:center;margin-left:auto;padding:0 1.5rem;font:.57rem var(--mono);color:var(--muted);}
body[data-mode=text] .pg-body,body[data-mode=text] .pg-mobile-tabs {display:none;}
.text-lab {flex:1;min-height:0;overflow:auto;background:var(--paper);}
.text-lab[hidden] {display:none;}
.tl-intro {display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.6rem 2.3rem;border-bottom:1px solid var(--line);background:var(--paper-bright);}
.tl-intro .eyebrow {font-size:.55rem;margin-bottom:.6rem;color:var(--copper-deep);}
.tl-intro h1 {font:400 clamp(1.5rem,2.35vw,2.3rem)/1.15 var(--serif);letter-spacing:-.025em;}
.tl-intro h1 em {font-weight:400;}
.tl-intro>div>p:last-child {font-size:.69rem;color:var(--muted);margin-top:.55rem;}
.tl-experiment {vertical-align:middle;font:.48rem var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:.3rem .4rem;margin-left:.8rem;border:1px solid var(--copper);color:var(--copper-deep);}
.tl-intro-note {display:flex;gap:1.2rem;align-items:center;flex:none;}
.tl-intro-note p {font-size:.65rem;line-height:1.7;color:var(--muted);}
.tl-orbit {display:grid;place-items:center;width:3.1rem;height:3.1rem;border:1px solid var(--copper);font:italic 2.5rem var(--serif);color:var(--copper);border-radius:50%;}
.tl-workspace {display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);min-height:calc(100dvh - 258px);}
.tl-teach,.tl-test {min-width:0;padding:1.6rem 2.3rem 1.3rem;}
.tl-teach {border-right:1px solid var(--line);}
.tl-test {background:var(--paper-bright);display:flex;flex-direction:column;}
.tl-panel-head {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.3rem;}
.tl-panel-head .eyebrow {font:.51rem var(--mono);letter-spacing:.13em;color:var(--copper-deep);}
.tl-panel-head h2 {font:400 clamp(1.25rem,1.55vw,1.65rem)/1.2 var(--serif);margin-top:.35rem;}
.tl-count,.tl-state {font:.55rem var(--mono);color:var(--muted);text-align:right;line-height:1.6;}
.tl-state {border:1px solid var(--line);padding:.3rem .5rem;}
.tl-state[data-ready=true] {color:var(--copper-deep);border-color:var(--copper);}
.tl-tools {display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:.9rem;}
.tl-tools button,.tl-dataset-meta button,.tl-chat-foot button {font-size:.59rem;border-bottom:1px solid var(--line-strong);padding:.35rem 0;}
.tl-tools button:hover,.tl-dataset-meta button:hover,.tl-chat-foot button:hover {color:var(--copper-deep);border-color:var(--copper);}
.tl-preset {font:.52rem var(--mono);color:var(--muted);margin-right:auto;display:grid;gap:.3rem;}
.tl-preset select,.tl-train-controls select,.tl-train-controls input,.tl-decoder select,.tl-equation-select select {border:1px solid var(--line-strong);background:transparent;border-radius:0;padding:.5rem .55rem;font:.63rem var(--sans);min-width:0;max-width:100%;outline-offset:3px;}
.tl-dataset-meta {display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.tl-dataset-meta label {flex:1;}
.tl-dataset-meta input {width:100%;padding:.6rem .7rem;border:1px solid var(--line);background:transparent;font-size:.65rem;border-radius:0;}
.tl-data-hint {font-size:.6rem;color:var(--muted);line-height:1.6;margin:.65rem 0;}
.tl-table-scroll {max-height:370px;min-height:220px;overflow:auto;border:1px solid var(--line-strong);background:var(--paper-bright);}
.tl-table {width:100%;border-collapse:collapse;table-layout:fixed;}
.tl-table th {background:var(--paper-dim);position:sticky;top:0;z-index:1;text-align:left;font:.57rem var(--mono);font-weight:400;text-transform:uppercase;padding:.55rem .5rem;}
.tl-table th span:not(.sr-only) {text-transform:none;font-size:.5rem;color:var(--muted);}
.tl-table th:first-child {width:2rem;}
.tl-table th:last-child {width:1.8rem;}
.tl-table th:nth-child(2) {width:39%;}
.tl-table td {padding:.25rem;border-bottom:1px solid var(--line);vertical-align:top;}
.tl-table td:first-child {font:.5rem var(--mono);color:var(--muted);padding:.9rem .35rem;text-align:center;}
.tl-table td:last-child button {width:100%;font-size:1.05rem;color:var(--muted);margin-top:.4rem;}
.tl-table textarea {display:block;width:100%;min-height:5.2rem;resize:vertical;border:1px solid transparent;padding:.5rem;font:.72rem/1.6 var(--sans);border-radius:0;background:transparent;}
.tl-table textarea:focus {outline:1px solid var(--copper);background:var(--paper);}
.tl-pagination {display:flex;align-items:center;justify-content:space-between;padding:.55rem 0;font:.54rem var(--mono);color:var(--muted);}
.tl-pagination button {padding:.1rem .6rem;font-size:1rem;}
.tl-pagination button:disabled {opacity:.25;cursor:default;}
.tl-train-controls {display:flex;gap:.8rem;align-items:flex-end;margin-top:.6rem;}
.tl-train-controls label {display:grid;gap:.35rem;font:.54rem var(--mono);color:var(--muted);}
.tl-train-controls input {width:5rem;}
.tl-train-controls .btn {flex:1;min-height:2.2rem;font-size:.61rem;letter-spacing:.03em;text-transform:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem;}
.tl-training {display:flex;align-items:center;gap:.55rem;font:.6rem var(--sans);margin-top:.9rem;color:var(--copper-deep);}
.tl-training[hidden] {display:none;}
.tl-training p {flex:1;}
.tl-training>span:last-child {font:.55rem var(--mono);}
.tl-pulse {width:7px;height:7px;border-radius:50%;background:var(--copper);animation:tl-breathe 1.4s infinite;}
@keyframes tl-breathe {50%{opacity:.25;}}
.tl-notice {font-size:.61rem;color:var(--muted);line-height:1.65;margin-top:.65rem;overflow-wrap:anywhere;}
.tl-notice.is-error {color:#903c22;border-left:2px solid #903c22;padding-left:.6rem;}
.tl-decoder {display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-bottom:.85rem;border-bottom:1px solid var(--line);}
.tl-decoder label {display:grid;gap:.3rem;font:.52rem var(--mono);flex:none;color:var(--muted);}
.tl-decoder p {font-size:.6rem;color:var(--muted);max-width:14rem;line-height:1.65;}
.tl-chat-log {height:280px;min-height:230px;overflow:auto;padding:1.1rem .1rem;overscroll-behavior:contain;}
.tl-chat-empty {text-align:center;max-width:21rem;margin:0 auto;padding:.9rem 1rem 1.4rem;}
.tl-large-mark {font:italic 3.4rem/.9 var(--serif);color:var(--copper);display:inline-block;border-bottom:1px solid var(--copper);padding:0 .45rem;margin-bottom:1.1rem;}
.tl-chat-empty h3 {font:400 1.8rem/1.15 var(--serif);letter-spacing:-.03em;}
.tl-chat-empty p {font-size:.65rem;color:var(--muted);line-height:1.7;margin-top:.75rem;}
.tl-message {padding:.7rem 0 1rem;max-width:95%;}
.tl-message>span {font:.49rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--copper-deep);}
.tl-message>p {font-size:.77rem;line-height:1.75;margin-top:.35rem;white-space:pre-wrap;overflow-wrap:anywhere;}
.tl-message>small {font:.49rem/1.65 var(--mono);color:var(--muted);display:block;margin-top:.5rem;}
.tl-message--user {margin-left:auto;padding:.6rem .85rem;background:var(--paper-dim);max-width:86%;margin-bottom:.7rem;}
.tl-message--user>span {color:var(--muted);}
.tl-quick {display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.7rem;}
.tl-quick button {font-size:.56rem;padding:.35rem .5rem;border:1px solid var(--line);text-align:left;}
.tl-quick button:hover {border-color:var(--copper);color:var(--copper-deep);}
.tl-chat-form {display:flex;align-items:center;border:1px solid var(--line-strong);padding:.5rem .6rem;gap:.6rem;background:var(--paper);}
.tl-chat-form textarea {resize:none;width:100%;max-height:100px;min-height:1.6rem;border:0;background:transparent;outline:none;padding:.2rem;font-size:.72rem;line-height:1.6;}
.tl-chat-form:focus-within {border-color:var(--copper);}
.tl-chat-form button {display:grid;place-items:center;flex:none;width:2rem;height:2rem;background:var(--ink);color:var(--paper);font-size:1.1rem;}
.tl-chat-form button:disabled {opacity:.25;cursor:default;}
.tl-chat-foot {display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.3rem 0 .7rem;font-size:.52rem;color:var(--muted);}
.tl-chat-foot button {font-size:.52rem;padding:.15rem 0;}
.tl-inspector {border-top:1px solid var(--line);margin-top:.2rem;}
.tl-inspector>summary {display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;font:.59rem var(--mono);cursor:pointer;}
.tl-inspector>summary:after {content:'+';font:1rem var(--sans);order:-1;}
.tl-inspector[open]>summary:after {content:'−';}
.tl-inspector>summary span {font-size:.49rem;color:var(--muted);margin-left:auto;}
.tl-inspector-body {font-size:.63rem;line-height:1.75;}
.tl-inspector-body>p {margin-bottom:.8rem;color:var(--muted);}
.tl-inspector-body>details {margin:.75rem 0;}
.tl-inspector-body>details>summary {cursor:pointer;}
.tl-inspector-body>details p {color:var(--muted);margin:.7rem 0;}
.tl-metrics {display:grid;grid-template-columns:1fr 1fr 1fr;margin:0 0 .9rem;border:1px solid var(--line);}
.tl-metrics>div {display:flex;flex-direction:column;padding:.8rem;border-right:1px solid var(--line);}
.tl-metrics>div:last-child {border:0;}
.tl-metrics span,.tl-metrics small {font:.48rem/1.7 var(--mono);color:var(--muted);}
.tl-metrics strong {font:400 1.8rem var(--serif);color:var(--copper-deep);}
.tl-equation-select {display:grid;gap:.4rem;font:.53rem var(--mono);}
.tl-equation {max-height:150px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ink);color:var(--paper);padding:.9rem;font:.58rem/1.9 var(--mono);margin:.7rem 0;}
.tl-token-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line);}
.tl-token-grid>span {display:grid;gap:.25rem;padding:.6rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);}
.tl-token-grid b {font:1.2rem var(--serif);}
.tl-token-grid code {font:.5rem var(--mono);}
.tl-token-grid small {font:.48rem/1.8 var(--mono);color:var(--muted);overflow-wrap:anywhere;}
.tl-honesty {font-size:.55rem;line-height:1.75;color:var(--muted);border-top:1px solid var(--line);margin-top:.6rem;padding-top:.7rem;}
.tl-no-rows {font-size:.7rem;padding:2rem!important;text-align:center;}
.text-lab button:disabled {cursor:default;opacity:.45;}
@media(min-width:1600px){.tl-table-scroll{max-height:440px;}.tl-chat-log{height:350px;}}
@media(max-width:1100px){.tl-teach,.tl-test{padding:1.3rem 1.2rem;}.tl-intro{padding:1.3rem 1.2rem;}.tl-intro-note{display:none;}.workspace-modes>p{display:none;}.tl-train-controls{gap:.5rem;}.tl-train-controls .btn{padding:.65rem .6rem;}}
@media(max-width:960px){.tl-workspace{grid-template-columns:1fr;}.tl-teach{border-right:0;border-bottom:1px solid var(--line);}.tl-table-scroll{max-height:330px;}.tl-chat-log{height:300px;}.tl-intro h1{font-size:1.9rem;}.tl-workspace{min-height:0;}.tl-test{padding-bottom:2rem;}}
@media(max-width:620px){.workspace-modes{min-height:48px;}.workspace-modes button{padding:.7rem .6rem;font-size:.58rem;white-space:normal;text-align:left;}.workspace-modes button>span,.workspace-modes small{display:none;}.workspace-modes button:first-child{flex:0 0 28%;}.workspace-modes button:last-of-type{flex:1;}.tl-intro{padding:1.2rem 1rem;}.tl-intro h1{font-size:1.6rem;}.tl-intro h1 em{display:block;}.tl-experiment{font-size:.4rem;margin-left:0;margin-top:.5rem;display:inline-block;}.tl-intro>div>p:last-child{font-size:.63rem;}.tl-teach,.tl-test{padding:1.2rem 1rem;}.tl-panel-head{gap:.6rem;}.tl-panel-head h2{font-size:1.35rem;}.tl-count{max-width:6rem;font-size:.47rem;}.tl-preset{width:100%;}.tl-tools{gap:.9rem;}.tl-tools button{font-size:.6rem;}.tl-train-controls{flex-wrap:wrap;}.tl-train-controls .btn{flex-basis:100%;margin-top:.35rem;font-size:.7rem;}.tl-train-controls label{flex:1;}.tl-train-controls input{width:100%;}.tl-table th span:not(.sr-only){display:none;}.tl-table th:nth-child(2){width:35%;}.tl-table textarea{font-size:.64rem;min-height:7rem;padding:.3rem;}.tl-table th:first-child{width:1.4rem;}.tl-table th:last-child{width:1.35rem;}.tl-table-scroll{max-height:380px;}.tl-chat-log{height:300px;}.tl-decoder{align-items:flex-start;}.tl-decoder label{flex:1;}.tl-decoder select{width:100%;}.tl-decoder p{max-width:9rem;font-size:.54rem;}.tl-inspector>summary{font-size:.54rem;}.tl-inspector>summary span{max-width:9rem;text-align:right;}.tl-metrics>div{padding:.6rem;}.pg-crumb{display:none;}.pg-head{padding:0 .8rem;}.pg-engine{max-width:9rem;font-size:.46rem;white-space:normal;}}
/* The1 mark: the singular relationship, set on a measured baseline. */
.pg-brand .brand-mark {background:transparent;color:var(--copper-bright);font-style:italic;font-size:1.9rem;width:1.45rem;height:1.8rem;border-bottom:1px solid currentColor;padding-bottom:0;}
.pg-brand span:last-child {font-style:italic;letter-spacing:-.035em;}