.tio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.tio-pane{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.tio-pane+.tio-pane{border-left:1px solid var(--line)}.tio-head{align-items:center;gap:var(--s-2) var(--s-3);min-height:3rem;padding:var(--s-2) var(--s-3) var(--s-2) var(--s-4);border-bottom:1px solid var(--line);display:flex}.tio-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);flex:none;font-size:.75rem;font-weight:600}.tio-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-faint);font-variant-numeric:tabular-nums;flex:0 auto;font-size:.8rem;overflow:hidden}.tio-meta b{color:var(--ink-soft);font-weight:600}.tio-meta .is-over{color:var(--danger)}.tio-head-actions{gap:var(--s-2);flex:none;margin-left:auto;display:flex}.tio-field{resize:vertical;background:var(--card);width:100%;height:17.5rem;min-height:8rem;color:var(--ink);font-family:var(--font-mono);padding:var(--s-4);border:0;border-radius:0;margin:0;font-size:.95rem;line-height:1.6;display:block}.tio-field.is-prose{font-family:var(--font-sans);font-size:1rem}.tio-field:hover{border-color:#0000}.tio-field:focus{outline:0}.tio-field:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.tio-result{contain:size;min-height:0;padding:var(--s-4);background:var(--paper);color:var(--ink);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;line-height:1.6;overflow:auto}.tio-result.is-prose{font-family:var(--font-sans);font-size:1rem}.tio-result:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.tio-result.is-view{white-space:normal}.tio-empty{align-content:start;justify-items:start;gap:var(--s-3);font-family:var(--font-sans);white-space:normal;display:grid}.tio-empty p{max-width:42ch;color:var(--ink-soft);margin:0;font-size:.92rem;line-height:1.55}.tio-empty .tio-empty-kbd{color:var(--ink-faint);font-size:.82rem}.tio-nothing{font-family:var(--font-sans);color:var(--ink-faint);font-size:.92rem}.tio-foot{align-items:center;gap:var(--s-2) var(--s-4);min-height:2.5rem;padding:var(--s-2) var(--s-4);border-top:1px solid var(--line);color:var(--ink-faint);font-size:.8rem;display:flex}.tio-foot:empty{border-top:0;min-height:0;padding:0}.tio-status{align-items:center;gap:var(--s-2);min-width:0;color:var(--ink-faint);flex:1 1 0;margin:0;font-size:.8rem;display:flex}.tio-status-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tio-dot{background:var(--line-strong);border-radius:50%;flex:none;width:7px;height:7px}.tio-status.is-saved .tio-dot{background:var(--sage)}.tio-status.is-note{color:var(--sage-deep)}.tio-status.is-note .tio-dot{background:var(--sage-deep)}.tio-status.is-off{color:var(--danger)}.tio-status.is-off .tio-dot{background:var(--danger)}.tio-kbd{color:var(--ink-faint);flex:none;margin:0;font-size:.8rem}.tio-focus-scope:focus-within .tio-kbd{visibility:hidden}@media (pointer:coarse){.tio-kbd,.tio-empty .tio-empty-kbd{display:none}}.tio-note{padding:var(--s-3) var(--s-4);border-top:1px solid var(--line);color:var(--ink-faint);margin:0;font-size:.85rem;line-height:1.55}.tio-note b{color:var(--ink-soft);font-weight:600}.tio-controls{align-items:center;gap:var(--s-2) var(--s-4);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--sage-tint) 35%, var(--card));flex-wrap:wrap;display:flex}.tio-controls .field>label{font-size:.75rem}.tio-controls input[type=number]{width:6.5rem}.tio-controls .checkline{font-size:.88rem}.tio-control-label{letter-spacing:.02em;color:var(--ink-soft);font-size:.75rem;font-weight:600}.tio-inline{align-items:center;gap:var(--s-2);display:inline-flex}.tio-inline input[type=number],.tio-inline input[type=text]{padding:.4em .6em}.tio-explain{color:var(--ink-soft);flex:100%;margin:0;font-size:.85rem;line-height:1.55}.tio-explain code{font-family:var(--font-mono);color:var(--ink);background:var(--paper);border:1px solid var(--line);white-space:nowrap;border-radius:4px;padding:.05em .35em;font-size:.85em}.tio-counter{grid-template-columns:minmax(0,1fr) 15.5rem;display:grid}.tio-counter .tio-field{height:19rem;font-family:var(--font-serif);padding:var(--s-5);font-size:1.15rem;line-height:1.7}.tio-rail{border-left:1px solid var(--line);background:color-mix(in srgb, var(--sage-tint) 30%, var(--card));padding:var(--s-4) var(--s-4) var(--s-3);align-content:start;gap:var(--s-3);display:grid}.tio-hero{gap:.1rem;display:grid}.tio-hero-num{font-family:var(--font-serif);color:var(--ink);font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:500;line-height:1}.tio-hero-label{color:var(--ink-faint);font-size:.82rem}.tio-dl{margin:0;display:grid}.tio-dl>div{justify-content:space-between;align-items:baseline;gap:var(--s-3);border-top:1px solid var(--line);padding:.38rem 0;font-size:.88rem;display:flex}.tio-dl dt{color:var(--ink-soft)}.tio-dl dd{color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.tio-strip{display:none}.tio-limit{align-items:center;gap:var(--s-1) var(--s-4);padding:var(--s-3) 0;border-top:1px solid var(--line);grid-template-columns:minmax(8.5rem,13rem) minmax(0,1fr) minmax(7rem,auto);font-size:.9rem;display:grid}.tio-limit:first-child{border-top:0}.tio-limit-name{min-width:0}.tio-limit-name b{color:var(--ink);font-weight:600;display:block}.tio-limit-name a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-decoration-thickness:1px}.tio-limit-name a:hover{text-decoration-color:currentColor}.tio-limit-name small{color:var(--ink-faint);font-size:.78rem;display:block}.tio-bar{background:var(--sage-tint-2);border-radius:999px;height:8px;display:block;overflow:hidden}.tio-bar>span{background:var(--sage);border-radius:999px;height:100%;transition:width .15s;display:block}.is-near .tio-bar>span{background:var(--amber-bar)}.is-over .tio-bar>span{background:var(--danger)}.tio-limit-figure{text-align:right;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.tio-limit-figure em{color:var(--ink-faint);font-size:.78rem;font-style:normal;display:block}.is-near .tio-limit-figure em{color:var(--amber-text-deep)}.is-over .tio-limit-figure,.is-over .tio-limit-figure em{color:var(--danger)}@media (prefers-reduced-motion:reduce){.tio-bar>span{transition:none}}.tio-goal{gap:var(--s-3);padding:var(--s-4);border-top:1px solid var(--line);background:var(--card);display:grid}.tio-goal-row{align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.tio-goal-row input.tio-goal-input{font-variant-numeric:tabular-nums;width:6.5rem}.tio-seg{border:1px solid var(--line-strong);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.tio-seg button{font:inherit;background:var(--card);min-height:2.125rem;color:var(--ink-soft);cursor:pointer;border:0;padding:.35em .8em;font-size:.85rem;font-weight:500}.tio-seg button+button{border-left:1px solid var(--line-strong)}.tio-seg button:hover{background:var(--sage-tint);color:var(--sage-deep)}.tio-seg button[aria-pressed=true]{background:var(--sage-deep);color:var(--on-accent)}.tio-seg button:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.tio-linkbtn{font:inherit;color:var(--sage-deep);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:.3em 0;font-size:.85rem;text-decoration:underline}.tio-linkbtn:hover{color:var(--ink)}.tio-goal-status{align-items:center;gap:var(--s-2) var(--s-4);color:var(--ink-soft);grid-template-columns:minmax(0,1fr) auto;font-size:.9rem;display:grid}.tio-goal-status .tio-bar{grid-column:1/-1}.tio-goal-status.is-idle .tio-bar{visibility:hidden}.tio-goal-text{min-height:3em;line-height:1.5}@media (min-width:721px){.tio-goal-text{min-height:1.5em}}.tio-goal-status b{color:var(--ink);font-variant-numeric:tabular-nums}.tio-goal-status.is-over,.tio-goal-status.is-over b{color:var(--danger)}.tio-goal-status.is-near{color:var(--amber-text-deep)}.tio-panel{margin-top:var(--s-4);padding:var(--s-4) var(--s-5) var(--s-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.tio-panel-head{justify-content:space-between;align-items:baseline;gap:var(--s-1) var(--s-4);margin-bottom:var(--s-2);flex-wrap:wrap;display:flex}.tio-panel-head h3{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:.78rem;font-weight:600}.tio-panel-head p{color:var(--ink-faint);margin:0;font-size:.85rem}.tio-panel-foot{margin:var(--s-2) 0 0;padding-top:var(--s-3);border-top:1px solid var(--line);color:var(--ink-faint);max-width:72ch;font-size:.85rem;line-height:1.55}.tio-panel-foot b{color:var(--ink);font-weight:600}.tio-subhead{margin:var(--s-3) 0 0;padding-top:var(--s-3);border-top:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.75rem;font-weight:600}.tio-meter-head{align-items:baseline;gap:var(--s-1) var(--s-3);flex-wrap:wrap;display:flex}.tio-meter-num{font-family:var(--font-serif);color:var(--ink);font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:500;line-height:1}.tio-meter-of{color:var(--ink-faint);font-size:.9rem}.tio-meter-state{color:var(--sage-deep);margin:0;font-size:.92rem;font-weight:550}.is-near .tio-meter-state{color:var(--amber-text-deep)}.is-over .tio-meter-state,.is-over .tio-meter-num{color:var(--danger)}@media (max-width:720px){.tio-grid{grid-template-columns:minmax(0,1fr)}.tio-pane+.tio-pane{border-left:0;border-top:1px solid var(--line)}.tio-head{min-height:2.75rem;padding:var(--s-1) var(--s-2) var(--s-1) var(--s-3)}.tio-meta{white-space:normal;line-height:1.3;overflow:visible}.tio-field{height:8.5rem;min-height:6rem;padding:var(--s-3);font-size:1rem}.tio-result{height:7.25rem;padding:var(--s-3)}.tio-foot{padding:var(--s-1) var(--s-3);min-height:2.25rem}.tio-note{padding:var(--s-3)}.tio-controls{padding:var(--s-3);gap:var(--s-2) var(--s-3)}.tio-scroll{width:calc(100% + 2 * var(--s-3));margin:0 calc(-1 * var(--s-3));padding:2px var(--s-3);scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;overflow-x:auto}.tio-scroll::-webkit-scrollbar{display:none}.tio-scroll>*{flex:none}.tio-counter{grid-template-columns:minmax(0,1fr)}.tio-counter .tio-field{height:11rem;padding:var(--s-3);font-size:1.05rem;line-height:1.6}.tio-rail{display:none}.tio-strip{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--sage-tint) 30%, var(--card));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tio-strip>div{padding:var(--s-2) var(--s-3);border-left:1px solid var(--line);min-width:0}.tio-strip>div:first-child{border-left:0}.tio-strip b{font-family:var(--font-serif);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:500;line-height:1.15;display:block}.tio-strip span{color:var(--ink-faint);white-space:nowrap;font-size:.75rem;display:block}.tio-limit{grid-template-columns:minmax(0,1fr) auto}.tio-limit .tio-bar{grid-area:2/1/auto/-1}.tio-panel{padding:var(--s-3) var(--s-4) var(--s-2)}.tio-goal{padding:var(--s-3)}.tio-out-foot{display:none}}.tio-list{font-family:var(--font-sans);margin:0;padding:0;list-style:none}.tio-list .pct{min-width:5.5em}.tio-list .pct small{color:var(--ink-faint);font-size:.85em}.tio-result.is-generated{contain:none;height:22rem}.tio-lorem-pane{grid-template-rows:auto auto auto;display:grid}@media (max-width:720px){.tio-result.is-generated{height:15rem}}.tio-meter{gap:var(--s-2);padding:var(--s-4);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--sage-tint) 30%, var(--card));display:grid}.tio-meter .tio-bar{height:10px}.tio-meter-state{margin-left:auto}.tio-meter+.tio-field{height:13rem}.tio-fields{padding:var(--s-2) var(--s-4) var(--s-1);border-top:1px solid var(--line)}.tio-head.is-foot{border-bottom:0;border-top:1px solid var(--line)}@media (max-width:720px){.tio-meter{padding:var(--s-2) var(--s-3) var(--s-3);gap:var(--s-1)}.tio-meter-num{font-size:1.6rem}.tio-meter-state{font-size:.85rem}.tio-meter+.tio-field{height:9rem}.tio-fields{padding:var(--s-1) var(--s-3)}}.tio-fields .tio-subhead{margin-top:var(--s-1);border-top:0}@media (max-width:720px){.tio-empty{gap:var(--s-2)}.tio-empty p{font-size:.86rem;line-height:1.5}}.tio-head-actions .btn.btn[aria-disabled=true]:hover,.tio-actionbar .btn.btn[aria-disabled=true]:hover{--btn-bg:var(--paper);--btn-fg:var(--ink-faint);--btn-border:var(--line-strong)}.tio-head-actions .btn[aria-disabled=true]:active,.tio-actionbar .btn[aria-disabled=true]:active{transform:none}.tio-status-short{display:none}.tio-actionbar{z-index:30;align-items:center;gap:var(--s-2);padding:var(--s-2) max(var(--s-4), env(safe-area-inset-right)) calc(var(--s-2) + env(safe-area-inset-bottom)) max(var(--s-4), env(safe-area-inset-left));border-top:1px solid var(--line-strong);background:var(--card);display:flex;position:fixed;bottom:0;left:0;right:0}.tio-actionbar .btn{white-space:normal;text-align:center;flex:1 1 0;min-width:0;min-height:2.75rem;padding:.5em .75em}.tio-actionbar .tio-actionbar-undo{flex:none}.toast{width:max-content;max-width:calc(100vw - 2 * var(--s-4));text-align:center}html.tio-bar-on .toast{bottom:calc(var(--tio-bar-space,4.5rem) + var(--s-3))}@media (max-width:600px){.tio-head-actions .tio-use{display:none}.tio-status{position:relative}.tio-status-full{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tio-status-short{display:inline}}.tio-meta,.tio-status,.tio-hero,.tio-strip,.tio-rail,.tio-dl,.tio-limit,.tio-meter,.tio-goal-row,.tio-goal-status,.tio-foot,.tio-panel-foot{font-variant-numeric:tabular-nums}