*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:100%;min-height:calc(100vh - 40px);margin:20px 0;padding:30px;display:flex;box-shadow:0 10px 40px #00000014}h1{color:#1a1a2e;align-items:center;gap:10px;margin-bottom:24px;font-size:22px;display:flex}h1 small{color:#888;font-size:14px;font-weight:400}.panels{flex:1;gap:20px;min-height:500px;display:flex}.panel{flex-direction:column;flex:1;display:flex}.panel label{color:#444;margin-bottom:8px;font-size:13px;font-weight:600}.panel textarea,.panel pre{resize:none;white-space:pre-wrap;word-wrap:break-word;background:#fafbfc;border:1px solid #d9dce1;border-radius:10px;flex:1;padding:12px 15px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:1.6;overflow-y:auto}.panel textarea:focus{border-color:#4a90d9;outline:none;box-shadow:0 0 0 3px #4a90d926}.panel pre{background:#f0f2f5;border-color:#e0e2e6;margin:0}.actions{justify-content:center;gap:16px;margin-top:18px;display:flex}button{cursor:pointer;color:#fff;letter-spacing:.5px;background:#4a90d9;border:none;border-radius:28px;padding:10px 32px;font-size:15px;font-weight:600;transition:all .2s}button:hover{background:#357abd;transform:translateY(-1px);box-shadow:0 4px 12px #4a90d959}button:disabled{cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}button:disabled:hover{box-shadow:none;background:#ccc;transform:none}button.secondary{color:#333;background:#e4e7ed}button.secondary:hover{box-shadow:none;background:#cdd0d6;transform:none}.footer-note{text-align:center;color:#aaa;margin-top:14px;font-size:12px}