:root{
  color-scheme:dark;
  --bg:#0b0d0f;--shell:#0d1013;--panel:#121416;--panel2:#171819;
  --line:#292d30;--line-soft:#262a2d;--text:#eef3f6;--muted:#8996a0;--accent:#69d99f;
  --rail:56px;--top:56px;--content:1320px;--ad-w:300px;--ad-h:250px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Pretendard,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{padding-left:var(--rail)}
a{color:inherit}
button,input{font:inherit}
[hidden]{display:none!important}

.toolRail{position:fixed;z-index:30;left:0;top:0;width:var(--rail);height:100dvh;background:#0d1013;border-right:1px solid #242b33;display:flex;flex-direction:column;align-items:center}
.railBrand{width:56px;height:56px;display:grid;place-items:center;border-bottom:1px solid #242b33}
.railBrand img{width:30px;height:30px;object-fit:contain}
.railTools{display:grid;gap:6px;padding:8px 6px;width:100%}
.railTools a{min-height:58px;border:1px solid transparent;border-radius:7px;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#7f8c95}
.railTools a:hover{background:#15181a;border-color:#32373a;color:#e8edef}
.railIcon svg{width:16px;height:16px;display:block}
.railTools small{max-width:43px;font-size:7px;font-weight:850;line-height:1.2;text-align:center;overflow:hidden;text-overflow:ellipsis}
.railHome{margin:auto 7px 10px;width:40px;height:40px;display:grid;place-items:center;text-decoration:none;border:1px solid #2d3337;border-radius:7px;background:#111416;color:#77838b;font-size:11px;font-weight:900}

.appShell{min-height:100dvh}
.topbar{height:var(--top);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #242b33;background:rgba(13,16,19,.96);backdrop-filter:blur(12px)}
.topBrand{display:flex;align-items:center;gap:6px;text-decoration:none;font-size:13px;font-weight:850;letter-spacing:-.02em}
.topBrand span{color:#8bdcaf}
.topActions{display:flex;align-items:center;gap:11px}
.topActions>span{padding:6px 9px;border:1px solid #315744;border-radius:999px;background:#122219;color:#79dba7;font-size:8px;font-weight:900}
.topActions>a{font-size:8px;color:#78838a;text-decoration:none}

.hubHero{background:#0b0d0f;border-bottom:1px solid #1d2023}
.hubHeroInner{width:min(var(--content),calc(100% - 32px));min-height:260px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1.15fr) var(--ad-w);gap:12px;align-items:stretch;padding:24px 0}
.introCopy,.finderPanel,.adDock{border:1px solid #292d30;border-radius:13px;background:#121416}
.introCopy{padding:28px 26px;display:flex;flex-direction:column;justify-content:center}
.eyebrow,.contentEyebrow,.catalogHead>div>span,.faqHead>span,.relatedHeader span,.workflowBadge{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.11em}
.introCopy h1{margin:13px 0 10px;font-size:clamp(31px,2.35vw,40px);line-height:1.08;letter-spacing:-.05em;font-weight:900}
.introCopy h1 em{display:block;color:#82dda9;font-style:normal}
.introCopy p{max-width:420px;margin:0;color:#8a959c;font-size:11.5px;line-height:1.66}
.introPills{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.introPills span{padding:6px 8px;border:1px solid #303538;border-radius:999px;background:#111416;color:#9ca5aa;font-size:7.5px;font-weight:850}

.finderPanel{padding:25px 22px;display:flex;flex-direction:column;justify-content:center}
.finderHead span{display:block;color:#64d498;font-size:8px;font-weight:900;letter-spacing:.11em}
.finderHead strong{display:block;margin-top:7px;color:#edf1f3;font-size:17px;letter-spacing:-.025em}
.searchBox{height:48px;margin-top:14px;border:1px solid #34393c;border-radius:9px;background:#0d0f11;display:flex;align-items:center;gap:10px;padding:0 12px}
.searchBox:focus-within{border-color:#46735b;box-shadow:0 0 0 3px rgba(105,217,159,.06)}
.searchBox svg{width:18px;height:18px;fill:none;stroke:#7f8a90;stroke-width:1.8}
.searchBox input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#e9edef;font-size:11px}
.searchBox input::placeholder{color:#667177}
.searchBox kbd{padding:3px 6px;border:1px solid #34393c;border-radius:5px;background:#17191a;color:#737d83;font-size:8px}
.categoryChips{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.categoryChips::-webkit-scrollbar{display:none}
.chip{height:30px;padding:0 9px;border:1px solid #303538;border-radius:999px;background:#111416;color:#8e979d;font-size:8px;font-weight:800;white-space:nowrap;cursor:pointer}
.chip b{margin-left:5px;color:#667078;font-size:7px}
.chip.active,.chip:hover{border-color:#3b674f;background:#132019;color:#83daa9}
.chip.active b{color:#75c99d}

.adDock{position:relative;width:var(--ad-w)!important;height:var(--ad-h)!important;min-height:var(--ad-h)!important;max-height:var(--ad-h)!important;align-self:center;display:flex;align-items:center;justify-content:center;overflow:hidden!important}
.adLabel{position:absolute;left:10px;top:8px;z-index:0;color:#555d62;font-size:7px;font-weight:800;letter-spacing:.12em}
.adFrame{position:relative;z-index:1;overflow:hidden!important}
.adFrameDesktop{display:block;width:300px!important;height:250px!important;max-height:250px!important}
.adFrameMobile{display:none;width:320px!important;height:100px!important;max-height:100px!important}
.adDesktop{display:block!important;width:300px!important;height:250px!important;max-height:250px!important}
.adMobile{display:block!important;width:320px!important;height:100px!important;max-height:100px!important}

.toolContentLayer{padding:54px 24px 82px;background:#0b0d0f}
.toolContentInner{width:min(var(--content),100%);margin:0 auto}
.toolOverview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:end;padding:0 0 26px;border-bottom:1px solid var(--line-soft)}
.toolOverviewLead{max-width:760px}
.toolOverview h2{max-width:760px;margin:9px 0 9px;color:#f0f2f3;font-size:clamp(30px,2.05vw,38px);line-height:1.12;letter-spacing:-.045em;word-break:keep-all}
.toolOverview p{max-width:760px;margin:0;color:#8b9398;font-size:12.5px;line-height:1.68}
.toolOverviewPills{max-width:430px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.toolOverviewPills span{min-height:30px;display:inline-flex;align-items:center;gap:3px;padding:0 10px;border:1px solid #303538;border-radius:999px;background:#121517;color:#a5adb2;font-size:9px;font-weight:800;white-space:nowrap}
.toolOverviewPills b{color:#e7ecee}

.catalogSection{padding-top:30px}
.catalogHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}
.catalogHead h2{margin:7px 0 0;font-size:26px;letter-spacing:-.04em}
.catalogHead p{margin:0;color:#7f898f;font-size:9px}
.toolGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.toolGrid[data-size="few"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.toolCard{min-width:0;overflow:hidden;border:1px solid #292d30;border-radius:11px;background:#121416;text-decoration:none;display:flex;flex-direction:column;transition:transform .16s,border-color .16s,background .16s}
a.toolCard:hover{transform:translateY(-3px);border-color:#41474c;background:#191c1e}
.toolCard.is-planned{opacity:.74}
.toolCardVisual{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;background:#0b0c0d;overflow:hidden;border-bottom:1px solid #292d30}
.toolCardVisual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.toolCardVisual i{width:52px;height:52px;border:1px solid #365647;border-radius:12px;background:#132019;color:#79d9a5;display:grid;place-items:center;font-style:normal}
.toolCardVisual i svg{width:25px;height:25px}
.toolCardBody{min-height:132px;padding:14px 15px;display:flex;flex-direction:column}
.toolCardType{font-size:8px;font-weight:900;letter-spacing:.09em;color:#71808a}
.toolCard h3{margin:8px 0 5px;font-size:17px;color:#e8ebed;letter-spacing:-.025em}
.toolCard p{margin:0;color:#858e94;font-size:11px;line-height:1.5}
.toolCardBody>b{display:inline-block;margin-top:auto;padding-top:16px;color:#6ed29f;font-size:8.5px}
.toolCard.is-planned .toolCardBody>b{color:#6e777d}
.emptyState{padding:42px 20px;text-align:center;border:1px dashed #303538;border-radius:10px;color:#818c92}
.emptyState strong{display:block;color:#dce2e5;font-size:13px}
.emptyState p{margin:6px 0 0;font-size:10px}
.loadMore{display:block;margin:20px auto 0;min-width:170px;height:40px;border:1px solid #32373a;border-radius:8px;background:#121416;color:#b9c0c4;font-size:9px;font-weight:850;cursor:pointer}

.gpWorkflow{position:relative;margin-top:38px;padding:26px 20px 20px;border:1px solid #2b3033;border-radius:11px;background:#121416}
.workflowBadge{position:absolute;left:18px;top:10px}
.workflowHead h2{margin:7px 0 17px;font-size:18px;letter-spacing:-.03em}
.workflowSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.workflowSteps>div{padding:0 20px;border-right:1px solid #2a2e31}
.workflowSteps>div:first-child{padding-left:0}
.workflowSteps>div:last-child{padding-right:0;border-right:0}
.workflowSteps strong{display:block;color:#61d395;font-size:8px}
.workflowSteps b{display:block;margin-top:7px;color:#e5eaec;font-size:12px}
.workflowSteps span{display:block;margin-top:5px;color:#7f8a91;font-size:9.5px;line-height:1.55}

.faqSection{margin-top:48px}
.faqHead{padding-bottom:14px;border-bottom:1px solid var(--line-soft)}
.faqHead h2{margin:8px 0 7px;font-size:26px;letter-spacing:-.04em}
.faqHead p{margin:0;color:#848e94;font-size:11.5px}
.faqGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.faqGrid details{border-radius:9px;background:#121416;box-shadow:inset 0 0 0 1px #292d30;padding:0 16px}
.faqGrid summary{cursor:pointer;padding:17px 0;color:#dce4e8;font-size:11.5px;font-weight:800}
.faqGrid p{margin:0;padding:0 0 17px;color:#919aa0;font-size:10.5px;line-height:1.7}

.relatedHeader{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-top:52px;padding-top:28px;border-top:1px solid var(--line-soft)}
.relatedHeader h2{margin:8px 0 0;font-size:26px;letter-spacing:-.04em}
.relatedHeader p{margin:0;color:#858f95;font-size:11.5px}
.relatedTools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}

@media(max-width:1180px){
  .hubHeroInner{grid-template-columns:1fr 1.25fr;min-height:0}
  .adDock{grid-column:1/-1;width:320px!important;height:126px!important;min-height:126px!important;max-height:126px!important;justify-self:center}
  .adFrameDesktop{display:none!important}.adFrameMobile{display:block!important}
  .adDesktop{display:none!important}.adMobile{display:block!important;width:320px!important;height:100px!important;max-height:100px!important}
}
@media(max-width:900px){
  body{padding-left:0}
  .toolRail{display:none}
  .topbar{height:54px;padding:0 14px}
  .hubHeroInner{width:calc(100% - 24px);grid-template-columns:1fr;padding:16px 0}
  .introCopy{padding:23px 20px}
  .introCopy h1{font-size:31px}
  .finderPanel{padding:18px}
  .adDock{width:320px!important;max-width:100%!important;height:112px!important;min-height:112px!important;max-height:112px!important;border:0;border-radius:0;background:transparent;overflow:hidden!important}
  .toolContentLayer{padding:34px 12px 56px}
  .toolOverview{grid-template-columns:1fr;gap:16px;padding-bottom:20px}
  .toolOverview h2{font-size:27px}
  .toolOverview p{font-size:11.5px}
  .toolOverviewPills{justify-content:flex-start;max-width:none}
  .toolGrid,.toolGrid[data-size="few"]{grid-template-columns:1fr 1fr}
  .workflowSteps{grid-template-columns:1fr;gap:13px}
  .workflowSteps>div{padding:0 0 13px;border-right:0;border-bottom:1px solid #2a2e31}
  .workflowSteps>div:last-child{padding-bottom:0;border-bottom:0}
  .faqGrid{grid-template-columns:1fr}
  .relatedHeader{grid-template-columns:1fr;gap:9px}
  .relatedTools{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .topActions>a{display:none}
  .toolContentLayer{padding-left:10px;padding-right:10px}
  .hubHeroInner{width:calc(100% - 20px)}
  .introCopy h1{font-size:28px}
  .introCopy p{font-size:10.5px}
  .finderHead strong{font-size:15px}
  .searchBox input{font-size:10px}
  .toolOverview h2{font-size:25px}
  .toolOverviewPills span{font-size:8.5px}
  .toolGrid,.toolGrid[data-size="few"]{grid-template-columns:1fr}
  .relatedTools{display:grid;grid-template-columns:1fr;gap:10px}
  .relatedTools .toolCardBody{min-height:126px}
}