.dev-tool-page{--dt-accent:#087c5c;--dt-accent-dark:#076448;--dt-mint:#c7f4e2;--dt-tint:#edf8f3;--dt-ink:#263447;--dt-muted:#627389;--dt-line:#dfe7e9;--dt-canvas:#f5f8f9}.dev-tool-page:not(.dev-tool-api-tester){--accent:#087c5c;--tint:#edf8f3;--soft:#edf8f3;--dark:#076448;background:radial-gradient(ellipse at 85% 0,#e7f4ee80,transparent 40%),#f5f8f9;color:var(--dt-ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}.dev-tool-page *{box-sizing:border-box}.dev-tool-page:not(.dev-tool-api-tester) .container,.dev-tool-page:not(.dev-tool-api-tester) .wrap{max-width:1240px}.dev-tool-page:not(.dev-tool-api-tester) .nav-content,.dev-tool-page:not(.dev-tool-api-tester) .nav-in,.dev-tool-page:not(.dev-tool-api-tester) .nav-inner{max-width:1240px;margin:auto;min-height:76px;height:auto;flex-wrap:wrap;gap:14px;padding-top:15px;padding-bottom:15px}.dev-tool-page:not(.dev-tool-api-tester) .top,.dev-tool-page:not(.dev-tool-api-tester) .topbar,.dev-tool-page:not(.dev-tool-api-tester)>.nav{background:#f5f8f9ed;border-color:var(--dt-line);box-shadow:none}.dev-tool-page .links a,.dev-tool-page .nav-links a,.dev-tool-page .navlinks a{font-size:12px}.dev-tool-page .crumb{font-size:11px;color:var(--dt-muted)}.dev-tool-page .dt-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:52px;max-width:1180px;margin:0 auto;padding:44px 0 34px;text-align:left;background:0 0;border:0;border-radius:0;box-shadow:none;overflow:visible}.dt-hero-copy{min-width:0}.dev-tool-page .dt-eyebrow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;width:fit-content;margin:0 0 20px;color:var(--dt-muted);font-size:9px;line-height:1.6;font-weight:750;letter-spacing:.11em;text-decoration:none}.dt-eyebrow>span{display:grid;place-items:center;width:29px;height:24px;border:1px solid #d5e7de;border-radius:6px;background:#fff;color:var(--dt-accent);font:700 11px Consolas,monospace;letter-spacing:-1px}.dt-eyebrow i{width:3px;height:3px;background:#a6b9b2;border-radius:50%}.dev-tool-page .dt-hero h1{font-size:clamp(33px,3.6vw,50px);line-height:1.08;font-weight:780;letter-spacing:-.055em;text-align:left;max-width:750px;color:var(--dt-ink);margin:0 0 19px}.dev-tool-page .dt-hero-copy>p{font-size:14px;line-height:1.85;max-width:640px;color:var(--dt-muted);margin:0 0 12px;text-align:left}.dev-tool-page .dt-hero .dev-hint,.dev-tool-page .dt-hero .note{font-size:10px;line-height:1.8;color:var(--dt-muted);margin:14px 0 0;background:0 0;border:0;padding:0}.dt-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:23px}.dev-tool-page .dt-start{display:inline-flex;align-items:center;gap:23px;min-height:43px;padding:11px 16px;background:var(--dt-accent);border:1px solid var(--dt-accent);border-radius:10px;box-shadow:0 5px 12px #087c5c14;color:#fff;font-size:12px;font-weight:650;text-decoration:none}.dev-tool-page .dt-start:hover{background:var(--dt-accent-dark);border-color:var(--dt-accent-dark)}.dev-tool-page .dt-guide-link{font-size:11px;font-weight:650;color:var(--dt-muted);text-decoration:none}.dt-guide-link>span{margin-left:7px}.dt-visual{position:relative;min-width:0;padding:17px 5px 0 0}.dt-visual::before{content:"";position:absolute;inset:0 -13px 14px 18px;border:1px solid #d8e8e2;background:radial-gradient(#95b3a347 .8px,transparent .8px) 0 0/11px 11px,#eaf4ef;border-radius:22px;z-index:0;transform:rotate(3deg)}.dt-terminal{position:relative;overflow:hidden;background:#162b2a;border:1px solid #203e37;border-radius:15px;box-shadow:0 16px 34px #11382b19;transform:rotate(-2deg);color:#dcebe5}.dt-terminal-bar{display:flex;align-items:center;gap:15px;padding:14px 15px;background:#1d3330;border-bottom:1px solid #2b433e;color:#a7beb4;font:10px/1.5 Consolas,monospace;letter-spacing:.01em}.dt-dots{display:flex;gap:4px}.dt-dots i{width:6px;height:6px;border-radius:50%;background:#e1a691}.dt-dots i:nth-child(2){background:#dfcb8c}.dt-dots i:nth-child(3){background:#94bba3}.dt-terminal-mark{margin-left:auto;color:#789a8d;font-size:14px}.dt-terminal-lines{display:grid;gap:9px;padding:24px 16px 25px}.dt-terminal-lines>div{display:flex;gap:14px;min-height:15px}.dt-line-number{color:#668b7b;font:9px/1.8 Consolas,monospace;flex:0 0 15px;user-select:none}.dt-terminal-lines code{display:block;white-space:pre;font:11px/1.65 Consolas,SFMono-Regular,monospace;color:#deebe5}.dt-comment{color:#8caa9d}.dt-purple{color:#d4b5f2}.dt-blue{color:#a7d5f4}.dt-green{color:#afe7c3}.dt-gold{color:#e6d29d}.dt-terminal-footer{display:flex;justify-content:space-between;gap:10px;padding:12px 15px;border-top:1px solid #2b433e;font:7px/1.6 Consolas,monospace;letter-spacing:.08em;color:#90b6a2}.dt-terminal-footer>span:last-child{color:#6f9783}.dt-visual-caption{position:relative;display:flex;justify-content:center;gap:7px;align-items:center;margin-top:22px;color:var(--dt-muted);font-size:10px}.dt-visual-caption>span{color:var(--dt-accent);font-size:14px}.dt-family-design .dt-terminal{background:#24283b;border-color:#373a54}.dt-family-design .dt-terminal-bar{background:#2b3045;border-color:#3d4058}.dt-family-design .dt-terminal-footer{border-color:#3d4058}.dt-family-web .dt-terminal{background:#182b3b;border-color:#294356}.dt-family-web .dt-terminal-bar{background:#203448;border-color:#2f475b}.dt-family-web .dt-terminal-footer{border-color:#2f475b}.dt-workflow{max-width:1180px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:15px 0;margin:0 auto 23px;border-top:1px solid var(--dt-line);border-bottom:1px solid var(--dt-line)}.dt-workflow-label{display:flex;align-items:center;gap:9px;font-size:8px;font-weight:750;letter-spacing:.1em;color:var(--dt-muted)}.dt-workflow-label>span{font-size:17px;color:var(--dt-accent)}.dt-workflow ol{display:flex;gap:20px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.dt-workflow li{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--dt-muted)}.dt-workflow li>span{font:10px Consolas,monospace;color:#668477;background:#edf6f1;border:1px solid #d9e9e0;border-radius:5px;padding:4px 5px}.dev-tool-page .dt-workflow>a{font-size:10px;font-weight:650;color:var(--dt-accent);text-decoration:none}.dev-tool-page:not(.dev-tool-api-tester) #workspace{max-width:1180px;scroll-margin-top:110px;border:1px solid #dce5e5;border-radius:18px;background:#fff;box-shadow:0 8px 30px #25483c08;overflow:visible}.dev-tool-page:not(.dev-tool-api-tester) #workspace.editor{padding:25px}.dev-tool-page:not(.dev-tool-api-tester) #workspace .editor-head,.dev-tool-page:not(.dev-tool-api-tester) #workspace .workspace-head,.dev-tool-page:not(.dev-tool-api-tester) #workspace .workspace-header{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2eae6;background:#f8fbf9;border-radius:11px;padding:16px 18px;margin-bottom:23px}.dev-tool-page:not(.dev-tool-api-tester) #workspace .editor-head h2,.dev-tool-page:not(.dev-tool-api-tester) #workspace .workspace-head h2,.dev-tool-page:not(.dev-tool-api-tester) #workspace .workspace-header h2{font-size:18px!important;font-weight:700;letter-spacing:-.03em;color:#2b453a;margin:0}.dev-tool-page:not(.dev-tool-api-tester) #workspace .editor-head>span,.dev-tool-page:not(.dev-tool-api-tester) #workspace .pill,.dev-tool-page:not(.dev-tool-api-tester) #workspace .workspace-head>p{font-size:10px;color:#6e877b;background:0 0}.dev-tool-page:not(.dev-tool-api-tester) #workspace .field>label{font-size:12px;font-weight:650;color:#55677b}.dev-tool-page:not(.dev-tool-api-tester) #workspace input:not([type=color]):not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]),.dev-tool-page:not(.dev-tool-api-tester) #workspace select,.dev-tool-page:not(.dev-tool-api-tester) #workspace textarea{border:1px solid #dce4e9;border-radius:9px;background:#fbfcfd;color:#344057;box-shadow:none;font-size:13px}.dev-tool-page:not(.dev-tool-api-tester) #workspace textarea{line-height:1.8;tab-size:2}.dev-tool-page:not(.dev-tool-api-tester) #workspace textarea[readonly]{background:#1b2a30;color:#d7e8e0;border-color:#2e4445;font-family:Consolas,SFMono-Regular,monospace}.dev-tool-page:not(.dev-tool-api-tester) #workspace input::placeholder,.dev-tool-page:not(.dev-tool-api-tester) #workspace textarea::placeholder{color:#788b9b}.dev-tool-page:not(.dev-tool-api-tester) #workspace textarea[readonly]::placeholder{color:#9db5ae}.dev-tool-page:not(.dev-tool-api-tester) input[type=checkbox],.dev-tool-page:not(.dev-tool-api-tester) input[type=radio],.dev-tool-page:not(.dev-tool-api-tester) input[type=range]{accent-color:var(--dt-accent)}.dev-tool-page:not(.dev-tool-api-tester) #workspace .btn{border-radius:9px;border-color:#dce5e1;font-size:12px;font-weight:650;box-shadow:none}.dev-tool-page:not(.dev-tool-api-tester) #workspace .btn.secondary{background:#fff;color:#526b60;border-color:#dce5e1}.dev-tool-page:not(.dev-tool-api-tester) #workspace #generate,.dev-tool-page:not(.dev-tool-api-tester) #workspace #run,.dev-tool-page:not(.dev-tool-api-tester) #workspace .btn.primary{background:var(--dt-accent);border-color:var(--dt-accent);color:#fff;box-shadow:0 4px 10px #087c5c10}.dev-tool-page:not(.dev-tool-api-tester) #workspace #generate:not(:disabled):hover,.dev-tool-page:not(.dev-tool-api-tester) #workspace #run:not(:disabled):hover,.dev-tool-page:not(.dev-tool-api-tester) #workspace .btn.primary:not(:disabled):hover{background:var(--dt-accent-dark)}.dev-tool-page:not(.dev-tool-api-tester) #workspace .dev-settings{border-color:#dce9e1;background:#f7faf8;border-radius:12px;padding:18px;gap:16px}.dev-tool-page:not(.dev-tool-api-tester) #workspace .dev-settings label{color:#5f7368;font-size:12px}.dev-tool-page:not(.dev-tool-api-tester) #workspace .dev-settings .dev-hint{font-size:11px;line-height:1.8}.dev-tool-page:not(.dev-tool-api-tester) #workspace input[type=file]{font-size:11px;color:#64748b}.dev-tool-page:not(.dev-tool-api-tester) #workspace input[type=file]::file-selector-button{border:1px solid #d8e4de;border-radius:7px;background:#fff;color:#526d60;padding:8px 11px;margin-right:9px;cursor:pointer}.dev-tool-page:not(.dev-tool-api-tester) #workspace .hint,.dev-tool-page:not(.dev-tool-api-tester) #workspace .mini,.dev-tool-page:not(.dev-tool-api-tester) #workspace .small{font-size:11px;line-height:1.8;color:#64748b}.dev-tool-page:not(.dev-tool-api-tester) #workspace .output{border-radius:10px;border-color:#dce5e7}.dev-tool-page:not(.dev-tool-api-tester) .dev-note{font-size:11px;line-height:1.85;border-color:#dbe9e1;background:#f1f8f4;color:#557365;border-radius:12px}.dev-tool-page:not(.dev-tool-api-tester) .dev-contents{gap:8px}.dev-tool-page:not(.dev-tool-api-tester) .dev-contents a{border-color:#dde7e2;border-radius:8px;font-size:11px;background:#fff;color:#5e776b;padding:8px 13px}.dev-tool-page:not(.dev-tool-api-tester) .dev-contents a:first-child{background:#eaf5ef;color:#2e7359;border-color:#cee4d7}.dev-tool-page:not(.dev-tool-api-tester) .dev-guide{max-width:1180px;border-color:#dfe8e3}.dev-tool-page:not(.dev-tool-api-tester) .dev-guide h2{font-size:25px;letter-spacing:-.035em;color:#2c4038;font-weight:700}.dev-tool-page:not(.dev-tool-api-tester) .dev-guide h3{font-size:18px;color:#41584b}.dev-tool-page:not(.dev-tool-api-tester) .dev-guide li,.dev-tool-page:not(.dev-tool-api-tester) .dev-guide p{font-size:13px;line-height:1.9;color:#64748b;max-width:950px}.dev-tool-page:not(.dev-tool-api-tester) .dev-guide pre{background:#1b2a30;border-color:#2e4445;color:#d7e8e0;border-radius:12px;font:12px/1.85 Consolas,monospace}.dev-tool-page:not(.dev-tool-api-tester) .dev-guide summary{font-size:13px;color:#405b4d}.dev-tool-page:not(.dev-tool-api-tester) .dev-guide .related a{border:1px solid #dce8e0;border-radius:8px;background:#f7fbf9;color:#42705b;font-size:11px}.dev-tool-page:not(.dev-tool-api-tester) button:disabled{box-shadow:none;cursor:not-allowed}.dev-tool-page:not(.dev-tool-api-tester) :focus-visible{outline:3px solid var(--dt-accent)!important;outline-offset:4px!important}.dev-tool-page:not(.dev-tool-api-tester) .footer,.dev-tool-page:not(.dev-tool-api-tester) footer{background:0 0;border-color:#e0e7e4;font-size:12px}.dev-tool-api-tester .dt-hero,.dev-tool-api-tester .dt-workflow{max-width:1480px;padding-left:22px;padding-right:22px}.dev-tool-api-tester .app{border-radius:18px}html[data-theme=dark] .dev-tool-api-tester{--dt-ink:#e0e9f4;--dt-muted:#a1b1c4;--dt-line:#2d3d4f;--dt-accent:#85d8b8;--dt-accent-dark:#6ac6a4}html[data-theme=dark] .dev-tool-api-tester .dt-start{color:#102c24}html[data-theme=dark] .dev-tool-api-tester .dt-eyebrow>span{background:#172b2a;border-color:#375449}html[data-theme=dark] .dev-tool-api-tester .dt-visual::before{background:radial-gradient(#648f7e47 .8px,transparent .8px) 0 0/11px 11px,#162924;border-color:#314a3e}html[data-theme=dark] .dev-tool-api-tester .dt-workflow li>span{background:#1b342c;border-color:#345347;color:#a3c6b5}.dev-tool-page [hidden]{display:none!important}@media(max-width:1050px){.dev-tool-page .dt-hero{gap:30px}.dt-terminal-lines code{font-size:10px}.dt-terminal-lines{padding:20px 12px;gap:8px}.dt-terminal-lines>div{gap:10px}.dt-workflow-label{display:none}}@media(max-width:800px){.dev-tool-page .dt-hero{grid-template-columns:1fr;padding:30px 0;gap:25px}.dev-tool-page .dt-hero h1{font-size:42px}.dt-visual{width:100%;max-width:520px;padding-right:10px}.dt-terminal-lines code{font-size:12px}.dt-terminal-lines{padding:22px 16px}.dev-tool-page:not(.dev-tool-api-tester) #workspace.editor{padding:20px}.dev-tool-api-tester .dt-hero{padding-left:22px;padding-right:22px}.dt-hero-actions{gap:20px}.dt-visual-caption{justify-content:flex-start;margin-left:10px}}@media(max-width:560px){.dev-tool-page .dt-hero h1{font-size:34px}.dev-tool-page .dt-hero-copy>p{font-size:13px}.dev-tool-page .dt-eyebrow{font-size:8px;gap:7px}.dt-terminal-lines code{font-size:10px}.dt-terminal-lines>div{gap:10px}.dt-terminal-bar{padding:12px}.dt-terminal-footer{font-size:6px;padding:11px}.dt-visual::before{right:0}.dt-workflow{gap:13px;padding:13px 0}.dt-workflow ol{gap:12px}.dt-workflow li{font-size:9px;gap:5px}.dt-workflow li>span{font-size:8px}.dev-tool-page:not(.dev-tool-api-tester) #workspace.editor{padding:16px}.dev-tool-page:not(.dev-tool-api-tester) #workspace .editor-head,.dev-tool-page:not(.dev-tool-api-tester) #workspace .workspace-head,.dev-tool-page:not(.dev-tool-api-tester) #workspace .workspace-header{padding:14px}.dev-tool-page:not(.dev-tool-api-tester) #workspace .dev-settings{padding:14px}.dev-tool-page:not(.dev-tool-api-tester) .dev-guide h2{font-size:23px}.dev-tool-page:not(.dev-tool-api-tester) #workspace .actions{gap:8px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.dev-tool-page *,.dev-tool-page ::after,.dev-tool-page ::before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.dev-tool-page .dt-hero-actions,.dev-tool-page .dt-visual,.dev-tool-page .dt-workflow{display:none!important}}