:root{--canvas:#fff;--panel:#fff;--header-panel:#050505;--sidebar-panel:#f6eedf;--ink:#152235;--muted:#5d6675;--line:#c9b9a1;--signal:#eb6f57;--ocean:#0f766e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-width:1360px;min-height:100vh;color:var(--ink);margin:0;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}p,li{color:var(--muted)}.holyGrail{border:1px solid var(--line);background:var(--panel);grid-template-rows:auto 1fr auto;width:100%;min-height:100vh;margin:0;display:grid}.siteHeader,.siteBody{display:grid}.siteHeader{border-bottom:1px solid var(--line);background:var(--header-panel);grid-template-columns:1fr}.siteHeader h1{color:#fff;margin:0;padding:20px 24px;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:2.1rem;line-height:1}.siteBody{grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 81px)}.siteSidebar{background:var(--sidebar-panel);border-right:1px solid var(--line)}.siteContent{min-width:0}.pageDescription{margin:.6rem 0 0;line-height:1.7}.navList,.detailList,.numberList{margin:0;padding-left:1.1rem}.navList,.accordionList{margin:0;padding-left:0;list-style:none}.accordionItem+.accordionItem{border-top:1px solid var(--line)}.accordionTrigger{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:14px;width:100%;padding:18px 16px;display:grid}.accordionTrigger strong{color:var(--ink);font-size:1.18rem;font-weight:700}.pageFrame{min-height:100%}.pageHero{border-bottom:1px solid var(--line);padding:20px 24px}.pageHero h2,.sectionHeading h2{margin:.4rem 0 0;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:clamp(2.1rem,2.8vw,3.5rem);line-height:1.04}.pageBody{display:block}.pageSection{border-bottom:1px solid var(--line)}.sectionHeading{border-bottom:1px solid var(--line);margin:0;padding:18px 20px 14px}.summaryGrid,.routeGrid,.toolGrid,.docGrid,.tokenLayout,.deployLayout{gap:0;display:grid}.summaryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.routeGrid,.toolGrid,.docGrid,.tokenLayout{grid-template-columns:repeat(2,minmax(0,1fr))}.deployLayout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)}.summaryCard,.routeCard,.contentCard{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);padding:20px}.summaryGrid>:nth-child(3n),.routeGrid>:nth-child(2n),.toolGrid>:nth-child(2n),.docGrid>:nth-child(2n),.tokenLayout>:nth-child(2n),.deployLayout>:nth-child(2n){border-right:0}.summaryCard strong{color:var(--ink);margin-top:.5rem;font-size:2.3rem;line-height:1;display:block}.routeCard h3,.contentCard h3,.tokenRow strong{color:var(--ink)}.textLink{color:var(--ocean);font-weight:700}.navIcon{width:28px;height:28px;color:var(--ink);display:inline-flex}.navIcon svg,.accordionItemIcon svg,.accordionChevron{width:28px;height:28px}.accordionChevron{color:var(--ink);justify-content:center;align-items:center;width:20px;height:20px;transition:transform .16s;display:inline-flex;transform:rotate(0)}.accordionChevron.open{transform:rotate(90deg)}.accordionPanel{border-top:1px solid var(--line);background:#00000005}.accordionLinks{margin:0;padding:0;list-style:none}.accordionLink{border-bottom:1px solid var(--line);grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px 14px 48px;font-size:1.02rem;display:grid}.accordionLink.active{color:var(--ocean);font-weight:700}.accordionItemIcon{width:20px;height:20px;display:inline-flex}.accordionEmpty{margin:0;padding:14px 16px 14px 58px;font-size:1.02rem}.cardHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.chip{border:1px solid var(--line);background:0 0;align-items:center;padding:.35rem .6rem;display:inline-flex}.pillRow{flex-wrap:wrap;gap:8px;margin-top:1rem;display:flex}.pillRow span{border:1px solid var(--line);color:var(--ocean);padding:.35rem .6rem;font-size:.88rem}.tokenWide{grid-column:span 2}.tokenTable{gap:0;margin-top:8px;display:grid}.tokenRow{border-top:1px solid var(--line);padding:12px 0}.tokenRow strong,.tokenRow span{display:block}.tokenRow span{color:var(--signal);margin-top:.2rem;font-weight:700}.codeBlock{border-top:1px solid var(--line);background:#172538;margin-top:12px}.codeBlock pre{color:#f6f0e6;margin:0;padding:16px;font-size:.95rem;line-height:1.7}.compact{font-size:.94rem}.thumbnailGenerator{grid-template-columns:minmax(560px,.96fr) minmax(420px,.84fr);min-height:820px;display:grid}.thumbnailPreviewPanel,.thumbnailControlPanel{min-width:0}.thumbnailPreviewPanel{border-right:1px solid var(--line)}.thumbnailPreviewHeader,.generatorSectionHeader,.thumbnailPreviewCaption,.assetPanel,.statusMessage,.fieldGrid,.actionGrid{display:grid}.thumbnailPreviewHeader{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:20px}.thumbnailPreviewHeader strong,.generatorSectionHeader strong,.assetInfo strong,.fieldLabel{color:var(--ink)}.generatorMeta{color:var(--muted);font-size:.95rem}.thumbnailPreviewFrame{border-bottom:1px solid var(--line);background:linear-gradient(#0b3d2e08,#0b3d2e00),repeating-linear-gradient(0deg,#0000 0 31px,#c9b9a13d 31px 32px);padding:24px}.thumbnailPreviewImage{border:1px solid var(--line);background:#fff;width:100%;max-width:640px;margin:0 auto;display:block}.thumbnailPreviewCaption{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.thumbnailPreviewCaption span{color:var(--muted);padding:14px 20px}.thumbnailPreviewCaption span+span{border-left:1px solid var(--line)}.thumbnailControlPanel{grid-template-rows:repeat(3,auto);display:grid}.generatorSection{border-bottom:1px solid var(--line)}.generatorSectionHeader{border-bottom:1px solid var(--line);gap:6px;padding:18px 20px 14px}.fieldGrid{gap:0}.generatorField{border-bottom:1px solid var(--line);gap:10px;padding:18px 20px;display:grid}.generatorField:last-child{border-bottom:0}.fieldLabel{font-size:.96rem;font-weight:700}.fieldControl{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;padding:14px 16px}.fieldControl::placeholder{color:var(--muted)}.fieldError{color:var(--signal);font-size:.92rem;line-height:1.5}.fieldControl:focus-visible,.primaryButton:focus-visible,.secondaryButton:focus-visible,.colorPicker:focus-visible{outline:2px solid var(--ocean);outline-offset:2px}.fieldTextarea{resize:vertical;min-height:116px;line-height:1.5}.colorField{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;display:grid}.colorPicker{border:1px solid var(--line);cursor:pointer;background:#fff;width:72px;height:52px;padding:0}.colorValue{color:var(--ink);letter-spacing:.04em;font-weight:700}.assetPanel{gap:20px;padding:20px}.assetInfo{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:14px;display:grid}.assetInfo p{margin:.4rem 0 0}.assetIcon{width:28px;height:28px;color:var(--ink)}.hiddenInput{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.actionGrid{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.primaryButton,.secondaryButton{border:0;border-right:1px solid var(--line);min-height:56px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:700;display:inline-flex}.secondaryButton{border:1px solid var(--line);width:fit-content;min-height:52px}.actionGrid>:nth-child(2n){border-right:0}.primaryButton:disabled{cursor:not-allowed;color:var(--muted);background:#f6f2eb}.primaryButton svg,.statusMessage svg{width:18px;height:18px}.statusStack{display:grid}.statusMessage{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:12px;padding:14px 20px}.statusMessage.success{color:var(--ocean)}.statusMessage.error{color:var(--signal)}