/* ASCII-Art-Werkzeuge (Text-Banner und Bild zu ASCII) */
.ascii-opts { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 0.7rem 1rem; align-items: start; }
.ascii-opts input[type="range"] { width: 100%; margin-top: 0.6rem; }
.ascii-checks { display: flex; flex-wrap: wrap; gap: 0.5rem 1.4rem; }
.ascii-pre, .ascii-img { margin: 0; padding: 0.9rem 1rem; background: var(--code-bg); color: var(--code-ink); border-radius: var(--r-s); overflow-x: auto; font-family: var(--mono); font-size: 0.82rem; line-height: 1.15; }
.ascii-pre code, .ascii-img code, .ascii-pick code { background: none; padding: 0; color: inherit; font-size: inherit; white-space: pre; }
.ascii-view { background: #fff; border: 1px solid var(--line); border-radius: var(--r-s); overflow-x: auto; }
.ascii-view .ascii-img { background: transparent; color: #111; line-height: 1; letter-spacing: 0; }
.ascii-view.is-dark { background: #0d1117; border-color: #0d1117; }
.ascii-view.is-dark .ascii-img { color: #e6edf3; }
.ascii-canvas { display: block; max-width: 100%; height: auto; }
.ascii-drop { border: 2px dashed var(--line); border-radius: var(--r); padding: 0.9rem 1rem; transition: border-color 0.15s, background 0.15s; }
.ascii-drop.is-over { border-color: var(--accent); background: var(--accent-soft); }
.ascii-drop p { margin: 0.4rem 0 0; }
.linkish { background: none; border: 0; padding: 0; font: inherit; color: var(--accent); text-decoration: underline; cursor: pointer; }
.ascii-all { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); gap: 0.7rem; }
.ascii-pick { display: flex; flex-direction: column; gap: 0.4rem; text-align: left; padding: 0.6rem 0.7rem; border: 1px solid var(--line); border-radius: var(--r-s); background: var(--card, transparent); color: inherit; font: inherit; cursor: pointer; min-width: 0; }
.ascii-pick:hover, .ascii-pick:focus-visible { border-color: var(--accent); }
.ascii-pick-name { font-weight: 600; font-size: 0.88rem; }
.ascii-pick pre { margin: 0; overflow: hidden; font-family: var(--mono); font-size: 0.6rem; line-height: 1.1; }