:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#252539;background:#f7f8fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid #dddff1;background:#fff;border-radius:10px;padding:9px 13px;color:#373457;font-weight:600}button:hover{background:#f4f2ff}button.primary{background:#6158dc;border-color:#6158dc;color:#fff}button.primary:hover{background:#5046d0}header{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:15px 24px;background:#fff;border-bottom:1px solid #e4e7f3;flex-wrap:wrap}.logo{font-size:20px;font-weight:850;letter-spacing:-.5px;display:flex;align-items:center;gap:9px}.logo b{color:#6257e1}.mark{background:#6158dc;color:#fff;width:35px;height:35px;display:grid;place-items:center;border-radius:11px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}select{border:1px solid #dddff1;padding:9px 11px;border-radius:9px;background:#fff;color:#373457}main{max-width:1720px;margin:auto;padding:22px}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.heading h1{font-size:23px;margin:0 0 5px}.sub{color:#777a90;margin:0;font-size:14px}.workspace{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(380px,1.1fr);gap:16px;height:min(72vh,800px);min-height:490px}.panel{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #e2e4ee;border-radius:16px;box-shadow:0 6px 22px #22213d08;overflow:hidden}.panel-head{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 15px;border-bottom:1px solid #eceef6;font-size:14px;font-weight:700}.panel-head .muted{font-weight:400;color:#8a8ba1;font-size:12px}.panel-buttons{display:flex;gap:6px;flex-wrap:wrap}textarea{border:0;resize:none;outline:none;width:100%;height:100%;min-height:280px;padding:18px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#242c44;background:#fcfcff;-moz-tab-size:2;tab-size:2}#preview{height:100%;min-height:200px;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px}#preview svg{max-width:100%;height:auto;min-width:220px}#preview .error{white-space:pre-wrap;color:#a02e50;background:#fff3f6;border:1px solid #fbd2db;padding:20px;border-radius:10px;max-width:100%;overflow:auto;font:12px/1.5 monospace}#status{font-size:12px;color:#777a90}.caption{margin:10px 0 0;color:#9194a8;font-size:12px}footer{padding:25px 24px;text-align:center;color:#888ba1;font-size:12px}.links{display:flex;gap:16px;justify-content:center;margin-top:8px}.links a{color:#6257e1}.note{font-size:12px;color:#7f8297;margin:0}.ad{background:#f0f1f7;border:1px dashed #d7d9e5;border-radius:12px;margin-top:14px;padding:15px;text-align:center;color:#9b9cad;font-size:12px}@media(max-width:800px){main{padding:12px}.workspace{grid-template-columns:1fr;height:auto}.panel{min-height:320px}.panel:first-child{height:340px}.panel:last-child{height:460px}header{padding:13px}.heading h1{font-size:20px}}