.TableOfContents-module__BHm_pG__sidebar{z-index:30;width:200px;max-height:calc(100vh - 120px);position:fixed;top:100px;right:max(16px,50vw - 650px);overflow-y:auto}.TableOfContents-module__BHm_pG__sidebar::-webkit-scrollbar{width:3px}.TableOfContents-module__BHm_pG__sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.TableOfContents-module__BHm_pG__title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:12px;padding-left:12px;font-size:.75rem;font-weight:600}.TableOfContents-module__BHm_pG__list{border-left:1px solid var(--border);margin:0;padding:0;list-style:none}.TableOfContents-module__BHm_pG__item{margin:0;padding:0}.TableOfContents-module__BHm_pG__link{text-align:left;width:100%;color:var(--muted-foreground);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:4px 12px;font-size:.8rem;line-height:1.5;text-decoration:none;transition:color .15s;display:block;overflow:hidden}.TableOfContents-module__BHm_pG__link:hover{color:var(--foreground)}.TableOfContents-module__BHm_pG__level3 .TableOfContents-module__BHm_pG__link{font-weight:500}.TableOfContents-module__BHm_pG__level4 .TableOfContents-module__BHm_pG__link{padding-left:24px;font-size:.75rem;font-weight:400}.TableOfContents-module__BHm_pG__active{position:relative}.TableOfContents-module__BHm_pG__active .TableOfContents-module__BHm_pG__link{color:var(--foreground);font-weight:500}.TableOfContents-module__BHm_pG__active:before{content:"";background:var(--foreground);border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:-1px}
.tool-guide-content{flex-direction:row;align-items:flex-start;gap:30px;margin:24px 0;display:flex}@media (max-width:640px){.tool-guide-content{flex-direction:column;gap:16px}}.tool-guide-images{flex-direction:column;flex:none;gap:12px;display:flex}.tool-guide-images.img-grid{grid-template-columns:repeat(2,50px);gap:8px;display:grid!important}.tool-guide-images img{border-radius:8px;width:100%;max-width:50px;height:auto;display:block;margin:0!important}.tool-guide-text{flex:1;min-width:0}.tool-guide-text>:first-child{margin-top:0!important}.tool-guide-text h3,.tool-guide-text h4{margin-bottom:16px}.tool-guide-video{width:100%;margin:16px 0}.tool-guide-video video{border:1px solid #ffffff1a;border-radius:16px;width:100%;height:auto;display:block}.tool-guide-text ul{margin-bottom:16px}@media (max-width:768px){.tool-guide-images{width:auto}.tool-guide-images img{max-width:50px}.tool-guide-images.img-grid{grid-template-columns:repeat(2,48px)}.tool-guide-images.img-grid img{max-width:48px}}.action-card{background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%);border:1px solid #ffffff1f;border-radius:16px;margin:28px 0;padding:24px;position:relative;overflow:hidden}.action-card:before{content:"";background:linear-gradient(90deg,#ffffff4d,#ffffff0d);height:2px;position:absolute;top:0;left:0;right:0}.step-guide{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border-left:3px solid #0000;border-image:linear-gradient(#fff9,#ffffff26) 1;border-radius:0 16px 16px 0;margin:28px 0;padding:24px 24px 24px 28px;position:relative}.tool-item-grid{grid-template-columns:repeat(1,1fr);gap:16px;margin:24px 0;display:grid}@media (min-width:768px){.tool-item-grid{grid-template-columns:repeat(2,1fr)}}.tool-item-card{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:14px;align-items:flex-start;gap:16px;padding:18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.tool-item-card:hover{background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 4px 20px #0000004d}.tool-item-icon{background:#ffffff0d;border-radius:10px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.tool-item-icon img{object-fit:contain;width:100%!important;height:100%!important;margin:0!important}.tool-item-info{flex:1;min-width:0}.tool-item-info h4{margin:0 0 4px!important;font-size:1rem!important;font-weight:600!important}.tool-item-info p{color:var(--muted-foreground)!important;margin:0!important;font-size:.875rem!important;line-height:1.5!important}.engine-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0;display:grid}@media (min-width:1024px){.engine-grid{grid-template-columns:repeat(5,1fr)}}.engine-card{text-align:center;background:linear-gradient(#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.engine-card:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.engine-card .icon{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;padding:6px;display:flex}.engine-card .icon img{object-fit:contain;width:100%!important;max-width:44px!important;height:100%!important;margin:0!important}.engine-card h4{margin:0!important;font-size:.95rem!important}.engine-card p{color:var(--muted-foreground);margin:0!important;font-size:.8rem!important}.engine-card .credits{font-size:.75rem;font-family:var(--font-mono);color:var(--primary);background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;padding:3px 10px}article.prose h3{letter-spacing:-.01em;padding-left:16px;position:relative;font-size:1.375rem!important;font-weight:700!important}article.prose h3:before{content:"";background:linear-gradient(#fffc,#fff3);border-radius:2px;width:3px;position:absolute;top:4px;bottom:4px;left:0}article.prose h4{padding-left:14px;position:relative;color:#ffffffd9!important;font-weight:600!important}article.prose h4:before{content:"";background:#ffffff59;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}article.prose ul{list-style:none;padding-left:0!important}article.prose ul li{padding-left:20px;position:relative}article.prose ul li:before{content:"";background:#ffffff4d;border-radius:50%;width:5px;height:5px;transition:background .2s;position:absolute;top:10px;left:2px}article.prose ul li:hover:before{background:#fff9}article.prose ol{counter-reset:ol-counter;list-style:none;padding-left:0!important}article.prose ol li{counter-increment:ol-counter;padding-left:28px;position:relative}article.prose ol li:before{content:counter(ol-counter);color:#ffffff80;width:20px;height:20px;font-size:.7rem;font-weight:600;font-family:var(--font-mono),monospace;background:#ffffff14;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;left:0}article.prose code{font-weight:500;color:#ffffffe6!important;background:#ffffff14!important;border:1px solid #ffffff1a!important;border-radius:5px!important;padding:2px 7px!important;font-size:.85em!important}article.prose pre{background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:12px!important}article.prose pre code{font-weight:400;background:0 0!important;border:none!important;padding:0!important}article.prose a{background-image:linear-gradient(#ffffff4d,#ffffff4d);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;transition:background-size .3s,color .2s;text-decoration:none!important}article.prose a:hover{background-size:100% 1px;color:#fff!important}article.prose hr{background:linear-gradient(90deg,#0000,#ffffff26,#0000)!important;border:none!important;height:1px!important;margin:2.5rem 0!important}article.prose strong{color:#fffffff2!important;font-weight:600!important}article.prose blockquote{background:#ffffff08!important;border-left:3px solid #fff3!important;border-radius:0 12px 12px 0!important;padding:16px 20px!important}article.prose .bg-green-500\/10,article.prose [class*=bg-green-500]{box-shadow:0 0 0 1px #22c55e0d;background:linear-gradient(135deg,#22c55e14,#22c55e08)!important;border:1px solid #22c55e33!important;border-radius:10px!important}article.prose .bg-red-500\/10,article.prose [class*=bg-red-500]{box-shadow:0 0 0 1px #ef44440d;background:linear-gradient(135deg,#ef444414,#ef444408)!important;border:1px solid #ef444433!important;border-radius:10px!important}.step-guide h4{padding-left:14px;position:relative;color:var(--foreground)!important;margin-top:28px!important;font-weight:600!important}.step-guide h4:before{content:"";background:#ffffff80;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.step-guide h4:first-child{margin-top:0!important}.action-card a{font-weight:500;color:#ffffffe6!important}.action-card a:hover{color:#fff!important}h1,h2,h3,h4,h5,h6{scroll-margin-top:80px}
