.tt-dialog{--tt-bg:#fffdf7;--tt-fg:#292923;--tt-line:#ddd7c8;width:min(960px,94vw);max-width:100vw;height:min(760px,90dvh);max-height:100dvh;padding:0;border:1px solid var(--tt-line);border-radius:18px;background:var(--tt-bg);color:var(--tt-fg);box-shadow:0 25px 100px #0005;overflow:hidden}.tt-dialog::backdrop{background:#142c2bcc;backdrop-filter:blur(5px)}.tt-dialog[open]{display:flex}.tt-shell{display:flex;flex:1;min-width:0;flex-direction:column;height:100%}.tt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;border-bottom:1px solid var(--tt-line);flex-wrap:wrap}.tt-modes,.tt-controls{display:flex;align-items:center;gap:6px}.tt-dialog button{font-family:inherit;cursor:pointer}.tt-modes button{border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;padding:9px 12px;font-size:14px;line-height:20px}.tt-modes button[aria-pressed=true]{border-color:var(--tt-line);background:color-mix(in srgb,var(--tt-fg) 10%,transparent);font-weight:650}.tt-controls button,.tt-launch{display:inline-flex!important;align-items:center;justify-content:center;width:38px!important;height:38px!important;min-width:38px;padding:9px!important;box-sizing:border-box;border:1px solid var(--tt-line,#d8e0df);border-radius:50%;color:inherit;background:transparent}.tt-controls svg,.tt-launch svg{width:19px!important;height:19px!important;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tt-dialog button:focus-visible,.tt-paper:focus-visible{outline:3px solid #598eaa;outline-offset:3px}.tt-caption{padding:18px 26px 10px;display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.07em}.tt-paper{flex:1;min-height:0;overflow:auto;padding:22px 40px 50px;overscroll-behavior:contain}.tt-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:19px/1.85 'Courier New',monospace;color:inherit;background:transparent;border:0;padding:0}.tt-cursor{animation:tt-blink 1s step-end infinite;color:inherit}.tt-complete .tt-cursor{visibility:hidden}.tt-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;border-top:1px solid var(--tt-line)}.tt-footer span{font:11px system-ui;opacity:.55}.tt-footer button{background:transparent;color:inherit;border:1px solid var(--tt-line);padding:8px 14px;border-radius:8px;font-size:13px}.tt-footer button:disabled{opacity:.35;cursor:default}.tt-fullscreen{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border-radius:0}.tt-dialog[data-mode=dos]{--tt-bg:#081208;--tt-fg:#9bf483;--tt-line:#325b2c;border-radius:3px}.tt-dialog[data-mode=dos] .tt-text{font:18px/1.65 'Lucida Console','Courier New',monospace;text-shadow:0 0 8px #81ff4835}.tt-dialog[data-mode=dos] .tt-toolbar{background:#10220e}.tt-dialog[data-mode=wire]{--tt-bg:#f4eedc;--tt-fg:#343628;--tt-line:#cfc7ad}.tt-dialog[data-mode=wire] .tt-paper{max-width:780px;width:100%;box-sizing:border-box;margin:auto;background:repeating-linear-gradient(transparent,transparent 33px,#7a735c0d 34px)}.tt-dialog[data-mode=wire] .tt-caption{border-bottom:3px double var(--tt-line);margin:0 25px;padding-left:0;padding-right:0}.tt-dialog[data-mode=typewriter] .tt-paper{background:linear-gradient(90deg,#d9cdbd12,transparent 12%,transparent 88%,#d9cdbd12)}.tt-waiting [data-tt-state]::before{content:'';display:inline-block;width:10px;height:10px;margin-right:8px;border:2px solid var(--tt-line);border-top-color:var(--tt-fg);border-radius:50%;animation:tt-spin 1s linear infinite}.task-status-card>.tt-launch{flex-shrink:0;margin-left:auto}@keyframes tt-blink{50%{opacity:0}}@keyframes tt-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.tt-toolbar{gap:10px;padding:12px}.tt-modes button{font-size:12px;padding:7px}.tt-controls{margin-left:auto}.tt-paper{padding:18px 20px 35px}.tt-text{font-size:16px}.tt-caption{padding:14px 20px 8px;letter-spacing:0}.tt-footer{padding:12px 18px}}@media(prefers-reduced-motion:reduce){.tt-cursor,.tt-waiting [data-tt-state]::before{animation:none}}

.tt-caption[hidden]{display:none}.tt-live-spinner{display:none;width:15px;height:15px;border:2px solid var(--tt-line);border-top-color:var(--tt-fg);border-radius:50%;animation:tt-spin 1s linear infinite;margin-right:10px}.tt-waiting .tt-live-spinner{display:inline-block}.tt-live-choice{margin-left:auto}.tt-live-choice[aria-pressed=true]{box-shadow:inset 0 0 0 2px #2f6660}@media(prefers-reduced-motion:reduce){.tt-live-spinner{animation:none}}

.tt-dialog[data-mode=typewriter] .tt-paper{margin:20px auto 0;width:calc(100% - 70px);max-width:800px;box-sizing:border-box;padding:38px 48px 70px;background:#fffefa;box-shadow:0 2px 18px #493c2520;border-top:1px solid #e8dfce}.tt-dialog[data-mode=typewriter] .tt-text{font-family:'Courier New',Courier,monospace;font-size:21px;line-height:1.9;letter-spacing:.015em}.tt-dialog[data-mode=typewriter]{--tt-bg:#ece7dc}.tt-dialog[data-mode=wire] .tt-paper{width:min(620px,calc(100% - 50px));max-width:620px;margin:0 auto;padding:26px 28px 65px;border-left:12px dotted #b1a98e;border-right:12px dotted #b1a98e;box-shadow:0 4px 18px #0001;background-color:#fff9e7}.tt-dialog[data-mode=wire] .tt-text{font:16px/1.65 'Courier New',monospace;letter-spacing:.06em}.tt-dialog[data-mode=wire]{background:#ded7c3}.tt-dialog[data-mode=dos] .tt-paper{padding:24px 28px}.tt-dialog[data-mode=dos] .tt-modes button{border-radius:0}.tt-dialog[data-mode=dos] .tt-footer button{border-radius:0}.tt-dialog.tt-fullscreen{border-radius:0}@media(max-width:600px){.tt-dialog[data-mode=typewriter] .tt-paper{width:calc(100% - 28px);padding:24px 20px}.tt-dialog[data-mode=typewriter] .tt-text{font-size:18px}.tt-dialog[data-mode=wire] .tt-paper{width:calc(100% - 22px);padding:20px 14px;border-width:7px}.tt-dialog[data-mode=wire] .tt-text{font-size:14px}}

.tt-dialog .tt-modes button,.tt-dialog [data-tt-now]{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:38px;height:38px;min-width:38px;padding:9px;border:1px solid var(--tt-line);border-radius:50%;background:transparent;color:inherit}.tt-modes svg,[data-tt-now] svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tt-dialog .tt-modes button[aria-pressed=true]{background:color-mix(in srgb,var(--tt-fg) 14%,transparent);box-shadow:inset 0 0 0 1px currentColor}

.tt-handwriting{display:none;width:100%;overflow:visible}.tt-dialog[data-mode=hand]{--tt-bg:#f6f1e6;--tt-fg:#254e80;--tt-line:#d8cfba}.tt-dialog[data-mode=hand] .tt-text{display:none}.tt-dialog[data-mode=hand] .tt-handwriting{display:block}.tt-dialog[data-mode=hand] .tt-paper{padding:25px 30px 45px;background:repeating-linear-gradient(#fffdf5,#fffdf5 47px,#b7c7db45 48px);margin:16px 22px 0;border-left:2px solid #e5a5a56b}.tt-ink-stroke{fill:none;stroke:#28558b;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.tt-pen-tip{fill:#e0c28b;stroke:#60482b;stroke-width:.8}.tt-ink-fallback{fill:#28558b;font:24px Georgia,serif}@media(max-width:600px){.tt-dialog[data-mode=hand] .tt-paper{margin:10px 8px 0;padding:20px 12px 35px}.tt-modes{gap:4px}.tt-toolbar{gap:8px}}
