/* Homepage quick tools: use the existing page's appearance and control styles. */
#tool-playground{min-width:0}#tool-playground [hidden]{display:none!important}
#tool-playground .play-tabs{display:flex;flex-wrap:wrap;gap:4px}#tool-playground .play-tab{min-height:44px;flex:1;padding:12px 6px;white-space:normal;font-size:13px;line-height:1.4}
#tool-playground .qt-panel h4{font-size:18px;font-weight:600;line-height:1.45;margin:0 0 18px;color:inherit}
#tool-playground .play-input,#tool-playground .play-textarea{width:100%;max-width:100%;box-sizing:border-box}#tool-playground input[type=file]{padding:12px;font-size:13px;overflow:hidden}#tool-playground input[type=file]::file-selector-button{margin-right:8px;border:1px solid currentColor;border-radius:5px;padding:8px;background:transparent;color:inherit;font:inherit}
#tool-playground .play-actions{flex-wrap:wrap}#tool-playground .play-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;max-width:100%;line-height:1.4;white-space:normal}#tool-playground .play-button:disabled{opacity:.55;cursor:wait}
#tool-playground .qt-qr-preview{margin:16px 0 12px;max-width:100%}#tool-playground .qt-qr-preview:empty{display:none}#tool-playground .qt-qr-preview canvas{display:block;width:min(232px,100%);height:auto;image-rendering:pixelated;background:white}
#tool-playground .qt-shorten{border-top:1px solid var(--line,#465066);margin-top:18px;padding-top:14px}#tool-playground .qt-shorten summary{cursor:pointer;min-height:44px;font-size:14px;line-height:1.5}#tool-playground .qt-shorten .play-label{margin-top:14px}
#tool-playground .qt-full-link{display:block;margin-top:20px;font-size:13px;line-height:1.6;color:inherit;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px 0}
#tool-playground .qt-file-list{font-size:13px;line-height:1.7;padding-left:20px;overflow-wrap:anywhere;margin:12px 0 18px}#tool-playground input[type=range]{width:100%;accent-color:#82a6ff;margin:8px 0 24px;min-height:32px}
#tool-playground .qt-image-preview{display:block;max-width:100%;max-height:220px;object-fit:contain;border-radius:6px;margin-top:14px}#tool-playground .play-status{overflow-wrap:anywhere;line-height:1.6}#tool-playground a:focus-visible,#tool-playground button:focus-visible,#tool-playground summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:600px){#tool-playground .play-tab{font-size:12px}#tool-playground .play-tabs{gap:0}#tool-playground .qt-panel h4{font-size:16px}#tool-playground .play-hint{font-size:12px;line-height:1.6}.playground-wrap{padding:24px 20px!important}}