.ql-page{min-height:100vh;background:#f4f8fc;padding-bottom:70px}.ql-intro{text-align:center;padding:60px 5vw 35px}.ql-intro h1{font-size:clamp(40px,5vw,62px);margin:10px 0 14px}.ql-intro p:last-child{max-width:700px;margin:auto;color:var(--muted);line-height:1.7}.workbench{max-width:1180px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #173c6914}.wb-top{padding:16px 20px;background:#071b38;color:white;display:flex;justify-content:space-between}.wb-top span{font-size:12px;color:#8fe0ae}.examples{padding:14px 18px;display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.examples button{background:#edf5ff;border:1px solid #cfdef0;border-radius:20px;padding:7px 11px;color:#195aaf;cursor:pointer}.editor{display:grid;grid-template-columns:42px 1fr;background:#071425;color:#dceaff;min-height:190px}.line-numbers{padding:20px 12px;text-align:right;color:#56708d;line-height:1.75;font-family:monospace}.editor textarea{resize:none;border:0;outline:0;background:transparent;color:#dceaff;padding:20px 15px;font:14px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.runbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.runbar button{background:var(--blue);color:white;border:0;border-radius:7px;padding:10px 16px;font-weight:750;cursor:pointer}.grid-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:#f6f8fb;color:#56667b}th,td{padding:13px 16px;border-bottom:1px solid var(--line);white-space:nowrap}td:first-child{font-weight:700;color:#15355d}.ql-next{text-align:center;padding:60px 20px 0}.ql-next h2{font-size:38px;margin-bottom:8px}.ql-next p{color:var(--muted);margin-bottom:25px}@media(max-width:700px){.workbench{margin:0 12px}.examples{overflow:auto;flex-wrap:nowrap}.ql-intro{padding-top:42px}}