.app{width: min(1280px, calc(100% - 32px));margin: 22px auto 20px;background:#fffdf8;border:1px solid #e2d8c8;border-radius:14px;box-shadow:0 8px 30px rgba(20,30,50,.08);display:flex;flex-direction:column;overflow:}
.intro{padding: 16px 18px 12px;}
h1{font-size: 20px; margin: 0 0 5px;}
.intro p {
    color: var(--muted);
    font-size: 13px;
    margin: 0;
}
.panel{width: min(1240px, calc(100% - 40px));margin: 20px auto;background:#fffdf8;border:1px solid #e2d8c8;border-radius:10px;padding:20px;box-shadow:0 3px 12px #0000000a}.toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;align-items:end}.field label{display:block;font-size:13px;font-weight:bold;margin-bottom:6px}.field select,.field input{padding:9px;border:1px solid #ccc;border-radius:6px;background:white;font:inherit}.field input{width:90px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.area label{display:block;font-weight:bold;margin-bottom:7px}.editor{display:flex;height:410px;border:1px solid #ccc;border-radius:7px;overflow:hidden;background:#fff}.gutter{flex:0 0 42px;padding:12px 8px 12px 0;background:#f5f6f7;border-right:1px solid #e5e5e5;color:#888;text-align:right;font:13px/1.6 Consolas,monospace;white-space:pre;overflow:hidden;user-select:none}.editor textarea{flex:1;min-width:0;height:100%;resize:vertical;border:0;border-radius:0;padding:12px;font:13px/1.6 Consolas,monospace;tab-size:2;white-space:pre;overflow:auto;outline:none}.error-line{background:#fff0f0}.status.error{color:#b42318}.status.success{color:#18794e}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.btn{padding:10px 14px;border:1px solid #bbb;border-radius:6px;background:white;color:#111;font-weight:bold;cursor:pointer}.primary{background:#111;color:white;border-color:#111}.status{min-height:24px;margin-top:12px;font-size:13px;color:#555}.note{margin-top:18px;padding:12px;background:#f7f7f7;border:1px solid #e5e5e5;border-radius:7px;color:#555;font-size:13px}@media(max-width:700px){main{margin:22px auto}h1{font-size:25px}.panel{padding:14px}.columns{grid-template-columns:1fr}.editor{height:300px}.field select{max-width:100%}}