main{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;gap:24px}.panel-layout{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.panel-left,.panel-right{display:flex;flex-direction:column;gap:16px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px}.card-header{color:#fff;font-size:14px;font-weight:600;border-bottom:1px solid var(--border);padding-bottom:10px}.code-area{background:var(--bg3);color:#00a8ff;border:1px solid var(--border);font-family:monospace;font-size:13px;height:300px;padding:15px;border-radius:8px;resize:vertical}.result-status{padding:12px;border-radius:6px;font-weight:700;text-align:center}.result-status[data-status=safe]{background:var(--success-dim);color:var(--success);border:1px solid var(--success)}.result-status[data-status=unsafe]{background:#f8514926;border-color:var(--error);color:var(--error)}.explanation-box{color:var(--text);line-height:1.5;font-size:13px}@media(max-width:768px){.panel-layout{grid-template-columns:1fr}}