.do-shell{--do-a1:#7c6cff;--do-a2:#3fd6c2;--do-grad:linear-gradient(120deg, var(--do-a1), var(--do-a2));max-width:1180px;padding:var(--space-xl,40px) var(--space-md,16px) var(--space-2xl,64px);margin:0 auto}.do-hero{text-align:center;margin-bottom:var(--space-xl,40px)}.do-kicker{font-size:var(--text-2xs,.68rem);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim,#888);margin:0 0 var(--space-sm,12px);align-items:center;gap:8px;display:inline-flex}.do-live-dot{background:var(--do-grad);border-radius:50%;width:8px;height:8px;animation:2.4s infinite do-ping}@keyframes do-ping{0%{box-shadow:0 0 #7c6cff73}70%{box-shadow:0 0 0 8px #3fd6c200}to{box-shadow:0 0 #3fd6c200}}.do-title{font-family:var(--font-display,"Space Grotesk", sans-serif);letter-spacing:-.02em;margin:0 0 var(--space-sm,12px);color:var(--ink,#e8e8e8);font-size:clamp(2.2rem,6vw,3.6rem);font-weight:700;line-height:1.02}.do-title em{background:var(--do-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.do-sub{max-width:680px;color:var(--ink-dim,#999);font-size:var(--text-lg,1.02rem);margin:0 auto;line-height:1.55}.do-sub strong{color:var(--ink,#e8e8e8);font-weight:600}.do-badges{margin:var(--space-md,16px) 0 0;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;list-style:none;display:flex}.do-badges li{font-size:var(--text-2xs,.68rem);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim,#999);border:1px solid var(--stroke,#ffffff14);border-radius:var(--radius-pill,999px);background:var(--surface-1,#ffffff08);padding:5px 12px}.do-grid{gap:var(--space-lg,22px);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}.do-form{gap:var(--space-md,16px);flex-direction:column;min-width:0;display:flex}.do-preview{gap:var(--space-md,16px);flex-direction:column;min-width:0;display:flex;position:sticky;top:84px}@media (width<=960px){.do-grid{grid-template-columns:1fr}.do-preview{order:-1;position:static}}.do-card{background:var(--surface-1,#ffffff08);border:1px solid var(--stroke,#ffffff12);border-radius:var(--radius-lg,14px);padding:var(--space-lg,22px);transition:border-color var(--duration-fast) var(--ease-standard)}.do-card:focus-within{border-color:var(--stroke-strong,#ffffff24)}.do-card-head{margin-bottom:var(--space-md,16px);align-items:center;gap:10px;display:flex}.do-card-head h2{font-size:var(--text-md,.95rem);color:var(--ink,#e8e8e8);margin:0;font-weight:600}.do-step{width:22px;height:22px;font-size:var(--text-2xs,.68rem);font-weight:700;font-family:var(--font-mono,monospace);color:var(--ink-bright,#fff);background:var(--do-grad);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.do-cost{font-family:var(--font-mono,monospace);font-size:var(--text-sm,.8rem);color:var(--ink-dim,#999);margin-left:auto}.do-btn{appearance:none;font:inherit;font-size:var(--text-sm,.85rem);cursor:pointer;border-radius:var(--radius-md,10px);border:1px solid var(--stroke,#ffffff1a);background:var(--surface-2,#ffffff0d);color:var(--ink,#e8e8e8);transition:transform var(--duration-fast) var(--ease-standard), filter var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);padding:10px 18px;font-weight:600}.do-btn:hover{border-color:var(--stroke-strong,#ffffff2e)}.do-btn:active{transform:translateY(1px)}.do-btn:focus-visible{outline:2px solid var(--do-a1);outline-offset:2px}.do-btn-primary{background:var(--do-grad);color:#0a0a12;border:none}.do-btn-primary:hover{filter:brightness(1.08)}.do-btn-primary:disabled{filter:grayscale(.7)brightness(.7);cursor:not-allowed;transform:none}.do-btn-ghost{background:0 0}.do-btn-sm{font-size:var(--text-xs,.75rem);padding:6px 12px}.do-btn-deploy{width:100%;font-size:var(--text-md,.95rem);padding:14px 18px}.do-wallet-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.do-hint{font-size:var(--text-xs,.75rem);color:var(--ink-faint,#777);margin:8px 0 0;line-height:1.5}.do-hint a{color:var(--ink,#ddd)}.do-chip{font-family:var(--font-mono,monospace);font-size:var(--text-xs,.75rem);color:var(--ink,#ddd);background:var(--surface-2,#ffffff0d);border:1px solid var(--stroke,#ffffff14);border-radius:var(--radius-pill,999px);align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.do-dot-ok{background:var(--do-a2);border-radius:50%;flex:none;width:7px;height:7px}.do-nowallet{font-size:var(--text-sm,.82rem);color:var(--ink-dim,#999);margin-top:10px}.do-nowallet a{color:var(--ink,#ddd)}.do-net{margin-top:var(--space-md,16px);background:var(--surface-1,#ffffff08);border:1px solid var(--stroke,#ffffff14);border-radius:var(--radius-pill,999px);gap:2px;padding:3px;display:inline-flex}.do-net-btn{appearance:none;font:inherit;font-size:var(--text-xs,.78rem);cursor:pointer;color:var(--ink-dim,#888);border-radius:var(--radius-pill,999px);transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);background:0 0;border:none;padding:6px 14px;font-weight:500}.do-net-btn:hover{color:var(--ink,#e8e8e8)}.do-net-btn.active{color:#0a0a12;background:var(--do-grad);font-weight:600}.do-net-btn:focus-visible{outline:2px solid var(--do-a1);outline-offset:2px}.do-agent-strip{scrollbar-width:thin;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.do-agent-tile{cursor:pointer;text-align:left;background:var(--surface-2,#ffffff0d);border:1px solid var(--stroke,#ffffff14);border-radius:var(--radius-md,10px);width:128px;transition:border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);color:inherit;font:inherit;appearance:none;flex:0 0 128px;padding:8px}.do-agent-tile:hover{border-color:var(--stroke-strong,#ffffff2e);transform:translateY(-2px)}.do-agent-tile:focus-visible{outline:2px solid var(--do-a1);outline-offset:2px}.do-agent-tile.selected{border-color:var(--do-a1);box-shadow:0 0 0 1px var(--do-a1)}.do-agent-thumb{aspect-ratio:1;object-fit:cover;background:var(--surface-3,#ffffff14);border-radius:7px;width:100%;display:block}.do-agent-name{font-size:var(--text-xs,.75rem);color:var(--ink,#e8e8e8);white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-weight:600;display:block;overflow:hidden}.do-agent-sub{font-size:var(--text-2xs,.66rem);color:var(--ink-faint,#777);margin-top:2px;display:block}.do-agent-tile.deployed .do-agent-sub{color:var(--do-a2)}.do-skeleton{pointer-events:none}.do-skeleton:before{content:"";aspect-ratio:1;background:var(--surface-3,#ffffff12);border-radius:7px;width:100%;animation:1.4s infinite do-shimmer;display:block}.do-skeleton:after{content:"";background:var(--surface-3,#ffffff12);border-radius:4px;height:10px;margin-top:8px;animation:1.4s infinite do-shimmer;display:block}@keyframes do-shimmer{0%,to{opacity:.5}50%{opacity:1}}.do-fields{gap:var(--space-md,16px);flex-direction:column;display:flex}.do-field{flex-direction:column;gap:6px;display:flex;position:relative}.do-field>span{font-size:var(--text-xs,.78rem);color:var(--ink,#ddd);font-weight:600}.do-field>span .do-req{color:var(--ink-faint,#777);font-style:normal;font-weight:400;font-size:var(--text-2xs,.66rem);text-transform:uppercase;letter-spacing:.06em;margin-left:6px}.do-field input[type=text],.do-field input[type=url],.do-field input[type=number],.do-field textarea{font:inherit;font-size:var(--text-sm,.85rem);color:var(--ink-bright,#fff);background:var(--surface-0,#00000040);border:1px solid var(--stroke,#ffffff1a);border-radius:var(--radius-md,10px);transition:border-color var(--duration-fast) var(--ease-standard);padding:10px 12px}.do-field input:hover,.do-field textarea:hover{border-color:var(--stroke-strong,#ffffff29)}.do-field input:focus-visible,.do-field textarea:focus-visible{border-color:var(--do-a1);outline:none}.do-field small{font-size:var(--text-2xs,.68rem);color:var(--ink-faint,#777);line-height:1.45}.do-field small code,.do-hint code{font-family:var(--font-mono,monospace);color:var(--ink-dim,#999);font-size:.92em}.do-count{font-size:var(--text-2xs,.66rem);color:var(--ink-faint,#777);position:absolute;top:2px;right:2px}.do-field-inline{flex-flow:wrap;align-items:center;gap:10px}.do-field-inline input{width:110px}.do-toggles{flex-wrap:wrap;gap:10px 18px;display:flex}.do-toggles-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.do-toggle{font-size:var(--text-sm,.82rem);color:var(--ink,#ddd);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.do-toggle input{accent-color:var(--do-a1);cursor:pointer;width:15px;height:15px}.do-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.do-row input{min-width:0;font:inherit;font-size:var(--text-sm,.82rem);color:var(--ink-bright,#fff);background:var(--surface-0,#00000040);border:1px solid var(--stroke,#ffffff1a);border-radius:var(--radius-md,10px);flex:1 1 0;padding:8px 10px}.do-row input:focus-visible{border-color:var(--do-a1);outline:none}.do-row input.do-row-narrow{flex:0 0 84px}.do-row-del{appearance:none;color:var(--ink-faint,#777);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:1rem}.do-row-del:hover{color:var(--ink-bright,#fff);background:var(--surface-2,#ffffff0f)}.do-row-del:focus-visible{outline:2px solid var(--do-a1);outline-offset:1px}.do-adv summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.do-adv summary::-webkit-details-marker{display:none}.do-adv summary h2{font-size:var(--text-md,.95rem);color:var(--ink,#e8e8e8);margin:0;font-weight:600}.do-adv-hint{font-size:var(--text-2xs,.68rem);color:var(--ink-faint,#777);text-transform:uppercase;letter-spacing:.06em;margin-left:auto}.do-adv[open] summary{margin-bottom:var(--space-md,16px)}.do-adv summary:focus-visible{outline:2px solid var(--do-a1);outline-offset:2px;border-radius:6px}.do-stages{margin:var(--space-md,16px) 0 0;flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.do-stages li{font-size:var(--text-sm,.82rem);color:var(--ink-faint,#777);transition:color var(--duration-base) var(--ease-standard);align-items:center;gap:10px;display:flex}.do-stages li:before{content:"";background:var(--surface-3,#ffffff1f);width:8px;height:8px;transition:background var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);border-radius:50%;flex:none}.do-stages li.active{color:var(--ink-bright,#fff)}.do-stages li.active:before{background:var(--do-grad);animation:1.6s infinite do-ping}.do-stages li.done{color:var(--ink-dim,#999)}.do-stages li.done:before{background:var(--do-a2)}.do-error{margin:var(--space-md,16px) 0 0;font-size:var(--text-sm,.82rem);color:#ff9a9a;border-radius:var(--radius-md,10px);background:#ff505012;border:1px solid #ff505040;padding:10px 14px;line-height:1.5}.do-success{margin-top:var(--space-md,16px);border-top:1px solid var(--stroke,#ffffff14);padding-top:var(--space-md,16px);animation:.5s do-land}@keyframes do-land{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.do-success h3{margin:0 0 var(--space-sm,12px);font-size:var(--text-lg,1.05rem);background:var(--do-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.do-success-rows{margin:0 0 var(--space-md,16px);flex-direction:column;gap:8px;display:flex}.do-success-rows>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.do-success-rows dt{font-size:var(--text-xs,.75rem);color:var(--ink-dim,#999);min-width:92px}.do-success-rows dd{align-items:center;gap:6px;min-width:0;margin:0;display:flex}.do-success-rows code{font-family:var(--font-mono,monospace);font-size:var(--text-xs,.74rem);color:var(--ink-bright,#fff);overflow-wrap:anywhere}.do-copy{appearance:none;font:inherit;font-size:var(--text-2xs,.66rem);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;color:var(--ink-dim,#999);background:var(--surface-2,#ffffff0d);border:1px solid var(--stroke,#ffffff1a);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);border-radius:6px;padding:3px 8px;font-weight:600}.do-copy:hover{color:var(--ink-bright,#fff);border-color:var(--stroke-strong,#fff3)}.do-copy:focus-visible{outline:2px solid var(--do-a1);outline-offset:1px}.do-copy.copied{color:var(--do-a2);border-color:var(--do-a2)}.do-success-links{margin-bottom:var(--space-md,16px);flex-wrap:wrap;gap:8px;display:flex}.do-success-links a{font-size:var(--text-xs,.78rem);color:var(--ink,#ddd);border:1px solid var(--stroke,#ffffff1a);border-radius:var(--radius-pill,999px);transition:border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);padding:7px 14px;font-weight:600;text-decoration:none}.do-success-links a:hover{color:var(--ink-bright,#fff);border-color:var(--do-a1)}.do-preview-card{border-radius:var(--radius-lg,14px);background:var(--surface-1,#ffffff08);background-clip:padding-box;border:1px solid #0000;position:relative;overflow:hidden}.do-preview-card:before{content:"";border-radius:inherit;background:linear-gradient(140deg, var(--do-a1), transparent 40%, transparent 60%, var(--do-a2));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.do-preview-media{aspect-ratio:1.6;background:var(--surface-0,#0000004d);place-items:center;display:grid;overflow:hidden}.do-preview-media img{object-fit:cover;width:100%;height:100%;display:block}.do-preview-mono{font-family:var(--font-display,"Space Grotesk", sans-serif);background:var(--do-grad);color:#0000;opacity:.9;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700}.do-preview-body{padding:var(--space-md,16px) var(--space-lg,22px) var(--space-lg,22px)}.do-preview-body h3{font-size:var(--text-lg,1.05rem);color:var(--ink-bright,#fff);overflow-wrap:anywhere;margin:0 0 6px}.do-preview-body p{font-size:var(--text-sm,.82rem);color:var(--ink-dim,#999);overflow-wrap:anywhere;margin:0 0 10px;line-height:1.5}.do-preview-chips{flex-wrap:wrap;gap:6px;display:flex}.do-preview-chips span{font-size:var(--text-2xs,.66rem);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim,#999);border:1px solid var(--stroke,#ffffff17);border-radius:var(--radius-pill,999px);padding:4px 10px}.do-preview-chips span.hot{color:var(--do-a2);border-color:color-mix(in srgb, var(--do-a2) 50%, transparent)}.do-genesis{background:var(--surface-1,#ffffff08);border:1px solid var(--stroke,#ffffff12);border-radius:var(--radius-lg,14px);padding:var(--space-md,16px) var(--space-lg,22px)}.do-genesis h4{font-size:var(--text-xs,.78rem);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim,#999);margin:0 0 10px}.do-genesis ul{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.do-genesis li{font-size:var(--text-sm,.8rem);color:var(--ink-faint,#777);align-items:center;gap:9px;display:flex}.do-genesis li:before{content:"";background:var(--surface-3,#ffffff1f);width:7px;height:7px;transition:background var(--duration-base) var(--ease-standard);border-radius:50%;flex:none}.do-genesis li.on{color:var(--ink,#ddd)}.do-genesis li.on:before{background:var(--do-a2)}.do-json{background:var(--surface-1,#ffffff08);border:1px solid var(--stroke,#ffffff12);border-radius:var(--radius-lg,14px);padding:var(--space-md,16px) var(--space-lg,22px)}.do-json-tabs{background:var(--surface-0,#00000040);border-radius:var(--radius-pill,999px);gap:2px;margin-bottom:10px;padding:3px;display:inline-flex}.do-json-tab{appearance:none;font:inherit;font-size:var(--text-2xs,.7rem);cursor:pointer;color:var(--ink-dim,#888);border-radius:var(--radius-pill,999px);background:0 0;border:none;padding:5px 13px;font-weight:600}.do-json-tab.active{color:#0a0a12;background:var(--do-grad)}.do-json-tab:focus-visible{outline:2px solid var(--do-a1);outline-offset:2px}.do-json-pre{max-height:300px;font-family:var(--font-mono,monospace);color:var(--ink-dim,#aaa);background:var(--surface-0,#0000004d);border-radius:var(--radius-md,10px);margin:0;padding:12px;font-size:.7rem;line-height:1.55;overflow:auto}.do-json-pre:focus-visible{outline:2px solid var(--do-a1)}.do-latest{margin-top:var(--space-2xl,64px)}.do-latest-head{margin-bottom:var(--space-md,16px);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.do-latest-head h2{font-size:var(--text-lg,1.05rem);color:var(--ink,#e8e8e8);margin:0}.do-latest-all{font-size:var(--text-sm,.8rem);color:var(--ink-dim,#999);text-decoration:none}.do-latest-all:hover{color:var(--ink-bright,#fff)}.do-latest-strip{scrollbar-width:thin;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.do-latest-strip a.do-agent-tile{text-decoration:none}.do-latest-empty{font-size:var(--text-sm,.82rem);color:var(--ink-faint,#777)}.do-mcp{margin-top:var(--space-2xl,64px)}.do-mcp-inner{justify-content:space-between;align-items:center;gap:var(--space-lg,22px);background:var(--surface-1,#ffffff08);border:1px solid var(--stroke,#ffffff12);border-radius:var(--radius-lg,14px);padding:var(--space-lg,22px);flex-wrap:wrap;display:flex}.do-mcp h2{font-size:var(--text-lg,1.05rem);color:var(--ink,#e8e8e8);margin:0 0 6px}.do-mcp p{max-width:520px;font-size:var(--text-sm,.82rem);color:var(--ink-dim,#999);margin:0;line-height:1.55}.do-mcp-cmd{background:var(--surface-0,#0000004d);border:1px solid var(--stroke,#ffffff17);border-radius:var(--radius-md,10px);align-items:center;gap:10px;padding:10px 14px;display:flex}.do-mcp-cmd code{font-family:var(--font-mono,monospace);font-size:var(--text-sm,.8rem);color:var(--ink-bright,#fff);white-space:nowrap}@media (width<=560px){.do-mcp-cmd code{white-space:normal;overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.do-live-dot,.do-stages li.active:before{animation:none}.do-agent-tile,.do-btn{transition:none}}.do-adv summary,.do-json-tab,.do-toggle,.do-toggle input{transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)}.do-adv summary:hover h2{color:var(--ink-bright)}.do-json-tab:hover:not(.active){color:var(--ink);background:var(--surface-2)}.do-toggle:hover{color:var(--ink-bright)}.do-toggle input:hover{transform:scale(1.1)}
