.studio-hub{--hub-ink:#20242c;--hub-muted:#616b7b;--hub-blue:#4267a9;min-height:100svh;color:var(--hub-ink);background:#f6f7fa}.hub-home{min-height:44px;color:var(--hub-muted);align-items:center;gap:7px;margin-left:auto;font-size:13px;display:inline-flex}.hub-home:hover{color:var(--hub-blue)}.studio-hub .studio-header .site-language-switch{flex-shrink:0}.hub-shell{width:min(1100px,100% - 64px);margin:auto;padding:40px 0 32px}.hub-intro{isolation:isolate;padding:18px 0 34px;position:relative}.hub-intro-copy{z-index:1;position:relative}.hub-kicker{color:var(--hub-blue);margin-bottom:13px;font-size:13px}.hub-intro h1{letter-spacing:-.045em;font-size:clamp(32px,3.5vw,46px);font-weight:500;line-height:1.3}.hub-intro-copy>p:last-child{color:var(--hub-muted);margin-top:16px;font-size:15px;line-height:1.85}.hub-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.hub-choice{border-radius:22px;min-width:0;transition:transform .2s;display:block}.hub-choice:focus-visible{outline:3px solid var(--ring);outline-offset:5px}.hub-choice .hub-choice-card{height:100%;box-shadow:none;color:var(--hub-ink);background:#fff;border:1px solid #e2e6ee;border-radius:22px;gap:0;padding:0;transition:border-color .2s,box-shadow .2s;overflow:hidden}.hub-choice:hover{transform:translateY(-3px)}.hub-choice:hover .hub-choice-card{border-color:#a7b8d9;box-shadow:0 12px 30px #2839590b}.hub-visual{-webkit-user-select:none;user-select:none;height:245px;position:relative;overflow:hidden}.hub-blocks-visual{background:#e9edf3}.hub-materials{top:22px;z-index:1;justify-content:center;gap:9px;display:flex;position:absolute;inset-inline:16px}.hub-materials>span{color:#56647a;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:8px 13px;font-size:12px;display:inline-flex}.hub-mini-page{background:#fff;border-radius:10px 10px 0 0;width:76%;padding:14px 20px 17px;transition:transform .25s;position:absolute;top:78px;left:9%;transform:rotate(-3deg)}.hub-mini-nav{align-items:center;gap:9px;height:20px;margin-bottom:16px;display:flex}.hub-mini-nav i{background:#4c647b;border-radius:2px;width:22px;height:6px;margin-right:auto;display:block}.hub-mini-nav span{background:#ced6df;border-radius:2px;width:22px;height:3px}.hub-mini-content{grid-template-columns:1.1fr 1fr;align-items:center;gap:12px;display:grid}.hub-mini-content b{color:#344351;font-size:clamp(15px,1.6vw,20px);font-weight:500;line-height:1.5;display:block}.hub-mini-content i{background:#dce2e8;border-radius:2px;width:80%;height:3px;margin-top:10px;display:block}.hub-mini-content i+i{width:50%;margin-top:6px}.hub-mini-image{color:#618773;background:#d5e5dc;border-radius:5px;place-items:center;min-height:85px;display:grid}.hub-mini-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px;display:grid}.hub-mini-grid span{background:#edf0f4;border-radius:4px;height:34px}.hub-mini-grid span:nth-child(2){background:#e9e4dc}.hub-drag-tag{color:#fff;background:#242832;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:12px;transition:transform .25s;display:inline-flex;position:absolute;bottom:30px;right:6%;transform:rotate(4deg)}.hub-api-visual{background:#e9eef9}.hub-prompt-card{z-index:1;color:#455d89;background:#fff;border:1px solid #dbe3f3;border-radius:10px;align-items:center;gap:12px;width:80%;margin:25px auto 0;padding:15px;font-size:13px;display:flex;position:relative}.hub-api-path{color:#5e7398;justify-content:space-around;gap:8px;width:64%;margin:10px auto;font-size:10px;display:flex;position:relative}.hub-api-path i{background:#b4c4e1;width:1px;height:18px;position:absolute;bottom:-21px;left:50%}.hub-ai-page{background:#fff;border:1px solid #dce4f1;border-radius:10px;width:70%;min-height:160px;padding:14px 20px 20px;transition:transform .25s;position:absolute;bottom:-26px;left:16%;transform:rotate(3deg)}.hub-ai-page>div:first-child{gap:4px;margin-bottom:13px;display:flex}.hub-ai-page>div:first-child i{background:#c0cbdf;border-radius:50%;width:4px;height:4px}.hub-ai-page strong{color:#344e7b;margin-bottom:12px;font-size:20px;font-weight:500;display:block}.hub-ai-page>span{background:#d5deed;width:74%;height:3px;margin-top:7px;display:block}.hub-ai-page>span+span{width:48%}.hub-ai-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.hub-ai-grid i{background:#eef2fa;border-radius:4px;height:38px}.hub-card-copy{flex-direction:column;flex:1;padding:28px 32px;display:flex}.hub-method{color:var(--hub-muted);align-items:center;gap:8px;font-size:12px;display:flex}.hub-card-copy h2{letter-spacing:-.025em;margin-top:13px;font-size:28px;font-weight:500}.hub-card-copy>p[id]{color:var(--hub-muted);margin-top:12px;font-size:14px;line-height:1.9}.hub-enter{color:#fff;background:#22262e;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-top:26px;padding:11px 18px;font-size:14px;display:flex}.hub-choice-api .hub-enter{color:#35568d;background:#edf2fc}.hub-enter svg{transition:transform .2s}.hub-choice:hover .hub-enter svg{transform:translate(2px,-2px)}.hub-choice:hover .hub-mini-page,.hub-choice:hover .hub-ai-page,.hub-choice:hover .hub-drag-tag{transform:rotate(0)}.hub-footnote{text-align:center;color:var(--hub-muted);margin-top:24px;font-size:12px}@media (max-width:700px){.studio-hub .studio-header{flex-wrap:wrap;gap:10px;padding-block:12px}.studio-hub .studio-header-label{display:none}.studio-hub .hub-home{gap:4px;font-size:12px}.hub-shell{width:calc(100% - 32px);padding:24px 0}.hub-intro{padding:6px 4px 24px}.hub-intro h1{font-size:32px}.hub-intro-copy>p:last-child{font-size:14px}.hub-choices{grid-template-columns:1fr;gap:18px}.hub-visual{height:200px}.hub-mini-page{top:67px}.hub-materials{top:16px}.hub-drag-tag{bottom:15px}.hub-ai-page{bottom:-43px}.hub-card-copy{padding:24px}.hub-card-copy h2{font-size:25px}.hub-enter{margin-top:20px}.hub-footnote{padding:0 18px;line-height:1.8}}@media (max-width:360px){.studio-hub .studio-header{column-gap:8px}.studio-hub .studio-header .brand{gap:5px;font-size:16px}.studio-hub .studio-header .brand svg{width:24px}.studio-hub .hub-home{font-size:11px}.studio-hub .hub-materials{gap:6px}.studio-hub .hub-materials>span{gap:5px;padding-inline:9px}}@media (prefers-reduced-motion:reduce){.hub-choice,.hub-choice-card,.hub-mini-page,.hub-ai-page,.hub-drag-tag,.hub-enter svg{transition:none!important;transform:none!important}}