:root{--paper:#f5f5ef;--ink:#192b2a;--muted:#66736e;--line:#dce1d8;--green:#246957;--mint:#d8eadb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--green)}header{height:88px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:750;letter-spacing:.1em;text-decoration:none;color:var(--ink)}.brandmark{width:36px;height:36px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font:italic 26px Georgia,serif;border-radius:9px}.header-right{display:flex;gap:22px;align-items:center}.badge{font-size:12px;color:var(--green);background:var(--mint);padding:5px 12px;border-radius:20px}.text-button{border:0;background:none;color:var(--muted);font-size:13px}.workspace{max-width:1420px;margin:auto;padding:55px 5% 0}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;color:var(--green);margin:0 0 14px}h1{font-size:clamp(36px,4.4vw,60px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0}h2{font-size:18px;font-weight:600;margin:0}h3{font-size:18px;font-weight:600;margin:0 0 8px}.intro{font-size:16px;color:var(--muted);margin:18px 0 0}.version{font-size:12px;color:var(--muted);text-align:right}.workspace-grid{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(350px,1.3fr);gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;min-width:0}.section-heading{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.step{font-size:11px;color:var(--green);background:var(--paper);padding:5px 8px;border-radius:5px}label{display:block;font-size:13px;font-weight:650;margin:20px 0 8px}input,select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cbd3ca;border-radius:6px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}.optional{font-weight:400;color:var(--muted);margin-left:5px}.field-help{font-size:12px;color:var(--muted);margin:8px 0 20px}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:6px;background:var(--green);color:white;padding:14px 16px;font-weight:600;margin-top:25px}.primary:hover{background:#1c5546}.primary:disabled{opacity:.6;cursor:wait}#status,#login-error{font-size:12px;min-height:20px;margin:12px 0 0}#login-error,.error{color:#a4342b}.note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.meta{margin-left:auto;font-size:11px;color:var(--muted)}#empty-result{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#empty-result p{font-size:13px;color:var(--muted)}.empty-icon{font-size:50px;color:#95b7a7;font-family:Georgia,serif;margin-bottom:10px}.quiet{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.result-tabs{display:flex;gap:5px;margin-top:22px}.result-tabs button,.exports button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:6px 12px;font-size:12px;color:var(--ink)}.result-tabs .active{background:var(--mint);border-color:var(--mint)}pre{font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper);padding:16px;border-radius:6px}#result-content{min-height:210px;max-height:420px;overflow:auto}.exports{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.exports span{font-size:11px;color:var(--muted);margin-right:auto}.warning{background:#fff2d5;color:#82570e;font-size:12px;padding:10px}.integration{margin-top:24px;border:1px solid var(--line);border-radius:10px;background:#eef1e9}.integration summary{list-style:none;cursor:pointer;font-weight:600;font-size:14px;padding:22px 28px;display:flex;gap:20px}.integration summary>span:first-child{color:var(--green);font-size:12px}.plus{margin-left:auto}.integration-grid{padding:0 28px 28px;display:grid;grid-template-columns:1fr 1fr;gap:36px;font-size:13px}.integration dl{display:grid;grid-template-columns:70px 1fr;gap:8px;font-size:12px}.integration dt{color:var(--muted)}.integration dd{margin:0;overflow-wrap:anywhere}footer{padding:30px 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.06em;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:35px 20px;background:linear-gradient(145deg,#e2ebdf,var(--paper) 65%)}.login-card{width:100%;max-width:430px;background:#fff;padding:38px;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 70px #18332709}.login-card .brand{margin-bottom:45px}.login-card h1{font-size:48px}.login-card .intro{font-size:14px;margin-bottom:30px}.login-card>.quiet{margin-top:24px}.result-panel [hidden],[hidden]{display:none!important}@media(max-width:800px){header{height:72px}.badge{display:none}.workspace{padding-top:32px}.page-heading{margin-bottom:28px}.version{display:none}.workspace-grid,.integration-grid{grid-template-columns:1fr}.panel{padding:22px}footer{gap:20px}#empty-result{min-height:230px}.login-card{padding:30px}}

.legal-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;letter-spacing:normal}.login-card .legal-links{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.legal-page{max-width:850px;margin:auto;padding:52px 24px 0}.legal-page h1{font-size:clamp(30px,5vw,48px);overflow-wrap:anywhere}.legal-page article{margin-top:36px}.legal-page h2{margin-top:30px;font-size:21px}.legal-page p{line-height:1.8}.legal-page code{overflow-wrap:anywhere}.workspace footer{flex-wrap:wrap;gap:16px}.legal-page footer{border-top:1px solid var(--line);margin-top:40px}@media(max-width:600px){.legal-page{padding-top:30px}.legal-page~header{gap:10px}}