.pixel-tool [hidden]{display:none!important}
.pixel-tool .panel,.pixel-tool .field{min-width:0}
.pixel-tool .breadcrumbs{flex-wrap:wrap}
.pixel-tool .preview-panel{align-self:start}
.pixel-tool .frame-diagram{width:100%;height:auto;display:block;background:#f0efff;border-radius:12px}
.pixel-tool .frame-diagram rect{fill:#243348}
.pixel-tool .pixel-diagram{display:block;width:150px;height:130px;margin:auto;background:#f0efff;border-radius:12px}
.pixel-tool .pixel-diagram rect{fill:#635bff}
.pixel-tool .preview-label{display:block;font-weight:700;margin:14px 0 7px}
.pixel-tool .error-message{color:#b42318;font-weight:650}
.pixel-tool .result-big,.pixel-tool .stat strong{overflow-wrap:anywhere}
.pixel-tool .command-section{margin-top:22px}
.pixel-tool .command-output{display:block;width:100%;min-height:130px;resize:vertical;padding:12px;font:12px/1.65 ui-monospace,monospace;border:1px solid var(--line-strong);border-radius:10px;background:#f9fafc}
.pixel-tool .command-section .btn{margin-top:10px}
.pixel-tool button:disabled{opacity:.5;cursor:not-allowed}
.pixel-tool .table-scroll{overflow-x:auto}
.pixel-tool table{border-collapse:collapse;width:100%;font-size:14px}
.pixel-tool th,.pixel-tool td{padding:10px;text-align:left;border-bottom:1px solid var(--line)}
.pixel-tool caption{text-align:left;margin-bottom:10px;color:var(--muted)}
.pixel-tool .content-card p{line-height:1.8}
.pixel-tool .content-card code{overflow-wrap:anywhere}
.pixel-tool .content-card ul+p,.pixel-tool .content-card ol+p{margin-top:12px}
@media(max-width:740px){.pixel-tool .preview-panel{position:static}.pixel-tool .stats-grid{grid-template-columns:1fr}.pixel-tool .result-big{font-size:30px}}