.dev-page{color:#263631;max-width:1440px;margin:auto;padding:28px 36px 64px;font-family:Inter,system-ui,sans-serif}.dev-page *{box-sizing:border-box}.dev-product-nav{border-bottom:1px solid #e1e7e4;flex-wrap:wrap;gap:7px;padding-bottom:16px;display:flex}.dev-product-nav a{color:#52635c;border-radius:22px;padding:9px 15px;font-size:13px;text-decoration:none}.dev-product-nav a[aria-current]{color:#116547;background:#e7f2ed;font-weight:600}.dev-heading{justify-content:space-between;align-items:center;gap:24px;margin:35px 0 25px;display:flex}.dev-eyebrow{letter-spacing:1.5px;color:#648076;font-size:10px;font-weight:700}.dev-heading h1{letter-spacing:-1.2px;margin:10px 0;font-size:clamp(25px,3vw,36px);font-weight:550}.dev-heading p,.dev-title p{color:#6a7771;margin:0;font-size:14px;line-height:1.6}.dev-private{color:#60776b;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.dev-search{background:#f4f7f5;border:1px solid #e2e8e4;border-radius:30px;align-items:center;gap:12px;max-width:680px;margin:0 0 30px;padding:13px 20px;display:flex}.dev-search input{width:100%;font:inherit;background:0 0;border:none;outline:none;font-size:14px}.dev-search:focus-within{outline-offset:2px;outline:2px solid #408768}.dev-layout{grid-template-columns:205px minmax(0,1fr);gap:28px;display:grid}.dev-tools{flex-direction:column;align-self:start;gap:6px;display:flex}.dev-page button{font:inherit;cursor:pointer;color:#39564a;background:#fff;border:1px solid #dce5df;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:inline-flex}.dev-page button:disabled{opacity:.45;cursor:not-allowed}:is(.dev-page button:focus-visible,.dev-page textarea:focus-visible,.dev-page select:focus-visible){outline-offset:3px;outline:2px solid #17704f}.dev-tools button{text-align:left;background:0 0;border:none;border-radius:12px;justify-content:space-between;padding:14px 15px}.dev-tools button:hover{background:#f1f6f3}.dev-tools button[aria-pressed=true]{color:#0f6241;background:#e6f2eb}.dev-tools strong{font-size:13px;font-weight:600;display:block}.dev-tools small{color:#77867d;margin-top:4px;font-size:11px;display:block}.dev-workbench{background:#fff;border:1px solid #e0e7e2;border-radius:18px;min-width:0;padding:25px}.dev-title{border-bottom:1px solid #edf0ed;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:20px;display:flex}.dev-title h2{margin:0 0 4px;font-size:20px;font-weight:600}.dev-icon{color:#347256;background:#f0f6f2;border-radius:12px;place-items:center;min-width:44px;height:44px;display:grid}.dev-controls,.dev-actions{flex-wrap:wrap;align-items:end;gap:10px;margin:16px 0;display:flex}.dev-controls label{flex-direction:column;gap:6px;font-size:12px;display:flex}.dev-controls select,.dev-controls input{height:36px;font:inherit;background:#fff;border:1px solid #dce5df;border-radius:7px;padding:6px 10px}.dev-controls input{width:100px}.dev-page .dev-primary{color:#fff;background:#176b4d;border-color:#176b4d}.dev-editors{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dev-editors.single{grid-template-columns:1fr}.dev-editors label{flex-direction:column;gap:9px;min-width:0;font-size:12px;font-weight:600;display:flex}.dev-editors textarea{resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;color:#283f33;background:#fafcfb;border:1px solid #dfe7e2;border-radius:10px;width:100%;height:300px;padding:16px;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.dev-editors label>span{color:#76817a;font-size:10px;font-weight:400}.dev-info,.dev-error,.dev-notice{color:#536c5d;background:#f1f6f3;border-radius:8px;padding:12px;font-size:12px;line-height:1.6}.dev-error{color:#a53524;background:#fff2ef}.dev-bottom{color:#79857e;margin:28px 0;font-size:12px;line-height:1.8}.dev-bottom a{color:#256e4e;display:block}.dev-workbench .ut-data-grid{grid-template-columns:1fr 1fr}.dev-workbench .ut-download{margin-top:15px}.dev-workbench .ut-code{min-height:260px}.dev-workbench .ut-data-controls{flex-wrap:wrap}.dev-workbench .ut-notice{font-size:12px}.dev-workbench .ut-card-title h2{font-size:14px}@media (max-width:1000px){.dev-layout{grid-template-columns:1fr}.dev-tools{flex-flow:wrap}.dev-tools button{padding:10px 13px}.dev-tools small,.dev-private{display:none}.dev-heading{margin-top:25px}}@media (max-width:640px){.dev-page{padding:20px 15px 80px}.dev-workbench{padding:16px}.dev-editors,.dev-workbench .ut-data-grid{grid-template-columns:1fr}.dev-heading h1{font-size:27px}.dev-editors textarea{height:230px}.dev-tools{gap:2px}.dev-tools button{font-size:11px}.dev-tools strong{font-size:12px}.dev-product-nav a{padding:8px 10px;font-size:11px}}
