Spaces:
Runtime error
Runtime error
| /* Free tools (/tools/*). Builds on blog.css (.alt-page, .alt-section, .alt-grid). */ | |
| .tool-card-title { | |
| font-size: 1.15rem; | |
| margin: 0 0 0.5rem; | |
| } | |
| .tool-gate { | |
| text-align: center; | |
| padding: 2rem 1.5rem; | |
| } | |
| .tool-gate h2 { | |
| margin-top: 0; | |
| } | |
| .tool-gate .alt-ctas { | |
| justify-content: center; | |
| } | |
| .tool-widget { | |
| display: grid; | |
| gap: 1rem; | |
| } | |
| /* Flat, opaque writing surface: overrides the pill shaped, see-through .input so the starfield does not show | |
| through and the box edge is obvious. */ | |
| .tool-input { | |
| display: block; | |
| width: 100%; | |
| height: auto; | |
| min-height: 14rem; | |
| padding: 14px 16px; | |
| resize: vertical; | |
| border-radius: 8px; | |
| border: 1px solid rgba(255, 255, 255, 0.28); | |
| background: #0d0f14; | |
| box-shadow: none; | |
| color: var(--text); | |
| font: 400 1rem/1.6 var(--font-body); | |
| } | |
| .tool-input:hover { | |
| border-color: rgba(255, 255, 255, 0.4); | |
| } | |
| .tool-input:focus { | |
| border-color: var(--blue); | |
| box-shadow: none; | |
| } | |
| .tool-input::placeholder { | |
| color: var(--text-2); | |
| } | |
| .tool-output { | |
| display: grid; | |
| gap: 1rem; | |
| } | |
| .tool-output-head { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 0.75rem; | |
| align-items: center; | |
| justify-content: space-between; | |
| } | |
| .tool-actions { | |
| display: flex; | |
| gap: 0.5rem; | |
| } | |
| .tool-script { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| display: grid; | |
| gap: 0.85rem; | |
| } | |
| .tool-script li { | |
| display: grid; | |
| grid-template-columns: 5.5rem 1fr; | |
| gap: 0.75rem; | |
| } | |
| .tool-script p { | |
| margin: 0; | |
| } | |
| .tool-script .host-B p { | |
| opacity: 0.8; | |
| } | |
| .host-label { | |
| font-size: 0.75rem; | |
| opacity: 0.7; | |
| padding-top: 0.2rem; | |
| } | |
| .tool-next { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 1rem; | |
| align-items: center; | |
| justify-content: space-between; | |
| } | |
| @media (max-width: 560px) { | |
| .tool-script li { | |
| grid-template-columns: 1fr; | |
| gap: 0.2rem; | |
| } | |
| } | |