.living-ascii{color:#efe8d8;width:100%;min-width:0}.ascii-background-pause{position:absolute;top:110px;left:40%;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ascii-background-pause:focus-visible{z-index:3;width:auto;height:auto;min-height:44px;padding:8px 14px;clip-path:none;background:#10141e;color:#efe8d8;border:1px solid #f38751;outline:2px solid #f38751;outline-offset:4px}.ascii-surface{position:relative;aspect-ratio:1.6;width:100%}.ascii-surface canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.ascii-controls{display:flex;gap:18px}.ascii-controls,.ascii-controls button{align-items:center;justify-content:center}.ascii-controls button{color:inherit;background:transparent;border:1px solid #616873;min-width:44px;min-height:44px;display:inline-flex;cursor:pointer}.ascii-controls button svg{width:20px;height:20px;stroke-width:1.5}.ascii-controls button:focus-visible{outline:2px solid #f38751;outline-offset:4px}.ascii-controls button:hover{color:#f8b48c;border-color:#f8b48c}.living-ascii .ascii-caption{min-width:230px;display:flex;align-items:center;justify-content:space-between;gap:16px}.living-ascii .ascii-caption p{font:400 14px/1.5 DM Sans,sans-serif;margin:0}.ascii-caption span{font:400 11px/1.5 IBM Plex Mono,monospace;color:#b8bfd0}.ascii-controls .ascii-pause{font:400 12px/1.5 DM Sans,sans-serif;border:0;margin-left:8px;text-decoration:underline;text-underline-offset:5px}.living-ascii .ascii-description{font:400 12px/1.5 DM Sans,sans-serif;margin:14px auto 0;text-align:center;color:#bec5d2;max-width:54ch}.ascii-dev{border:1px solid #596273;margin:32px 0 0;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.ascii-dev legend{font-size:15px;padding-inline:8px}.ascii-dev label>span{display:flex;justify-content:space-between;gap:20px;font-size:14px}.ascii-dev input{display:block;width:100%;min-height:44px;accent-color:#f38751}@media (max-width:700px){.ascii-controls{gap:10px;flex-wrap:wrap}.living-ascii .ascii-caption{min-width:0;flex:1}.living-ascii .ascii-caption p{font-size:12px}.ascii-caption span{font-size:11px}.ascii-controls .ascii-pause{flex-basis:100%;margin:0;min-height:36px}.living-ascii .ascii-description{margin-top:0;font-size:12px}.ascii-dev{grid-template-columns:1fr}}