header nav{display:flex;flex-wrap:wrap;gap:16px}main{max-width:1480px}h1{margin-bottom:12px}#code-notice:not(:empty){padding:14px;border-radius:10px;background:#fff1ce}.code-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}#code-source{height:520px;resize:vertical;tab-size:2;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow:auto;background:#102b32;color:#d9f1df;border-color:#31545d;padding:18px}#code-dirty{color:#9b5516}.code-diff{display:grid;grid-template-columns:1fr 1fr;gap:16px}.code-diff>div{min-width:0}.code-diff pre{overflow:auto;max-height:380px;white-space:pre;font:12px/1.5 monospace;padding:15px;border-radius:8px;background:#eff3f0}.code-preview-shell{overflow:auto;background:#dfe6e2;padding:12px;border-radius:12px}#code-frame{display:block;width:100%;height:760px;border:0;background:white;margin:auto}#code-frame.mobile{width:390px;max-width:none}.actions select{width:auto;margin:0}details{margin:20px 0}summary{padding:8px 0}#code-check-result{color:#426619}@media(max-width:650px){.code-controls,.code-diff{grid-template-columns:1fr;gap:0}#code-source{height:420px;font-size:12px}.actions{align-items:stretch}.actions select{flex:1}#code-frame{height:650px}.panel{padding:16px}header nav{font-size:12px}header{gap:14px}}