#ambient-scene{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}body{isolation:isolate;background:linear-gradient(110deg,#fcfbf7bb,#e9f3f9a8)}main.shell{position:relative}#motion-toggle{font-size:10px;padding:8px 10px;white-space:nowrap}.intro{min-height:330px;padding-bottom:42px}.intro p{max-width:600px;line-height:1.7}.intro-proof{display:none}.hero-object{position:absolute;right:8%;top:32px;width:330px;height:260px;display:grid;place-items:center;pointer-events:none}.orbit-object{width:170px;height:170px;position:relative;transform:rotate(-18deg);animation:float-object 9s ease-in-out infinite}.glass-core{position:absolute;inset:35px;border:1px solid #b8d5e4;border-radius:28px;background:linear-gradient(145deg,#ffffffed,#d4e7f2b0);box-shadow:inset 0 0 35px #ffffff,15px 20px 60px #779eb722;display:grid;place-items:center;font:italic 60px Georgia,serif;color:#7399ad}.orbit-ring{position:absolute;inset:0;border:1px solid #8eafc36e;border-radius:50%;transform:rotateX(62deg) rotateZ(30deg)}.orbit-ring.two{inset:-22px;transform:rotateX(50deg) rotateY(34deg) rotateZ(-45deg)}.orbit-ring.three{inset:-45px;transform:rotateX(68deg) rotateY(-25deg);border-style:dashed}.hero-caption{position:absolute;bottom:0;text-align:center;font:10px monospace;letter-spacing:1px;color:#7895a5}.hero-caption span{display:block;margin-top:8px;letter-spacing:0;font-size:12px;color:#426a80}.compiling{animation:compile-orbit 3s linear infinite}.card{backdrop-filter:blur(8px);background:#ffffffd6;transition:border-color .3s,box-shadow .3s}.card:focus-within{border-color:#9dbdd0;box-shadow:0 12px 45px #769db212}.actions button{transition:background .2s,transform .2s}.actions button:active:not(:disabled){transform:translateY(1px)}.build-path{display:flex;gap:0;margin:0 0 24px;border:1px solid #d6e3eb;border-radius:12px;background:#ffffff95;overflow:hidden}.build-path a{flex:1;padding:17px 20px;color:#4c6e80;text-decoration:none;font-size:12px;border-right:1px solid #dde8ee}.build-path a:last-child{border:0}.build-path a:hover{background:#eaf3f8}.build-path small{font:10px monospace;color:#8099a8;margin-right:10px}@keyframes float-object{0%,100%{transform:translateY(0) rotate(-18deg)}50%{transform:translateY(-14px) rotate(-8deg)}}@keyframes compile-orbit{to{transform:rotate(342deg)}}html[data-motion="off"] .orbit-object{animation:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:1100px){.hero-object{right:2%;width:260px}.intro h1{max-width:65%}.intro p{max-width:60%}}@media(max-width:700px){.hero-object{position:relative;right:auto;top:auto;width:100%;height:170px;margin-top:18px}.orbit-object{width:120px;height:120px}.glass-core{inset:22px;font-size:45px}.hero-caption{bottom:-12px}.intro{padding-bottom:32px}.intro h1,.intro p{max-width:none}.build-path{flex-wrap:wrap}.build-path a{flex-basis:50%;padding:14px}.build-path a:nth-child(2){border-right:0}.build-path a:nth-child(-n+2){border-bottom:1px solid #dde8ee}#motion-toggle{margin-left:auto}.workspace-nav{gap:15px}.intro h1{font-size:43px}}

.builds-shelf{margin:0 0 28px}.builds-shelf h2{font-size:14px}.builds-shelf .section-head{margin-bottom:12px}#recent-builds{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.build-tile{display:flex;gap:12px;align-items:center;text-align:left;background:#ffffffb8;border:1px solid #d7e5ed;padding:16px}.build-tile strong{font-size:13px}.build-tile small{display:block;font-size:10px;color:#7a919e;margin-top:5px}.build-network{font:9px monospace;margin-left:auto;color:#527d92;max-width:90px;text-align:right}.build-tile .tiny-token{border-radius:8px}.builds-shelf:has(#recent-builds:empty){display:none}
.artwork-editor{display:flex;gap:18px;align-items:start;padding:18px;border:1px dashed #b8d1df;border-radius:12px;margin-bottom:24px}.avatar-preview{width:80px;height:80px;flex-shrink:0;border-radius:18px;background:#e1edf4;display:grid;place-items:center;font-size:26px;overflow:hidden}.avatar-preview img,#monogram img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.tiny-token:has(img){padding:0;width:40px;height:40px;flex-shrink:0;overflow:hidden}.tiny-token img{width:100%;height:100%;object-fit:cover}.artwork-editor label{margin-bottom:5px}.artwork-editor input{max-width:100%;font-size:11px}.artwork-editor>div:last-child{min-width:0}.artwork-editor .actions button{font-size:11px;padding:8px 10px}@media(max-width:520px){.artwork-editor{flex-direction:column}.avatar-preview{width:64px;height:64px}}
.workspace-columns{align-items:start}.work-column{display:flex;flex-direction:column;gap:24px;min-width:0}.workspace-columns .passport-card{min-height:0}.workspace-columns .card{margin:0}.workspace-columns .deployment-card .actions{margin-top:20px}@media(max-width:850px){.workspace-columns{display:flex;flex-direction:column;gap:20px}.work-column{display:contents}.workspace-columns>.work-column>.card{width:100%}#configure{order:1}#passport-card{order:2}#artifacts{order:3}#deployment-card{order:4}}
.workspace-columns>#artifacts{grid-column:1/-1;width:100%}.workspace-columns>#artifacts pre{max-height:340px}@media(max-width:850px){.workspace-columns>#artifacts{order:3}}