.code-chrome-module__hahN7G__trafficLight{background:#5a5a5c;border-radius:9999px;width:8px;height:8px}.code-chrome-module__hahN7G__editor{background:#0a0a0a;border-radius:6px}.code-chrome-module__hahN7G__editorInner{min-width:min-content;padding:24px 12px}.code-chrome-module__hahN7G__windowShell{background:#343638;border:1px solid #4f4f4f;border-radius:12px}
.graphic-frame-module__6jtMSa__root{--frame-source-width:0;--frame-source-height:0;--frame-aspect-ratio:1 / 1;--frame-scale:min(1, calc(100cqw / var(--frame-source-width)));--frame-max-width:100%;width:100%;max-width:var(--frame-max-width);-webkit-user-select:none;user-select:none;aspect-ratio:var(--frame-aspect-ratio);margin:0 auto;position:relative;container-type:inline-size}.graphic-frame-module__6jtMSa__dynamicHeight{aspect-ratio:auto}.graphic-frame-module__6jtMSa__content{width:var(--frame-source-width);height:var(--frame-source-height);transform:scale(var(--frame-scale));transform-origin:0 0;position:absolute;top:0;left:0}.graphic-frame-module__6jtMSa__contentDynamic{width:var(--frame-source-width);height:auto;position:static}
.hero-graphic-module__g68_qq__frame{margin-inline:auto}@media (max-width:768px){.hero-graphic-module__g68_qq__frame{max-width:min(100%,520px)}}.hero-graphic-module__g68_qq__codeWindow{background:#343638;border-radius:12px;gap:8px;padding:12px 6px 6px}.hero-graphic-module__g68_qq__codeChrome{gap:5px;padding-left:6px}.hero-graphic-module__g68_qq__trafficLight{background:#5a5a5c;width:8px;height:8px}.hero-graphic-module__g68_qq__codeBody{background:#0a0a0a;border-radius:6px;padding:18px 6px}.hero-graphic-module__g68_qq__codeTyping{color:#bcc2cf;font-size:12px;line-height:24px}.hero-graphic-module__g68_qq__codeTypingLine{min-height:18px}.hero-graphic-module__g68_qq__codeTypingLineNumber{color:#5c6370;width:14px}.hero-graphic-module__g68_qq__widgetSubtitle{font-size:15px}.hero-graphic-module__g68_qq__listFadeTop{pointer-events:none;inset-inline:0;z-index:1;background:linear-gradient(#fff 0%,#ffffffeb 28%,#ffffff8c 58%,#0000 100%);height:15px;position:absolute;top:0}.hero-graphic-module__g68_qq__rowDivider{transform-origin:0;background:#ececef;height:1px}.hero-graphic-module__g68_qq__connectButton{color:var(--color-secondary);transition:color .15s,box-shadow .15s;box-shadow:0 0 0 1px #29363d33}@media (hover:hover){.hero-graphic-module__g68_qq__connectButton:hover{color:var(--color-primary);box-shadow:0 0 0 1px #29363d59}}.hero-graphic-module__g68_qq__connectButton:focus-visible{outline-offset:2px;outline:2px solid #0003}.hero-graphic-module__g68_qq__connectedStatus{color:#30a46c}.hero-graphic-module__g68_qq__connectedDot{background:#30a46c;border-radius:9999px;width:6px;height:6px}.hero-graphic-module__g68_qq__skeletonBar{background:#ececef;border-radius:4px;position:relative;overflow:hidden}.hero-graphic-module__g68_qq__skeletonBar:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff8c 50%,#0000 100%);position:absolute;inset:0;transform:translate(-100%)}.hero-graphic-module__g68_qq__skeletonBarLoading:after{animation:1.4s ease-in-out infinite hero-graphic-module__g68_qq__skeleton-shimmer;animation-delay:calc(var(--skeleton-shimmer-base,0s) + var(--skeleton-shimmer-offset,0s))}.hero-graphic-module__g68_qq__skeletonTitle{border-radius:5px;width:196px;height:20px}.hero-graphic-module__g68_qq__skeletonSubtitle{width:248px;height:14px}.hero-graphic-module__g68_qq__skeletonIcon{border-radius:6px;flex-shrink:0;width:40px;height:40px}.hero-graphic-module__g68_qq__skeletonName{width:96px;height:12px}.hero-graphic-module__g68_qq__skeletonAction{border-radius:4px;flex-shrink:0;width:72px;height:28px}@keyframes hero-graphic-module__g68_qq__skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.hero-graphic-module__g68_qq__skeletonBarLoading:after{animation:none}}