:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;color:#243b48;background:#f7f9fa;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex}button,a,textarea{font:inherit}button{cursor:pointer;transition:.16s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #20a497;outline-offset:3px}aside{width:258px;background:#112c33;color:#b4c9cb;min-height:100vh;padding:32px 22px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;font-size:23px;letter-spacing:-1px;color:white;text-decoration:none;font-weight:650}.logo{display:grid;place-items:center;width:32px;height:34px;background:#8ae0c0;color:#153a36;border-radius:9px;margin-right:10px;font-size:23px}.dot{color:#8ae0c0}.workspace{border:1px solid #345057;border-radius:7px;padding:12px;margin:32px 0 35px;font-size:12px}.workspace span{float:right}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#7d9b9e}.db{font-size:12px;margin:22px 0 16px;color:#e2efee}.green{color:#80dbb7}.db small{float:right;color:#819fa4;font-size:10px}.schema-table{border:0;background:transparent;color:#c4d4d7;width:100%;text-align:left;padding:10px;border-radius:5px;display:flex;justify-content:space-between;font-size:13px}.schema-table:hover{background:#24434a;color:#a6efd4}.schema-cols{font-size:11px;padding:0 10px 8px 27px;line-height:1.9;color:#85a2a8}.aside-bottom{position:absolute;bottom:27px;font-size:11px;line-height:2}.aside-bottom small{color:#78969d}main{margin-left:258px;width:calc(100% - 258px);padding:0 48px;max-width:1700px}header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e9eb;font-size:12px;color:#73858d}header b{padding:0 13px;font-weight:400;color:#bdc8cb}.pill{border:1px solid #d4e5df;color:#3e796c;background:#edf5f1;border-radius:20px;padding:6px 12px;font-size:11px}.intro{margin:39px 0 29px}.intro .eyebrow{color:#278c78}h1{font-size:32px;letter-spacing:-.9px;margin:13px 0;font-weight:650;color:#173940}.intro p{color:#7e8d92;margin:0;font-size:13px}.stats{display:grid;grid-template-columns:1.3fr .7fr 1fr;border:1px solid #e1e7e8;border-radius:9px;background:white;padding:20px 0;margin-bottom:25px}.stats>div{padding:0 25px;border-right:1px solid #e7eded}.stats>div:last-child{border:0}.stats span{display:block;color:#829298;font-size:11px;margin-bottom:9px}.stats strong{font-size:19px;font-weight:600}.stats i{font-size:9px;color:#278c78;background:#eaf5ef;padding:4px 6px;border-radius:3px;font-style:normal;vertical-align:middle;margin-left:6px}.stats small{font-size:12px;font-weight:400;color:#92a1a5}.panel{border:1px solid #dfe7e8;background:white;border-radius:9px;overflow:hidden;box-shadow:0 3px 5px #183e4603}.panel-head{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 20px;border-bottom:1px solid #e7edee}.tab{font-size:12px;font-weight:600}.file{font:11px monospace;color:#9aabad;margin-left:20px}.quiet{border:0;background:none;color:#7e9196;font-size:11px;padding:7px}.quiet:hover{color:#148673}.editor-wrap{display:flex;background:#fcfdfd;padding:21px 0 18px;min-height:238px}.line-numbers{font:13px/25px monospace;color:#bcc8cc;text-align:right;width:48px;padding-right:17px;border-right:1px solid #edf0f1}textarea{background:transparent;resize:vertical;border:0;outline:0;width:calc(100% - 48px);min-height:200px;padding:0 20px;font:13px/25px "SFMono-Regular",Consolas,monospace;color:#236a6c;tab-size:2}.editor-bottom{min-height:62px;padding:12px 19px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e7edee}.editor-bottom>span{font-size:10px;color:#94a0a4}.editor-bottom small{display:block;margin-top:5px;font-size:10px}#run{border:0;border-radius:6px;background:#187f6b;color:white;padding:11px 19px;font-size:12px;font-weight:600;white-space:nowrap}#run:hover{background:#116351}.examples{display:flex;gap:8px;align-items:center;margin:17px 0 25px;flex-wrap:wrap}.examples>span{font-size:11px;color:#95a2a7;margin-right:7px}.examples button{background:white;border:1px solid #dfe7e8;border-radius:5px;padding:7px 12px;font-size:11px;color:#688187}.examples button:hover{border-color:#218b73;color:#187f6b}.result-tab{border:0;background:none;height:54px;margin-right:20px;color:#91a0a5;font-size:12px;padding:0 2px}.result-tab.active{color:#237c69;border-bottom:2px solid #237c69;font-weight:600}.result-tab span{background:#edf1f2;padding:2px 5px;font-size:10px;margin-left:5px}#status{font-size:11px;color:#6c8487;padding:12px 20px;background:#fafcfc;border-bottom:1px solid #edf1f1}#status.error{color:#a63c3c;background:#fff1f1}.empty{text-align:center;padding:35px 15px 40px}.empty>span{font-size:30px;color:#a1beb7;display:inline-grid;place-items:center;border:1px solid #dce8e4;border-radius:12px;width:54px;height:54px;background:#f4f9f7}.empty h3{font-size:13px;font-weight:500;color:#637e83;margin:17px 0 9px}.empty p{font-size:11px;color:#99a8ac}.table-wrap{overflow:auto;max-height:380px}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}th{text-align:left;background:#f5f8f8;color:#698087;font-weight:500;position:sticky;top:0}th,td{padding:13px 20px;border-bottom:1px solid #edf1f1}td{font-family:monospace}tbody tr:hover{background:#f4faf7}.null{color:#a8b4b6;font-style:italic}.history-item{padding:15px 20px;border-bottom:1px solid #edf1f1;display:flex;gap:15px;align-items:center}.history-item code{flex:1;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.history-item small{color:#87999d;font-size:10px}footer{display:flex;justify-content:space-between;align-items:center;margin:21px 0 7px;font-size:10px;color:#75908f}.muted{color:#a4b1b4}.note{font-size:10px;color:#8c9da2;margin-bottom:25px}.mobile{display:none}@media(min-width:1500px){main{padding-left:70px;padding-right:70px}}@media(max-width:1050px){aside{width:215px;padding:28px 16px}main{margin-left:215px;width:calc(100% - 215px);padding:0 25px}.stats>div{padding:0 17px}}@media(max-width:720px){aside{position:relative;width:100%;min-height:0;padding:18px 20px}.brand{font-size:20px}.workspace,.aside-bottom,aside>.eyebrow{display:none}.db{margin:18px 0 9px}#schema{display:flex;gap:4px;overflow:auto}.schema-table{width:auto;gap:12px;white-space:nowrap;border:1px solid #315159}.schema-cols{display:none}body{display:block}main{margin:0;width:100%;padding:0 18px}header{height:55px}.intro{margin:28px 0 22px}h1{font-size:27px}.stats{padding:16px 0}.stats>div{padding:0 12px}.stats strong{font-size:15px}.stats i,.stats small,.file{display:none}.editor-bottom>span{max-width:160px;font-size:9px}.editor-bottom{padding:12px}.panel-head{padding:0 14px}.examples{gap:6px}.examples button{padding:7px 9px}.note{line-height:1.7}.result-tab{margin-right:12px}}