:root{--accent:#007bff;--ink:#222;--sub:#555;--bg:#fff;--border:#e6e6e6}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.35}.app{display:grid;grid-template-columns:320px 1fr;gap:0;min-height:100%}.editor{border-right:1px solid var(--border);padding:16px 14px;position:sticky;top:0;height:100vh;overflow:auto;background:#fafafa}.preview{padding:12px 16px 40px;max-width:1400px;margin:0 auto}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:6px 0 12px}.toolbar button,.toolbar label{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#fff;padding:8px 10px;border-radius:8px;font-size:14px;cursor:pointer}.toolbar .primary{background:var(--accent);color:#fff;border-color:var(--accent)}.toolbar input[type=file]{display:none}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--sub);margin-bottom:4px}.field input[type=text],.field input[type=url],.field textarea,.field input[type=color]{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:#fff}.field textarea{min-height:72px;resize:vertical}.sectionList{margin-top:12px}.sectionCard{border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:10px;background:#fff}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.sectionHeader input{flex:1;font-weight:600}.sectionActions button{margin-left:6px}.block{border-top:1px dashed var(--border);padding-top:10px;margin-top:10px}.blockTitle{font-size:12px;color:var(--sub);margin-bottom:6px}.cheatsheet-title{text-align:center;margin:0 0 8px;font-size:2rem;line-height:1.15}.meta-note{text-align:center;font-size:12px;margin-bottom:12px;color:#555}.github-corner svg{position:absolute;top:0;right:0;border:0;color:#fff;fill:var(--accent)}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}.watermark{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:-1;opacity:.065}.watermark pre{margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:11px;line-height:1.05;white-space:pre;text-align:center;letter-spacing:.5px;color:#111;text-shadow:0 0 2px rgba(0,0,0,.15)}.container{column-count:2;column-gap:28px}section{break-inside:avoid-column;margin:0 0 12px;padding:0 0 4px}h2{border-bottom:1px solid #666;padding:0 0 2px;margin:0 0 4px;font-size:1.05rem}h3{border-bottom:1px solid #999;padding:0 0 2px;margin:4px 0;font-size:.85rem;font-weight:600}table.compact{width:100%;border-collapse:collapse;margin:0 0 8px;font-size:.7rem;table-layout:fixed}table.compact tr{border-bottom:1px solid #eee}table.compact tr:last-child{border-bottom:none}table.compact th,table.compact td{text-align:left;padding:2px 4px 1px;vertical-align:top;word-break:break-word;background:transparent}table.compact th:first-child,table.compact td:first-child{padding-left:0}table.compact th{background:transparent;font-weight:600}code{background:transparent;padding:0 2px;border-radius:2px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.65rem;white-space:nowrap;font-weight:600;letter-spacing:.3px}code.sm{font-size:.58rem;letter-spacing:.2px}.note{margin:0 0 6px;font-size:.7rem;color:#444}.print-button{display:inline-block;margin:8px auto 16px;padding:8px 14px;background-color:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;text-align:center;font-size:14px}@media (max-width: 900px){.app{grid-template-columns:1fr}.editor{position:static;height:auto}.container{column-count:1}table.compact{font-size:.8rem}code{font-size:.7rem}}@media print{@page{size:A4;margin:.6cm .6cm .7cm}body{margin:0;padding:.32cm .38cm .48cm;font-size:9pt}.editor,.toolbar{display:none!important}.preview{padding:0}.cheatsheet-title{font-size:20pt;margin:0 0 4px}.meta-note{position:fixed;bottom:.35cm;left:.55cm;right:.55cm;font-size:7pt;margin:0;text-align:center;color:#555;background:transparent}.meta-note .screen-note{display:none!important}.meta-note:before{content:"by " attr(data-author);font-weight:500}.print-button{display:none}.container{column-count:3;column-gap:14px}section{break-inside:avoid}h1,h2,h3{page-break-after:avoid;break-after:avoid}table.compact{font-size:6.7pt;margin:0 0 6px}table.compact th,table.compact td{padding:1px 3px 0}code{font-size:6pt;background:transparent}.watermark{opacity:.11}table.compact tr:first-child{display:none}.container table.compact:first-of-type tr:first-child{display:table-row}h2{font-size:10pt}h3{font-size:7.5pt}.note{font-size:6.1pt;margin:0 0 4px}}