

<!-- ver545: GPT 핫검색은 자동 실행하지 않고 명시적 수동 호출만 허용하며, 13개 대주제 Manager 웹검색을 글쓰기 커스텀 GPT 대화와 분리합니다. Manager는 일반 ChatGPT 새 대화에서 최대 240초 같은 요청만 읽고, 최종 기사 원고는 기존 전용 GPT에서 새 대화로 시작합니다. -->
<!-- ver544: ChatGPT UI 문구(더 보기/ChatGPT 답변/실수 안내/Latest response)를 공개 원고에서 제거하고, 짧은 정상 제목을 구매가이드 제목으로 바꾸던 레거시 SEO 보정을 제거합니다. 생성 H1/검증 주제와 저장 제목을 일치시키며 단독 굵은 소제목은 H2로 복원합니다. -->
<!-- ver543: 서버 재시작 시 이전 실행/대기 포스팅 상태를 이어받지 않고 모두 폐기한 뒤 새 요청만 fresh 작업으로 시작합니다. -->
<!-- ver541: ChatGPT 정상 본문을 `…` 제목으로 오탐해 422 저장 차단하던 품질검증을 수정하고, 포털 직행 경로 삭제 후에도 13개 대주제 Manager GPT 주제선정이 꺼져 candidates=0이 되던 자동 포스팅 경로를 항상 활성화합니다. -->
<!-- ver540: 작업 문맥 없는 유령 GPT 호출을 실행 단계에서 완전 차단하고, adaptive 전송 간격을 3~8초 수준으로 줄이며, 실제 /backend-api 429만 요청 lane별 Retry-After backoff로 처리합니다. 과거 10분 전역 회로차단은 사용하지 않습니다. -->
<!-- ver539: 포스팅/Manager 작업이 없는 유휴 상태의 VIRAL_GPT_HOT·trend discovery가 공용 ChatGPT 슬롯을 점유하거나 429 회로를 여는 경로를 차단합니다. 실제 자동 포스팅 Manager의 trend discovery는 유지합니다. -->
<!-- ver538: ChatGPT 실제 전송 후 /c/ 대화 생성·visible user prompt anchor를 이용해 요청 귀속을 확인하도록 백엔드 검증을 수정합니다. 기존 자동 포스팅/13개 대주제/발행 설정은 유지합니다. -->
<!-- ver537: ChatGPT 전송 후 SPA 대화 등록 확인 지연을 정상 전송 실패로 오판하던 백엔드 수정에 맞춘 전체 UI입니다. 기존 자동 포스팅/13개 대주제/발행 설정은 유지합니다. -->
<!-- ver536: 자동 주제는 허용된 13개 대주제의 Manager 웹검색만 사용하며, 별도 분야 연쇄 코드를 제거합니다. -->
<!-- ver535: 외부 포스팅 신뢰성 수정. Buffer queued는 재전송 없이 정상 접수/전달대기로 분리하고, 저장 캡션 검증 실패 시 같은 파이프라인의 GPT 재호출을 제거합니다. -->
<!-- ver526: GPT 이미지 부분 성공 시 영상 발행 지속, 생성 자산 404 정규화, 중복 브라우저 cleanup 제거, 예약 429 상태 분리를 반영합니다. 기존 UI/DOM/API 선택값은 유지합니다. -->
<!-- ver521: 이미지 개수 선택에 최종 본문 H2 문단 수만큼 GPT 이미지를 생성하는 자동 옵션을 추가하고, 수동/예약 설정·재생성 요청을 같은 값으로 연결합니다. 기존 1~5장 및 모든 기존 UI/API 동작은 유지합니다. -->
<!-- ver519: 자동 GPT 주제 탐색 13개 대주제 확장. ver518 기능 유지. -->
<!-- ver518: 자동 주제 탐색의 기본 축을 주식·코인·경제·글로벌경제·부동산·정부지원사업으로 확장하고, 뉴스 사건뿐 아니라 문제 해결·팁·강좌·비교·계산·절차형 검색 수요를 GPT가 직접 발굴하도록 개선합니다. ver517 429 자동복구와 기존 발행 기능은 유지합니다. -->
<!-- ver517: ChatGPT 429 회로는 실제 10분 냉각 동안만 자동/수동 생성을 차단하고, 만료 후 다음 정상 요청에서 자동 복구합니다. 관리자 수동 reset을 기다리며 자동 포스팅이 영구 정지되던 상태를 제거하고 ver516 UI/점수/기존 발행 기능은 유지합니다. -->
<!-- ver512: 기본 TTS를 Edge TTS로 통일합니다. Voicebox/자동 선택지는 유지하고 기존 UI/DOM/API 구조는 변경하지 않습니다. -->
<!-- ver514: ver513 브라우저 재사용 구조를 유지하면서 bounded I/O executor, HTTP socket 회수, 이미지/MP4 streaming, GPT response task gather, process HANDLE wait를 통합합니다. -->
<!-- ver451: 진행 중 글의 Blogger/SNS 발행을 다음 예약 Manager가 끊지 않도록 serial handoff를 수정합니다. ver450 응답 귀속과 기존 UI/API/모듈 구조는 유지합니다. -->
<!-- ver449: Manager 주제선정·응답 귀속 검증·백엔드 모듈 분리 버전 표시. 기존 UI/API 구조 유지. -->
<!-- ver408: 서버 TTS에 Voicebox를 통합하고 자동/Voicebox/Edge TTS 선택을 수동 생성과 예약 설정에 추가합니다. Voicebox 대본은 문장 단위로 안전하게 분할되며 실제 생성 오디오 길이로 자막·사진 타임라인을 동기화합니다. -->
<!-- ver407: 새 글 생성 요청을 최신 자동 작업으로 고정해 이전 queued/후속 자동 발행을 중단합니다. 과거 글은 자동 재처리하지 않고 해당 글에서 관리자가 직접 누른 수동 발행만 허용하며, superseded 상태를 화면에서 명확히 표시합니다. -->
<!-- ver406: 홈페이지 이미지 대기 상한/서버 보충, Threads 영상 독립 발행, TTS 음성 경계 기반 자막·사진 전환과 백엔드 버전 동기화를 반영합니다. -->
<!-- ver405: Buffer queued를 실제 SNS 게시 성공과 분리합니다. Threads·Instagram·YouTube 등은 published만 발행 완료로 표시하고 queued는 "대기열 등록·게시 확인 필요"로 표시합니다. Instagram 예약 자동발행 초기 체크를 ON으로 바꾸고 화면의 기대 BUILD_VERSION을 백엔드 ver405와 일치시킵니다. 기존 UI/버튼/API/생성·발행 흐름은 유지합니다. -->
<!-- ver396: 백엔드에서 [발행자료] 헤더가 빠진 메타 설명·URL 슬러그·내부 링크·태그·썸네일·이미지 alt·후속 콘텐츠 블록을 공개 본문과 분리하도록 수정했습니다. 기존 UI/DOM/API/생성·발행 동작은 변경하지 않습니다. -->
<!-- ver394: Threads 마지막의 불완전 연결 조각을 발행 차단 대신 정제해 정상 원고를 유지하는 백엔드 수정에 맞춘 전체 UI. 기존 생성/플랫폼/GPT 설정과 발행 동작은 변경하지 않습니다. -->
<!-- ver393: Threads 공개문에서 이미지 alt 발행자료와 연결어미로 끊긴 마지막 문장을 차단하는 백엔드 수정에 맞춘 전체 UI. 기존 생성/플랫폼/GPT 설정과 발행 동작은 변경하지 않습니다. -->
<!-- ver392: 백엔드 중복 background 생성 차단과 GPT 단일 전송 안전장치에 맞춘 전체 UI. 기존 생성/플랫폼/GPT 설정과 발행 동작은 변경하지 않습니다. -->
<!-- ver390: ChatGPT 실제 보호 팝업을 backend 429와 동일한 10분 전역 회로차단 신호로 처리하고, 직전 ChatGPT 작업 완료 뒤 최소 180초 quiet period를 적용하는 백엔드 변경에 맞춘 버전 표기입니다. 기존 발행 UI 동작은 변경하지 않습니다. -->
<!-- ver388: ChatGPT 한 프롬프트 단일 전송, 화면 과거 제한문구 오판 제거, 외부 소셜 전용 GPT master-off 복원. 기존 발행 UI는 유지합니다. -->
<!-- ver387: ChatGPT 관리형 Chrome/작업 탭을 1개로 유지하고 작업별 브라우저 재시작을 제거합니다. ver386의 10분+수동 재확인 및 기존 발행 UI는 유지합니다. -->
<!-- ver386: ChatGPT 429 보호 회로 최소 냉각을 10분으로 변경하고, 10분 경과 후에도 자동 재개하지 않으며 관리자 수동 생성에서만 1회 재확인합니다. ver385 전용 탭 1개·수동 탭 보호와 ver384 전역 요청 직렬화는 유지합니다. -->
<!-- ver385: ChatGPT 자동화는 사용자 수동 탭과 분리된 소유 탭 1개만 재사용하고, 429 실패 탭 누적 및 recovery의 수동 탭 오인을 제거합니다. 429 회로는 냉각 종료 후에도 자동 재개하지 않고 관리자 수동 생성에서만 1회 재확인합니다. ver384 전역 요청 직렬화는 유지합니다. -->
<!-- ver384: ChatGPT 본문·이미지·Continue 전송은 백엔드의 단일 전역 직렬 슬롯을 사용하며, UI 전송 버튼 활성화로 보호간격을 건너뛰던 이미지 fast-path를 제거합니다. -->
<!-- ver383: 포스트 직렬큐 + ChatGPT 429 전역 회로차단 + recovery 차단 + 저호출 Agent 운영. -->
<!-- ver366: Metricool/Buffer형 운영 관제센터 UI. 메인 메뉴 8개, 운영 대시보드, 3단계 콘텐츠 작성, 카드형 채널 선택, 고급설정 접기, 계정별 채널/챗지피티 연결 프로필을 적용합니다. ver365 기능/ID/API는 유지합니다. -->
<!-- ver365: ver364 기능을 모두 유지하면서 스튜디오 좌측 메뉴를 현재 사이트 콘텐츠 영역에 붙여 정렬하고, 사이트 라이트/다크 모드를 자동 추종하며 관리자 화면의 지나치게 작은 8~11px 글자를 가독성 기준으로 상향합니다. -->
<!-- ver368: 계정별 설정에서 현재 실제 사용값과 저장/수정값을 나란히 표시합니다. 버퍼·유튜브·각 플랫폼 연결값은 로그인 사용자별 프로필로 관리하고, 프롬프트 화면에는 현재 실행 코드의 원본 플랫폼 프롬프트를 읽기 전용으로 복원해 표시합니다. -->
<!-- ver367: /news는 공개 콘텐츠만 표시하고 /studio는 레벨5 이상 관리 스튜디오로 분리합니다. 버퍼 우선/버퍼만/공식 API만 발행 전략과 복원된 플랫폼별 기본 GPT 프롬프트를 사용자별 채널 설정에 연결합니다. -->
<!-- ver364: /news는 공개 콘텐츠 전용으로 유지하고 /content-studio를 레벨5 이상 로그인 사용자 전용 관리 화면으로 분리합니다. 사용자별 자격증명·광고·노드·게시물 소유권을 분리하고 관리자 프롬프트/기본설정은 공통 기본값으로 상속합니다. TTS 약어는 음성에서 철자 발음으로 정규화합니다. -->
<!-- ver363: ver362의 모든 기존 DOM ID/API/생성·발행 기능을 유지하면서 홈·발견·콘텐츠·미디어·플래너·발행센터·자동화·실행기록·수익화·자격증명·프롬프트·채널연결·전체설정을 하나의 n8n형 한글 운영 스튜디오로 통합합니다. -->
<!-- ver362: ver361의 모든 생성·발행·설정 기능과 DOM ID/API 연결은 유지하고, 관리자 목록 첫 화면을 n8n 계열의 노드 기반 자동화 캔버스로 재구성합니다. 기존 콘텐츠 작성·콘텐츠 목록·자동 포스팅·전체 운영 설정·GPT 프롬프트·카테고리·쿠팡 관리 화면은 새 좌측 내비게이션과 노드 검사기에서 그대로 호출하며 삭제/중복 구현하지 않습니다. -->
<!-- ver361: 모든 AUTO_NEWS/COUPANG 외부 운영 옵션을 코드 수정 없이 관리자 GUI에서 검색·변경·초기화하도록 통합 설정 센터를 추가했습니다. DB 설정이 env보다 우선하며 비밀값은 마스킹·암호화합니다. 기존 프롬프트·스케줄러·발행·미디어 기능은 유지합니다. -->
<!-- ver358: 수동 선택값 기억 기능은 유지하며, 많은 첨부 이미지는 GPT 전송용 고해상도 이미지 시트로 자동 정리하고 전송 준비 판정은 실제 전송 버튼 활성 상태를 기준으로 수정했습니다. -->
<!-- ver352: 플랫폼 간 유사도는 서버에서 발행 차단하지 않도록 수정. 기존 UI와 첨부 이미지 선택 기능은 그대로 유지합니다. -->
<!-- ver331: Blogger/Blogspot 동일 post_id의 멀티워커 2중 발행은 서버 auto_news_router.py의 단일 claim/기존 Blogger ID 재검증 경로에서 차단합니다. 기존 UI와 버튼 동작은 유지합니다. -->
<!-- ver330: 서버의 로컬 CDP 자동복구 및 수동 키워드 fallback 오판 수정. ver329 이미지/영상 공급자 옵션과 UI는 그대로 유지합니다. -->
<!-- ver329: 수동/자동 썸네일·문단 이미지 공급자(자동/GPT/서버)와 동영상 공급자(자동/Gemini/서버)를 선택하고, 저장된 ChatGPT running job의 고착 상태를 서버 재시작/owner PID/heartbeat/절대 제한시간 기준으로 해제합니다. -->
<!-- ver325: 서버 TTS 뉴스영상은 같은 TTS 대본을 관리자 이미지 수만큼 PPT형 보고서 슬라이드로 만들고, 대본 분량에 따라 장면 시간을 배분해 30~59초 실제 음성 길이에 맞춥니다. GPT 이미지 fallback도 보고서형 서버 이미지로 생성합니다. -->
<!-- ver324: GPT 이미지가 없으면 홈페이지·Blogger·SNS 모두 서버 자체 이미지를 사용해 미디어 발행을 계속합니다. -->
<!-- ver323: GPT 이미지가 없어도 홈페이지/Blogger 글은 계속 발행하고, 외부 SNS는 서버 자체 이미지 + TTS 뉴스영상으로 계속 발행합니다. -->
<!-- ver322: 공용 영상은 서버 30~59초 한국어 TTS + 대표/문단 이미지 시간맞춤 방식으로 생성합니다. -->
<!-- ver321: 인기검색어 선정 메타데이터 공개 저장 차단은 서버 auto_news_router.py에서 처리 -->
<!-- ver320: 수동/자동 TikTok·YouTube·X 기본 체크, 자동 예약 짝수시간대 기본값 -->


<!doctype html>
<html lang="en">
<head><script src="/api/site-language/runtime.js?lang=en&amp;v=160bd974e1b1"></script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stocks·Crypto | NEO AI 콘텐츠 센터</title>
<link rel="icon" href="/static/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/theme_static/bootstrap_neo/css/default.css?ver=638.1">
<link rel="stylesheet" href="/static/js/font-awesome/css/all.min.css?ver=6.5.1">
<link rel="stylesheet" href="/theme_static/bootstrap_neo/js/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<script src="/static/js/jquery.min.js?ver=3.7.1"></script>
<script src="/static/js/jquery-migrate.min.js?ver=3.4.0"></script>
<script src="/static/js/common.js?ver=626"></script>
<script src="/static/js/wrest.js?ver=626"></script>
<script src="/static/js/font-awesome/js/all.min.js?ver=6.5.1"></script>
<script src="/theme_static/bootstrap_neo/js/bootstrap/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M8CFJB8VGP"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-M8CFJB8VGP');
</script>
<!--구글애드센스-->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4699794915682391"
     crossorigin="anonymous"></script>
     
<script>
// 자바스크립트에서 사용하는 전역변수 선언
const g6_url       = "https://neoai.kr/";
const g6_bbs_url   = "https://neoai.kr/bbs";
const g6_is_member = "";
const g6_is_mobile = "";
const g6_editor    = "ckeditor4";
const g6_cookie_domain = "";
const g6_shop_url = "https://neoai.kr/shop";
</script>
    <link rel="stylesheet" href="/theme_static/bootstrap_neo/css/header.css">

<!-- ver628: 언어 선택 컨트롤의 단일 공통 스타일 -->
<link rel="stylesheet" href="/static/css/site_language.css?ver=638">

<meta name="description" lang="en" content="주식·코인 카테고리의 최신 글과 핵심 정보를 한곳에서 확인하세요.">
<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
<link rel="canonical" href="https://neoai.kr/news/category/주식코인">
<link rel="alternate" type="application/rss+xml" title="NEO AI 콘텐츠 센터 RSS" href="https://neoai.kr/news/rss.xml">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:site_name" content="NEO AI 콘텐츠 센터">
<meta property="og:title" content="주식·코인 | NEO AI 콘텐츠 센터">
<meta property="og:description" content="주식·코인 카테고리의 최신 글과 핵심 정보를 한곳에서 확인하세요.">
<meta property="og:url" content="https://neoai.kr/news/category/주식코인">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="주식·코인 | NEO AI 콘텐츠 센터">
<meta name="twitter:description" content="주식·코인 카테고리의 최신 글과 핵심 정보를 한곳에서 확인하세요.">
</head>

<body>
    

<!-- 상단 시작 { -->
<header id="hd" class="wrapper-bg pb-3 pt-3 pt-md-0 sticky-top main-bb">
  <div id="skip_to_container"><a href="#container">Skip to content</a></div>

  
  <div id="tnb" class="d-md-block d-none card-bg fs-5 mb-3 py-3">
      <ul id="hd_qnb" class="container-xxl d-md-flex justify-content-end">
          
          <li><span class="site-language-switch" role="group" aria-label="Language" data-i18n-skip>
  <i class="fa-solid fa-globe" aria-hidden="true"></i>
  <a class="site-language-option" href="https://neoai.kr/news/category/주식코인?lang=ko&amp;set_lang=1" lang="ko" hreflang="ko" aria-current="false" title="한국어로 보기">한국어</a>
  <a class="site-language-option" href="https://neoai.kr/news/category/주식코인?lang=en&amp;set_lang=1" lang="en" hreflang="en" aria-current="page" title="Read in English">English</a>
</span></li>
          <li><a href="https://neoai.kr/bbs/faq" class="sub-font px-2">FAQ</a></li>
          <li><a href="https://neoai.kr/bbs/qalist" class="sub-font px-2">Q&amp;A</a></li>
          <li><a href="/bbs/new" class="sub-font px-2">New posts</a></li>
          <li><a href="/bbs/current_connect" class="visit sub-font px-2">
              Visitors online<strong class="visit-num">44</strong></a>
          </li>
      </ul>
  </div>

  <div id="hd_wrapper" class="container-xxl d-flex justify-content-between align-items-center">
    <div id="logo">
      <a href="/"><img src="/theme_static/bootstrap_neo/img/logo.png" width="96" height="48" alt="NEO AI"></a>
    </div>
    <!-- 메뉴 -->
    <nav id="gnb">
      <h2 class="blind">Main menu</h2>
      <div class="d-none d-md-block">
        

    <style>
        #gnb_1dul,
        #gnb_1dul .gnb_1dli,
        #gnb_1dul .dropdown-submenu {
            position: relative;
        }

        #hd,
        #hd_wrapper,
        #gnb,
        #gnb > div,
        #gnb_1dul,
        #gnb_1dul .gnb_1dli,
        #gnb_1dul .dropdown,
        #gnb_1dul .dropdown-submenu {
            overflow: visible !important;
        }

        #gnb_1dul .dropdown-menu {
            display: none;
            overflow: visible !important;
            min-width: 210px;
            z-index: 2000;
            transform-origin: 18px 0;
            will-change: opacity, transform, filter;
            box-shadow:
                0 18px 34px rgba(15, 23, 42, .18),
                0 8px 14px rgba(15, 23, 42, .10);
        }

        #gnb_1dul > .dropdown > .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            right: auto;
            transform: none;
            margin-top: 0;
            flex-direction: column;
        }

        #gnb_1dul > .dropdown > .dropdown-menu::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: -14px;
            height: 14px;
        }

        #gnb_1dul .dropdown-submenu > .dropdown-menu {
            position: absolute;
            top: 0;
            left: 100%;
            margin-top: 0;
            margin-left: 0;
            transform-origin: 0 18px;
        }

        #gnb_1dul .dropdown-submenu > .dropdown-menu::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: -14px;
            width: 14px;
        }

        #gnb_1dul .dropdown-menu::after {
            content: "";
            position: absolute;
            right: 14px;
            top: 12px;
            width: 16px;
            height: 16px;
            border-radius: 999px;
            pointer-events: none;
            opacity: 0;
            background:
                radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .96) 0 2px, transparent 3px),
                radial-gradient(circle at 50% 55%, rgba(255, 255, 255, .42), rgba(255, 255, 255, 0) 68%);
        }

        #gnb_1dul > .dropdown:hover > .dropdown-menu,
        #gnb_1dul > .dropdown.is-open > .dropdown-menu {
            display: flex !important;
            animation: gnbBubbleOpen .42s cubic-bezier(.16, 1.28, .32, 1) both;
        }

        #gnb_1dul .dropdown-submenu.is-open > .dropdown-menu {
            display: block !important;
            animation: gnbBubbleOpenSide .42s cubic-bezier(.16, 1.28, .32, 1) both;
        }

        #gnb_1dul > .dropdown.is-closing > .dropdown-menu {
            display: flex !important;
            pointer-events: none;
            animation: gnbBubbleClose .24s ease-in both;
        }

        #gnb_1dul .dropdown-submenu.is-closing > .dropdown-menu {
            display: block !important;
            pointer-events: none;
            animation: gnbBubbleCloseSide .24s ease-in both;
        }

        #gnb_1dul .dropdown.is-open > .dropdown-menu::after,
        #gnb_1dul .dropdown.is-closing > .dropdown-menu::after,
        #gnb_1dul .dropdown-submenu.is-open > .dropdown-menu::after {
            animation: gnbWaterDropPop .56s ease-out .05s both;
        }

        #gnb_1dul .dropdown-submenu.is-closing > .dropdown-menu::after {
            animation: gnbWaterDropPop .42s ease-in both;
        }

        #gnb_1dul .is-open > .dropdown-menu > li {
            animation: gnbMenuItemBounce .34s cubic-bezier(.18, 1.24, .38, 1) both;
        }

        #gnb_1dul .is-open > .dropdown-menu > li:nth-child(1) {
            animation-delay: .02s;
        }

        #gnb_1dul .is-open > .dropdown-menu > li:nth-child(2) {
            animation-delay: .05s;
        }

        #gnb_1dul .is-open > .dropdown-menu > li:nth-child(3) {
            animation-delay: .08s;
        }

        #gnb_1dul .is-open > .dropdown-menu > li:nth-child(n+4) {
            animation-delay: .11s;
        }

        #gnb_1dul .gnb_3dul,
        #gnb_1dul .gnb_4dul {
            min-width: 210px;
        }

        #gnb_1dul .gnb_menu_item_line,
        #gnb_1dul > .gnb_1dli > .gnb_menu_item_line,
        #gnb_all .gnb_all_menu_item_line {
            display: flex;
            align-items: stretch;
            width: 100%;
            min-width: 0;
            box-sizing: border-box;
        }

        #gnb_1dul .gnb_2dul .dropdown-submenu > .gnb_menu_item_line {
            position: relative;
            align-items: center;
            min-height: 54px;
            padding-right: 60px;
        }

        #gnb_1dul .gnb_2dul .dropdown-submenu > .gnb_menu_item_line > .gnb_submenu_toggle {
            position: absolute;
            top: 50%;
            right: 16px;
            margin: 0;
            transform: translateY(-50%);
            z-index: 2;
        }

        #gnb_1dul .gnb_2dul .dropdown-submenu > .gnb_menu_item_line > .dropdown-item {
            display: flex !important;
            align-items: center;
            min-height: 44px;
        }

        #gnb_1dul .gnb_menu_item_line > a,
        #gnb_1dul > .gnb_1dli > .gnb_menu_item_line > a,
        #gnb_all .gnb_all_menu_item_line > a {
            flex: 1 1 auto;
            min-width: 0;
        }

        #gnb_1dul .gnb_submenu_toggle,
        #gnb_all .gnb_ipad_submenu_toggle {
            flex: 0 0 30px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            min-width: 34px;
            height: 34px;
            min-height: 34px;
            align-self: center;
            margin: 6px 26px 6px 4px;
            border: 1px solid rgba(255, 255, 255, .34);
            border-radius: 10px;
            background:
                radial-gradient(circle at 28% 22%, rgba(255, 255, 255, .95), rgba(255, 255, 255, .18) 34%, transparent 60%),
                linear-gradient(135deg, #2563eb, #7c3aed);
            color: #ffffff;
            font-size: 15px;
            font-weight: 900;
            line-height: 1;
            cursor: pointer;
            box-shadow:
                0 6px 12px rgba(37, 99, 235, .22),
                inset 0 1px 0 rgba(255, 255, 255, .46);
            transition:
                background-color .16s ease,
                color .16s ease,
                transform .16s ease,
                box-shadow .16s ease;
        }

        #gnb_1dul > .gnb_1dli > .gnb_menu_item_line > .gnb_submenu_toggle {
            min-height: 100%;
            background:
                radial-gradient(circle at 28% 22%, rgba(255, 255, 255, .95), rgba(255, 255, 255, .18) 34%, transparent 60%),
                linear-gradient(135deg, #2563eb, #7c3aed);
            border-color: rgba(255, 255, 255, .34);
            color: #ffffff;
        }

        #gnb_1dul .gnb_submenu_toggle:hover,
        #gnb_1dul .gnb_submenu_toggle:focus,
        #gnb_all .gnb_ipad_submenu_toggle:hover,
        #gnb_all .gnb_ipad_submenu_toggle:focus {
            background:
                radial-gradient(circle at 32% 18%, rgba(255, 255, 255, 1), rgba(255, 255, 255, .22) 36%, transparent 62%),
                linear-gradient(135deg, #1d4ed8, #9333ea);
            color: #ffffff;
            outline: none;
            transform: translateY(-1px) scale(1.04);
            box-shadow:
                0 9px 16px rgba(37, 99, 235, .30),
                inset 0 1px 0 rgba(255, 255, 255, .55);
        }

        #gnb_1dul .gnb_2dul .dropdown-submenu > .gnb_menu_item_line > .gnb_submenu_toggle:hover,
        #gnb_1dul .gnb_2dul .dropdown-submenu > .gnb_menu_item_line > .gnb_submenu_toggle:focus {
            transform: translateY(-50%) scale(1.04);
        }

        #gnb_1dul .is-open > .gnb_menu_item_line > .gnb_submenu_toggle,
        #gnb_all [data-gnb-open="true"] > .gnb_all_menu_item_line > .gnb_ipad_submenu_toggle {
            background:
                radial-gradient(circle at 32% 18%, rgba(255, 255, 255, .96), rgba(255, 255, 255, .18) 36%, transparent 62%),
                linear-gradient(135deg, #ef4444, #f97316);
            color: #ffffff;
            box-shadow:
                0 9px 16px rgba(239, 68, 68, .24),
                inset 0 1px 0 rgba(255, 255, 255, .48);
        }

        #gnb_1dul .dropdown-item {
            transition:
                transform .16s ease,
                filter .16s ease,
                background-color .16s ease;
        }

        #gnb_1dul .dropdown-item:hover,
        #gnb_1dul .dropdown-item:focus {
            transform: translateX(4px) scale(1.015);
            filter: brightness(1.08);
        }

        @keyframes gnbBubbleOpen {
            0% {
                opacity: 0;
                transform: translateY(-10px) scale(.86);
                filter: blur(1px) saturate(.9);
                border-radius: 24px;
            }
            52% {
                opacity: 1;
                transform: translateY(4px) scale(1.045);
                filter: blur(0) saturate(1.08);
                border-radius: 18px;
            }
            74% {
                transform: translateY(-2px) scale(.985);
                border-radius: 14px;
            }
            100% {
                opacity: 1;
                transform: translateY(0) scale(1);
                filter: blur(0) saturate(1);
            }
        }

        @keyframes gnbBubbleOpenSide {
            0% {
                opacity: 0;
                transform: translateX(-10px) scale(.86);
                filter: blur(1px) saturate(.9);
                border-radius: 24px;
            }
            52% {
                opacity: 1;
                transform: translateX(5px) scale(1.045);
                filter: blur(0) saturate(1.08);
                border-radius: 18px;
            }
            74% {
                transform: translateX(-2px) scale(.985);
                border-radius: 14px;
            }
            100% {
                opacity: 1;
                transform: translateX(0) scale(1);
                filter: blur(0) saturate(1);
            }
        }

        @keyframes gnbBubbleClose {
            0% {
                opacity: 1;
                transform: translateY(0) scale(1);
                filter: blur(0);
            }
            100% {
                opacity: 0;
                transform: translateY(-8px) scale(.9);
                filter: blur(1px) saturate(.88);
            }
        }

        @keyframes gnbBubbleCloseSide {
            0% {
                opacity: 1;
                transform: translateX(0) scale(1);
                filter: blur(0);
            }
            100% {
                opacity: 0;
                transform: translateX(-8px) scale(.9);
                filter: blur(1px) saturate(.88);
            }
        }

        @keyframes gnbWaterDropPop {
            0% {
                opacity: 0;
                transform: translateY(-8px) scale(.25);
            }
            34% {
                opacity: .95;
                transform: translateY(2px) scale(1.22, .78);
            }
            58% {
                opacity: .72;
                transform: translateY(-3px) scale(.82, 1.16);
            }
            100% {
                opacity: 0;
                transform: translateY(8px) scale(.52);
            }
        }

        @keyframes gnbMenuItemBounce {
            0% {
                opacity: 0;
                transform: translateY(-6px) scale(.98);
            }
            62% {
                opacity: 1;
                transform: translateY(2px) scale(1.02);
            }
            100% {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            #gnb_1dul .dropdown-menu,
            #gnb_1dul .dropdown-menu::after,
            #gnb_1dul .dropdown-menu > li,
            #gnb_1dul .dropdown-item {
                animation: none !important;
                transition: none !important;
            }
        }

        #gnb_1dul > .dropdown > .gnb_2dul {
            --gnb-2-col-w: 280px;
            --gnb-3-col-w: 350px;
            --gnb-4-col-w: 350px;
            --gnb-sub-gap: 12px;
            --gnb-scrollbar-space: 8px;
            box-sizing: border-box !important;
            width: var(--gnb-2-col-w) !important;
            min-width: var(--gnb-2-col-w) !important;
            max-width: min(1100px, calc(100vw - 32px)) !important;
            max-height: min(72dvh, calc(100dvh - 92px), 720px) !important;
            padding: 9px calc(8px + var(--gnb-scrollbar-space)) 9px 9px !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
            scrollbar-gutter: stable;
            scrollbar-width: thin;
            transition:
                width .18s ease-out,
                max-width .18s ease-out,
                box-shadow .18s ease-out !important;
            left: -28px !important;
        }

        #gnb_1dul > .dropdown > .gnb_2dul::-webkit-scrollbar {
            width: 8px;
        }

        #gnb_1dul > .dropdown > .gnb_2dul::-webkit-scrollbar-thumb {
            border: 3px solid transparent;
            border-radius: 999px;
            background: rgba(148, 163, 184, .78);
            background-clip: padding-box;
        }

        #gnb_1dul > .dropdown > .gnb_2dul::-webkit-scrollbar-track {
            border-radius: 999px;
            background: rgba(226, 232, 240, .72);
        }

        #gnb_1dul > .dropdown > .gnb_2dul:has(> .dropdown-submenu.is-open),
        #gnb_1dul > .dropdown > .gnb_2dul.is-sub-open {
            width: var(--gnb-2-col-w) !important;
        }

        #gnb_1dul > .dropdown > .gnb_2dul:has(> .dropdown-submenu > .dropdown-menu .dropdown-submenu.is-open),
        #gnb_1dul > .dropdown > .gnb_2dul.is-deep-open {
            width: var(--gnb-2-col-w) !important;
        }

        #gnb_1dul > .dropdown > .gnb_2dul > li {
            width: 100% !important;
            max-width: 100% !important;
        }

        #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu {
            position: relative !important;
            overflow: visible !important;
        }

        #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul {
            /* 3단은 2단 스크롤 높이를 바꾸지 않고 열린 2단 항목 옆에만 띄운다. */
            position: fixed !important;
            top: var(--gnb-3-top, 0px) !important;
            left: var(--gnb-3-left, 0px) !important;
            width: var(--gnb-3-col-w) !important;
            min-width: var(--gnb-3-col-w) !important;
            max-width: var(--gnb-3-col-w) !important;
            max-height: min(76dvh, calc(100dvh - var(--gnb-3-top, 0px) - 12px)) !important;
            margin: 0 !important;
            padding: 38px 10px 10px !important;
            overflow-x: visible !important;
            overflow-y: auto !important;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
            background: #ffffff !important;
            border: 0 !important;
            border-left: 0 !important;
            border-radius: 12px !important;
            box-shadow:
                0 18px 34px rgba(15, 23, 42, .16),
                0 6px 14px rgba(37, 99, 235, .10) !important;
            z-index: 2 !important;
        }

        #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul::before {
            content: "3단 메뉴";
            position: absolute;
            left: 12px;
            right: 12px;
            top: 10px;
            display: block;
            padding: 0 0 8px;
            border-bottom: 0 !important;
            color: #2563eb;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0;
            line-height: 1;
        }

        #gnb_1dul .gnb_3dul > .gnb_3dli {
            margin: 0 0 6px;
        }

        #gnb_1dul .gnb_3dul > .gnb_3dli:last-child {
            margin-bottom: 0;
        }

        #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da {
            display: flex !important;
            align-items: center;
            justify-content: space-between;
            min-height: 42px;
            padding: 10px 12px !important;
            border: 0 !important;
            border-left: 0 !important;
            border-radius: 8px !important;
            background: #f8fbff !important;
            color: #0f172a !important;
            font-size: 15px !important;
            font-weight: 700 !important;
            line-height: 1.35;
            white-space: normal;
            word-break: keep-all;
            box-shadow: 0 2px 8px rgba(15, 23, 42, .05);
        }

        #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:hover,
        #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:focus,
        #gnb_1dul .gnb_3dul > .gnb_3dli.is-open > .gnb_menu_item_line > .gnb_3da {
            background: #eaf2ff !important;
            border-color: transparent !important;
            color: #1d4ed8 !important;
            transform: translateX(3px) !important;
            filter: none !important;
            box-shadow: 0 8px 18px rgba(37, 99, 235, .16);
        }

        [data-bs-theme="dark"] #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul,
        .dark #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul,
        .theme-dark #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul,
        body.dark-mode #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul {
            background: #0f172a !important;
            border-color: transparent !important;
            border-left-color: transparent !important;
            box-shadow:
                0 18px 34px rgba(0, 0, 0, .38),
                0 6px 14px rgba(37, 99, 235, .22) !important;
        }

        [data-bs-theme="dark"] #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul::before,
        .dark #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul::before,
        .theme-dark #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul::before,
        body.dark-mode #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul::before {
            border-bottom-color: transparent !important;
            color: #93c5fd;
        }

        [data-bs-theme="dark"] #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da,
        .dark #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da,
        .theme-dark #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da,
        body.dark-mode #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da {
            background: rgba(30, 41, 59, .92) !important;
            border-color: transparent !important;
            border-left-color: transparent !important;
            color: #e5eefb !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
        }

        [data-bs-theme="dark"] #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:hover,
        [data-bs-theme="dark"] #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:focus,
        [data-bs-theme="dark"] #gnb_1dul .gnb_3dul > .gnb_3dli.is-open > .gnb_menu_item_line > .gnb_3da,
        .dark #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:hover,
        .dark #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:focus,
        .dark #gnb_1dul .gnb_3dul > .gnb_3dli.is-open > .gnb_menu_item_line > .gnb_3da,
        .theme-dark #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:hover,
        .theme-dark #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:focus,
        .theme-dark #gnb_1dul .gnb_3dul > .gnb_3dli.is-open > .gnb_menu_item_line > .gnb_3da,
        body.dark-mode #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:hover,
        body.dark-mode #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:focus,
        body.dark-mode #gnb_1dul .gnb_3dul > .gnb_3dli.is-open > .gnb_menu_item_line > .gnb_3da {
            background: rgba(37, 99, 235, .28) !important;
            border-color: transparent !important;
            color: #ffffff !important;
            box-shadow: 0 8px 18px rgba(37, 99, 235, .22);
        }

        #gnb_1dul .gnb_3dul > .dropdown-submenu {
            position: relative !important;
            width: var(--gnb-3-col-w) !important;
            max-width: var(--gnb-3-col-w) !important;
            overflow: visible !important;
        }

        #gnb_1dul .gnb_3dul > .dropdown-submenu > .gnb_4dul {
            top: 0 !important;
            left: calc(var(--gnb-3-col-w) + var(--gnb-sub-gap)) !important;
            width: var(--gnb-4-col-w) !important;
            min-width: var(--gnb-4-col-w) !important;
            max-width: var(--gnb-4-col-w) !important;
            max-height: none !important;
            margin: 0 !important;
            padding: 8px !important;
            overflow: visible !important;
            box-shadow: none !important;
            z-index: 3 !important;
        }

        #gnb_1dul .gnb_2dul .dropdown-submenu.is-open > .dropdown-menu {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
        }

        #gnb_1dul .gnb_2dul:has(.dropdown-submenu.is-open) {
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
        }

        /*
         * iPad 전체메뉴는 data-gnb-open 하나만 상태 원본으로 사용한다.
         * 데스크톱 GNB의 generic class/event와 분리해 + 버튼 터치가 다른 메뉴 로직에
         * 잡히지 않도록 하고, 직계 하위 ul의 실제 display도 같은 상태에서 결정한다.
         */
        #gnb_all .gnb_all_submenu {
            display: none !important;
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
            margin-top: 0;
        }

        #gnb_all .gnb_all_has_submenu[data-gnb-open="true"] > .gnb_all_submenu {
            display: block !important;
            visibility: visible;
            opacity: 1;
            pointer-events: auto;
            margin-top: 8px;
            animation: gnbAllSubmenuOpen .28s cubic-bezier(.22, 1, .36, 1) both;
        }

        /*
         * iPad mini 햄버거 메뉴 표시 상태를 이 템플릿에서 직접 관리한다.
         * Bootstrap d-none과 jQuery show()/hide()가 서로 다른 display 상태를
         * 동시에 제어하지 않도록 단일 흐름으로 정리한다.
         */
        .gnb_menu_btn {
            display: none;
        }

        /*
         * iPad 전용 전체메뉴 표시 범위.
         * iPhone portrait/landscape는 폭 또는 높이 조건에서 제외하고,
         * 터치 태블릿에서만 햄버거 전체메뉴를 노출한다.
         */
        @media (min-width: 700px) and (max-width: 1180px) and (min-height: 600px) and (any-pointer: coarse) {
            #gnb_1dul .gnb_menu_btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 46px;
                height: 46px;
                border: 1px solid rgba(37, 99, 235, .16);
                border-radius: 14px;
                background: linear-gradient(145deg, #ffffff, #eef4ff);
                color: #1d4ed8;
                font-size: 21px;
                box-shadow: 0 8px 18px rgba(15, 23, 42, .10);
                touch-action: manipulation;
            }

            #gnb_all.gnb_all_panel {
                position: fixed;
                top: max(68px, calc(env(safe-area-inset-top) + 56px));
                left: max(10px, env(safe-area-inset-left));
                right: auto;
                isolation: isolate;
                width: min(430px, calc(100vw - 20px));
                max-height: calc(100dvh - 82px - env(safe-area-inset-bottom));
                box-sizing: border-box;
                padding: 18px 16px 20px;
                overflow-x: hidden;
                overflow-y: auto;
                overscroll-behavior: contain;
                -webkit-overflow-scrolling: touch;
                border: 1px solid rgba(148, 163, 184, .24);
                border-radius: 22px;
                /* 블러는 전체화면이 아니라 메뉴 패널의 뒤쪽 영역에만 적용한다. */
                background: linear-gradient(180deg, rgba(255, 255, 255, .90), rgba(247, 250, 255, .88));
                -webkit-backdrop-filter: blur(7px) saturate(.96);
                backdrop-filter: blur(7px) saturate(.96);
                box-shadow:
                    0 28px 70px rgba(15, 23, 42, .24),
                    0 8px 24px rgba(37, 99, 235, .10);
                z-index: 10020;
                animation: gnbAllPanelIn .34s cubic-bezier(.22, 1, .36, 1) both;
            }

            #gnb_all_bg {
                position: fixed;
                inset: 0;
                /* 배경은 시각 효과만 담당한다. iPad Safari에서 이 레이어가 메뉴 터치를 가로채지 않게 한다. */
                background: rgba(15, 23, 42, .08);
                -webkit-backdrop-filter: none;
                backdrop-filter: none;
                pointer-events: none;
                z-index: 10000;
                animation: gnbAllBackdropIn .22s ease-out both;
            }

            #gnb_all .gnb_all_title {
                display: flex;
                align-items: center;
                min-height: 42px;
                margin: 0 48px 14px 2px;
                color: #0f172a;
                font-size: 20px;
                font-weight: 900;
                letter-spacing: -.03em;
                line-height: 1.25;
            }

            #gnb_all .gnb_all_title::before {
                content: "";
                width: 8px;
                height: 24px;
                margin-right: 10px;
                border-radius: 999px;
                background: linear-gradient(180deg, #2563eb, #7c3aed);
                box-shadow: 0 4px 10px rgba(37, 99, 235, .24);
            }

            #gnb_all .gnb_close_btn {
                position: absolute;
                top: 14px;
                right: 14px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                padding: 0;
                border: 1px solid rgba(148, 163, 184, .24);
                border-radius: 13px;
                background: #ffffff;
                color: #475569;
                font-size: 19px;
                box-shadow: 0 6px 14px rgba(15, 23, 42, .08);
                cursor: pointer;
                touch-action: manipulation;
            }

            #gnb_all .gnb_quick_menu {
                margin: 0 0 14px;
                padding: 0;
            }

            #gnb_all .gnb_quick_title {
                display: flex;
                align-items: center;
                gap: 8px;
                margin: 0 0 9px 2px;
                color: #64748b;
                font-size: 12px;
                font-weight: 900;
                line-height: 1.2;
                letter-spacing: .02em;
            }

            #gnb_all .gnb_quick_title::before {
                content: "";
                display: block;
                width: 4px;
                height: 14px;
                border-radius: 999px;
                background: linear-gradient(180deg, #2563eb, #7c3aed);
            }

            #gnb_all .gnb_quick_grid {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
            }

            #gnb_all .gnb_quick_link {
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 7px;
                min-width: 0;
                min-height: 68px;
                padding: 9px 6px;
                box-sizing: border-box;
                border: 1px solid rgba(148, 163, 184, .20);
                border-radius: 14px;
                background: #ffffff;
                color: #334155;
                text-align: center;
                text-decoration: none;
                box-shadow: 0 4px 12px rgba(15, 23, 42, .055);
                -webkit-tap-highlight-color: transparent;
                touch-action: manipulation;
                transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
                animation: gnbQuickItemIn .28s cubic-bezier(.16, 1, .3, 1) both;
            }

            #gnb_all .gnb_quick_link:nth-child(1) { animation-delay: .03s; }
            #gnb_all .gnb_quick_link:nth-child(2) { animation-delay: .055s; }
            #gnb_all .gnb_quick_link:nth-child(3) { animation-delay: .08s; }
            #gnb_all .gnb_quick_link:nth-child(4) { animation-delay: .105s; }
            #gnb_all .gnb_quick_link:nth-child(5) { animation-delay: .13s; }
            #gnb_all .gnb_quick_link:nth-child(6) { animation-delay: .155s; }

            #gnb_all .gnb_quick_link i {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 30px;
                height: 30px;
                border-radius: 10px;
                background: #eff6ff;
                color: #2563eb;
                font-size: 15px;
            }

            #gnb_all .gnb_quick_link:nth-child(2) i { background: #f5f3ff; color: #7c3aed; }
            #gnb_all .gnb_quick_link:nth-child(3) i { background: #f0fdfa; color: #0f766e; }
            #gnb_all .gnb_quick_link:nth-child(4) i { background: #fff7ed; color: #ea580c; }
            #gnb_all .gnb_quick_link:nth-child(5) i { background: #ecfeff; color: #0891b2; }
            #gnb_all .gnb_quick_link:nth-child(6) i { background: #fef2f2; color: #dc2626; }

            #gnb_all .gnb_quick_label {
                display: block;
                min-width: 0;
                max-width: 100%;
                overflow: hidden;
                color: inherit;
                font-size: 13px;
                font-weight: 800;
                line-height: 1.2;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            #gnb_all .gnb_quick_count {
                position: absolute;
                top: 6px;
                right: 6px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 20px;
                height: 20px;
                padding: 0 6px;
                box-sizing: border-box;
                border-radius: 999px;
                background: #0ea5e9;
                color: #ffffff;
                font-size: 10px;
                font-weight: 900;
                line-height: 1;
                box-shadow: 0 3px 8px rgba(14, 165, 233, .22);
            }

            #gnb_all .gnb_quick_link:active {
                transform: scale(.965);
                box-shadow: 0 2px 7px rgba(15, 23, 42, .08);
            }

            #gnb_all .gnb_al_ul,
            #gnb_all .gnb_all_submenu {
                list-style: none;
                padding-left: 0;
            }

            #gnb_all .gnb_al_ul {
                margin: 0;
            }

            /* 1단: 큰 파란 계열 카드 */
            #gnb_all > .gnb_al_ul > .gnb_al_li {
                margin: 0 0 11px;
                padding: 0;
                border: 0;
                animation: gnbAllFirstDepthIn .34s cubic-bezier(.22, 1, .36, 1) both;
            }

            #gnb_all > .gnb_al_ul > .gnb_al_li:nth-child(2) { animation-delay: .025s; }
            #gnb_all > .gnb_al_ul > .gnb_al_li:nth-child(3) { animation-delay: .05s; }
            #gnb_all > .gnb_al_ul > .gnb_al_li:nth-child(4) { animation-delay: .075s; }
            #gnb_all > .gnb_al_ul > .gnb_al_li:nth-child(n+5) { animation-delay: .10s; }

            #gnb_all > .gnb_al_ul > .gnb_al_li > .gnb_all_menu_item_line {
                position: relative;
                align-items: center;
                min-height: 58px;
                overflow: hidden;
                border: 1px solid rgba(37, 99, 235, .16);
                border-radius: 16px;
                background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 58%, #4f46e5 100%);
                box-shadow:
                    0 10px 22px rgba(37, 99, 235, .18),
                    inset 0 1px 0 rgba(255, 255, 255, .18);
                transition: transform .18s ease, box-shadow .18s ease;
            }

            #gnb_all > .gnb_al_ul > .gnb_al_li[data-gnb-open="true"] > .gnb_all_menu_item_line {
                transform: translateX(3px);
                box-shadow:
                    0 13px 26px rgba(37, 99, 235, .24),
                    inset 0 1px 0 rgba(255, 255, 255, .22);
            }

            #gnb_all > .gnb_al_ul > .gnb_al_li > .gnb_all_menu_item_line > .gnb_al_a {
                position: relative;
                display: flex;
                align-items: center;
                min-height: 58px;
                box-sizing: border-box;
                padding: 11px 8px 11px 14px;
                color: #ffffff;
                font-size: 16px;
                font-weight: 800;
                line-height: 1.35;
                text-decoration: none;
                white-space: normal;
                word-break: keep-all;
            }

            #gnb_all > .gnb_al_ul > .gnb_al_li > .gnb_all_menu_item_line > .gnb_al_a::before {
                content: "1단";
                flex: 0 0 auto;
                margin-right: 10px;
                padding: 4px 7px;
                border: 1px solid rgba(255, 255, 255, .30);
                border-radius: 8px;
                background: rgba(255, 255, 255, .16);
                color: #ffffff;
                font-size: 11px;
                font-weight: 900;
                letter-spacing: -.02em;
                line-height: 1;
            }

            #gnb_all > .gnb_al_ul > .gnb_al_li > .gnb_all_menu_item_line > .gnb_ipad_submenu_toggle {
                position: relative;
                flex: 0 0 34px;
                width: 34px;
                min-width: 34px;
                height: 34px;
                min-height: 34px;
                margin: 0 12px 0 4px;
                border: 1px solid rgba(255, 255, 255, .34);
                border-radius: 10px;
                background: rgba(255, 255, 255, .15);
                color: #ffffff;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22);
                transform: none;
                touch-action: manipulation;
            }

            #gnb_all > .gnb_al_ul > .gnb_al_li > .gnb_all_menu_item_line > .gnb_ipad_submenu_toggle:hover,
            #gnb_all > .gnb_al_ul > .gnb_al_li > .gnb_all_menu_item_line > .gnb_ipad_submenu_toggle:focus {
                background: rgba(255, 255, 255, .24);
                color: #ffffff;
                transform: scale(1.04);
            }

            #gnb_all > .gnb_al_ul > .gnb_al_li[data-gnb-open="true"] > .gnb_all_menu_item_line > .gnb_ipad_submenu_toggle {
                border-color: rgba(255, 255, 255, .40);
                background: rgba(15, 23, 42, .24);
                color: #ffffff;
            }

            /* 2단: 1단보다 안쪽에 위치하는 밝은 서브카드 */
            #gnb_all .gnb_al_2ul {
                margin-left: 18px;
                padding: 8px 0 2px 12px;
                border-left: 3px solid #38bdf8;
            }

            #gnb_all .gnb_al_2li {
                margin: 0 0 7px;
                padding: 0;
            }

            #gnb_all .gnb_al_2li > .gnb_all_menu_item_line {
                position: relative;
                align-items: center;
                min-height: 50px;
                overflow: hidden;
                border: 1px solid #dbeafe;
                border-radius: 13px;
                background: linear-gradient(135deg, #f0f9ff, #eff6ff);
                box-shadow: 0 5px 13px rgba(15, 23, 42, .06);
                transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
            }

            #gnb_all .gnb_al_2li[data-gnb-open="true"] > .gnb_all_menu_item_line {
                transform: translateX(3px);
                border-color: #93c5fd;
                box-shadow: 0 8px 18px rgba(37, 99, 235, .11);
            }

            #gnb_all .gnb_al_2li > .gnb_all_menu_item_line > .gnb_al_2a {
                position: relative;
                display: flex;
                align-items: center;
                min-height: 50px;
                box-sizing: border-box;
                padding: 9px 48px 9px 12px;
                color: #1e3a5f;
                font-size: 14px;
                font-weight: 750;
                line-height: 1.35;
                text-decoration: none;
                white-space: normal;
                word-break: keep-all;
            }

            #gnb_all .gnb_al_2li > .gnb_all_menu_item_line > .gnb_al_2a::before {
                content: "2단";
                flex: 0 0 auto;
                margin-right: 9px;
                padding: 4px 7px;
                border-radius: 8px;
                background: #dbeafe;
                color: #1d4ed8;
                font-size: 10px;
                font-weight: 900;
                line-height: 1;
            }

            #gnb_all .gnb_al_2li > .gnb_all_menu_item_line > .gnb_ipad_submenu_toggle {
                position: absolute;
                top: 50%;
                right: 9px;
                width: 31px;
                min-width: 31px;
                height: 31px;
                min-height: 31px;
                margin: 0;
                border: 1px solid #bfdbfe;
                border-radius: 9px;
                background: #ffffff;
                color: #2563eb;
                box-shadow: 0 4px 10px rgba(37, 99, 235, .10);
                transform: translateY(-50%);
            }

            #gnb_all .gnb_al_2li[data-gnb-open="true"] > .gnb_all_menu_item_line > .gnb_ipad_submenu_toggle {
                background: #2563eb;
                border-color: #2563eb;
                color: #ffffff;
            }

            /* 3·4단은 계층만 유지하고 시각 무게를 낮춘다. */
            #gnb_all .gnb_al_3ul,
            #gnb_all .gnb_al_4ul {
                margin-left: 14px;
                padding: 7px 0 2px 11px;
                border-left: 1px dashed #cbd5e1;
            }

            #gnb_all .gnb_al_3li,
            #gnb_all .gnb_al_4li {
                margin-bottom: 5px;
            }

            #gnb_all .gnb_al_3a,
            #gnb_all .gnb_al_4a {
                display: flex;
                align-items: center;
                min-height: 42px;
                padding: 8px 11px;
                border: 1px solid #e2e8f0;
                border-radius: 11px;
                background: #ffffff;
                color: #475569;
                font-size: 13px;
                font-weight: 650;
                line-height: 1.35;
                text-decoration: none;
            }

            #gnb_all .gnb_al_3a::before,
            #gnb_all .gnb_al_4a::before {
                content: "";
                width: 6px;
                height: 6px;
                margin-right: 9px;
                border-radius: 999px;
                background: #94a3b8;
            }
        }

        @media (max-width: 540px) {
            #gnb_all .gnb_quick_grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @keyframes gnbAllPanelIn {
            from {
                opacity: 0;
                transform: translateX(-18px) scale(.985);
            }
            to {
                opacity: 1;
                transform: translateX(0) scale(1);
            }
        }

        @keyframes gnbAllBackdropIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @keyframes gnbAllSubmenuOpen {
            from {
                opacity: 0;
                transform: translateY(-7px) scale(.992);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        @keyframes gnbAllFirstDepthIn {
            from {
                opacity: 0;
                transform: translateX(-10px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes gnbQuickItemIn {
            from {
                opacity: 0;
                transform: translateY(8px) scale(.98);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
    </style>

    <ul id="gnb_1dul" class="d-md-flex fs-4">
        <li class="position-relative p-0">
            <button type="button" class="gnb_menu_btn" title="All menus" aria-controls="gnb_all" aria-expanded="false">
                <i class="fa fa-bars" aria-hidden="true"></i>
                <span class="blind">Open Full Menu</span>
            </button>
        </li>

        
            <li class="gnb_1dli dropdown" style="z-index:998">
                <div class="gnb_menu_item_line">
                    <a href="#"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4 gnb_top_toggle"
                       aria-expanded="false">
                        Community
                    </a>
                </div>

                
                    <span class="blind">Subcategory</span>
                    <ul class="dropdown-menu gnb_2dul flex-column main-bg rounded-3">
                        
    
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/board/notice/"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    Announcements
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/board/gallery/"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    Gallery
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/board/free/"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    General discussion
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/board/qa/"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    Questions &amp; answers
                </a>

                
            </div>

            
        </li>
    

                    </ul>
                
            </li>
        
            
            <li class="gnb_1dli" style="z-index:997">
                <div class="gnb_menu_item_line">
                    <a href="/news"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4"
                       >
                        Latest news
                    </a>
                </div>

                
            </li>
        
            
            <li class="gnb_1dli dropdown" style="z-index:996">
                <div class="gnb_menu_item_line">
                    <a href="#"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4 gnb_top_toggle"
                       aria-expanded="false">
                        Stocks &amp; crypto
                    </a>
                </div>

                
                    <span class="blind">Subcategory</span>
                    <ul class="dropdown-menu gnb_2dul flex-column main-bg rounded-3">
                        
    
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/my-assets"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    Asset dashboard
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/real-estate-analysis"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    Real estate analysis
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/stocks"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    Stock market
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/investment-management"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    Stock portfolio
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/crypto"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    Crypto market
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/stock-coin-management"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    Crypto portfolio
                </a>

                
            </div>

            
        </li>
    

                    </ul>
                
            </li>
        
            
            <li class="gnb_1dli" style="z-index:995">
                <div class="gnb_menu_item_line">
                    <a href="/video-board"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4"
                       >
                        Video content
                    </a>
                </div>

                
            </li>
        
            
            <li class="gnb_1dli" style="z-index:994">
                <div class="gnb_menu_item_line">
                    <a href="/leaderboard"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4"
                       >
                        Crystal Block Blast leaderboard
                    </a>
                </div>

                
            </li>
        
    </ul>

    <div id="gnb_all" class="gnb_all_panel" style="display: none;">
        <h2 class="gnb_all_title">All menus</h2>

        <nav class="gnb_quick_menu" aria-label="Members and Community Shortcuts">
            <p class="gnb_quick_title">Members · Community</p>
            <div class="gnb_quick_grid">
                <a href="/bbs/login" class="gnb_quick_link">
                    <i class="fa fa-sign-in" aria-hidden="true"></i>
                    <span class="gnb_quick_label">Log in</span>
                </a>
                <a href="/bbs/register" class="gnb_quick_link">
                    <i class="fa fa-user-plus" aria-hidden="true"></i>
                    <span class="gnb_quick_label">Sign up</span>
                </a>
                <a href="/bbs/faq" class="gnb_quick_link">
                    <i class="fa fa-question" aria-hidden="true"></i>
                    <span class="gnb_quick_label">FAQ</span>
                </a>
                <a href="/bbs/qalist" class="gnb_quick_link">
                    <i class="fa fa-comments" aria-hidden="true"></i>
                    <span class="gnb_quick_label">Contact support</span>
                </a>
                <a href="/bbs/current_connect" class="gnb_quick_link">
                    <i class="fa fa-users" aria-hidden="true"></i>
                    <span class="gnb_quick_label">Visitors online</span>
                    
                </a>
                <a href="/bbs/new" class="gnb_quick_link">
                    <i class="fa fa-history" aria-hidden="true"></i>
                    <span class="gnb_quick_label">New posts</span>
                </a>
            </div>
        </nav>

        <ul class="gnb_al_ul">
            
                
                <li class="gnb_al_li gnb_all_has_submenu">
                    <div class="gnb_all_menu_item_line">
                        <a href="#"
                           target="_self"
                           class="gnb_al_a">Community</a>

                        
                            <button type="button"
                                    class="gnb_ipad_submenu_toggle"
                                    aria-expanded="false"
                                    aria-label="Open 커뮤니티 submenu">
                                <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                            </button>
                        
                    </div>
                    
                        <ul class="gnb_al_2ul gnb_all_submenu" aria-hidden="true">
                            
    
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/board/notice/" target="_self" class="gnb_al_2a">
                    Announcements
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/board/gallery/" target="_self" class="gnb_al_2a">
                    Gallery
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/board/free/" target="_self" class="gnb_al_2a">
                    General discussion
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/board/qa/" target="_self" class="gnb_al_2a">
                    Questions &amp; answers
                </a>

                
            </div>

            
        </li>
    

                        </ul>
                    
                </li>
            
                
                <li class="gnb_al_li">
                    <div class="gnb_all_menu_item_line">
                        <a href="/news"
                           target="_self"
                           class="gnb_al_a">Latest news</a>

                        
                    </div>
                    
                </li>
            
                
                <li class="gnb_al_li gnb_all_has_submenu">
                    <div class="gnb_all_menu_item_line">
                        <a href="#"
                           target="_self"
                           class="gnb_al_a">Stocks &amp; crypto</a>

                        
                            <button type="button"
                                    class="gnb_ipad_submenu_toggle"
                                    aria-expanded="false"
                                    aria-label="Open 주식&amp;코인 submenu">
                                <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                            </button>
                        
                    </div>
                    
                        <ul class="gnb_al_2ul gnb_all_submenu" aria-hidden="true">
                            
    
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/my-assets" target="_self" class="gnb_al_2a">
                    Asset dashboard
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/real-estate-analysis" target="_self" class="gnb_al_2a">
                    Real estate analysis
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/stocks" target="_self" class="gnb_al_2a">
                    Stock market
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/investment-management" target="_self" class="gnb_al_2a">
                    Stock portfolio
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/crypto" target="_self" class="gnb_al_2a">
                    Crypto market
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/stock-coin-management" target="_self" class="gnb_al_2a">
                    Crypto portfolio
                </a>

                
            </div>

            
        </li>
    

                        </ul>
                    
                </li>
            
                
                <li class="gnb_al_li">
                    <div class="gnb_all_menu_item_line">
                        <a href="/video-board"
                           target="_self"
                           class="gnb_al_a">Video content</a>

                        
                    </div>
                    
                </li>
            
                
                <li class="gnb_al_li">
                    <div class="gnb_all_menu_item_line">
                        <a href="/leaderboard"
                           target="_self"
                           class="gnb_al_a">Crystal Block Blast leaderboard</a>

                        
                    </div>
                    
                </li>
            
        </ul>
        <button type="button" class="gnb_close_btn" aria-label="Close Full Menu">
            <i class="fa fa-xmark" aria-hidden="true"></i>
        </button>
    </div>
    <div id="gnb_all_bg" style="display: none;"></div>

    <script>
        $(function() {
            var closeAnimMs = 260;

            function placeThirdDepthPanel($item) {
                var $panel = $item.children(".gnb_3dul");

                if (!$panel.length || !$item.length || !$item[0]) {
                    return;
                }

                var rect = $item[0].getBoundingClientRect();
                var gap = 12;
                var panelWidth = Math.max($panel.outerWidth() || 260, 260);
                var panelHeight = Math.max($panel.outerHeight() || 0, 80);
                var left = rect.right + gap;
                var top = rect.top;
                var maxLeft = Math.max(8, window.innerWidth - panelWidth - 8);
                var maxTop = Math.max(8, window.innerHeight - Math.min(panelHeight, window.innerHeight - 16) - 8);

                if (left > maxLeft) {
                    left = Math.max(8, rect.left - panelWidth - gap);
                }

                if (top > maxTop) {
                    top = maxTop;
                }

                $panel.css({
                    "--gnb-3-left": left + "px",
                    "--gnb-3-top": Math.max(8, top) + "px"
                });
            }

            function isInsideMenu($owner, target) {
                if (!$owner.length || !target) {
                    return false;
                }

                return target === $owner[0] || $.contains($owner[0], target);
            }

            function syncExpandedColumns($menu) {
                var $gnb2 = $menu && $menu.length ? $menu.closest(".gnb_2dul") : $();

                if (!$gnb2.length && $menu && $menu.hasClass("gnb_2dul")) {
                    $gnb2 = $menu;
                }

                if (!$gnb2.length) {
                    return;
                }

                $gnb2.toggleClass("is-sub-open", $gnb2.find("> .dropdown-submenu.is-open").length > 0);
                $gnb2.toggleClass("is-deep-open", $gnb2.find(".gnb_3dul .dropdown-submenu.is-open").length > 0);
                $gnb2.find("> .dropdown-submenu.is-open").each(function() {
                    placeThirdDepthPanel($(this));
                });
            }

            function setToggleState($item, isOpen) {
                var labelName = $.trim($item.children(".gnb_menu_item_line, .gnb_all_menu_item_line").find("> a").first().text());
                var stateText = isOpen ? "닫기" : "열기";
                var signText = isOpen ? "-" : "+";

                $item
                    .children(".gnb_menu_item_line")
                    .children(".gnb_top_toggle")
                    .attr("aria-expanded", isOpen ? "true" : "false");

                $item
                    .children(".gnb_all_menu_item_line")
                    .children(".gnb_all_top_toggle")
                    .attr("aria-expanded", isOpen ? "true" : "false");

                $item
                    .children(".gnb_menu_item_line, .gnb_all_menu_item_line")
                    .children(".gnb_submenu_toggle, .gnb_ipad_submenu_toggle")
                    .attr("aria-expanded", isOpen ? "true" : "false")
                    .attr("aria-label", labelName ? labelName + " 하위메뉴 " + stateText : "하위메뉴 " + stateText)
                    .find(".gnb_toggle_symbol")
                    .text(signText);
            }

            function closeMenuImmediately($item) {
                if (!$item || !$item.length) {
                    return;
                }

                clearTimeout($item.data("gnbCloseTimer"));
                clearTimeout($item.data("gnbAnimTimer"));

                $item
                    .removeClass("is-open is-closing")
                    .find(".gnb_2dul")
                    .removeClass("is-sub-open is-deep-open")
                    .end()
                    .find(".is-open, .is-closing")
                    .removeClass("is-open is-closing");

                setToggleState($item, false);
                $item.find(".dropdown, .dropdown-submenu").each(function() {
                    setToggleState($(this), false);
                });
            }

            function closeSiblingMenus($item) {
                var $siblings = $item.siblings(".dropdown, .dropdown-submenu");

                $siblings.each(function() {
                    closeMenuImmediately($(this));
                });
            }

            function openMenu($item) {
                clearTimeout($item.data("gnbCloseTimer"));
                clearTimeout($item.data("gnbAnimTimer"));
                $item.parents(".dropdown, .dropdown-submenu").each(function() {
                    clearTimeout($(this).data("gnbCloseTimer"));
                    clearTimeout($(this).data("gnbAnimTimer"));
                });

                closeSiblingMenus($item);

                $item
                    .removeClass("is-closing")
                    .addClass("is-open")
                    .each(function() {
                        setToggleState($(this), true);
                    });

                placeThirdDepthPanel($item);
                syncExpandedColumns($item);
            }

            function closeMenu($item) {
                clearTimeout($item.data("gnbCloseTimer"));
                clearTimeout($item.data("gnbAnimTimer"));

                $item
                    .removeClass("is-open")
                    .addClass("is-closing")
                    .find(".gnb_2dul")
                    .removeClass("is-sub-open is-deep-open")
                    .end()
                    .find(".is-open")
                    .removeClass("is-open")
                    .addClass("is-closing");

                setToggleState($item, false);
                $item.find(".dropdown, .dropdown-submenu").each(function() {
                    setToggleState($(this), false);
                });

                var timer = setTimeout(function() {
                    $item
                        .removeClass("is-closing")
                        .find(".is-closing")
                        .removeClass("is-closing");

                    syncExpandedColumns($item);
                }, closeAnimMs);

                $item.data("gnbAnimTimer", timer);
            }

            function closeAllTopMenus(exceptItem) {
                $("#gnb_1dul > .dropdown").each(function() {
                    var $item = $(this);

                    if (exceptItem && $item[0] === exceptItem[0]) {
                        return;
                    }

                    closeMenuImmediately($item);
                });
            }

            function toggleDropdownMenu($button) {
                var $item = $button.closest(".dropdown, .dropdown-submenu");

                if (!$item.length) {
                    return;
                }

                if ($item.hasClass("is-open")) {
                    closeMenu($item);
                } else {
                    if ($item.hasClass("dropdown")) {
                        closeAllTopMenus($item);
                    }

                    openMenu($item);
                }
            }

            function setAllMenuItemState(item, isOpen) {
                if (!item || !item.classList || !item.classList.contains("gnb_all_has_submenu")) {
                    return;
                }

                var submenu = null;
                for (var i = 0; i < item.children.length; i += 1) {
                    if (item.children[i].classList && item.children[i].classList.contains("gnb_all_submenu")) {
                        submenu = item.children[i];
                        break;
                    }
                }

                if (!submenu) {
                    return;
                }

                item.setAttribute("data-gnb-open", isOpen ? "true" : "false");
                submenu.setAttribute("aria-hidden", isOpen ? "false" : "true");
                submenu.style.setProperty("display", isOpen ? "block" : "none", "important");
                submenu.style.setProperty("visibility", isOpen ? "visible" : "hidden");
                submenu.style.setProperty("opacity", isOpen ? "1" : "0");
                submenu.style.setProperty("pointer-events", isOpen ? "auto" : "none");

                var toggle = null;
                for (var j = 0; j < item.children.length; j += 1) {
                    var child = item.children[j];
                    if (child.classList && child.classList.contains("gnb_all_menu_item_line")) {
                        toggle = child.querySelector(".gnb_ipad_submenu_toggle");
                        break;
                    }
                }

                if (toggle) {
                    toggle.setAttribute("aria-expanded", isOpen ? "true" : "false");
                    var symbol = toggle.querySelector(".gnb_toggle_symbol");
                    if (symbol) {
                        symbol.textContent = isOpen ? "−" : "+";
                    }
                }

                if (!isOpen) {
                    var openedChildren = item.querySelectorAll('.gnb_all_has_submenu[data-gnb-open="true"]');
                    openedChildren.forEach(function(child) {
                        setAllMenuItemState(child, false);
                    });
                }
            }

            function toggleAllMenuItem(item) {
                if (!item) {
                    return;
                }

                var willOpen = item.getAttribute("data-gnb-open") !== "true";
                setAllMenuItemState(item, willOpen);
            }

            function closeAllExpandedAllMenus() {
                document.querySelectorAll('#gnb_all .gnb_all_has_submenu[data-gnb-open="true"]').forEach(function(item) {
                    setAllMenuItemState(item, false);
                });
            }

            function initializeAllMenuSubmenus() {
                document.querySelectorAll("#gnb_all .gnb_all_has_submenu").forEach(function(item) {
                    setAllMenuItemState(item, false);
                });
            }

            initializeAllMenuSubmenus();

            function isAllMenuOpen() {
                return $("#gnb_all").is(":visible");
            }

            function isIPadAllMenuViewport() {
                return window.matchMedia(
                    "(min-width: 700px) and (max-width: 1180px) and (min-height: 600px) and (any-pointer: coarse)"
                ).matches;
            }

            function openAllMenu() {
                /* iPhone에서는 CSS뿐 아니라 실행 경로 자체를 차단한다. */
                if (!isIPadAllMenuViewport()) {
                    closeAllMenu();
                    return;
                }

                closeAllTopMenus();
                $(".gnb_menu_btn").attr("aria-expanded", "true");
                $("#gnb_all, #gnb_all_bg").show();
            }

            function closeAllMenu() {
                closeAllExpandedAllMenus();
                $("#gnb_all, #gnb_all_bg").hide();
                $(".gnb_menu_btn").attr("aria-expanded", "false");
            }

            $(".gnb_menu_btn").on("click", function(event) {
                event.preventDefault();
                event.stopPropagation();
                openAllMenu();
            });

            $(window).on("resize orientationchange", function() {
                if (!isIPadAllMenuViewport() && isAllMenuOpen()) {
                    closeAllMenu();
                }
            });

            $(".gnb_close_btn").on("click", function(event) {
                event.preventDefault();
                event.stopPropagation();
                closeAllMenu();
            });

            $("#gnb_1dul").on("click", ".gnb_submenu_toggle", function(event) {
                event.preventDefault();
                event.stopPropagation();
                toggleDropdownMenu($(this));
            });

            $("#gnb_1dul > .dropdown")
                .on("mouseenter focusin", function() {
                    openMenu($(this));
                })
                .on("mouseleave", function() {
                    closeMenu($(this));
                });

            $("#gnb_1dul").on("click", "> .dropdown > .gnb_menu_item_line > .gnb_top_toggle", function(event) {
                var href = String($(this).attr("href") || "");

                if (href === "#" || href === "") {
                    event.preventDefault();
                }
            });

            $("#gnb_1dul .gnb_2dul").on("scroll", function() {
                syncExpandedColumns($(this));
            });

            $(window).on("resize scroll", function() {
                $("#gnb_1dul .gnb_2dul > .dropdown-submenu.is-open").each(function() {
                    placeThirdDepthPanel($(this));
                });
            });

            $("#gnb_1dul").on("click", "a", function(event) {
                var href = String($(this).attr("href") || "");

                if ((href === "#" || href === "") && $(this).closest("li").children(".dropdown-menu").length) {
                    event.preventDefault();
                }
            });

            /*
             * iPad 전체메뉴의 + 버튼은 capture 단계의 native click으로 단독 처리한다.
             * generic .has_submenu/.gnb_submenu_toggle 및 jQuery 위임 이벤트를 사용하지 않아
             * 데스크톱 메뉴나 테마 스크립트가 동일 터치를 가로채지 못한다.
             */
            var gnbAllElement = document.getElementById("gnb_all");
            if (gnbAllElement) {
                gnbAllElement.addEventListener("click", function(event) {
                    var toggle = event.target.closest(".gnb_ipad_submenu_toggle");
                    if (!toggle || !gnbAllElement.contains(toggle)) {
                        return;
                    }

                    event.preventDefault();
                    event.stopPropagation();
                    if (typeof event.stopImmediatePropagation === "function") {
                        event.stopImmediatePropagation();
                    }

                    var item = toggle.closest(".gnb_all_has_submenu");
                    toggleAllMenuItem(item);
                }, true);
            }

            $(document).on("click", function(event) {
                var $target = $(event.target);

                /*
                 * 전체메뉴가 열린 동안에는 실제 메뉴 바깥 클릭만 닫기로 처리한다.
                 * 배경 레이어는 pointer-events:none이므로 + 버튼 터치가 배경 클릭으로 오인되지 않는다.
                 */
                if (isAllMenuOpen()) {
                    if ($target.closest("#gnb_all, .gnb_menu_btn").length) {
                        return;
                    }

                    event.preventDefault();
                    event.stopPropagation();
                    closeAllMenu();
                    return;
                }

                var gnb = document.getElementById("gnb_1dul");

                if (!gnb || isInsideMenu($("#gnb_1dul"), event.target)) {
                    return;
                }

                closeAllTopMenus();
            });

            $(document).on("keydown", function(event) {
                if (event.key === "Escape") {
                    if (isAllMenuOpen()) {
                        closeAllMenu();
                    } else {
                        closeAllTopMenus();
                    }
                }
            });
        });
    </script>

      </div>
    </nav>
    <button type="button" id="gnb_open" aria-controls="gnb_mo" aria-expanded="false" class="d-block d-md-none fs-1 sub-font bg-transparent me-auto border-0" style="width: 50px;height: 50px;">
      <i class="fa fa-bars" aria-hidden="true"></i>
      <span class="blind">Open</span>
    </button>
    <div id="gnb_mo" class="gnb_mo fs-5">
      <button type="button" id="gnb_close" class="hhd_defined_closer">
        <span class="blind">Close menu</span>
        <i class="fa fa-xmark" aria-hidden="true"></i>
      </button>
      
      <div class="mobile-language-row"><span class="site-language-switch" role="group" aria-label="Language" data-i18n-skip>
  <i class="fa-solid fa-globe" aria-hidden="true"></i>
  <a class="site-language-option" href="https://neoai.kr/news/category/주식코인?lang=ko&amp;set_lang=1" lang="ko" hreflang="ko" aria-current="false" title="한국어로 보기">한국어</a>
  <a class="site-language-option" href="https://neoai.kr/news/category/주식코인?lang=en&amp;set_lang=1" lang="en" hreflang="en" aria-current="page" title="Read in English">English</a>
</span></div>
      <!-- 아웃 로그인 -->
      
      <aside id="ol_before" class="ol py-3">
    <h2>Member login</h2>
    <a href="/bbs/login" class="btn_b01">Log in</a>
    <a href="/bbs/register" class="btn_b02">Sign up</a>
</aside>
      

      <nav aria-label="Mobile menu">
        <ul class="gnb_mobile_tree">
    
        
        <li class="gnb_al_1li gnb_all_has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="#" target="_self" class="gnb_al_1a">
                    Community
                </a>

                
                    <button type="button"
                            class="gnb_ipad_submenu_toggle"
                            aria-expanded="false"
                            aria-label="Open 커뮤니티 submenu">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_2ul gnb_all_submenu" aria-hidden="true">
                    
    
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/board/notice/" target="_self" class="gnb_al_2a">
                    Announcements
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/board/gallery/" target="_self" class="gnb_al_2a">
                    Gallery
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/board/free/" target="_self" class="gnb_al_2a">
                    General discussion
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/board/qa/" target="_self" class="gnb_al_2a">
                    Questions &amp; answers
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_1li">
            <div class="gnb_all_menu_item_line">
                <a href="/news" target="_self" class="gnb_al_1a">
                    Latest news
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_1li gnb_all_has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="#" target="_self" class="gnb_al_1a">
                    Stocks &amp; crypto
                </a>

                
                    <button type="button"
                            class="gnb_ipad_submenu_toggle"
                            aria-expanded="false"
                            aria-label="Open 주식&amp;코인 submenu">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_2ul gnb_all_submenu" aria-hidden="true">
                    
    
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/my-assets" target="_self" class="gnb_al_2a">
                    Asset dashboard
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/real-estate-analysis" target="_self" class="gnb_al_2a">
                    Real estate analysis
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/stocks" target="_self" class="gnb_al_2a">
                    Stock market
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/investment-management" target="_self" class="gnb_al_2a">
                    Stock portfolio
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/crypto" target="_self" class="gnb_al_2a">
                    Crypto market
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/stock-coin-management" target="_self" class="gnb_al_2a">
                    Crypto portfolio
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_1li">
            <div class="gnb_all_menu_item_line">
                <a href="/video-board" target="_self" class="gnb_al_1a">
                    Video content
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_1li">
            <div class="gnb_all_menu_item_line">
                <a href="/leaderboard" target="_self" class="gnb_al_1a">
                    Crystal Block Blast leaderboard
                </a>

                
            </div>

            
        </li>
    
</ul>
      </nav>

      <ul id="hd_nb">

        <li class="hd_nb1">
          <a href="/bbs/faq" id="snb_faq">
            <i class="fa fa-question" aria-hidden="true"></i>FAQ
          </a>
        </li>
        <li class="hd_nb2">
          <a href="/bbs/qalist" id="snb_qa">
            <i class="fa fa-comments" aria-hidden="true"></i>Contact support
          </a>
        </li>
        <li class="hd_nb3">
          <a href="/bbs/current_connect" id="snb_cnt">
            <i class="fa fa-users" aria-hidden="true"></i>Visitors online
            <span>44</span>
          </a>
        </li>
        <li class="hd_nb4">
          <a href="/bbs/new" id="snb_new">
            <i class="fa fa-history" aria-hidden="true"></i>New posts
          </a>
        </li>
      </ul>
    </div>
       <!-- ver638: 검색 패널은 고정 헤더보다 위에 표시해 입력/닫기 버튼이 가려지지 않게 합니다. -->
       <div id="hd_sch_wr" class="position-fixed start-0 top-0 bg-black bg-opacity-75 w-100 h-100" style="z-index: 100000;">
        <fieldset id="hd_sch" class="position-absolute start-50 container-xxl translate-middle-x text-end" style="top: 20px;">
          <button type="button" id="sch_close_btn" class="d-inline-block text-white cursor-pointer fs-1 mb-2 me-2 bg-transparent border-0" aria-label="Close search"><i class="fa fa-xmark" aria-hidden="true"></i></button>
          <span class="blind">Search Entire Site</span>
          <form name="fsearchbox" method="get" action="/bbs/search" onsubmit="return fsearchbox_submit(this);" class="position-relative h-100" >
            <input type="hidden" name="sfl" value="wr_subject||wr_content">
            <input type="hidden" name="sop" value="and">
            <label for="sch_stx" class="blind">Search Term Required</label>
            <input type="text" name="stx" id="sch_stx" maxlength="20" placeholder="Enter a search term" class="form-control form-control-lg card-bg fs-4 rounded-4 overflow-hidden main-border shadow-lg px-3" style="border-radius: 3px 0px 0px 3px;" >
            <button type="submit" id="sch_submit" class="position-absolute top-0 end-0 main-font bg-transparent border-0 fs-4" style="width: 60px; height: 60px;" value="검색">
              <i class="fa fa-search" aria-hidden="true" ></i>
              <span class="blind">Search</span>
            </button>
          </form>
          <script>
            function fsearchbox_submit(f) {
              var stx = f.stx.value.trim();
              if (stx.length < 2) {
                alert(window.siteI18n.t("검색어는 두글자 이상 입력하십시오."));
                f.stx.select();
                f.stx.focus();
                return false;
              }
  
              // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
              var cnt = 0;
              for (var i = 0; i < stx.length; i++) {
                if (stx.charAt(i) == ' ')
                  cnt++;
              }
  
              if (cnt > 1) {
                alert(window.siteI18n.t("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다."));
                f.stx.select();
                f.stx.focus();
                return false;
              }
              f.stx.value = stx;
  
              return true;
            }
          </script>
        </fieldset>
        <!-- 인기검색어 시작 { -->
        

    <section id="popular" class="position-relative mt-2">
        <h2 class="blind">Trending searches</h2>
        <div class="popular_inner overflow-hidden" style="width: 400px;height: 20px;">
            <ul class="d-flex m-0 p-0">
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=....//....//....//....//etc/passwd" style="main-font">....//....//....//....//etc/passwd</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx= 0 5 0 9 ã¨¬ 6 5    5 6 5" style="main-font"> 0 5 0 9 ã¨¬ 6 5    5 6 5</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=../../../../../../../../etc/passwd" style="main-font">../../../../../../../../etc/passwd</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=2026" style="main-font">2026</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=부산날씨" style="main-font">Busan weather</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx= 0 5 0 9  1 9 6 5    5 6 5" style="main-font"> 0 5 0 9  1 9 6 5    5 6 5</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx= 0 5 0 9 㨬 6 5    5 6 5" style="main-font"> 0 5 0 9 㨬 6 5    5 6 5</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx= 1 5 1  8   2" style="main-font"> 1 5 1  8   2</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=.../.../.../.../.../.../etc/passwd" style="main-font">.../.../.../.../.../.../etc/passwd</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=.../.../.../.../etc/passwd" style="main-font">.../.../.../.../etc/passwd</a>
                    </li>
                
            </ul>
            <span class="popular_btns d-none">
                <a href="#" class="pp-next"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
                <a href="#" class="pp-prev"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
            </span>
        </div>
    </section>

    <link rel="stylesheet" href="/theme_static/bootstrap_neo/js/owlcarousel/owl.carousel.min.css">
    <script src="/theme_static/bootstrap_neo/js/owlcarousel/owl.carousel.min.js"></script>
    <script>
        jQuery(function($){
            
            var popular_el = ".popular_inner ul",
                p_width = $(popular_el).width(),
                c_width = 0;
        
            $(popular_el).children().each(function() {
                c_width += $(this).outerWidth( true );
            });
        
            if( c_width > p_width ){
                var $popular_btns = $(".popular_inner .popular_btns");
                $popular_btns.show();
        
                var p_carousel = $(popular_el).addClass("owl-carousel").owlCarousel({
                    items:5,
                    loop:true,
                    nav:false,
                    dots:false,
                    autoWidth:true,
                    mouseDrag:false,
                });
        
                $popular_btns.on("click", ".pp-next", function(e) {
                    e.preventDefault();
                    p_carousel.trigger('next.owl.carousel');
                })
                .on("click", ".pp-prev", function(e) {
                    e.preventDefault();
                    p_carousel.trigger('prev.owl.carousel');
                });
            }
        });
    </script>

        <!-- } 인기검색어 끝 -->
      </div>

    <div id="util_box" class="d-flex">
      <!-- 검색 버튼 -->
      <button type="button" id="user_btn" aria-controls="hd_sch_wr" aria-expanded="false" class="overflow-hidden border-0 bg-transparent fs-2 sub-font me-1" style="width: 48px; height: 48px;">
        <i class="fa fa-search" aria-hidden="true"></i>
        <span class="blind">Search</span>
      </button>
      <!-- 다크모드 버튼 -->
      <button type="button" id="darkmode-toggle-switch" class="overflow-hidden border-0 bg-transparent fs-4 sub-font me-3" style="width: 48px; height: 48px;">
        <i class="fa-solid fa-regular fa-moon visible bright"></i>
        <i class="fa-solid fa-regular fa-sun visible dark"></i>
      </button>
      <!-- 프로필 -->
      <div id="profile" class="dropdown d-none d-md-block bg-transparent">
        <span id="profileDropdown" data-bs-toggle="dropdown" aria-expanded="false" class="d-inline-block rounded-circle overflow-hidden cursor-pointer" style="width: 48px; height: 48px;" tabindex="0">
          <img src="/static/img/no_profile.gif" style="width: 100%;" alt="profile_image">
        </span>
        <div class="dropdown-menu cont-bg rounded-4 main-border overflow-hidden" aria-labelledby="profileDropdown">
          
            
<!-- 로그인 전 아웃로그인 시작 { -->
<style>
/* =========================================================
   OUTLOGIN 2026 - INDEPENDENT / SCOPED
   ---------------------------------------------------------
   적용 범위: #ol_before 내부만
   기존 로그인/회원가입 URL 및 필드명 유지
   Bootstrap / 테마 공통 클래스에 의존하지 않음
   ========================================================= */

#ol_before.ol26-widget {
    --ol26-primary: var(--primaryColor, #4b72c5);
    --ol26-bg: #ffffff;
    --ol26-soft: #f5f7fb;
    --ol26-soft-hover: #eef2f7;
    --ol26-text: #111827;
    --ol26-sub: #5f6b7a;
    --ol26-muted: #98a2b3;
    --ol26-border: #cfd6df;
    --ol26-border-hover: #9da8b7;
    --ol26-focus: rgba(75, 114, 197, 0.16);

    position: relative !important;
    display: block !important;

    width: min(100%, 360px) !important;
    max-width: 360px !important;
    min-width: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    border: 1px solid #dde3ea !important;
    border-radius: 18px !important;

    background: var(--ol26-bg) !important;
    color: var(--ol26-text) !important;

    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;

    overflow: hidden !important;
    isolation: isolate;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

#ol_before.ol26-widget,
#ol_before.ol26-widget *,
#ol_before.ol26-widget *::before,
#ol_before.ol26-widget *::after {
    box-sizing: border-box !important;
}

/* ---------------------------------------------------------
   외부 공통 CSS 장식 차단
   --------------------------------------------------------- */
#ol_before.ol26-widget .ol26-tabs,
#ol_before.ol26-widget .ol26-form,
#ol_before.ol26-widget .ol26-fields,
#ol_before.ol26-widget .ol26-options,
#ol_before.ol26-widget .ol26-auto,
#ol_before.ol26-widget .ol26-service {
    border-left: 0 !important;
    border-right: 0 !important;
    background-image: none !important;
}

#ol_before.ol26-widget .ol26-tabs::before,
#ol_before.ol26-widget .ol26-tabs::after,
#ol_before.ol26-widget .ol26-form::before,
#ol_before.ol26-widget .ol26-form::after,
#ol_before.ol26-widget .ol26-fields::before,
#ol_before.ol26-widget .ol26-fields::after,
#ol_before.ol26-widget .ol26-options::before,
#ol_before.ol26-widget .ol26-options::after,
#ol_before.ol26-widget .ol26-auto::before,
#ol_before.ol26-widget .ol26-auto::after,
#ol_before.ol26-widget .ol26-service::before,
#ol_before.ol26-widget .ol26-service::after {
    content: none !important;
    display: none !important;
}

/* ---------------------------------------------------------
   상단 로그인 / 회원가입 탭
   --------------------------------------------------------- */
#ol_before.ol26-widget .ol26-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    gap: 8px !important;

    border: 0 !important;
    border-bottom: 1px solid #e7ebf0 !important;

    background: #ffffff !important;
}

#ol_before.ol26-widget .ol26-tab-wrap {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

#ol_before.ol26-widget .ol_tab {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 12px 14px !important;

    border-radius: 11px !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}

#ol_before.ol26-widget .ol_tab_active {
    border: 1px solid var(--ol26-primary) !important;
    background: rgba(9, 65, 185, 0.78) !important;
    color: #ffffff !important;
    box-shadow: 0 5px 12px rgba(75, 114, 197, 0.18) !important;
}

#ol_before.ol26-widget .ol26-register-link {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
}

#ol_before.ol26-widget .ol_tab_join {
    border: 1px solid #cfd8e6 !important;
    background: #f2f5fa !important;
    color: var(--ol26-text) !important;
}

#ol_before.ol26-widget .ol26-register-link:hover .ol_tab_join,
#ol_before.ol26-widget .ol26-register-link:focus-visible .ol_tab_join {
    border-color: #aeb9c8 !important;
    background: #e9eef6 !important;
    color: var(--ol26-text) !important;
}

#ol_before.ol26-widget .ol26-register-link:focus-visible {
    outline: 0 !important;
}

#ol_before.ol26-widget .ol_tab:active {
    transform: translateY(1px) !important;
}

/* ---------------------------------------------------------
   로그인 폼
   --------------------------------------------------------- */
#ol_before.ol26-widget .ol26-form {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 22px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #ffffff !important;
    box-shadow: none !important;
}

#ol_before.ol26-widget .ol26-form fieldset {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

#ol_before.ol26-widget .ol26-fields {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

/* ---------------------------------------------------------
   아이디 / 비밀번호 입력폼
   --------------------------------------------------------- */
#ol_before.ol26-widget input.ol26-input {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 52px !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 15px !important;

    border: 1px solid var(--ol26-border) !important;
    border-radius: 11px !important;
    outline: 0 !important;

    background: #ffffff !important;
    background-image: none !important;

    color: var(--ol26-text) !important;

    box-shadow:
        inset 0 0 0 1px rgba(15, 23, 42, 0.01),
        0 1px 2px rgba(15, 23, 42, 0.025) !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: normal !important;

    text-indent: 0 !important;
    letter-spacing: normal !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease !important;
}

#ol_before.ol26-widget input.ol26-input:hover {
    border-color: var(--ol26-border-hover) !important;
}

#ol_before.ol26-widget input.ol26-input:focus {
    border-color: var(--ol26-primary) !important;
    box-shadow: 0 0 0 4px var(--ol26-focus) !important;
}

#ol_before.ol26-widget input.ol26-input::placeholder {
    color: var(--ol26-muted) !important;
    opacity: 1 !important;
}

/* ---------------------------------------------------------
   로그인 버튼
   --------------------------------------------------------- */
#ol_before.ol26-widget #ol_submit.ol26-submit {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 54px !important;
    min-height: 54px !important;

    margin: 2px 0 0 !important;
    padding: 12px 16px !important;

    border: 1px solid var(--ol26-primary) !important;
    border-radius: 11px !important;
    outline: 0 !important;

    background: rgba(192, 12, 12, 0.85) !important;
    background-image: none !important;
    color: #ffffff !important;

    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-indent: 0 !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    cursor: pointer !important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}

#ol_before.ol26-widget #ol_submit.ol26-submit:hover {
    filter: brightness(.93);
    box-shadow: 0 7px 16px rgba(75, 114, 197, .20) !important;
}

#ol_before.ol26-widget #ol_submit.ol26-submit:active {
    transform: translateY(1px) !important;
}

/* ---------------------------------------------------------
   자동로그인 / ID·PW 찾기
   --------------------------------------------------------- */
#ol_before.ol26-widget .ol26-options {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    width: 100% !important;

    margin: 15px 0 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

#ol_before.ol26-widget .ol26-auto {
    display: flex !important;
    align-items: center !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

#ol_before.ol26-widget .ol26-auto input[type="checkbox"] {
    position: static !important;
    display: block !important;

    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;

    margin: 0 7px 0 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    appearance: auto !important;
    -webkit-appearance: checkbox !important;

    accent-color: var(--ol26-primary);

    cursor: pointer !important;
}

#ol_before.ol26-widget .ol26-auto label {
    position: static !important;
    display: inline !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    clip: auto !important;

    border: 0 !important;

    background: transparent !important;
    color: var(--ol26-sub) !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-indent: 0 !important;
    white-space: nowrap !important;

    cursor: pointer !important;
}

#ol_before.ol26-widget .ol26-service {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
    color: var(--ol26-muted) !important;

    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

#ol_before.ol26-widget .ol26-service a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 32px !important;

    margin: 0 !important;
    padding: 0 9px !important;

    border: 1px solid #d8dee6 !important;
    border-radius: 8px !important;

    background: #ffffff !important;
    color: #475467 !important;

    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    transition:
        border-color .18s ease,
        background-color .18s ease,
        color .18s ease !important;
}

#ol_before.ol26-widget .ol26-service a:hover,
#ol_before.ol26-widget .ol26-service a:focus-visible {
    border-color: #aeb7c4 !important;
    background: #f7f9fb !important;
    color: var(--ol26-text) !important;
    outline: 0 !important;
}

/* ---------------------------------------------------------
   접근성 숨김
   --------------------------------------------------------- */
#ol_before.ol26-widget .ol26-blind {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;

    border: 0 !important;
}

/* ---------------------------------------------------------
   모바일
   --------------------------------------------------------- */
@media (max-width: 420px) {
    #ol_before.ol26-widget {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 16px !important;
    }

    #ol_before.ol26-widget .ol26-tabs {
        padding: 10px !important;
        gap: 7px !important;
    }

    #ol_before.ol26-widget .ol_tab {
        min-height: 46px !important;
        padding: 11px 10px !important;
        font-size: 14px !important;
    }

    #ol_before.ol26-widget .ol26-form {
        padding: 18px !important;
    }

    #ol_before.ol26-widget .ol26-options {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    #ol_before.ol26-widget .ol26-service {
        justify-content: flex-start !important;
    }
}
</style>

<section id="ol_before" class="ol26-widget" aria-label="Member login">

    <div class="ol26-tabs">
        <h2 class="ol26-tab-wrap">
            <span class="ol_tab ol_tab_active">
                <span class="ol26-blind">Member</span>
                Log in
            </span>
        </h2>

        <a href="/bbs/register" class="ol26-register-link">
            <span class="ol_tab ol_tab_join">
                Sign up
            </span>
        </a>
    </div>

    <form
        name="foutlogin"
        action="/bbs/login"
        onsubmit="return fhead_submit(this);"
        method="post"
        autocomplete="off"
        class="ol26-form"
    >
        <fieldset>
            <legend class="ol26-blind">Log in</legend>

            <input
                type="hidden"
                name="url"
                value="https://neoai.kr/news/category/주식코인?lang=en&amp;set_lang=1"
            >

            <div class="ol26-fields">
                <div>
                    <label
                        for="ol_id"
                        id="ol_idlabel"
                        class="ol26-blind"
                    >
                        Member ID
                        <strong>Required</strong>
                    </label>

                    <input
                        type="text"
                        id="ol_id"
                        name="mb_id"
                        class="ol26-input required alnum_"
                        required
                        maxlength="20"
                        placeholder="Username"
                        autocomplete="username"
                    >
                </div>

                <div>
                    <label
                        for="ol_pw"
                        id="ol_pwlabel"
                        class="ol26-blind"
                    >
                        Password
                        <strong>Required</strong>
                    </label>

                    <input
                        type="password"
                        name="mb_password"
                        id="ol_pw"
                        class="ol26-input required"
                        required
                        maxlength="20"
                        placeholder="Password"
                        autocomplete="current-password"
                    >
                </div>

                <input
                    type="submit"
                    id="ol_submit"
                    value="Log in"
                    class="ol26-submit"
                >
            </div>

            <div class="ol26-options">
                <div id="ol_auto" class="ol26-auto">
                    <input
                        type="checkbox"
                        name="auto_login"
                        id="auto_login"
                    >
                    <label for="auto_login">
                        Remember me
                    </label>
                </div>

                <div id="ol_svc" class="ol26-service">
                    <a href="/bbs/id_lost">
                        Find ID
                    </a>

                    <span aria-hidden="true">/</span>

                    <a href="/bbs/password_lost">
                        Find Password
                    </a>
                </div>
            </div>
        </fieldset>
    </form>
</section>

<div class="login-sns sns-wrap-32 sns-wrap-over" id="sns_login" class="mt-0 border-top-0">
    <h3 class="blind">Log in with a social account</h3>
    <div class="sns-wrap">
        
        
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const autoLogin = document.querySelector('#ol_before #auto_login');

    if (autoLogin) {
        autoLogin.addEventListener('click', function() {
            if (this.checked) {
                const confirmResult = confirm(window.siteI18n.t(
                    "자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n" +
                    "공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n" +
                    "자동로그인을 사용하시겠습니까?"
                ));

                if (!confirmResult) {
                    this.checked = false;
                }
            }
        });
    }
});

function fhead_submit(f) {
    /*
     * 기존 outlogin1 이벤트가 등록되어 있으면 그대로 실행합니다.
     * jQuery가 없는 환경에서는 로그인 submit 자체를 막지 않습니다.
     */
    if (window.jQuery) {
        if (
            jQuery(document.body).triggerHandler(
                'outlogin1',
                [f, 'foutlogin']
            ) !== false
        ) {
            return true;
        }

        return false;
    }

    return true;
}
</script>
<!-- } 로그인 전 아웃로그인 끝 -->
          
        </div>
      </div>
    </div> 
  </div>


    </header>
<!-- } 상단 끝 -->


<hr>

<!-- 콘텐츠 시작 { -->
 
<div id="wrapper" class="container-xxl w-100 overflow-hidden pt-md-5">

  <h2 id="container_title" class="pb-3"><span class="fs-4 main-font"></span></h2>
    

<div id="autoNewsApp" class="auto-news-wrap">
  <style>
    .auto-news-wrap{--an-bg:#f6f8fb;--an-ink:#111827;--an-sub:#667085;--an-line:#e5e7eb;--an-card:#fff;--an-main:#0b2447;--an-blue:#2563eb;--an-warn:#c2410c;--an-yellow:#fef08a;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:var(--an-ink);background:var(--an-bg);min-height:100vh;font-size:14px}
    .auto-news-wrap *{box-sizing:border-box}
    .an-site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--an-line);box-shadow:0 2px 10px rgba(15,23,42,.06)}
    .an-site-header-inner{max-width:1180px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
    .an-site-brand{font-size:18px;font-weight:900;color:var(--an-main);text-decoration:none}
    .an-site-nav{display:flex;gap:8px;flex-wrap:wrap}.an-site-nav a{font-size:13px;font-weight:800;color:#344054;text-decoration:none;padding:7px 9px;border-radius:6px}.an-site-nav a:hover{background:#f2f4f7}
    .an-hero{background:linear-gradient(135deg,#07172f,#0b2447 58%,#123d79);color:#fff;padding:34px 18px 28px}
    .an-hero-inner{max-width:1180px;margin:0 auto}.an-kicker{font-size:13px;color:#bfdbfe;margin-bottom:8px}.an-title{font-size:28px;line-height:1.25;margin:0;font-weight:900}.an-desc{font-size:14px;line-height:1.65;color:#dbeafe;margin:10px 0 0;max-width:780px}
    .an-admin{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.an-admin-panel{display:grid;gap:8px;margin-top:12px;padding:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:8px}.an-admin-grid{display:grid;grid-template-columns:minmax(240px,1fr) repeat(6,minmax(128px,170px));gap:8px;align-items:stretch}.an-publish-options{grid-column:1/-2;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-width:0}.an-admin-grid>.an-btn{grid-column:-2/-1;width:100%}
    .an-input,.an-select{height:40px;border:1px solid var(--an-line);border-radius:6px;padding:0 11px;font-size:14px;background:#fff;color:var(--an-ink);min-width:0}.an-textarea{width:100%;min-height:210px;border:1px solid var(--an-line);border-radius:6px;padding:12px;font-size:14px;line-height:1.7;resize:vertical;color:var(--an-ink)}
    .an-btn{height:40px;border:0;border-radius:6px;padding:0 14px;font-size:14px;font-weight:800;cursor:pointer;background:var(--an-main);color:#fff;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.an-btn.secondary{background:#eef2ff;color:#1e3a8a}.an-btn.warning{background:#f59e0b;color:#111827}.an-btn.danger{background:#dc2626;color:#fff}.an-btn.success{background:#047857;color:#fff}.an-btn:disabled{opacity:.7;cursor:not-allowed}
    /* ver154: Threads·Instagram·TikTok 외부 발행 버튼이 같은 상태 표현을 사용합니다. */
    .an-buffer-btn,.an-instagram-btn,.an-tiktok-btn,.an-youtube-btn,.an-facebook-btn,.an-x-btn,.an-blogger-btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .16s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}
    .an-buffer-btn:not(:disabled):hover,.an-instagram-btn:not(:disabled):hover,.an-tiktok-btn:not(:disabled):hover,.an-youtube-btn:not(:disabled):hover,.an-facebook-btn:not(:disabled):hover,.an-x-btn:not(:disabled):hover,.an-blogger-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(4,120,87,.24)}
    .an-buffer-btn:not(:disabled):active,.an-buffer-btn.is-pressed,.an-instagram-btn:not(:disabled):active,.an-instagram-btn.is-pressed,.an-tiktok-btn:not(:disabled):active,.an-tiktok-btn.is-pressed,.an-youtube-btn:not(:disabled):active,.an-youtube-btn.is-pressed,.an-facebook-btn:not(:disabled):active,.an-facebook-btn.is-pressed,.an-x-btn:not(:disabled):active,.an-x-btn.is-pressed,.an-blogger-btn:not(:disabled):active,.an-blogger-btn.is-pressed{transform:translateY(2px) scale(.96);box-shadow:inset 0 3px 8px rgba(15,23,42,.3)}
    .an-buffer-btn.is-loading,.an-instagram-btn.is-loading,.an-tiktok-btn.is-loading,.an-youtube-btn.is-loading,.an-facebook-btn.is-loading,.an-x-btn.is-loading,.an-blogger-btn.is-loading{background:#1d4ed8;color:#fff;cursor:wait;opacity:1}
    .an-buffer-btn.is-loading:before,.an-instagram-btn.is-loading:before,.an-tiktok-btn.is-loading:before,.an-youtube-btn.is-loading:before,.an-facebook-btn.is-loading:before,.an-x-btn.is-loading:before,.an-blogger-btn.is-loading:before{content:"";width:15px;height:15px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%;animation:an-buffer-spin .72s linear infinite}
    .an-buffer-btn.is-complete,.an-instagram-btn.is-complete,.an-tiktok-btn.is-complete,.an-youtube-btn.is-complete,.an-facebook-btn.is-complete,.an-x-btn.is-complete,.an-blogger-btn.is-complete{background:#047857;color:#fff;opacity:1;animation:an-buffer-complete .55s ease both}
    .an-buffer-btn.is-queued,.an-instagram-btn.is-queued,.an-tiktok-btn.is-queued,.an-youtube-btn.is-queued,.an-facebook-btn.is-queued,.an-x-btn.is-queued,.an-blogger-btn.is-queued{background:#0369a1;color:#fff;opacity:1}
    .an-buffer-btn.is-attention,.an-instagram-btn.is-attention,.an-tiktok-btn.is-attention,.an-youtube-btn.is-attention,.an-facebook-btn.is-attention,.an-x-btn.is-attention,.an-blogger-btn.is-attention{background:#f59e0b;color:#111827;opacity:1}
    .an-buffer-btn.is-error,.an-instagram-btn.is-error,.an-tiktok-btn.is-error,.an-youtube-btn.is-error,.an-facebook-btn.is-error,.an-x-btn.is-error,.an-blogger-btn.is-error{background:#dc2626;color:#fff;opacity:1;animation:an-buffer-error .34s ease both}
    @keyframes an-buffer-spin{to{transform:rotate(360deg)}}
    @keyframes an-buffer-complete{0%{transform:scale(.94)}55%{transform:scale(1.06)}100%{transform:scale(1)}}
    @keyframes an-buffer-error{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
    .an-manual-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.an-check{min-height:40px;border:1px solid var(--an-line);border-radius:6px;padding:8px 11px;display:flex;align-items:center;gap:8px;font-size:13px;color:#344054;background:#fff}.an-check input{width:16px;height:16px;margin:0}
    .an-toolbar{max-width:1180px;margin:18px auto 0;padding:0 18px}.an-toolbar-box{display:grid;grid-template-columns:minmax(220px,1fr) 150px 145px 110px auto;gap:8px;background:#fff;border:1px solid var(--an-line);border-radius:8px;padding:10px;box-shadow:0 8px 24px rgba(15,23,42,.07)}
    .an-category-nav{max-width:1180px;margin:16px auto 0;padding:0 18px}.an-category-nav-inner{display:flex;gap:7px;align-items:center;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}.an-category-nav a{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:36px;border:1px solid var(--an-line);border-radius:999px;padding:7px 11px;background:#fff;color:#344054;text-decoration:none;font-size:13px;font-weight:800}.an-category-nav a.active,.an-category-nav a:hover{border-color:var(--an-blue);background:#eff6ff;color:#1d4ed8}.an-category-nav-count{font-size:11px;color:#64748b}.an-category-manager-body{padding:16px}.an-category-add-form{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(150px,.7fr) 90px minmax(220px,1.4fr) auto;gap:8px;align-items:start;padding:12px;border:1px solid var(--an-line);border-radius:8px;background:#f8fafc;margin-bottom:12px}.an-category-add-form textarea{min-height:72px}.an-category-manager-list{display:grid;gap:10px}.an-category-manager-item{border:1px solid var(--an-line);border-radius:8px;padding:12px;background:#fff}.an-category-manager-fields{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(150px,.7fr) 90px minmax(220px,1.4fr);gap:8px}.an-category-manager-fields textarea{min-height:72px}.an-category-manager-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.an-category-manager-meta{font-size:12px;color:#667085}.an-category-manager-buttons{display:flex;gap:8px}.an-category-manager-empty{padding:28px;text-align:center;border:1px dashed var(--an-line);border-radius:8px;color:#667085}
    .an-detail-list-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.an-inline-form{display:inline-flex;margin:0}.an-inline-form .an-btn{margin:0}
    .an-card-admin{min-width:0;background:#f8fafc;border-left:1px solid var(--an-line)}.an-card-admin>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;padding:10px 8px;color:#344054;font-size:13px;font-weight:900;text-align:center;user-select:none}.an-card-admin>summary::-webkit-details-marker{display:none}.an-card-admin>summary:hover{background:#eef2ff;color:#1e3a8a}.an-card-admin-toggle-text:before{content:attr(data-label-open)}.an-card-admin-toggle-icon{display:inline-block;font-size:11px;transition:transform .18s ease}.an-card-admin[open] .an-card-admin-toggle-text:before{content:attr(data-label-close)}.an-card-admin[open] .an-card-admin-toggle-icon{transform:rotate(180deg)}.an-card-admin[open]>summary{border-bottom:1px solid var(--an-line);background:#eef2ff;color:#1e3a8a}.an-card-actions{display:flex;flex-direction:column;gap:8px;padding:12px}.an-card-actions .an-btn{height:34px;font-size:13px;width:100%}.an-card-admin:focus-within{outline:2px solid rgba(37,99,235,.2);outline-offset:-2px}
    .an-main{max-width:1180px;margin:18px auto;padding:0 18px 44px}.an-status{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;color:var(--an-sub);font-size:13px}.an-grid{display:grid;grid-template-columns:1fr;gap:12px}.an-card{background:var(--an-card);border:1px solid var(--an-line);border-radius:8px;overflow:hidden;display:grid;grid-template-columns:270px minmax(0,1fr);min-height:174px}.an-card.has-admin-actions{grid-template-columns:270px minmax(0,1fr) 130px}.an-thumb{min-height:174px;background:linear-gradient(135deg,#0f172a,#475569);color:#fff;padding:14px;display:flex;position:relative;overflow:hidden}.an-thumb:after{content:"";position:absolute;right:-24px;bottom:-28px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.18)}.an-thumb.cat-naver{background:linear-gradient(135deg,#065f46,#10b981)}.an-thumb.cat-tistory{background:linear-gradient(135deg,#7c2d12,#f97316)}.an-thumb.cat-blogspot{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.an-thumb.cat-youtube{background:linear-gradient(135deg,#7f1d1d,#ef4444)}.an-thumb.cat-instagram{background:linear-gradient(135deg,#831843,#db2777)}.an-thumb.cat-tiktok{background:linear-gradient(135deg,#111827,#06b6d4)}.an-thumb.cat-threads{background:linear-gradient(135deg,#111827,#7c3aed)}.an-thumb.cat-facebook{background:linear-gradient(135deg,#1e3a8a,#2563eb)}.an-thumb.cat-x{background:linear-gradient(135deg,#111827,#475569)}.an-thumb.cat-all{background:linear-gradient(135deg,#581c87,#8b5cf6)}.an-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}.an-thumb-label{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;justify-content:space-between}.an-thumb.has-image{padding:0}.an-thumb.has-image:after,.an-thumb.has-image .an-thumb-label{display:none}.an-thumb small{align-self:flex-start;font-size:12px;color:#fff;background:rgba(15,23,42,.64);padding:5px 8px;border-radius:999px}.an-thumb strong{font-size:17px;line-height:1.38;word-break:keep-all;text-shadow:0 2px 8px rgba(0,0,0,.72)}.an-body{padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}.an-card h2{font-size:16px;line-height:1.4;margin:0;font-weight:900}.an-card p{font-size:14px;line-height:1.6;margin:0;color:#475467}.an-post-link{display:block;color:inherit;text-decoration:none}.an-post-link:hover h2{color:#1d4ed8;text-decoration:underline}.an-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;font-size:12px;color:#667085}.an-score-strip{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:7px 0 2px}.an-score-pill{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:3px 8px;border:1px solid var(--an-line);border-radius:999px;background:#f8fafc;color:#344054;font-size:11px;font-weight:800;white-space:nowrap}.an-score-pill strong{font-size:11px}.an-score-pill.primary{background:#eef4ff;border-color:#c7d7fe;color:#24418f}.an-score-note{font-size:11px;color:#667085}.an-category-card-link{color:#1d4ed8;text-decoration:none;font-weight:800}.an-category-card-link:hover{text-decoration:underline}.an-tag{display:inline-flex;align-items:center;max-width:100%;min-height:24px;border-radius:999px;background:#f2f4f7;color:#344054;padding:3px 8px;font-size:12px;margin:2px 2px 0 0}.an-empty{background:#fff;border:1px dashed var(--an-line);border-radius:8px;padding:34px;text-align:center;color:#667085;font-size:14px}.an-generated-list{display:grid;gap:10px}.an-generated-item{border:1px solid var(--an-line);border-radius:8px;padding:14px;background:#fff}.an-generated-item h2{font-size:16px;line-height:1.45;margin:0 0 8px}.an-generated-item .an-meta{margin:0 0 10px}.an-pager{display:flex;justify-content:center;gap:8px;margin-top:18px}.an-pager .an-btn{height:36px}
    .an-detail-layout{max-width:1180px;margin:20px auto;padding:0 18px 44px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}.an-detail-main,.an-detail-side{background:#fff;border:1px solid var(--an-line);border-radius:8px}.an-detail-main{padding:26px;min-width:0}.an-detail-side{padding:16px;height:max-content}.an-detail-title{font-size:28px;line-height:1.35;margin:0 0 12px;font-weight:900}.an-detail-meta{font-size:13px;color:var(--an-sub);margin-bottom:14px}.an-attachment-bar{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:#f8fafc;border:1px solid var(--an-line);border-radius:8px;margin:12px 0 16px}.an-feature-img{display:block;width:100%;max-height:620px;object-fit:contain;border-radius:8px;border:1px solid var(--an-line);margin:8px 0 18px;background:#f8fafc}.an-feature-img.is-unavailable,.an-inline-img.is-unavailable{display:none!important}.an-instagram-video{display:block;width:100%;max-height:720px;aspect-ratio:16/9;object-fit:contain;border-radius:8px;border:1px solid var(--an-line);margin:8px auto 18px;background:#000}.an-video-note{font-size:12px;line-height:1.6;color:var(--an-sub);margin:4px 0 12px}
    .an-generated-figure{margin:18px 0;padding:10px;background:#fff;border:1px solid var(--an-line);border-radius:8px}.an-inline-img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:8px;border:1px solid var(--an-line);background:#f8fafc}.an-figcaption{font-size:13px;line-height:1.6;color:#667085;text-align:center;margin:8px 0 0}
    .an-coupang-partners{margin:0 0 22px;padding:14px;background:#fff;border:1px solid var(--an-line);border-radius:8px;overflow:hidden}.an-coupang-ad-list{display:grid;gap:12px;justify-items:center}.an-coupang-ad-item{max-width:100%;overflow-x:auto;text-align:center}.an-coupang-ad-item iframe{display:block;max-width:100%;margin:0 auto;border:0}.an-coupang-ad-item img{display:block;max-width:100%;height:auto;margin:0 auto}.an-article p.an-coupang-disclosure{margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid var(--an-line);font-size:12px;line-height:1.6;color:#0066cc;text-align:center}.an-code-label{grid-column:1/-1;font-size:14px;font-weight:900;color:#111827}.an-code-textarea{grid-column:1/-1;width:100%;min-height:190px;border:1px solid var(--an-line);border-radius:6px;padding:12px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical;color:var(--an-ink);background:#fff}.an-mode-summary{font-size:12px;line-height:1.6;color:#667085;background:#f8fafc;border:1px solid var(--an-line);border-radius:7px;padding:10px 12px}.an-coupang-manager-body{padding:16px}.an-coupang-add-form{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr) auto;gap:8px;align-items:start;padding:12px;border:1px solid var(--an-line);border-radius:8px;background:#f8fafc;margin-bottom:12px}.an-coupang-add-form .an-code-textarea{grid-column:auto;min-height:110px}.an-coupang-manager-list{display:grid;gap:10px}.an-coupang-manager-item{border:1px solid var(--an-line);border-radius:8px;padding:12px;background:#fff}.an-coupang-manager-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.an-coupang-manager-meta{font-size:12px;color:#667085}.an-coupang-manager-fields{display:grid;grid-template-columns:minmax(180px,.38fr) minmax(0,1fr);gap:8px}.an-coupang-manager-fields textarea{min-height:120px}.an-coupang-manager-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.an-coupang-manager-empty{padding:28px;text-align:center;border:1px dashed var(--an-line);border-radius:8px;color:#667085}.an-coupang-manager-note{font-size:12px;line-height:1.65;color:#667085;margin:0 0 12px}
    .an-article{font-size:14px;line-height:1.78;color:#263241}.an-article h1{font-size:28px;line-height:1.35;margin:8px 0 18px;color:#111827;letter-spacing:-.03em}.an-article h2{font-size:16px;line-height:1.5;margin:28px 0 11px;font-weight:900;padding:9px 12px;border-left:4px solid;border-radius:0 7px 7px 0}.an-article h3{font-size:15px;line-height:1.5;margin:20px 0 8px;font-weight:900}.an-article p{font-size:14px;line-height:1.78;margin:10px 0;color:#263241}.an-article ul,.an-article ol{padding-left:22px;margin:10px 0}.an-article li{margin:6px 0}.an-article a{color:#1d4ed8;font-weight:800;text-decoration:underline;text-underline-offset:2px}.an-article .an-lead-paragraph{font-size:16px;line-height:1.72;font-weight:700;color:#17345f;background:linear-gradient(135deg,#eff6ff,#f8fbff);border-left:4px solid var(--an-blue);padding:14px 15px;border-radius:7px;margin:12px 0 20px}.an-article .an-section-lead{font-size:15px;font-weight:700}.an-article .an-data-paragraph{font-size:15px;color:#065f46;background:#ecfdf5;padding:10px 12px;border-radius:7px}.an-article .an-warning-paragraph{color:#9a3412;background:#fff7ed;padding:10px 12px;border-left:3px solid #fb923c;border-radius:6px}.an-article .an-note-paragraph{font-size:13px;color:#64748b;background:#f8fafc;border-left:3px solid #cbd5e1;padding:10px 12px;margin:14px 0}.an-section-title.an-tone-blue{color:#1d4ed8;border-color:#3b82f6;background:linear-gradient(90deg,#eff6ff,transparent)}.an-section-title.an-tone-purple{color:#6d28d9;border-color:#8b5cf6;background:linear-gradient(90deg,#f5f3ff,transparent)}.an-section-title.an-tone-green{color:#047857;border-color:#10b981;background:linear-gradient(90deg,#ecfdf5,transparent)}.an-section-subtitle.an-tone-blue{color:#1e40af}.an-section-subtitle.an-tone-purple{color:#6d28d9}.an-section-subtitle.an-tone-green{color:#047857}.an-section-lead.an-tone-blue{color:#1e3a8a}.an-section-lead.an-tone-purple{color:#5b21b6}.an-section-lead.an-tone-green{color:#065f46}.an-emphasis-key{color:#1d4ed8;font-size:1.05em;font-weight:900}.an-emphasis-warn{color:#c2410c;font-size:1.04em;font-weight:900}.an-emphasis-highlight{background:linear-gradient(transparent 45%,#fde68a 45%);color:#7c2d12;font-size:1.04em;font-weight:900;padding:0 2px}.an-user-color{font-weight:inherit}.an-user-bold{font-weight:900}.an-user-underline{text-decoration:underline;text-underline-offset:3px}.an-user-size-12{font-size:12px}.an-user-size-14{font-size:14px}.an-user-size-16{font-size:16px}.an-user-size-18{font-size:18px}.an-user-size-20{font-size:20px}.an-user-size-24{font-size:24px}.an-user-size-28{font-size:28px}
    .an-editor-tools{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px;border:1px solid var(--an-line);border-radius:7px;background:#f8fafc}.an-editor-tool{height:34px;border:1px solid var(--an-line);border-radius:6px;background:#fff;color:#1f2937;padding:0 10px;font-size:13px;font-weight:800;cursor:pointer}.an-editor-tool:hover{border-color:#93c5fd;background:#eff6ff}.an-editor-color{width:42px;height:34px;border:1px solid var(--an-line);border-radius:6px;background:#fff;padding:3px}.an-editor-size{height:34px;border:1px solid var(--an-line);border-radius:6px;background:#fff;padding:0 8px;font-size:13px}.an-address-row{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px}.an-address-prefix{height:40px;display:flex;align-items:center;padding:0 10px;border:1px solid var(--an-line);border-radius:6px;background:#f8fafc;color:#64748b;font-size:12px;white-space:nowrap}.an-image-current{grid-column:1/-1;display:none;align-items:center;gap:10px;padding:9px;border:1px solid var(--an-line);border-radius:7px;background:#fff}.an-image-current.open{display:flex}.an-image-current img{width:96px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--an-line)}.an-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px;display:block;overflow-x:auto}.an-table th,.an-table td{border:1px solid var(--an-line);padding:9px;text-align:left;vertical-align:top;min-width:110px}.an-table th{background:#f8fafc;color:#111827}.an-bullet{padding-left:12px;border-left:3px solid #dbeafe}
    .an-side-title{font-size:14px;font-weight:900;margin:0 0 8px}.an-side-list{display:grid;gap:7px;margin:0;padding:0;list-style:none;color:#344054;font-size:13px}.an-category-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}.an-category-pill{display:inline-flex;align-items:center;border:1px solid var(--an-line);background:#f8fafc;color:#344054;text-decoration:none;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.an-category-pill:hover{border-color:var(--an-blue);color:#1d4ed8}.an-recent-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 8px}.an-recent-select{height:32px;border:1px solid var(--an-line);border-radius:6px;background:#fff;font-size:12px;padding:0 6px}.an-recent-list{display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}.an-recent-list a{display:block;color:#1f2937;text-decoration:none;font-size:13px;line-height:1.42;font-weight:700}.an-recent-date{display:block;color:var(--an-sub);font-size:11px;margin-top:2px;font-weight:400}
    .an-direct-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:4px}.an-direct-link-field{display:grid;gap:5px}.an-direct-link-field span{font-size:12px;font-weight:800;color:#dbeafe}.an-direct-link-field textarea{min-height:76px;resize:vertical;line-height:1.45}.an-direct-link-note{grid-column:1/-1;margin:0;font-size:12px;line-height:1.55;color:#dbeafe}.an-product-links{display:grid;gap:14px;margin:0 0 18px;padding:14px;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff}.an-product-link-item{display:grid;gap:8px;padding-bottom:14px;border-bottom:1px solid #e5e7eb}.an-product-link-item:last-child{padding-bottom:0;border-bottom:0}.an-article p.an-product-link-disclosure{margin:0;font-size:12px;line-height:1.6;color:#475467}.an-article p.an-product-link-toss-text{margin:0;font-size:13px;line-height:1.7;color:#344054;overflow-wrap:anywhere}.an-product-link-inline{font-weight:800;color:#1d4ed8!important;text-decoration:underline!important;overflow-wrap:anywhere;word-break:break-all}.an-product-card{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:112px;border:1px solid #d0d5dd;border-radius:8px;overflow:hidden;background:#fff;color:#101828!important;text-decoration:none!important}.an-product-card:hover{border-color:#93c5fd;box-shadow:0 4px 14px rgba(15,23,42,.08)}.an-product-card-image{display:flex;align-items:center;justify-content:center;background:#f2f4f7;min-height:112px}.an-product-card-image img{display:block;width:100%;height:100%;min-height:112px;object-fit:cover}.an-product-card-image-empty{font-size:13px;font-weight:800;color:#98a2b3}.an-product-card-body{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:12px 14px;min-width:0}.an-product-card-title{font-size:15px;line-height:1.45;color:#101828}.an-product-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.55;color:#475467}.an-product-card-domain{font-size:12px;font-weight:800;color:#667085}.an-product-card-url{font-size:11px;line-height:1.45;color:#1d4ed8;overflow-wrap:anywhere;word-break:break-all}.an-scheduler-body{padding:16px}.an-scheduler-panel{display:flex;flex-direction:column;overflow:hidden;height:90dvh}.an-scheduler-panel .an-scheduler-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.an-scheduler-panel #anSchedulerSaveStatus{padding:8px 16px;font-size:14px;overflow-wrap:anywhere}.an-scheduler-head:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--an-line);border-radius:8px;background:#f8fafc}.an-scheduler-switch{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:900}.an-scheduler-switch input{width:18px;height:18px}.an-scheduler-times{display:grid;gap:8px;margin:12px 0}.an-scheduler-time-row{display:grid;grid-template-columns:minmax(150px,220px) auto;gap:8px;align-items:center}.an-scheduler-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin:0;padding:12px 16px;border-top:1px solid var(--an-line);flex-shrink:0}.an-scheduler-time-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 6px}.an-scheduler-time-presets .an-coupang-manager-meta{margin-right:auto}.an-scheduler-limit{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:8px;align-items:center}.an-scheduler-note{font-size:12px;line-height:1.6;color:#667085;margin:10px 0 0}.an-scheduler-gpt-section{margin-top:12px;border:1px solid var(--an-line);border-radius:8px;background:#f8fafc;padding:12px}.an-scheduler-gpt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.an-scheduler-gpt-title{font-size:14px;font-weight:900;color:#111827}.an-scheduler-gpt-meta{font-size:11px;line-height:1.55;color:#667085;margin-top:3px}.an-scheduler-gpt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.an-scheduler-gpt-card{border:1px solid var(--an-line);border-radius:7px;background:#fff;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.an-scheduler-gpt-card strong{display:block;font-size:13px;color:#111827}.an-scheduler-gpt-card small{display:block;font-size:11px;line-height:1.45;color:#667085;margin-top:2px}.an-scheduler-gpt-card input{width:18px;height:18px;flex:0 0 auto}.an-affiliate-edit-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--an-line);border-radius:8px;background:#f8fafc}.an-affiliate-edit-grid label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#344054}
    /* ver359: 플랫폼별 프롬프트를 코드가 아니라 DB 프로필로 관리하는 한글 관리자 UI */
    .an-prompt-manager-body{padding:16px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}.an-prompt-sidebar{border:1px solid var(--an-line);border-radius:8px;background:#f8fafc;padding:10px;align-self:start;position:sticky;top:66px}.an-prompt-sidebar-title{font-size:13px;font-weight:900;color:#111827;margin:2px 4px 8px}.an-prompt-platform-list{display:grid;gap:5px}.an-prompt-platform-btn{width:100%;min-height:38px;border:1px solid transparent;border-radius:7px;background:transparent;color:#344054;text-align:left;padding:8px 10px;font-size:13px;font-weight:800;cursor:pointer}.an-prompt-platform-btn:hover{background:#eef2ff;color:#1e3a8a}.an-prompt-platform-btn.active{background:#e0e7ff;border-color:#a5b4fc;color:#1e3a8a}.an-prompt-workspace{min-width:0}.an-prompt-status-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--an-line);border-radius:8px;padding:12px;background:#fff;margin-bottom:10px}.an-prompt-status-title{font-size:15px;font-weight:900;color:#111827}.an-prompt-status-meta{font-size:12px;line-height:1.55;color:#667085;margin-top:4px}.an-prompt-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;color:#344054;white-space:nowrap}.an-prompt-toggle input{width:18px;height:18px}.an-prompt-list{display:grid;gap:8px;margin-bottom:12px}.an-prompt-item{border:1px solid var(--an-line);border-radius:8px;padding:11px;background:#fff}.an-prompt-item.is-default{border-color:#60a5fa;background:#eff6ff}.an-prompt-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.an-prompt-item-name{font-size:13px;font-weight:900;color:#111827}.an-prompt-item-meta{font-size:11px;color:#667085;margin-top:4px;line-height:1.5}.an-prompt-item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.an-prompt-mini{height:30px;border:1px solid var(--an-line);border-radius:6px;padding:0 9px;background:#fff;color:#344054;font-size:12px;font-weight:800;cursor:pointer}.an-prompt-mini.primary{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.an-prompt-mini.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.an-prompt-editor{border:1px solid var(--an-line);border-radius:8px;background:#f8fafc;padding:12px}.an-prompt-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:8px}.an-prompt-editor textarea{width:100%;min-height:310px;border:1px solid var(--an-line);border-radius:7px;padding:12px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical;background:#fff;color:#111827}.an-prompt-help{font-size:11px;line-height:1.6;color:#667085;margin:8px 0}.an-prompt-vars{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.an-prompt-var{border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#475467;padding:5px 8px;font-size:11px;font-weight:800;cursor:pointer}.an-prompt-editor-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.an-prompt-empty{border:1px dashed var(--an-line);border-radius:8px;padding:24px;text-align:center;color:#667085;background:#fff}.an-prompt-badge{display:inline-flex;align-items:center;min-height:22px;border-radius:999px;padding:3px 8px;background:#dcfce7;color:#166534;font-size:11px;font-weight:900}.an-prompt-badge.gray{background:#f2f4f7;color:#667085}.an-prompt-badge.blue{background:#dbeafe;color:#1d4ed8}

    /* ver361: 전체 외부 운영 설정 센터. 영문 env 키는 UI에 직접 노출하지 않고 한글 라벨/분류로 관리합니다. */
    .an-settings-center-body{padding:16px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;min-height:620px}.an-settings-sidebar{border:1px solid var(--an-line);border-radius:8px;background:#f8fafc;padding:10px;align-self:start;position:sticky;top:66px}.an-settings-sidebar-title{font-size:13px;font-weight:900;color:#111827;margin:2px 4px 8px}.an-settings-category-list{display:grid;gap:4px;max-height:520px;overflow:auto}.an-settings-category-btn{width:100%;min-height:36px;border:1px solid transparent;border-radius:7px;background:transparent;color:#344054;text-align:left;padding:7px 9px;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.an-settings-category-btn:hover{background:#eef2ff;color:#1e3a8a}.an-settings-category-btn.active{background:#e0e7ff;border-color:#a5b4fc;color:#1e3a8a}.an-settings-category-count{font-size:10px;color:#667085;background:#fff;border:1px solid #d0d5dd;border-radius:999px;padding:2px 6px}.an-settings-workspace{min-width:0}.an-settings-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:8px;align-items:center;margin-bottom:10px}.an-settings-toolbar-note{font-size:11px;color:#667085;line-height:1.55;margin:0 0 10px}.an-settings-list{display:grid;gap:8px}.an-setting-item{border:1px solid var(--an-line);border-radius:8px;background:#fff;padding:11px}.an-setting-item.is-overridden{border-color:#93c5fd;background:#f8fbff}.an-setting-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.an-setting-title{font-size:13px;font-weight:900;color:#111827}.an-setting-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;font-size:10px;color:#667085}.an-setting-badge{display:inline-flex;align-items:center;min-height:20px;border-radius:999px;padding:2px 7px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:800}.an-setting-badge.db{background:#dbeafe;color:#1d4ed8}.an-setting-badge.restart{background:#fef3c7;color:#92400e}.an-setting-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.an-setting-control textarea{min-height:82px;resize:vertical}.an-setting-secret-note{font-size:10px;color:#667085;margin-top:5px}.an-setting-empty{padding:28px;border:1px dashed var(--an-line);border-radius:8px;background:#fff;text-align:center;color:#667085}.an-settings-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:10px;border:1px solid var(--an-line);border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 -6px 20px rgba(15,23,42,.07)}.an-settings-dirty{font-size:11px;color:#667085}.an-settings-actions{display:flex;gap:8px;flex-wrap:wrap}.an-setting-toggle{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#344054}.an-setting-toggle input{width:18px;height:18px}.an-setting-reset{height:34px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:#475467;padding:0 9px;font-size:11px;font-weight:800;cursor:pointer}.an-setting-reset:hover{background:#f8fafc}.an-settings-security{border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;color:#166534;padding:10px 12px;font-size:11px;line-height:1.55;margin-bottom:10px}.an-settings-profilebar{display:grid;grid-template-columns:minmax(190px,1fr) auto auto auto;gap:7px;align-items:center;margin:0 0 10px;padding:9px;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff}.an-settings-profilebar .an-select{min-width:0}.an-settings-profile-hint{grid-column:1/-1;font-size:10px;line-height:1.45;color:#64748b}

    @media(max-width:760px){.an-prompt-manager-body{grid-template-columns:1fr}.an-prompt-sidebar{position:static}.an-prompt-platform-list{grid-template-columns:repeat(2,minmax(0,1fr))}.an-prompt-editor-grid{grid-template-columns:1fr}.an-prompt-status-card{grid-template-columns:1fr}}
    @media(max-width:760px){.an-settings-center-body{grid-template-columns:1fr}.an-settings-sidebar{position:static}.an-settings-category-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.an-settings-toolbar{grid-template-columns:1fr}.an-settings-profilebar{grid-template-columns:1fr 1fr}.an-settings-profile-hint{grid-column:1/-1}.an-setting-control{grid-template-columns:1fr}.an-settings-footer{position:static;display:block}.an-settings-actions{margin-top:8px}}
    .an-modal{position:fixed;inset:0;background:rgba(2,6,23,.58);display:none;align-items:center;justify-content:center;padding:18px;z-index:9999;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0}.an-modal.open{display:flex}.an-panel{width:min(940px,100%);max-height:90vh;background:#fff;border-radius:8px;border:1px solid var(--an-line)}.an-panel:not(.an-scheduler-panel){overflow:auto}.an-panel-head{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--an-line);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2}.an-panel-head h2{font-size:16px;line-height:1.35;margin:0}.an-close{border:0;background:#f2f4f7;border-radius:6px;width:36px;height:36px;font-size:20px;cursor:pointer}.an-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px}.an-edit-grid .wide{grid-column:1/-1}.an-edit-textarea{width:100%;min-height:340px;border:1px solid var(--an-line);border-radius:6px;padding:12px;font-size:14px;line-height:1.7;resize:vertical}.an-toast{position:fixed;right:16px;bottom:16px;max-width:390px;background:#111827;color:#fff;border-radius:8px;padding:12px 14px;font-size:13px;display:none;z-index:10000}.an-toast.show{display:block}.an-site-footer{background:#0b1220;color:#cbd5e1;margin-top:26px}.an-site-footer-inner{max-width:1180px;margin:0 auto;padding:24px 18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;line-height:1.6}.an-site-footer a{color:#bfdbfe;text-decoration:none;font-weight:700}
    @media(max-width:980px){.an-detail-list-actions{margin-left:0}.an-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.an-admin-grid .an-keyword{grid-column:1/-1}.an-publish-options{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.an-admin-grid>.an-btn{grid-column:1/-1}.an-direct-links,.an-affiliate-edit-grid{grid-template-columns:1fr 1fr}.an-toolbar-box{grid-template-columns:1fr 1fr 1fr}.an-toolbar-box .an-search-wide{grid-column:1/-1}.an-card,.an-card.has-admin-actions{grid-template-columns:220px minmax(0,1fr)}.an-card-admin{grid-column:1/-1;border-left:0;border-top:1px solid var(--an-line)}.an-card-admin>summary{justify-content:flex-end;min-height:42px;padding:8px 12px}.an-card-actions{flex-direction:row;flex-wrap:wrap}.an-card-actions .an-btn{width:auto;flex:1 1 150px}.an-detail-layout{display:block}.an-detail-side{margin-top:14px}}
    @media(max-width:768px){.an-detail-list-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.an-detail-list-actions .an-btn,.an-detail-list-actions .an-inline-form,.an-detail-list-actions .an-inline-form .an-btn{width:100%}.an-title,.an-detail-title{font-size:24px}.an-scheduler-gpt-grid{grid-template-columns:1fr}.an-admin-grid,.an-publish-options,.an-toolbar-box,.an-edit-grid,.an-coupang-add-form,.an-coupang-manager-fields,.an-category-add-form,.an-category-manager-fields,.an-direct-links,.an-affiliate-edit-grid,.an-scheduler-limit{grid-template-columns:1fr}.an-edit-grid .wide,.an-admin-grid .an-keyword,.an-publish-options,.an-admin-grid>.an-btn,.an-toolbar-box .an-search-wide{grid-column:auto}.an-card,.an-card.has-admin-actions{display:flex;flex-direction:column;min-height:0}.an-thumb{order:1;width:100%;min-height:0;aspect-ratio:16/9}.an-body{order:2;width:100%;padding:14px}.an-card-admin{order:3;width:100%;border-left:0;border-top:1px solid var(--an-line)}.an-card-admin>summary{justify-content:center}.an-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.an-card-actions .an-btn{width:100%}.an-status,.an-site-header-inner{display:block}.an-site-nav{margin-top:8px}.an-detail-main{padding:18px}.an-product-card{grid-template-columns:1fr}.an-product-card-image,.an-product-card-image img{min-height:0;aspect-ratio:16/9}}

    /* ver592: one studio style per selector and breakpoint replaces layered ver363-366
       overrides. Existing control IDs, drawer ownership and public article styles are preserved. */
.auto-news-wrap.an-studio-mode{--studio-bg:#0b0e14;--studio-panel:#141a25;--studio-panel2:#1b2230;--studio-line:#2d3548;--studio-text:#f3f5fb;--studio-sub:#aab4c8;--studio-muted:#9ba9c0;--studio-orange:#3972e8;--studio-green:#42d392;--studio-blue:#669bff;--studio-yellow:#ffcb58;--studio-red:#ff6c7c;--studio-purple:#a98bff;background:var(--studio-bg);color:var(--studio-text);min-height:100vh;padding-left:var(--studio-rail-width);--studio-rail-width:184px;font-size:14px;line-height:1.6;position:relative;isolation:isolate;}
.an-studio-rail{position:fixed;left:var(--studio-rail-left,0px);top:var(--studio-rail-top,0px);bottom:auto;width:var(--studio-rail-width);z-index:90;background:var(--studio-panel);border-right:1px solid var(--studio-line);display:flex;flex-direction:column;align-items:stretch;padding:20px 12px;gap:8px;overflow-y:auto;scrollbar-width:none;height:calc(100vh - var(--studio-rail-top,0px));}
.an-studio-rail::-webkit-scrollbar{display:none;}
.an-studio-logo{width:44px;height:44px;border-radius:12px;background:var(--studio-blue);display:grid;place-items:center;color:rgb(255, 255, 255);font-weight:950;font-size:14px;margin:0 0 18px;box-shadow:none;flex:0 0 auto;margin-bottom:8px;align-self:flex-start;}
.an-studio-nav-btn{position:relative;width:100%;min-height:48px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--studio-sub);display:flex;place-items:center;cursor:pointer;padding:12px;flex:0 0 auto;align-items:center;justify-content:flex-start;gap:8px;}
.an-studio-nav-btn:hover{background:rgb(21, 27, 39);color:rgb(255, 255, 255);}
.an-studio-nav-btn.active{background:color-mix(in srgb,var(--studio-blue) 12%,var(--studio-panel));border-color:var(--studio-blue);color:var(--studio-text);}
.an-studio-nav-btn span{font-size:14px;font-weight:900;line-height:1.25;letter-spacing:-0.02em;white-space:nowrap;}
.an-studio-nav-sep{width:100%;border-top:1px solid rgb(37, 44, 60);margin:5px 0px;}
.an-studio-topbar{position:relative;top:0px;z-index:80;min-height:68px;background:rgba(14, 19, 29, 0.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--studio-line);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px;flex-wrap:wrap;}
.an-studio-title-wrap{min-width:0px;}
.an-studio-title{font-size:16px;font-weight:950;letter-spacing:-0.02em;}
.an-studio-subtitle{font-size:14px;color:var(--studio-sub);margin-top:3px;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.an-studio-top-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;}
.an-studio-top-actions .an-btn{height:36px;border:1px solid rgb(56, 66, 88);border-radius:9px;background:rgb(27, 34, 48);color:rgb(245, 247, 251);font-size:14px;}
.an-studio-top-actions .an-btn.success{background:rgb(23, 49, 36);color:rgb(134, 239, 172);border-color:rgb(45, 96, 70);}
.an-studio-top-actions .an-btn.warning{background:rgb(52, 37, 20);color:rgb(252, 211, 77);border-color:rgb(102, 80, 42);}
.an-studio-top-actions .an-btn.primary{background:var(--studio-orange);border-color:var(--studio-orange);color:rgb(255, 255, 255);}
.an-studio-page{display:none;max-width:1440px;margin:0px auto;padding:28px 24px 40px;}
.studio-view-dashboard [data-studio-page="dashboard"], .studio-view-discover [data-studio-page="discover"], .studio-view-media [data-studio-page="media"], .studio-view-planner [data-studio-page="planner"], .studio-view-publish [data-studio-page="publish"], .studio-view-automation [data-studio-page="automation"], .studio-view-executions [data-studio-page="executions"], .studio-view-monetization [data-studio-page="monetization"], .studio-view-credentials [data-studio-page="credentials"], .studio-view-prompts [data-studio-page="prompts"], .studio-view-connections [data-studio-page="connections"], .studio-view-settings [data-studio-page="settings"]{display:block;}
.an-studio-mode .an-site-header{display:none;}
.an-studio-mode:not(.studio-view-compose):not(.studio-view-content) > .an-hero, .an-studio-mode:not(.studio-view-compose):not(.studio-view-content) > .an-category-nav, .an-studio-mode:not(.studio-view-compose):not(.studio-view-content) > .an-toolbar, .an-studio-mode:not(.studio-view-compose):not(.studio-view-content) > .an-main, .an-studio-mode > .an-site-footer{display:none;}
.an-studio-mode.studio-view-compose > .an-category-nav, .an-studio-mode.studio-view-compose > .an-toolbar, .an-studio-mode.studio-view-compose > .an-main{display:none;}
.an-studio-mode.studio-view-content > .an-hero{display:none;}
.an-studio-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;}
.an-studio-page-head h2{font-size:28px;margin:0px 0px 5px;letter-spacing:-0.03em;}
.an-studio-page-head p{margin:0px;color:var(--studio-sub);font-size:14px;line-height:1.65;max-width:720px;}
.an-studio-page-actions{display:flex;gap:7px;flex-wrap:wrap;}
.an-studio-kpi-grid{display:grid;grid-template-columns:repeat(4, minmax(0px, 1fr));gap:12px;margin-bottom:12px;}
.an-studio-kpi{border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-panel);padding:20px;}
.an-studio-kpi span{display:block;color:var(--studio-sub);font-size:14px;}
.an-studio-kpi b{display:block;font-size:28px;margin-top:5px;}
.an-studio-kpi small{display:block;color:var(--studio-muted);font-size:14px;margin-top:5px;}
.an-studio-grid2{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;}
.an-studio-grid3{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));gap:16px;}
.an-studio-card{border:1px solid var(--studio-line);border-radius:16px;background:var(--studio-panel);padding:20px;min-width:0px;}
.an-studio-card h3{font-size:16px;margin:0px 0px 9px;}
.an-studio-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px;}
.an-studio-card-head h3{margin:0px;}
.an-studio-empty{border:1px dashed rgb(58, 68, 91);border-radius:11px;padding:24px;text-align:center;color:var(--studio-muted);font-size:14px;}
.an-studio-list{display:grid;gap:7px;}
.an-studio-row{display:grid;grid-template-columns:minmax(0px, 1fr) auto;gap:9px;align-items:center;border:1px solid rgb(41, 50, 71);border-radius:10px;background:var(--studio-panel2);padding:14px;}
.an-studio-row b{font-size:14px;}
.an-studio-row small{display:block;color:var(--studio-muted);font-size:14px;margin-top:3px;line-height:1.5;}
.an-studio-row-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;}
.an-studio-badge{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border-radius:999px;background:rgba(108, 166, 255, 0.12);color:var(--studio-blue);font-size:14px;font-weight:900;}
.an-studio-badge.ok{background:rgba(66, 211, 146, 0.12);color:var(--studio-green);}
.an-studio-badge.warn{background:rgba(255, 203, 88, 0.12);color:var(--studio-yellow);}
.an-studio-badge.bad{background:rgba(255, 108, 124, 0.12);color:rgb(255, 152, 164);}
.an-studio-badge.purple{background:rgba(169, 139, 255, 0.12);color:var(--studio-purple);}
.an-studio-table-wrap{overflow:auto;border:1px solid var(--studio-line);border-radius:12px;}
.an-studio-table{width:100%;border-collapse:collapse;min-width:760px;background:rgb(17, 23, 34);}
.an-studio-table th, .an-studio-table td{padding:12px;border-bottom:1px solid rgb(37, 46, 64);text-align:left;font-size:14px;vertical-align:middle;}
.an-studio-table th{position:sticky;top:0px;background:rgb(23, 29, 41);color:rgb(185, 195, 214);font-size:14px;z-index:2;}
.an-studio-table td{color:rgb(219, 226, 239);}
.an-studio-table tr:last-child td{border-bottom:0px;}
.an-studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.an-studio-filter-group{display:flex;gap:6px;flex-wrap:wrap;}
.an-studio-chip{height:38px;border:1px solid rgb(56, 66, 88);border-radius:999px;background:rgb(21, 27, 39);color:var(--studio-sub);padding:0px 9px;font-size:14px;font-weight:850;}
.an-studio-chip.active{background:rgb(40, 25, 20);color:rgb(255, 214, 201);border-color:rgb(117, 66, 47);}
.an-studio-candidate-grid{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));gap:9px;}
.an-studio-candidate{border:1px solid var(--studio-line);border-radius:12px;background:rgb(20, 26, 37);padding:12px;display:flex;flex-direction:column;min-height:150px;}
.an-studio-candidate h3{font-size:16px;margin:0px 0px 8px;line-height:1.45;}
.an-studio-candidate p{font-size:14px;color:var(--studio-sub);line-height:1.55;margin:0px 0px 10px;flex:1 1 0%;}
.an-studio-candidate-footer{display:flex;justify-content:space-between;align-items:center;gap:7px;color:var(--studio-muted);font-size:14px;}
.an-studio-media-grid{display:grid;grid-template-columns:repeat(4, minmax(0px, 1fr));gap:9px;}
.an-media-card{border:1px solid var(--studio-line);border-radius:12px;background:rgb(20, 26, 37);overflow:hidden;}
.an-media-preview{aspect-ratio:16 / 9;background:rgb(14, 19, 29);display:grid;place-items:center;color:var(--studio-muted);overflow:hidden;}
.an-media-preview img{width:100%;height:100%;object-fit:cover;}
.an-media-body{padding:9px;}
.an-media-body b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.an-media-body small{color:var(--studio-muted);font-size:14px;}
.an-planner-grid{display:grid;grid-template-columns:repeat(7, minmax(150px, 1fr));gap:7px;overflow:auto;padding-bottom:5px;}
.an-planner-day{border:1px solid var(--studio-line);border-radius:11px;background:var(--studio-panel);min-height:340px;padding:9px;color:var(--studio-text);}
.an-planner-day h3{font-size:16px;margin:0px 0px 8px;color:var(--studio-text);}
.an-planner-slot{border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-panel2);padding:8px;margin-bottom:6px;color:var(--studio-text);}
.an-planner-slot b{font-size:14px;color:var(--studio-text);}
.an-planner-slot small{display:block;color:var(--studio-muted);font-size:14px;margin-top:3px;}
.an-studio-flow-shell{min-height:720px;display:grid;grid-template-columns:minmax(760px, 1fr) 360px;background:var(--studio-bg);border:1px solid var(--studio-line);border-radius:13px;overflow:hidden;}
.an-studio-canvas-wrap{position:relative;overflow:auto;background:radial-gradient(circle, rgba(255, 255, 255, 0.075) 1px, transparent 1px) 0px 0px / 20px 20px;min-height:720px;}
.an-studio-canvas-toolbar{position:sticky;left:12px;top:12px;z-index:5;display:flex;gap:5px;width:max-content;}
.an-studio-canvas-toolbar button{width:31px;height:31px;border:1px solid rgb(56, 66, 88);border-radius:8px;background:rgb(23, 30, 42);color:rgb(203, 212, 229);}
.an-studio-canvas{position:relative;min-width:1450px;min-height:780px;transform-origin:0px 0px;}
.an-studio-links{position:absolute;inset:0px;pointer-events:none;}
.an-studio-link{fill:none;stroke:rgb(89, 100, 124);stroke-width:2.1;stroke-dasharray:6, 6;stroke-linecap:round;}
.an-studio-link.live{stroke:rgb(255, 138, 99);filter:drop-shadow(rgba(255, 111, 61, 0.18) 0px 0px 4px);}
.an-flow-node{position:absolute;width:184px;min-height:90px;border:1px solid rgb(49, 58, 80);border-radius:15px;background:linear-gradient(rgb(26, 32, 45), rgb(20, 26, 37));box-shadow:rgba(0, 0, 0, 0.32) 0px 12px 28px;padding:12px;color:var(--studio-text);cursor:grab;transition:border-color 0.15s, box-shadow 0.15s;}
.an-flow-node:active{cursor:grabbing;}
.an-flow-node:hover{border-color:rgb(93, 105, 133);}
.an-flow-node.selected{border-color:rgb(255, 138, 99);box-shadow:rgba(255, 111, 61, 0.14) 0px 0px 0px 3px, rgba(0, 0, 0, 0.32) 0px 12px 28px;}
.an-flow-node-head{display:flex;justify-content:space-between;gap:7px;align-items:center;}
.an-flow-node-main{display:flex;align-items:center;gap:8px;min-width:0px;}
.an-flow-icon{width:36px;height:36px;border:1px solid rgb(43, 52, 73);border-radius:9px;background:rgb(14, 20, 30);display:grid;place-items:center;font-size:12px;font-weight:950;flex:0 0 32px;flex-basis:36px;}
.an-flow-node b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.an-flow-node small{display:block;color:var(--studio-sub);font-size:11px;margin-top:2px;line-height:1.4;}
.an-flow-state{display:inline-flex;margin-top:8px;min-height:24px;align-items:center;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:900;background:rgba(108, 166, 255, 0.12);color:var(--studio-blue);}
.an-flow-state.ok{background:rgba(66, 211, 146, 0.12);color:var(--studio-green);}
.an-flow-state.warn{background:rgba(255, 203, 88, 0.12);color:var(--studio-yellow);}
.an-flow-state.off{background:rgba(255, 108, 124, 0.11);color:rgb(255, 152, 164);}
.an-flow-state.purple{background:rgba(169, 139, 255, 0.12);color:var(--studio-purple);}
.an-flow-port{position:absolute;top:50%;transform:translateY(-50%);width:11px;height:11px;border:2px solid rgb(104, 115, 142);border-radius:50%;background:var(--studio-bg);}
.an-flow-port.in{left:-6px;}
.an-flow-port.out{right:-6px;}
.an-studio-inspector{border-left:1px solid var(--studio-line);background:linear-gradient(rgb(16, 22, 32), rgb(12, 17, 25));padding:12px;overflow:auto;max-height:720px;}
.an-inspector-card{border:1px solid var(--studio-line);border-radius:12px;background:rgb(21, 27, 39);padding:13px;margin-bottom:9px;}
.an-inspector-card h3{font-size:16px;margin:0px 0px 8px;}
.an-inspector-summary{display:flex;gap:9px;align-items:center;}
.an-inspector-icon{width:42px;height:42px;border:1px solid rgb(45, 54, 75);border-radius:11px;background:rgb(14, 20, 31);display:grid;place-items:center;font-weight:900;}
.an-inspector-summary b{display:block;font-size:14px;}
.an-inspector-summary small{display:block;color:var(--studio-sub);font-size:14px;margin-top:3px;line-height:1.45;}
.an-studio-field{margin-bottom:9px;}
.an-studio-field label{display:block;color:var(--studio-sub);font-size:14px;font-weight:850;margin-bottom:6px;}
.an-studio-input, .an-studio-select, .an-studio-textarea{width:100%;border:1px solid rgb(48, 57, 80);border-radius:8px;background:rgb(14, 20, 31);color:var(--studio-text);padding:0px 9px;}
.an-studio-input, .an-studio-select{height:38px;font-size:14px;}
.an-studio-textarea{min-height:120px;padding:9px;resize:vertical;line-height:1.55;font-size:14px;}
.an-studio-form-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;}
.an-studio-mini{height:40px;border:1px solid rgb(56, 66, 88);border-radius:8px;background:rgb(27, 34, 48);color:rgb(219, 226, 239);padding:0 14px;font-size:14px;font-weight:850;cursor:pointer;}
.an-studio-mini.primary{background:var(--studio-orange,#2563eb);border-color:var(--studio-orange,#2563eb);color:rgb(255, 255, 255);}
.an-studio-mini.danger{background:rgb(43, 23, 28);border-color:rgb(96, 50, 58);color:rgb(255, 156, 168);}
.an-studio-mini.ok{background:rgb(21, 48, 34);border-color:rgb(47, 104, 76);color:rgb(134, 239, 172);}
.an-manager-layout{display:grid;grid-template-columns:260px minmax(0px, 1fr);gap:10px;}
.an-manager-sidebar{border:1px solid var(--studio-line);border-radius:12px;background:rgb(18, 24, 35);padding:12px;align-self:start;}
.an-manager-main{min-width:0px;}
.an-manager-list{display:grid;gap:6px;max-height:560px;overflow:auto;}
.an-manager-item{border:1px solid rgb(45, 54, 75);border-radius:9px;background:rgb(21, 27, 39);padding:11px;cursor:pointer;}
.an-manager-item:hover, .an-manager-item.active{border-color:rgb(255, 138, 99);background:rgb(36, 24, 20);}
.an-manager-item b{font-size:14px;}
.an-manager-item small{display:block;color:var(--studio-muted);font-size:14px;margin-top:3px;line-height:1.45;}
.an-key-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));gap:9px;}
.an-key-item{border:1px solid rgb(45, 54, 75);border-radius:10px;background:rgb(17, 23, 34);padding:10px;}
.an-key-item label{font-size:14px;color:var(--studio-sub);display:block;margin-bottom:6px;}
.an-key-item small{font-size:14px;color:var(--studio-muted);}
.an-current-setting{border:1px solid var(--studio-line);border-radius:8px;background:rgba(108, 166, 255, 0.07);padding:8px;margin-bottom:8px;}
.an-current-setting-head{display:flex;justify-content:space-between;gap:8px;align-items:center;}
.an-current-setting-head span{font-size:14px;color:var(--studio-muted);}
.an-current-setting-head strong{font-size:14px;color:var(--studio-text);word-break:break-all;text-align:right;}
.an-current-setting-source{font-size:14px;color:var(--studio-sub);margin-top:4px;}
.an-credential-summary{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:10px;}
.an-credential-summary b{font-size:14px;}
.an-credential-summary small{display:block;color:var(--studio-muted);font-size:14px;margin-top:4px;}
.an-system-prompt-card{margin-bottom:10px;}
.an-system-prompt-card textarea{min-height:340px;font-size:14px;line-height:1.6;}
.an-system-prompt-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px;color:var(--studio-muted);font-size:14px;}
.an-connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.an-connection-card{border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-panel);padding:20px;min-width:0px;}
.an-connection-card h3{font-size:16px;margin:0px 0px 5px;}
.an-connection-card p{font-size:14px;color:var(--studio-sub);line-height:1.55;min-height:40px;}
.an-connection-card .an-studio-form-actions{justify-content:flex-start;}
.an-connection-meta{display:grid;gap:5px;margin:9px 0px;font-size:14px;color:var(--studio-muted);}
.an-connection-meta strong{color:var(--studio-text);}
.an-connection-paths{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.an-connection-path{border:1px solid var(--studio-line);border-radius:999px;padding:4px 7px;font-size:14px;color:var(--studio-muted);}
.an-connection-path.ok{color:var(--studio-green);border-color:color-mix(in srgb,var(--studio-green) 40%,var(--studio-line));}
.an-connection-path.bad{color:var(--studio-red);}
.an-studio-mode .an-hero{background:var(--studio-bg);color:var(--studio-text);padding:22px 18px 16px;}
.an-studio-mode .an-hero-inner{max-width:1440px;}
.an-studio-mode .an-kicker{color:var(--studio-orange);}
.an-studio-mode .an-desc{color:var(--studio-sub);}
.an-studio-mode .an-admin-panel{background:rgb(17, 23, 34);border-color:var(--studio-line);border-radius:13px;padding:13px;}
.an-studio-mode .an-admin-grid{grid-template-columns:minmax(260px, 1fr) repeat(3, minmax(150px, 1fr));gap:8px;}
.an-studio-mode .an-publish-options{grid-column:1 / -1;grid-template-columns:repeat(4, minmax(0px, 1fr));}
.an-studio-mode .an-admin-grid > .an-btn{grid-column:auto;}
.an-studio-mode .an-input, .an-studio-mode .an-select, .an-studio-mode .an-textarea{background:rgb(14, 20, 31);color:var(--studio-text);border-color:rgb(48, 57, 80);}
.an-studio-mode .an-check{background:rgb(21, 28, 41);color:var(--studio-sub);border-color:rgb(48, 57, 80);border-radius:9px;}
.an-studio-mode .an-admin .an-btn{border:1px solid rgb(56, 66, 88);border-radius:9px;background:rgb(27, 34, 48);color:rgb(244, 246, 251);}
.an-studio-mode .an-admin .an-btn.success{background:rgb(23, 49, 36);color:rgb(134, 239, 172);border-color:rgb(45, 96, 70);}
.an-studio-mode .an-admin .an-btn.warning{background:rgb(52, 37, 20);color:rgb(252, 211, 77);border-color:rgb(102, 80, 42);}
.an-studio-mode .an-category-nav, .an-studio-mode .an-toolbar, .an-studio-mode .an-main{max-width:1440px;}
.an-studio-mode .an-category-nav a{background:rgb(21, 27, 39);color:var(--studio-sub);border-color:rgb(48, 57, 80);}
.an-studio-mode .an-category-nav a.active, .an-studio-mode .an-category-nav a:hover{background:rgb(40, 25, 20);color:rgb(255, 214, 201);border-color:rgb(117, 66, 47);}
.an-studio-mode .an-toolbar-box{background:rgb(17, 23, 34);border-color:var(--studio-line);box-shadow:none;}
.an-studio-mode .an-status{color:var(--studio-sub);}
.an-studio-mode .an-card{background:rgb(19, 25, 37);border-color:var(--studio-line);border-radius:12px;}
.an-studio-mode .an-card p, .an-studio-mode .an-meta{color:var(--studio-sub);}
.an-studio-mode .an-card-admin{background:rgb(16, 22, 32);border-color:var(--studio-line);}
.an-studio-mode .an-tag{background:rgb(28, 36, 50);color:rgb(195, 204, 221);}
.an-studio-mode .an-modal{align-items:stretch;justify-content:flex-end;padding:0px;background:rgba(2, 6, 13, 0.72);backdrop-filter:blur(3px);}
.an-studio-mode .an-panel{width:min(860px, 94vw);height:100vh;max-height:none;border-radius:0px;border-top:0px;border-right:0px;border-bottom:0px;border-image:none;border-left:1px solid var(--studio-line);background:rgb(16, 22, 32);color:var(--studio-text);box-shadow:rgba(0, 0, 0, 0.42) -24px 0px 60px;}
.an-studio-mode .an-panel-head{background:rgb(16, 22, 32);border-color:var(--studio-line);}
.an-studio-mode .an-panel-head h2{color:var(--studio-text);}
.an-studio-mode .an-close{background:rgb(27, 34, 48);color:rgb(220, 227, 241);border:1px solid rgb(53, 64, 87);}
.an-studio-card h3, .an-studio-card-head h3{font-size:16px;}
.an-key-item label, .an-key-item small{font-size:14px;}
.an-prompt-platform-btn{font-size:14px;}
.an-prompt-item-name{font-size:14px;}
.an-prompt-item-meta, .an-prompt-help{font-size:14px;}
.an-prompt-mini{font-size:14px;}
.an-prompt-editor textarea{font-size:14px;}
.an-studio-mode .an-input, .an-studio-mode .an-select, .an-studio-mode .an-textarea, .an-studio-mode .an-btn, .an-studio-mode .an-check{font-size:14px;}
.an-studio-mode .an-status, .an-studio-mode .an-meta{font-size:14px;}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"]{--studio-bg:#f6f8fb;--studio-panel:#ffffff;--studio-panel2:#f8fafc;--studio-line:#d8dee9;--studio-text:#172033;--studio-sub:#526078;--studio-muted:#76839a;--studio-orange:#e85d2f;--studio-green:#14875c;--studio-blue:#2563eb;--studio-yellow:#a16207;--studio-red:#c24155;--studio-purple:#6d5bd0;background:var(--studio-bg);color:var(--studio-text);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-rail{background:rgb(248, 250, 252);border-color:var(--studio-line);box-shadow:rgba(15, 23, 42, 0.04) 8px 0px 24px;}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-nav-btn{color:rgb(86, 99, 122);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-nav-btn:hover{background:rgb(238, 242, 247);color:rgb(23, 32, 51);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-nav-btn.active{background:rgb(255, 240, 233);border-color:rgb(242, 176, 151);color:rgb(166, 61, 30);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-nav-sep{border-color:rgb(223, 228, 236);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-topbar{background:rgba(255, 255, 255, 0.94);border-color:var(--studio-line);box-shadow:rgba(15, 23, 42, 0.035) 0px 4px 18px;}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-top-actions .an-btn, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-mini, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-chip{background:rgb(255, 255, 255);color:rgb(52, 64, 84);border-color:rgb(207, 214, 226);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-top-actions .an-btn.success, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-mini.ok{background:rgb(234, 248, 241);color:rgb(22, 101, 52);border-color:rgb(167, 217, 189);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-top-actions .an-btn.warning{background:rgb(255, 248, 231);color:rgb(146, 64, 14);border-color:rgb(234, 210, 154);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-top-actions .an-btn.primary, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-mini.primary{background:var(--studio-orange);color:rgb(255, 255, 255);border-color:var(--studio-orange);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-mini.danger{background:rgb(255, 241, 242);color:rgb(190, 18, 60);border-color:rgb(254, 205, 211);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-kpi, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-card, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-candidate, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-media-card, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-manager-sidebar, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-manager-item, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-key-item, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-connection-card, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-inspector-card{background:rgb(255, 255, 255);color:var(--studio-text);border-color:var(--studio-line);box-shadow:rgba(15, 23, 42, 0.024) 0px 4px 14px;}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-manager-item:hover, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-manager-item.active{background:rgb(255, 244, 239);border-color:rgb(240, 161, 132);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-row{background:rgb(251, 252, 254);border-color:rgb(220, 226, 235);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-table{background:rgb(255, 255, 255);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-table th{background:rgb(244, 246, 249);color:rgb(71, 84, 103);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-table td{color:rgb(39, 52, 73);border-color:rgb(228, 232, 239);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-input, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-select, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-textarea{background:rgb(255, 255, 255);color:rgb(23, 32, 51);border-color:rgb(207, 214, 226);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-input::placeholder, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-textarea::placeholder{color:rgb(152, 162, 179);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-flow-shell{border-color:var(--studio-line);background:rgb(255, 255, 255);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-canvas-wrap{background-color:rgb(247, 249, 252);background-image:radial-gradient(circle, rgba(71, 84, 103, 0.17) 1px, transparent 1px);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-canvas-toolbar button{background:rgb(255, 255, 255);color:rgb(52, 64, 84);border-color:rgb(207, 214, 226);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-flow-node{background:linear-gradient(rgb(255, 255, 255), rgb(247, 249, 252));color:rgb(23, 32, 51);border-color:rgb(209, 216, 228);box-shadow:rgba(15, 23, 42, 0.08) 0px 10px 24px;}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-flow-icon{background:rgb(248, 250, 252);border-color:rgb(216, 222, 232);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-flow-port{background:rgb(255, 255, 255);border-color:rgb(137, 149, 168);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-inspector{background:rgb(247, 249, 252);border-color:var(--studio-line);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-mode .an-admin-panel, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-admin-panel, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-toolbar-box, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-card, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-card-admin{background:rgb(255, 255, 255);color:rgb(23, 32, 51);border-color:rgb(216, 222, 233);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-input, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-select, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-textarea{background:rgb(255, 255, 255);color:rgb(23, 32, 51);border-color:rgb(207, 214, 226);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-check{background:rgb(248, 250, 252);color:rgb(82, 96, 120);border-color:rgb(216, 222, 233);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-category-nav a{background:rgb(255, 255, 255);color:rgb(82, 96, 120);border-color:rgb(216, 222, 233);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-category-nav a.active, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-category-nav a:hover{background:rgb(255, 240, 233);color:rgb(166, 61, 30);border-color:rgb(242, 176, 151);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-modal{background:rgba(15, 23, 42, 0.28);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-panel, .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-panel-head{background:rgb(255, 255, 255);color:rgb(23, 32, 51);border-color:rgb(216, 222, 233);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-panel-head h2{color:rgb(23, 32, 51);}
.auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-close{background:rgb(248, 250, 252);color:rgb(52, 64, 84);border-color:rgb(207, 214, 226);}
.an-studio-nav-btn::before{content:attr(data-nav-icon);width:20px;display:inline-grid;place-items:center;font-size:14px;font-weight:900;opacity:0.9;}
.an-ops-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:20px;margin-top:12px;}
.an-ops-schedule{display:grid;gap:0px;}
.an-ops-schedule-row{display:grid;grid-template-columns:78px 1fr auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--studio-line);}
.an-ops-schedule-row:last-child{border-bottom:0px;}
.an-ops-time{font-weight:900;font-size:14px;}
.an-ops-channel{font-size:14px;font-weight:800;}
.an-ops-detail{font-size:14px;color:var(--studio-muted);margin-top:3px;}
.an-ops-error{border-left:3px solid var(--studio-red);padding-left:10px;}
.an-ops-action{margin-top:7px;}
.an-ops-server{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:850;}
.an-ops-server::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--studio-muted);box-shadow:none;}
.studio-view-compose > .an-hero{padding:18px 24px 30px;background:var(--studio-bg);}
.studio-view-compose > .an-hero .an-kicker, .studio-view-compose > .an-hero .an-title, .studio-view-compose > .an-hero .an-desc{display:none;}
.studio-view-compose .an-hero-inner{max-width:1280px;margin:0px auto;}
.studio-view-compose .an-admin-panel{padding:0px;background:transparent;border:0px;}
.studio-view-compose .an-admin-grid{display:block;}
.an-compose-wizard{display:grid;gap:24px;}
.an-compose-step{background:var(--studio-panel);border:1px solid var(--studio-line);border-radius:16px;padding:24px;}
.an-compose-step-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;}
.an-compose-step-num{width:30px;height:30px;border-radius:9px;background:var(--studio-blue);color:white;display:grid;place-items:center;font-weight:950;font-size:14px;flex:0 0 auto;}
.an-compose-step h3{margin:0px;font-size:16px;}
.an-compose-step p{margin:4px 0px 0px;color:var(--studio-sub);font-size:14px;}
.an-compose-main-input{width:100%;font-weight:700;height:52px;font-size:16px;}
.an-content-type-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.an-content-type{height:36px;border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-panel2);color:var(--studio-sub);padding:0px 13px;font-weight:850;font-size:14px;}
.an-content-type.active{border-color:var(--studio-blue);background:color-mix(in srgb,var(--studio-blue) 12%,var(--studio-panel));color:var(--studio-text);}
.an-compose-simple-grid{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));gap:16px;}
.an-compose-simple-box label{display:block;font-size:14px;color:var(--studio-sub);font-weight:850;margin-bottom:6px;}
.an-compose-info-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--studio-line);border-radius:999px;padding:7px 10px;font-size:14px;color:var(--studio-sub);margin-top:10px;}
.an-compose-info-pill::before{content:"✓";color:var(--studio-green);font-weight:950;}
.an-compose-advanced{margin-top:12px;border-top:1px solid var(--studio-line);padding-top:10px;}
.an-compose-advanced summary{cursor:pointer;font-size:14px;font-weight:900;color:var(--studio-sub);user-select:none;}
.an-compose-advanced-grid{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));gap:9px;margin-top:11px;}
.an-compose-advanced-grid > *{min-width:0px;}
.studio-view-compose .an-publish-options{display:grid;grid-template-columns:repeat(4, minmax(0px, 1fr));gap:9px;margin:0px;}
.studio-view-compose .an-publish-options .an-check{position:relative;min-height:76px;align-items:center;justify-content:flex-start;flex-direction:row;gap:12px;text-align:left;cursor:pointer;display:flex;padding:16px 38px 16px 16px;border:1px solid var(--studio-line);border-radius:13px;background:var(--studio-panel2);color:var(--studio-sub);font-size:14px;font-weight:850;}
.studio-view-compose .an-publish-options .an-check input{position:absolute;top:9px;right:9px;width:17px;height:17px;accent-color:var(--studio-blue);}
.studio-view-compose .an-publish-options .an-check:has(input:checked){box-shadow:0 0 0 1px color-mix(in srgb,var(--studio-blue) 35%,transparent);border-color:var(--studio-blue);background:color-mix(in srgb,var(--studio-blue) 10%,var(--studio-panel));color:var(--studio-text);}
.an-platform-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--studio-bg);border:1px solid var(--studio-line);font-size:14px;font-weight:950;color:var(--studio-text);}
.an-homepage-platform-card{min-height:76px;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:12px;text-align:center;padding:16px;border:1px solid var(--studio-blue);border-radius:13px;background:color-mix(in srgb,var(--studio-blue) 10%,var(--studio-panel));font-size:14px;font-weight:850;color:var(--studio-text);}
.an-homepage-platform-card small{color:var(--studio-green);font-size:14px;font-weight:900;}
.an-compose-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.an-buffer-accounts{margin:16px 0;padding:16px;border:1px solid var(--studio-line,#dbe3ef);border-radius:13px;font-size:14px;overflow-wrap:anywhere;}
.an-buffer-accounts h3{margin:0 0 6px;font-size:16px;}
.an-buffer-accounts p{margin:0 0 12px;color:var(--studio-sub);line-height:1.6;}
.an-buffer-account{padding:12px;margin:8px 0;border:1px solid var(--studio-line,#dbe3ef);border-radius:10px;}
.an-buffer-account-head,.an-buffer-account-channels{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.an-buffer-account-head{justify-content:space-between;margin-bottom:10px;}
.an-buffer-account-channels label{display:flex;gap:6px;align-items:center;min-height:34px;padding:5px 8px;background:var(--studio-panel2);border-radius:7px;}
.an-buffer-account-channels label:has(input:disabled){color:var(--studio-sub);}
.an-buffer-account-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;}

.an-compose-channel-grid .an-publish-options{display:contents;}
.studio-view-compose #anKeywordGenerateBtn{width:100%;min-height:52px;font-size:16px;font-weight:950;border-radius:12px;margin-top:0;background:var(--studio-blue);border-color:var(--studio-blue);color:rgb(255, 255, 255);}
.studio-view-compose #anCoupangAutoCodeCheck{accent-color:var(--studio-blue);}
.an-channel-profile-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px;}
.an-channel-profile-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-panel);padding:13px 14px;}
.an-channel-profile-card b{font-size:14px;}
.an-channel-profile-card small{display:block;margin-top:4px;color:var(--studio-muted);font-size:14px;}
.an-channel-profile-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));gap:9px;margin-top:12px;}
.an-credential-help{border:1px solid var(--studio-line);background:var(--studio-panel2);border-radius:10px;padding:10px 11px;color:var(--studio-sub);font-size:14px;line-height:1.55;margin-bottom:10px;}
.an-settings-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;}
.an-settings-shortcut{border:1px solid var(--studio-line);background:var(--studio-panel);border-radius:12px;padding:20px;cursor:pointer;text-align:left;}
.an-settings-shortcut b{display:block;font-size:14px;}
.an-settings-shortcut small{display:block;color:var(--studio-muted);font-size:14px;margin-top:4px;}
.an-delivery-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));gap:9px;margin:12px 0px;}
.an-delivery-card{border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-panel);padding:13px;}
.an-delivery-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px;}
.an-delivery-card h3{margin:0px;font-size:16px;}
.an-delivery-card p{margin:4px 0px 0px;color:var(--studio-muted);font-size:14px;line-height:1.5;}
.an-delivery-card .an-studio-select{margin-top:7px;}
.an-delivery-note{font-size:14px;color:var(--studio-muted);margin-top:7px;line-height:1.45;}
.an-delivery-ready{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:2px 8px;font-size:14px;font-weight:900;background:color-mix(in srgb,var(--studio-green) 12%,transparent);color:var(--studio-green);}
.an-delivery-ready.warn{background:color-mix(in srgb,var(--studio-yellow) 12%,transparent);color:var(--studio-yellow);}
.an-delivery-account-list{display:grid;gap:7px;margin-top:9px;}
.an-delivery-account{display:grid;grid-template-columns:minmax(0px, 1fr) minmax(210px, 280px);gap:8px;align-items:center;border:1px solid var(--studio-line);border-radius:10px;background:var(--studio-panel2);padding:9px;}
.an-delivery-account b{font-size:14px;color:var(--studio-text);}
.an-delivery-account small{display:block;color:var(--studio-muted);font-size:14px;margin-top:3px;}
.an-delivery-account .an-studio-select{margin:0px;}
.an-delivery-account.active{border-color:color-mix(in srgb,var(--studio-blue) 45%,var(--studio-line));}
.an-automation-timeline{display:grid;gap:0px;border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-panel);padding:8px 15px;margin-bottom:12px;}
.an-auto-line{display:grid;grid-template-columns:80px 26px 1fr auto;align-items:center;min-height:54px;border-bottom:1px solid var(--studio-line);font-size:14px;}
.an-auto-line:last-child{border-bottom:0px;}
.an-auto-line-time{font-weight:950;}
.an-auto-line-dot{width:10px;height:10px;border-radius:50%;background:var(--studio-blue);position:relative;}
.an-auto-line-dot::after{content:"";position:absolute;left:4px;top:10px;width:2px;height:44px;background:var(--studio-line);}
.an-auto-line:last-child .an-auto-line-dot::after{display:none;}
.an-auto-line b{font-size:14px;}
.an-auto-line small{display:block;color:var(--studio-muted);font-size:14px;margin-top:3px;}
.an-auto-advanced{border:1px solid var(--studio-line);border-radius:14px;background:var(--studio-panel);overflow:hidden;}
.an-auto-advanced > summary{padding:14px 16px;cursor:pointer;font-weight:900;font-size:14px;}
.an-auto-advanced .an-studio-flow-shell{border-right:0px;border-bottom:0px;border-left:0px;border-image:none;border-top:1px solid var(--studio-line);border-radius:0px;}
.an-team-monitor{border:1px solid var(--studio-line);border-radius:16px;background:var(--studio-panel);padding:24px;margin-bottom:20px;font-size:14px;}
.an-team-monitor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;}
.an-team-monitor-head h3{font-size:16px;margin:0px 0px 6px;}
.an-team-monitor-head p{margin:0px;color:var(--studio-muted);}
.an-team-monitor-head > div:last-child{display:flex;gap:8px;flex-wrap:wrap;}
.an-team-algorithm{display:grid;grid-template-columns:minmax(130px,.5fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"goal recruit plan" "outcome evaluate execute";gap:36px 30px;position:relative;}
.an-team-node{border:1px dashed var(--studio-muted);border-radius:12px;padding:16px;position:relative;min-width:0px;}
.an-team-node h4{font-size:16px;margin:0px 0px 10px;display:flex;gap:8px;align-items:center;}
.an-team-node p{margin:6px 0px;line-height:1.6;}
.an-team-node small{display:block;font-size:14px;color:var(--studio-muted);line-height:1.6;}
.an-team-goal{grid-area:goal;align-self:center;border-style:solid;}
.an-team-recruit{grid-area:recruit;background:rgba(231, 128, 106, 0.1);}
.an-team-plan{grid-area:plan;background:rgba(226, 195, 56, 0.1);}
.an-team-execute{grid-area:execute;background:rgba(204, 158, 91, 0.1);}
.an-team-evaluate{grid-area:evaluate;background:rgba(109, 171, 123, 0.1);}
.an-team-outcome{grid-area:outcome;align-self:center;border-style:solid;}
.an-team-goal::after, .an-team-recruit::after, .an-team-plan::after, .an-team-execute::after, .an-team-evaluate::after{position:absolute;font-size:14px;font-weight:700;color:var(--studio-sub);line-height:1;pointer-events:none;}
.an-team-goal::after, .an-team-recruit::after{content:"→";right:-28px;top:calc(50% - 13px);}
.an-team-plan::after{content:"↓";bottom:-33px;left:calc(50% - 13px);}
.an-team-execute::after, .an-team-evaluate::after{content:"←";left:-28px;top:calc(50% - 13px);}
.an-team-roster{display:flex;gap:10px;flex-wrap:wrap;}
.an-team-person{border:1px solid var(--studio-line);border-radius:8px;padding:10px;background:var(--studio-panel);font-size:14px;}
.an-team-person span{display:block;color:var(--studio-muted);font-size:14px;margin-top:3px;}
.an-team-task{border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-panel);margin-top:8px;padding:10px;}
.an-team-task summary{cursor:pointer;display:flex;gap:8px;justify-content:space-between;align-items:center;list-style:none;}
.an-team-task summary::-webkit-details-marker{display:none;}
.an-team-task b{font-size:14px;}
.an-team-status{border:1px solid var(--studio-line);border-radius:20px;padding:3px 8px;font-size:14px;white-space:nowrap;}
.an-team-status[data-tone="success"]{color:var(--studio-green);background:rgba(54, 165, 85, 0.12);}
.an-team-status[data-tone="running"]{color:var(--studio-blue);background:rgba(55, 128, 215, 0.12);}
.an-team-status[data-tone="warning"]{color:var(--studio-yellow);background:rgba(220, 160, 45, 0.12);}
.an-team-status[data-tone="error"]{color:var(--studio-red);background:rgba(204, 65, 65, 0.12);}
.an-team-feedback{margin-top:18px;padding:12px;border:1px dashed var(--studio-muted);border-radius:10px;line-height:1.6;}
.an-team-feedback small{display:block;margin-top:6px;color:var(--studio-muted);font-size:14px;}
.an-team-rounds{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px;}
.an-team-rounds span{border:1px solid var(--studio-line);border-radius:8px;padding:7px 10px;}
.an-team-error{color:var(--studio-red);overflow-wrap:anywhere;}
.an-team-node strong{overflow-wrap:anywhere;}
.an-google-manual-accounts{grid-column:1/-1;min-width:0;}
.an-google-manual-accounts fieldset{display:flex;flex-wrap:wrap;gap:12px;border:1px solid var(--studio-line,#d8dee8);border-radius:8px;padding:12px;margin:8px 0;}
.an-google-manual-accounts .an-check{display:inline-flex;align-items:center;gap:6px;}
.an-youtube-setup{border:1px solid var(--studio-line,var(--an-line,#d8dee8));border-radius:12px;padding:18px;background:var(--studio-panel,#fff);font-size:14px;margin:12px 0px;}
.an-youtube-setup h3{font-size:16px;margin:0px 0px 8px;}
.an-youtube-setup p{line-height:1.6;margin:8px 0px;}
.an-youtube-main-actions:not([hidden]){display:flex;gap:10px;flex-wrap:wrap;margin:14px 0px;}
.an-youtube-main-actions label:not([hidden]){display:inline-flex;align-items:center;cursor:pointer;margin:0px;}
.an-youtube-setup a[aria-disabled="true"]{pointer-events:none;opacity:0.5;}
.an-youtube-details{border-top:1px solid var(--studio-line,var(--an-line,#d8dee8));padding:12px 0px;margin-top:8px;}
.an-youtube-details summary{cursor:pointer;font-size:14px;}
.an-youtube-details label:not([hidden]), .an-youtube-details small{display:block;margin:10px 0px;line-height:1.6;}
.an-youtube-details small{font-size:14px;color:var(--studio-muted,#667085);}
.an-youtube-details input, .an-youtube-details select{display:block;width:100%;min-width:0px;margin:6px 0px;box-sizing:border-box;}
.an-youtube-details ol{padding-left:20px;line-height:1.8;}
.an-youtube-options{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(180px, 100%), 1fr));gap:10px;}
.an-youtube-setup [role="status"]{overflow-wrap:anywhere;}
.an-youtube-address{padding:12px;border:1px solid var(--studio-line,var(--an-line,#d8dee8));border-radius:8px;margin:12px 0px;background:var(--studio-panel2,#f8fafc);}
.an-youtube-address-row{display:flex;gap:8px;margin:8px 0px;}
.an-youtube-address-row input{flex:1 1 0%;min-width:0px;box-sizing:border-box;}
.an-youtube-address-row button{flex:0 0 auto;}
.an-youtube-address small{display:block;font-size:14px;line-height:1.6;}
.an-youtube-address-check{display:flex;align-items:center;gap:8px;margin:12px 0px 0px;}
.an-youtube-address-check input{width:16px;height:16px;margin:0px;}
.an-youtube-address p{font-size:14px;}
.an-modal.an-studio-drawer{display:none;align-items:stretch;justify-content:flex-end;background:rgba(2, 6, 13, 0.72);backdrop-filter:blur(3px);overflow:hidden;position:fixed;inset:0px;z-index:2147482000;padding:0px;}
.an-modal.an-studio-drawer.open{display:flex;}
.an-modal.an-studio-drawer .an-panel{background:rgb(16, 22, 32);color:rgb(243, 245, 251);box-shadow:rgba(0, 0, 0, 0.42) -24px 0px 60px;overscroll-behavior:contain;padding-bottom:max(18px,env(safe-area-inset-bottom));width:min(900px, 96vw);height:100dvh;max-height:100dvh;min-height:0px;margin:0px;border-radius:0px;border-width:0px 0px 0px 1px;border-style:none none none solid;border-color:currentcolor currentcolor currentcolor rgb(45, 53, 72);border-image:none;}
.an-modal.an-studio-drawer .an-panel:not(.an-scheduler-panel){overflow:hidden auto;}
.an-modal.an-studio-drawer .an-panel-head{position:sticky;top:0px;z-index:20;background:rgb(16, 22, 32);color:rgb(243, 245, 251);border-color:rgb(45, 53, 72);}
.an-modal.an-studio-drawer .an-panel-head h2{color:rgb(243, 245, 251);}
.an-modal.an-studio-drawer .an-close{background:rgb(27, 34, 48);color:rgb(220, 227, 241);border:1px solid rgb(53, 64, 87);}
.an-modal.an-studio-drawer .an-scheduler-body{padding:16px 16px 42px;}
.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-head, .an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-gpt-section{background:rgb(21, 28, 40);color:rgb(243, 245, 251);border-color:rgb(48, 57, 77);}
.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-gpt-card{background:rgb(16, 22, 32);color:rgb(243, 245, 251);border-color:rgb(48, 57, 77);}
.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-gpt-card strong, .an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-gpt-title{color:rgb(243, 245, 251);}
.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-gpt-meta, .an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-gpt-card small, .an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-note, .an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-coupang-manager-meta{color:rgb(170, 180, 200);}
.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-input, .an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-select, .an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-textarea{background:rgb(13, 19, 29);color:rgb(243, 245, 251);border-color:rgb(53, 64, 87);}
.an-modal.an-studio-drawer[data-studio-theme="light"]{background:rgba(15, 23, 42, 0.28);}
.an-modal.an-studio-drawer[data-studio-theme="light"] .an-panel, .an-modal.an-studio-drawer[data-studio-theme="light"] .an-panel-head{background:rgb(255, 255, 255);color:rgb(23, 32, 51);border-color:rgb(216, 222, 233);}
.an-modal.an-studio-drawer[data-studio-theme="light"] .an-panel-head h2{color:rgb(23, 32, 51);}
.an-modal.an-studio-drawer[data-studio-theme="light"] .an-close{background:rgb(248, 250, 252);color:rgb(52, 64, 84);border-color:rgb(207, 214, 226);}
.an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-head, .an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-gpt-section{background:rgb(248, 250, 252);color:rgb(23, 32, 51);border-color:rgb(216, 222, 233);}
.an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-gpt-card{background:rgb(255, 255, 255);color:rgb(23, 32, 51);border-color:rgb(216, 222, 233);}
.an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-gpt-card strong, .an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-gpt-title{color:rgb(23, 32, 51);}
.an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-gpt-meta, .an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-gpt-card small, .an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-note, .an-modal.an-studio-drawer[data-studio-theme="light"] .an-coupang-manager-meta{color:rgb(102, 112, 133);}
.an-modal.an-studio-drawer[data-studio-theme="light"] .an-input, .an-modal.an-studio-drawer[data-studio-theme="light"] .an-select, .an-modal.an-studio-drawer[data-studio-theme="light"] .an-textarea{background:rgb(255, 255, 255);color:rgb(23, 32, 51);border-color:rgb(207, 214, 226);}
.studio-view-content .an-category-nav{display:none;}
.studio-view-content .an-toolbar{max-width:1460px;margin:0px auto;padding:18px 24px 0px;background:transparent;}
.studio-view-content .an-toolbar-box{border:1px solid var(--studio-line);background:var(--studio-panel);border-radius:12px;padding:10px;box-shadow:none;}
.studio-view-content .an-main{max-width:1460px;margin:0px auto;padding:12px 24px 42px;}
.studio-view-content .an-status{font-size:14px;margin:0px 0px 9px;}
.an-content-table-head{display:grid;grid-template-columns:76px minmax(0px, 1fr) 180px;gap:12px;padding:9px 12px;border-top-color:;border-top-style:;border-top-width:;border-right-color:;border-right-style:;border-right-width:;border-left-color:;border-left-style:;border-left-width:;border-image-source:;border-image-slice:;border-image-width:;border-image-outset:;border-image-repeat:;border-bottom:0px;border-radius:12px 12px 0px 0px;background:var(--studio-panel2);color:var(--studio-muted);font-size:14px;font-weight:900;}
.studio-view-content .an-grid{display:grid;gap:0px;border:1px solid var(--studio-line);border-radius:0px 0px 12px 12px;overflow:visible;background:var(--studio-panel);}
.studio-view-content .an-card, .studio-view-content .an-card.has-admin-actions{display:grid;grid-template-columns:76px minmax(0px, 1fr) 180px;min-height:94px;border-top:0px;border-right:0px;border-left:0px;border-image:none;border-bottom:1px solid var(--studio-line);border-radius:0px;background:var(--studio-panel);overflow:visible;}
.studio-view-content .an-card:last-child{border-bottom:0px;}
.studio-view-content .an-thumb{width:56px;height:56px;min-height:56px;margin:18px 10px;border-radius:10px;padding:0px;border:1px solid var(--studio-line);background:var(--studio-panel2);}
.studio-view-content .an-thumb::after{display:none;}
.studio-view-content .an-thumb .an-thumb-label{padding:5px;display:flex;}
.studio-view-content .an-thumb .an-thumb-label strong{display:none;}
.studio-view-content .an-thumb small{font-size:14px;padding:3px 5px;background:color-mix(in srgb,var(--studio-text) 10%,transparent);color:var(--studio-text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.studio-view-content .an-thumb-img{border-radius:9px;}
.studio-view-content .an-body{padding:14px 10px;gap:5px;justify-content:center;}
.studio-view-content .an-card h2{font-size:28px;line-height:1.4;}
.studio-view-content .an-card p{display:none;}
.studio-view-content .an-meta{margin:0px;font-size:14px;color:var(--studio-muted);}
.studio-view-content .an-tag{display:none;}
.studio-view-content .an-card-admin{display:flex;align-items:center;justify-content:flex-end;padding:14px 12px;border-left:1px solid var(--studio-line);position:relative;}
.studio-view-content .an-card-admin-toggle{width:100%;min-height:34px;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-panel2);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--studio-sub);}
.studio-view-content .an-card-admin-toggle-text::before{content:attr(data-label-studio);}
.studio-view-content .an-card-admin[open] .an-card-actions{position:absolute;right:12px;top:64px;z-index:30;display:grid;grid-template-columns:minmax(0px, 1fr);align-content:start;gap:8px;width:320px;max-width:calc(-32px + 100vw);max-height:min(70vh, 560px);overflow:hidden auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--studio-line);border-radius:11px;background:var(--studio-panel);padding:10px;box-shadow:rgba(0, 0, 0, 0.22) 0px 14px 36px;}
.studio-view-content .an-card-admin[open] .an-card-actions .an-btn{box-sizing:border-box;display:flex;flex:0 0 auto;width:100%;height:auto;min-height:36px;margin:0px;padding:7px 10px;line-height:1.35;white-space:normal;text-align:center;overflow-wrap:anywhere;}
.studio-view-content .an-card-admin[open] .an-card-actions > a.an-btn{flex-shrink:0;}
.an-log-error{border-left:3px solid var(--studio-red);}
.an-log-warning{border-left:3px solid var(--studio-yellow);}
.an-log-running{border-left:3px solid var(--studio-blue);}
.an-execution-action{margin-top:6px;display:flex;gap:5px;}
.an-compose-search-toggle{display:inline-flex;align-items:center;gap:7px;margin-left:8px;border:1px solid var(--studio-line);border-radius:999px;padding:7px 10px;font-size:14px;font-weight:850;color:var(--studio-sub);background:var(--studio-panel2);}
.an-compose-search-toggle input{accent-color:var(--studio-blue);}
.an-credential-guide{border:1px solid var(--studio-line);background:var(--studio-card);}
.an-credential-guide h3{margin:0px 0px 10px;font-size:16px;}
.an-guide-grid{display:grid;grid-template-columns:repeat(2, minmax(0px, 1fr));gap:10px;}
.an-guide-grid > div{padding:11px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-soft);}
.an-guide-grid b{display:block;font-size:14px;margin-bottom:5px;}
.an-guide-grid small{display:block;font-size:14px;line-height:1.6;color:var(--studio-muted);}
.an-studio-input{height:44px;}
.an-studio-select{height:44px;}
.an-compose-simple-box{min-width:0;}
.an-compose-simple-box select{width:100%;margin-bottom:8px;}
.studio-view-compose .an-hero{background:var(--studio-bg);color:var(--studio-text);}
.an-studio-mode .an-direct-link-note,.an-studio-mode .an-direct-link-field{color:var(--studio-sub);font-size:14px;}
.an-compose-optional{padding:16px;border:1px solid var(--studio-line);border-radius:12px;margin-top:16px;background:var(--studio-panel);}
.an-compose-optional summary{cursor:pointer;font-size:16px;font-weight:700;color:var(--studio-text);}
.an-compose-optional .an-direct-links{margin-top:14px;}
.an-ops-server[data-state="ok"]::before{background:var(--studio-green);}
.an-ops-server[data-state="error"]::before{background:var(--studio-red);}
.an-workflow-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px;}
.an-workflow-guide button{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-panel);color:var(--studio-text);text-align:left;cursor:pointer;min-width:0;}
.an-workflow-guide strong{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;flex:0 0 32px;background:color-mix(in srgb,var(--studio-blue) 14%,transparent);color:var(--studio-blue);}
.an-workflow-guide b{display:block;font-size:16px;}
.an-workflow-guide small{display:block;font-size:14px;color:var(--studio-muted);margin-top:4px;}
.an-studio-mode button:focus-visible,.an-studio-mode a:focus-visible,.an-studio-mode input:focus-visible,.an-studio-mode select:focus-visible,.an-studio-drawer button:focus-visible{outline:3px solid var(--studio-blue,#3972e8);outline-offset:3px;}
.an-studio-mode .an-btn{min-height:40px;font-size:14px;}
.an-scheduler-section{border:1px solid var(--studio-line,var(--an-line));border-radius:12px;padding:18px;margin:16px 0;}
.an-scheduler-section>summary{font-size:16px;font-weight:700;cursor:pointer;line-height:1.6;}
.an-scheduler-section>summary small{display:block;font-size:14px;font-weight:400;color:var(--studio-muted,#667085);}
.an-scheduler-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;}
.an-scheduler-channel-grid .an-scheduler-head:not([hidden]){display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:14px;gap:10px;}
.an-scheduler-channel-grid .an-scheduler-switch{font-size:14px;}
@media (max-width: 1180px){
.an-studio-kpi-grid{grid-template-columns:repeat(2, minmax(0px, 1fr));}
.an-studio-grid2{grid-template-columns:1fr;}
.an-studio-media-grid, .an-studio-candidate-grid, .an-connection-grid{grid-template-columns:repeat(2, minmax(0px, 1fr));}
.an-studio-flow-shell{grid-template-columns:1fr;}
.an-studio-inspector{max-height:none;border-left:0px;border-top:1px solid var(--studio-line);}
.an-manager-layout{grid-template-columns:1fr;}
.an-manager-sidebar{position:static;}
}
@media (max-width: 1100px){
.auto-news-wrap.an-studio-mode{}
.an-studio-nav-btn span{font-size:14px;}
.an-compose-simple-grid, .an-compose-advanced-grid{grid-template-columns:1fr 1fr;}
.studio-view-compose .an-publish-options, .an-compose-channel-grid{grid-template-columns:repeat(3, minmax(0px, 1fr));}
.an-ops-dashboard-grid{grid-template-columns:1fr;}
.an-channel-profile-grid{grid-template-columns:1fr;}
}
@media (max-width: 900px){
.an-team-monitor-head{align-items:flex-start;flex-direction:column;}
.an-team-algorithm{grid-template-columns:minmax(0px, 1fr);grid-template-areas:"goal" "recruit" "plan" "execute" "evaluate" "outcome";gap:30px;}
.an-team-goal, .an-team-outcome{align-self:stretch;}
.an-team-goal::after, .an-team-recruit::after, .an-team-plan::after, .an-team-execute::after, .an-team-evaluate::after{content:"↓";inset:auto auto -28px calc(50% - 13px);}
.an-guide-grid{grid-template-columns:1fr;}
}
@media (max-width: 760px){
.auto-news-wrap.an-studio-mode{padding-left:0px;padding-top:64px;--studio-rail-width:0px;}
.an-studio-rail{top:var(--studio-rail-top,0px);right:auto;width:var(--studio-mobile-width,100vw);height:64px;bottom:auto;flex-direction:row;justify-content:flex-start;padding:8px;overflow:auto hidden;left:var(--studio-rail-left,0px);align-items:center;}
.an-studio-logo{width:38px;height:38px;margin:0px 5px 0px 0px;}
.an-studio-nav-btn{width:auto;min-width:auto;height:46px;min-height:46px;justify-content:center;padding:8px 12px;}
.an-studio-nav-sep{height:30px;width:1px;border-top:0px;border-left:1px solid rgb(37, 44, 60);}
.an-studio-topbar{top:0px;padding:16px;}
.an-studio-page{padding:20px 14px;}
.an-studio-kpi-grid, .an-studio-media-grid, .an-studio-candidate-grid, .an-connection-grid, .an-key-grid{grid-template-columns:1fr;}
.an-studio-page-head{display:block;}
.an-studio-page-actions{margin-top:8px;}
.an-studio-mode .an-admin-grid, .an-studio-mode .an-publish-options{grid-template-columns:1fr;}
.an-studio-mode .an-panel{width:100vw;}
.an-studio-canvas{min-width:1300px;}
.an-planner-grid{grid-template-columns:repeat(7, 150px);}
.an-studio-nav-btn span{font-size:14px;}
.an-studio-page-head h2{font-size:28px;}
.an-studio-nav-btn::before{display:none;}
.an-compose-simple-grid, .an-compose-advanced-grid{grid-template-columns:1fr;}
.studio-view-compose .an-publish-options, .an-compose-channel-grid{grid-template-columns:repeat(2, minmax(0px, 1fr));}
.an-studio-kpi-grid{grid-template-columns:1fr 1fr;}
.an-settings-shortcuts, .an-delivery-grid{grid-template-columns:1fr;}
.an-modal.an-studio-drawer .an-panel{width:100vw;}
.an-content-table-head{display:none;}
.studio-view-content .an-card, .studio-view-content .an-card.has-admin-actions{grid-template-columns:64px minmax(0px, 1fr);}
.studio-view-content .an-card-admin{grid-column:1 / -1;border-left:0px;border-top:1px solid var(--studio-line);padding:8px 12px;}
.studio-view-content .an-card-admin[open] .an-card-actions{position:fixed;inset:auto 16px 16px;width:auto;max-width:none;max-height:min(72vh, 620px);z-index:120;}
.studio-view-content .an-thumb{width:48px;height:48px;min-height:48px;margin:15px 8px;}
.an-workflow-guide{grid-template-columns:1fr 1fr;}
.an-compose-channel-grid{grid-template-columns:1fr;}
.an-compose-step{padding:18px;}
.an-settings-shortcuts{grid-template-columns:1fr;}
.an-scheduler-channel-grid{grid-template-columns:1fr;}
}
</style>

  
  <nav aria-label="News language"><a href="/news?lang=ko">Korean</a> | <a href="/news?lang=en">English</a></nav>
  

  <section class="an-hero"><div class="an-hero-inner"><div class="an-kicker">CATEGORY ARCHIVE</div><h1 class="an-title">Stocks·Crypto</h1><p class="an-desc">Stocks·코인 카테고리의 최신 글과 핵심 정보를 한곳에서 확인하세요.</p>
    
  </div></section>

  <nav class="an-category-nav" aria-label="Content Category"><div class="an-category-nav-inner">
    <a href="/news" class="">All</a>
    
    <a href="/news/category/건강생활" class="">Health and lifestyle <span class="an-category-nav-count">42</span></a>
    
    <a href="/news/category/게임앱" class="">Games and apps <span class="an-category-nav-count">119</span></a>
    
    <a href="/news/category/경제금융" class="">Economy and finance <span class="an-category-nav-count">45</span></a>
    
    <a href="/news/category/국가별글로벌뉴스" class="">News by country <span class="an-category-nav-count">14</span></a>
    
    <a href="/news/category/국내주식증시" class="">Korean stocks and markets <span class="an-category-nav-count">27</span></a>
    
    <a href="/news/category/국방안보" class="">Defense and security <span class="an-category-nav-count">1</span></a>
    
    <a href="/news/category/글로벌경제" class="">Global economy <span class="an-category-nav-count">1</span></a>
    
    <a href="/news/category/모바일it" class="">Mobile and IT <span class="an-category-nav-count">108</span></a>
    
    <a href="/news/category/부동산주거" class="">Real estate and housing <span class="an-category-nav-count">4</span></a>
    
    <a href="/news/category/비트코인가상자산" class="">Bitcoin and digital assets <span class="an-category-nav-count">70</span></a>
    
    <a href="/news/category/상품추천" class="">Product recommendations <span class="an-category-nav-count">8</span></a>
    
    <a href="/news/category/스포츠e스포츠" class="">Sports and esports <span class="an-category-nav-count">1</span></a>
    
    <a href="/news/category/실시간이슈" class="">Trending topics <span class="an-category-nav-count">4</span></a>
    
    <a href="/news/category/여행생활" class="">Travel and lifestyle <span class="an-category-nav-count">39</span></a>
    
    <a href="/news/category/연예방송" class="">Entertainment and broadcasting <span class="an-category-nav-count">1</span></a>
    
    <a href="/news/category/재난생활안전" class="">Disasters and public safety <span class="an-category-nav-count">1</span></a>
    
    <a href="/news/category/정부지원정책" class="">Government support and policy <span class="an-category-nav-count">58</span></a>
    
    <a href="/news/category/주식코인" class="active">Stocks·Crypto <span class="an-category-nav-count">1</span></a>
    
    <a href="/news/category/직접작성" class="">Manual writing <span class="an-category-nav-count">1</span></a>
    
    <a href="/news/category/키워드블로그" class="">Keyword blog <span class="an-category-nav-count">14</span></a>
    
    <a href="/news/category/해외aiit" class="">GlobalAI·IT <span class="an-category-nav-count">64</span></a>
    
    <a href="/news/category/해외경제미국주식" class="">Global economy and US stocks <span class="an-category-nav-count">69</span></a>
    
    <a href="/news/category/해외뉴스" class="">International news <span class="an-category-nav-count">74</span></a>
    
  </div></nav>

  <section class="an-toolbar"><div class="an-toolbar-box"><input id="anSearch" class="an-input an-search-wide" type="search" placeholder="Search Titles and Content"><select id="anPlatformFilter" class="an-select"><option value="">All Platforms</option><option value="naver">Naver</option><option value="tistory">Tistory</option><option value="blogspot">Blogspot</option><option value="youtube">YouTube</option><option value="website">Home</option><option value="community">Community</option><option value="instagram">Instagram</option><option value="tiktok">TikTok</option><option value="threads">Threads</option><option value="facebook">Facebook</option><option value="x">X</option><option value="sns">SNS Integration (Legacy)</option><option value="all">Posts Across All Platforms</option></select><select id="anStatus" class="an-select"><option value="published">Public Content</option></select><select id="anPageSize" class="an-select"><option value="5">5 items</option><option value="10" selected>10 items</option><option value="20">20 items</option></select><button id="anSearchBtn" class="an-btn" type="button">Search</button></div></section>
  <main class="an-main">
    <div class="an-status"><span id="anCount">1 total · Page 1/1</span></div>
    <div id="anGrid" class="an-grid">
      
      
      <article class="an-card" data-post-card="982">
        <div class="an-thumb cat-website has-image">
          <img class="an-thumb-img" data-i18n-skip src="/api/auto-news/generated-image/upload_28d8ffe48b5750bb955bca764e648f91.png" alt="학습용 가상 차트 1: 가격과 거래량을 함께 보는 돌파" loading="eager" fetchpriority="low" decoding="async" referrerpolicy="no-referrer">
          <div class="an-thumb-label"><small>Home · published</small><strong>윌리엄 오닐 돌파 매매 입문: 100달러 매수 예시로 배우는 손절과 익절</strong></div>
        </div>
        <div class="an-body">
          
          <a class="an-post-link" data-i18n-skip href="/news/article/윌리엄-오닐-돌파-매매-입문-100달러-매수-예시로-배우는-손절과-익절-2e857067?lang=ko"><h2>윌리엄 오닐 돌파 매매 입문: 100달러 매수 예시로 배우는 손절과 익절</h2><p>윌리엄 오닐(William J. O’Neil)의 성장주 돌파 매매에서 중요한 것은 언제 살 것인지뿐 아니라, 틀렸을 때 어디서 팔고 수익이 났을 때 무엇을 확인할지 미리 정하는 것입니다. 예를 들어 주식을 100달러에 매수했다면 92~93달러는 손실 제한 참고선, 120~125달러는 이익 실현 검토 구간이 됩니다. 다만 </p></a>
          <div class="an-meta"><a class="an-category-card-link" href="/news/category/주식코인">Stocks·Crypto</a><span>Automatic analysis</span><span>Internal SEO 81</span><span>Views 19</span><span>2026-10-20 00:57:10</span></div>
          
          <div class="an-score-strip" title="Internal publishing readiness, not an official exposure probability"><span class="an-score-pill primary">Overview 79</span><span class="an-score-pill">GSearch 87</span><span class="an-score-pill">Discover 70</span><span class="an-score-pill">AI 86</span><span class="an-score-pill">NSearch 90</span><span class="an-score-pill">NHome 81</span></div>
          <div><span class="an-tag">#윌리엄오닐</span><span class="an-tag">#CANSLIM</span><span class="an-tag">#성장주투자</span><span class="an-tag">#돌파 Sales</span><span class="an-tag">#손절매전략</span></div>
        </div>
        
      </article>
      
    </div>
    <div id="anEmpty" class="an-empty" style="display:none">English editions will appear as new articles are published.</div>
    <div class="an-pager"><a id="anPrev" class="an-btn secondary" rel="prev" href="/news/category/주식코인?page=1&amp;lang=en">Previous</a><a id="anNext" class="an-btn secondary" rel="next" href="/news/category/주식코인?page=1&amp;lang=en">Next</a></div>
  </main>

  <div id="anModal" class="an-modal"><article class="an-panel"><div class="an-panel-head"><h2 id="anModalTitle">View details</h2><button id="anClose" class="an-close" type="button">×</button></div><div id="anModalActions" class="an-attachment-bar" style="margin:12px 16px 0"></div><div id="anArticle" class="an-article" style="padding:18px"></div></article></div>
  
  <div id="anToast" class="an-toast"></div>

  <script>
  (function(){
    const initialData={"items": [{"id": 982, "title": "윌리엄 오닐 돌파 매매 입문: 100달러 매수 예시로 배우는 손절과 익절", "slug": "윌리엄-오닐-돌파-매매-입문-100달러-매수-예시로-배우는-손절과-익절-2e857067", "summary": "윌리엄 오닐(William J. O’Neil)의 성장주 돌파 매매에서 중요한 것은 언제 살 것인지뿐 아니라, 틀렸을 때 어디서 팔고 수익이 났을 때 무엇을 확인할지 미리 정하는 것입니다. 예를 들어 주식을 100달러에 매수했다면 92~93달러는 손실 제한 참고선, 120~125달러는 이익 실현 검토 구간이 됩니다. 다만 ", "content_hash": "f8bae8d1223029d71fbb2e138ab4edcc338e5f30f679545e6e9eb64ae69898f9", "category": "주식·코인", "platform": "website", "intent_type": "auto", "content_mode": "basic", "publishing_materials_json": "{\"meta_description\": \"윌리엄 오닐(William J. O'Neil)의 성장주 돌파 매매에서 중요한 것은 언제 살 것인지뿐 아니라, 틀렸을 때 어디서 팔고 수익이 났을 때 무엇을 확인할지 미리 정하는 것입니다. 예를 들어 주식을 100달러에 매수했다면 92~93달러는 손실 제한 참고선, 120~125달러는 이익 실현 검토 구간이 됩니다. 다만 \", \"slug\": \"\", \"tags\": [\"윌리엄오닐\", \"CANSLIM\", \"성장주투자\", \"돌파매매\", \"손절매전략\", \"이익실현\"], \"thumbnail_text\": \"윌리엄 오닐 돌파 매매 입문: 100달러 매수 예시로 배우는 손절과 익절\", \"image_alt\": \"학습용 가상 차트 1: 가격과 거래량을 함께 보는 돌파\", \"threads_post\": \"\", \"threads_summary\": \"\", \"related_angle\": \"\", \"_threads_post_status\": \"pending_after_homepage\", \"hashtag_text\": \"#윌리엄오닐 #CANSLIM #성장주투자 #돌파매매 #손절매전략 #이익실현\", \"title_candidates\": [], \"differentiation\": \"\", \"_verification_source_count\": 0, \"_homepage_image_source_mode\": \"uploaded\", \"_homepage_requested_image_count\": 3, \"thumbnail_download_url\": \"https://neoai.kr/api/auto-news/generated-image/upload_28d8ffe48b5750bb955bca764e648f91.png?download=1\", \"body_images\": [{\"url\": \"https://neoai.kr/api/auto-news/generated-image/upload_b763027696823aa339ed8c5921a46b1b.png\", \"download_url\": \"https://neoai.kr/api/auto-news/generated-image/upload_b763027696823aa339ed8c5921a46b1b.png?download=1\", \"alt\": \"학습용 가상 차트 2: 100달러 진입과 손절 및 익절 가격\", \"section\": \"\", \"line_index\": 98, \"insert_after_line_index\": 98, \"role\": \"body\", \"provider\": \"upload_manual\", \"source_kind\": \"upload\", \"api_used\": false}, {\"url\": \"https://neoai.kr/api/auto-news/generated-image/upload_b1240996b493e19a74ce9d7dc358393f.png\", \"download_url\": \"https://neoai.kr/api/auto-news/generated-image/upload_b1240996b493e19a74ce9d7dc358393f.png?download=1\", \"alt\": \"학습용 가상 차트 3: 돌파 성공과 실패의 두 경로\", \"section\": \"\", \"line_index\": 188, \"insert_after_line_index\": 188, \"role\": \"body\", \"provider\": \"upload_manual\", \"source_kind\": \"upload\", \"api_used\": false}], \"image_generation\": {\"provider\": \"chatgpt_web\", \"api_used\": false, \"thumbnail_generated\": true, \"body_image_count\": 2}, \"image_zip_available\": true, \"_english\": {\"title\": \"William O’Neil’s Breakout Trading: A Beginner’s Guide to Buying at $100 and Planning Both Exits\", \"summary\": \"Learn William O’Neil’s breakout approach through fictional charts: a $100 entry, $92–$93 loss references, and a $120–$125 profit review range.\", \"content_markdown\": \"# William O’Neil’s Breakout Trading: A Beginner’s Guide to Buying at $100 and Planning Both Exits\\n\\nWilliam J. O’Neil’s approach to growth stocks asks three connected questions: where might a purchase make sense, where should a failed trade be closed, and what should be reviewed when a position becomes profitable? A buy signal alone is not a complete trading plan.\\n\\nFor a hypothetical purchase at $100, $92–$93 illustrates a loss-limit reference and $120–$125 illustrates a profit-taking review range. Neither a profitable outcome nor execution at an intended exit price is guaranteed.\\n\\nThis lesson uses a fictional growth stock and three original educational diagrams. They are not a current stock recommendation, a historical performance record, or a price forecast.\\n\\n## 1. What is William O’Neil’s breakout approach?\\n\\nO’Neil’s CAN SLIM framework combines company growth with price and volume behavior. It considers earnings and sales growth, a sound price base, trading volume, institutional demand, and the direction of the broader market. It also requires a selling plan.\\n\\nA breakout is a move above an important reference level after a stock has formed a price structure. Crossing a line on a chart does not, by itself, establish a good buying opportunity. The surrounding conditions matter.\\n\\n| Term | Plain-English meaning | What to examine |\\n|---|---|---|\\n| Growth stock | Shares in a company expected to increase earnings and sales | Evidence of actual business growth |\\n| Base | A price structure formed during consolidation or correction | Whether the structure is sound |\\n| Breakout | A move above an important resistance level | The price move and its context |\\n| Volume | The number of shares traded over a period | Whether activity expands with the breakout |\\n| Pivot | A reference price used to assess a chart setup | The difference between a reference and an actual fill |\\n| Stop loss | An exit intended to limit a losing trade | Loss measured from the actual purchase price |\\n| Profit taking | Selling to realize a gain | The gain and other selling signals |\\n| Institutional demand | Buying and selling by large investors | Price and volume evidence, with appropriate limits |\\n\\nThe public principles emphasize checking the overall market trend before buying. An attractive company can still face a difficult environment when the broader market is falling. Growing earnings, a sound base, increased volume, institutional support, and an uptrending market should be considered together.\\n\\nA rising stock and a well-timed entry are different things. Chasing a stock after a large advance can make risk management harder, even if the stock later moves in the anticipated direction.\\n\\n## 2. Chart 1: Read price and volume together\\n\\nThe first diagram shows an imaginary price approaching and crossing a $100 reference. The upper panel displays price; the lower panel displays relative volume. The illustration explains the relationship between the two, rather than validating a complete trading setup.\\n\\n### What the labels mean\\n\\n“Reference level: $100” marks the fictional reference price. The blue line initially fluctuates below that level, then approaches it and rises above it. The level was chosen for teaching; it is not an identified buy point in a real security.\\n\\n“Breakout + higher volume” highlights the move above the reference alongside greater trading activity. Gray bars represent the earlier observations and green bars represent the later observations. Volume expansion during an upward breakout can provide evidence of demand. It cannot, on its own, prove that institutions were net buyers.\\n\\nThe line does not rise without interruption. A pullback after a breakout is possible. When price fluctuates, review whether the original reasons for buying remain valid instead of assuming that every dip is either harmless or a decisive failure.\\n\\n### What this diagram cannot establish\\n\\n“Observation sequence” means a series of illustrative observations, not actual trading dates. “Illustrative price” is an example price, and “Relative volume” is a simplified measure of activity.\\n\\nThe picture is not a record of daily candles and does not establish a formally valid cup-with-handle pattern over a particular number of days. It supplies no verified company earnings, sales, institutional ownership history, or broad-market trend. It therefore cannot validate the full CAN SLIM framework.\\n\\n## 3. Chart 2: Calculate both exits from the actual purchase\\n\\n![Educational chart 2: a $100 entry, loss references, profit references, and illustrative reward versus risk](https://neoai.kr/api/auto-news/generated-image/upload_b763027696823aa339ed8c5921a46b1b.png)\\n\\nO’Neil’s published approach emphasizes limiting a loss at approximately 7–8% below the purchase price. It also discusses reviewing profit taking after a typical advance of approximately 20–25%, while recognizing exceptions for particularly strong leaders.\\n\\nThe loss reference is the actual original purchase price. It is not the chart’s high, and it is not automatically the pivot or breakout reference.\\n\\n| Item | Calculation from a $100 purchase | Reference price |\\n|---|---|---|\\n| Actual purchase | Starting price | $100 |\\n| Loss of 7% | 100 × 0.93 | $93 |\\n| Loss of 8% | 100 × 0.92 | $92 |\\n| Gain of 20% | 100 × 1.20 | $120 |\\n| Gain of 25% | 100 × 1.25 | $125 |\\n\\nThese are educational calculations for a fictional purchase. The blue “Entry” line is $100. The red area shows loss references; the green area shows profit references.\\n\\nThe two loss references are alternatives for understanding the published range. They do not mean that a trader should move a previously chosen loss limit from $93 down to $92 after the trade begins losing money. Choose a plan in advance and do not make it more permissive simply because a loss has occurred.\\n\\n### What if the actual purchase price is different?\\n\\nThe diagram’s $100 breakout reference and an investor’s actual execution price can differ. If an investor enters later at another price, loss calculations must start from that actual original purchase price. Otherwise, the planned percentage and the actual loss can diverge.\\n\\nThe pivot helps assess the setup. The purchase price measures the investor’s exposure. Keeping those two roles separate is essential.\\n\\n### What does a 2.5:1 reward-to-risk example mean?\\n\\n| Item | Amount per share | Interpretation |\\n|---|---|---|\\n| Purchase | $100 | Initial entry |\\n| Planned loss exit | $92 | Planned loss of $8 |\\n| Hypothetical profit exit | $120 | Potential gain of $20 |\\n| Reward / risk | 2.5:1 | $20 ÷ $8 |\\n\\nBuying at $100 and selling at $92 would mean an $8 loss per share before costs. Selling at $120 would mean a $20 gain per share before costs. The author’s illustrative calculation is:\\n\\n20 ÷ 8 = 2.5, or a planned reward-to-risk ratio of 2.5:1.\\n\\nThis describes a plan, not a realized return, a success rate, or the probability of winning. Fees, taxes, and slippage are excluded. Slippage is the difference between an anticipated execution price and the actual fill. A sharp decline or a price gap can produce a sale below $92 and a larger loss. A stop order does not guarantee execution at its trigger price.\\n\\n### Must every position be sold in full at $120–$125?\\n\\nNo. The public principles discuss profit taking in the 20–25% area for typical advances, but also recognize that unusually strong leaders can warrant different treatment. A rapidly advancing stock with continuing institutional demand may require review of additional selling signals.\\n\\nTreating $120 or $125 as an automatic full-position sale for every stock would oversimplify the method. The example explains reference points; it does not replace judgment about the stock, the market, or an appropriate selling plan.\\n\\n## 4. Chart 3: Distinguish a holding case from a failed breakout\\n\\n![Educational chart 3: a breakout that holds versus a breakout that fails](https://neoai.kr/api/auto-news/generated-image/upload_b1240996b493e19a74ce9d7dc358393f.png)\\n\\nThe third diagram compares two possible paths after a breakout. The outcome is uncertain at entry.\\n\\n### Left panel: the reference holds\\n\\n“Holds above the reference level” describes the green path. Price crosses approximately $100, fluctuates, and eventually reaches $120 in this fictional sequence.\\n\\nThe lesson is to review the original investment case during normal fluctuations. Check company growth, the price structure, volume, and the broad market. Mere frustration that a position has not risen quickly is not a complete selling rationale. That does not mean holding indefinitely: the important question is whether the original reasons for the purchase remain valid.\\n\\n### Right panel: the breakout fails\\n\\n“Falls back: do not average down” describes the red path. The fictional price rises above $100, falls back below the reference, crosses the $92 loss reference, and continues toward $90.\\n\\nTwo mistakes are particularly relevant: buying more simply to reduce the average cost of a losing position, and postponing a planned loss exit because the position has already been held for a long time. The published principles emphasize loss control and avoiding averaging down.\\n\\n| Price situation | Evidence to review | Response to consider |\\n|---|---|---|\\n| Breakout from a sound base | Volume, business growth, and market trend | Assess whether the purchase conditions are met |\\n| Sharp advance after the breakout | Distance from the original entry area | Avoid an emotional chase |\\n| Temporary sideways movement | Whether price, volume, and market conditions still support the case | Review the evidence rather than impatience alone |\\n| Return below the reference | Signs of failure and changing demand | Reassess the original buying assumptions |\\n| Predetermined loss limit reached | Loss from the actual purchase price | Apply the planned loss-control decision |\\n| Gain reaches the 20–25% review area | Strength of the advance and other selling signals | Review profit taking, including a partial sale where appropriate |\\n\\nThe $92 loss reference is shown as a red dotted line. The continuation below it illustrates the risk of delay or adverse price movement; it is not an instruction to ignore the planned exit.\\n\\nBoth horizontal axes show observations rather than calendar days. Neither path predicts how many days an advance will last or when a decline will start.\\n\\n## 5. Keep a record before, during, and after the trade\\n\\nLooking only for buy signals leaves out much of the process. Check entry conditions before buying, reassess the evidence while holding, and review the decision afterward.\\n\\n| Stage | Question | What to record |\\n|---|---|---|\\n| Before buying | Are earnings and sales growing? | Changes in operating results |\\n| Before buying | Has a sound base formed? | The price structure |\\n| Before buying | Does volume expand on the breakout? | Trading activity |\\n| Before buying | Is the market in an uptrend? | Broad-market direction |\\n| Before buying | Are both exits planned? | Purchase price and selling references |\\n| While holding | Does the breakout thesis still hold? | Changes in price and volume |\\n| While holding | Has the loss limit been reached? | Loss from the actual purchase |\\n| While holding | Has the profit review area been reached? | Gain and additional selling signals |\\n| After selling | Was the plan followed? | Actual execution prices |\\n| After selling | What was missed in the decision? | Mistakes and possible improvements |\\n\\n### Before buying: start with conditions, not just a price\\n\\nA price reaching the reference level does not settle the decision. Review business growth and the market environment, then examine whether the move is supported by volume. Entering after an already substantial advance can create a different risk from the original setup. Feeling that an opportunity has been missed is not a reason to chase it.\\n\\n### While holding: separate impatience from invalidation\\n\\nReview the original evidence rather than selling solely because waiting feels frustrating. Conversely, having waited a long time is not a reason to extend a loss limit that has been reached.\\n\\n| Observation | First check | Direction of review |\\n|---|---|---|\\n| Sideways above the reference | Price, volume, and market conditions | Revisit the original case rather than emotion alone |\\n| Loss limit reached | Original purchase price and predetermined limit | Do not postpone the exit or widen the limit |\\n| Gain in the 20–25% area | Leadership and other selling signals | Review profit taking without assuming every position must be sold in full |\\n\\nThis is an educational checklist. It does not invent an official rule requiring a sale after a particular number of flat days. No one can establish the exact date of the next advance in advance.\\n\\n### After selling: review the process as well as the outcome\\n\\nA stock rising immediately after a sale does not prove that the decision was wrong. Evaluate it using the information available at the time and the plan that was in place. Recording the buying rationale, execution price, loss limit, and selling rationale can help distinguish impatience from a genuinely damaged thesis.\\n\\nIf a new setup appears after a loss exit, assess its conditions afresh. A desire to recover the previous loss is not itself a new buying condition.\\n\\n## 6. Can the same rules be transferred directly to crypto?\\n\\nO’Neil’s framework was developed around growth stocks, including company results and institutional demand. Earnings and sales conditions for a company cannot simply be copied into a market that trades crypto assets 24 hours a day. Liquidity, exchange-specific prices, volatility, and leverage structures also differ.\\n\\nThe practice of reading price with volume and planning loss exposure before entry can be studied more broadly. The 7–8% and 20–25% figures, however, should not be presented as universally validated optimal settings for every coin.\\n\\nThe charts and prices in this lesson are educational examples, not a forecast, backtest result, or recommendation to buy a particular asset. Fees, taxes, and slippage are excluded from the calculations, and a gap can lead to a worse execution than the planned loss reference.\\n\\n## 7. Public primary sources\\n\\n- [MarketSmith Hong Kong: market direction, institutional demand, and selling discipline](https://www.williamoneilchina.com/principles/?lang=en)\\n- [Investor’s Business Daily: the 20 Rules educational guide](https://shop.investors.com/images/promotional/20-Rules_102808.pdf)\\n- [MarketSmith Stock Guide: loss control measured from the original purchase price](https://marketsurge-files.investors.com/2023/12/StockGuide-Q4-2023.pdf)\\n\\nThis lesson is educational information, not a recommendation to buy a particular security or asset. Each investor remains responsible for their own decisions.\\n\", \"content_html\": \"\u003ch1\u003eWilliam O’Neil’s Breakout Trading: A Beginner’s Guide to Buying at $100 and Planning Both Exits\u003c/h1\u003e\\n\u003cp class=\\\"an-lead-paragraph\\\"\u003eWilliam J. O’Neil’s approach to growth stocks asks three connected questions: where might a purchase make sense, where should a failed trade be closed, and what should be reviewed when a position becomes profitable? A buy signal alone is not a complete trading plan.\u003c/p\u003e\\n\u003cp\u003eFor a hypothetical purchase at $100, $92–$93 illustrates a loss-limit reference and $120–$125 illustrates a profit-taking review range. Neither a profitable outcome nor execution at an intended exit price is guaranteed.\u003c/p\u003e\\n\u003cp\u003eThis lesson uses a fictional growth stock and three original educational diagrams. They are not a current stock recommendation, a historical performance record, or a price forecast.\u003c/p\u003e\\n\u003ch2 class=\\\"an-section-title an-tone-blue\\\"\u003e1. What is William O’Neil’s breakout approach?\u003c/h2\u003e\\n\u003cp class=\\\"an-section-lead an-tone-blue\\\"\u003eO’Neil’s CAN SLIM framework combines company growth with price and volume behavior. It considers earnings and sales growth, a sound price base, trading volume, institutional demand, and the direction of the broader market. It also requires a selling plan.\u003c/p\u003e\\n\u003cp\u003eA breakout is a move above an important reference level after a stock has formed a price structure. Crossing a line on a chart does not, by itself, establish a good buying opportunity. The surrounding conditions matter.\u003c/p\u003e\\n\u003ctable class=\\\"an-table\\\"\u003e\u003ctbody\u003e\\n\u003ctr\u003e\u003cth\u003eTerm\u003c/th\u003e\u003cth\u003ePlain-English meaning\u003c/th\u003e\u003cth\u003eWhat to examine\u003c/th\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eGrowth stock\u003c/td\u003e\u003ctd\u003eShares in a company expected to increase earnings and sales\u003c/td\u003e\u003ctd\u003eEvidence of actual business growth\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eBase\u003c/td\u003e\u003ctd\u003eA price structure formed during consolidation or correction\u003c/td\u003e\u003ctd\u003eWhether the structure is sound\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eBreakout\u003c/td\u003e\u003ctd\u003eA move above an important resistance level\u003c/td\u003e\u003ctd\u003eThe price move and its context\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eVolume\u003c/td\u003e\u003ctd\u003eThe number of shares traded over a period\u003c/td\u003e\u003ctd\u003eWhether activity expands with the breakout\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003ePivot\u003c/td\u003e\u003ctd\u003eA reference price used to assess a chart setup\u003c/td\u003e\u003ctd\u003eThe difference between a reference and an actual fill\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eStop loss\u003c/td\u003e\u003ctd\u003eAn exit intended to limit a losing trade\u003c/td\u003e\u003ctd\u003eLoss measured from the actual purchase price\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eProfit taking\u003c/td\u003e\u003ctd\u003eSelling to realize a gain\u003c/td\u003e\u003ctd\u003eThe gain and other selling signals\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eInstitutional demand\u003c/td\u003e\u003ctd\u003eBuying and selling by large investors\u003c/td\u003e\u003ctd\u003ePrice and volume evidence, with appropriate limits\u003c/td\u003e\u003c/tr\u003e\\n\u003c/tbody\u003e\u003c/table\u003e\\n\u003cp\u003eThe public principles emphasize checking the overall market trend before buying. An attractive company can still face a difficult environment when the broader market is falling. Growing earnings, a sound base, increased volume, institutional support, and an uptrending market should be considered together.\u003c/p\u003e\\n\u003cp\u003eA rising stock and a well-timed entry are different things. Chasing a stock after a large advance can make risk management harder, even if the stock later moves in the anticipated direction.\u003c/p\u003e\\n\u003ch2 class=\\\"an-section-title an-tone-purple\\\"\u003e2. Chart 1: Read price and volume together\u003c/h2\u003e\\n\u003cp class=\\\"an-section-lead an-tone-purple\\\"\u003eThe first diagram shows an imaginary price approaching and crossing a $100 reference. The upper panel displays price; the lower panel displays relative volume. The illustration explains the relationship between the two, rather than validating a complete trading setup.\u003c/p\u003e\\n\u003ch3 class=\\\"an-section-subtitle an-tone-purple\\\"\u003eWhat the labels mean\u003c/h3\u003e\\n\u003cp\u003e“Reference level: $100” marks the fictional reference price. The blue line initially fluctuates below that level, then approaches it and rises above it. The level was chosen for teaching; it is not an identified buy point in a real security.\u003c/p\u003e\\n\u003cp\u003e“Breakout + higher volume” highlights the move above the reference alongside greater trading activity. Gray bars represent the earlier observations and green bars represent the later observations. Volume expansion during an upward breakout can provide evidence of demand. It cannot, on its own, prove that institutions were net buyers.\u003c/p\u003e\\n\u003cp\u003eThe line does not rise without interruption. A pullback after a breakout is possible. When price fluctuates, review whether the original reasons for buying remain valid instead of assuming that every dip is either harmless or a decisive failure.\u003c/p\u003e\\n\u003ch3 class=\\\"an-section-subtitle an-tone-purple\\\"\u003eWhat this diagram cannot establish\u003c/h3\u003e\\n\u003cp\u003e“Observation sequence” means a series of illustrative observations, not actual trading dates. “Illustrative price” is an example price, and “Relative volume” is a simplified measure of activity.\u003c/p\u003e\\n\u003cp\u003eThe picture is not a record of daily candles and does not establish a formally valid cup-with-handle pattern over a particular number of days. It supplies no verified company earnings, sales, institutional ownership history, or broad-market trend. It therefore cannot validate the full CAN SLIM framework.\u003c/p\u003e\\n\u003ch2 class=\\\"an-section-title an-tone-green\\\"\u003e3. Chart 2: Calculate both exits from the actual purchase\u003c/h2\u003e\\n\u003cfigure class=\\\"an-generated-figure\\\"\u003e\u003cimg class=\\\"an-inline-img\\\" src=\\\"https://neoai.kr/api/auto-news/generated-image/upload_b763027696823aa339ed8c5921a46b1b.png\\\" alt=\\\"Educational chart 2: a $100 entry, loss references, profit references, and illustrative reward versus risk\\\" loading=\\\"lazy\\\"\u003e\u003cfigcaption class=\\\"an-figcaption\\\"\u003eEducational chart 2: a $100 entry, loss references, profit references, and illustrative reward versus risk\u003c/figcaption\u003e\u003c/figure\u003e\\n\u003cp class=\\\"an-section-lead an-tone-green an-data-paragraph\\\"\u003eO’Neil’s published approach emphasizes limiting a loss at approximately 7–8% below the purchase price. It also discusses reviewing profit taking after a typical advance of approximately 20–25%, while recognizing exceptions for particularly strong leaders.\u003c/p\u003e\\n\u003cp\u003eThe loss reference is the actual original purchase price. It is not the chart’s high, and it is not automatically the pivot or breakout reference.\u003c/p\u003e\\n\u003ctable class=\\\"an-table\\\"\u003e\u003ctbody\u003e\\n\u003ctr\u003e\u003cth\u003eItem\u003c/th\u003e\u003cth\u003eCalculation from a $100 purchase\u003c/th\u003e\u003cth\u003eReference price\u003c/th\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eActual purchase\u003c/td\u003e\u003ctd\u003eStarting price\u003c/td\u003e\u003ctd\u003e$100\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eLoss of 7%\u003c/td\u003e\u003ctd\u003e100 × 0.93\u003c/td\u003e\u003ctd\u003e$93\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eLoss of 8%\u003c/td\u003e\u003ctd\u003e100 × 0.92\u003c/td\u003e\u003ctd\u003e$92\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eGain of 20%\u003c/td\u003e\u003ctd\u003e100 × 1.20\u003c/td\u003e\u003ctd\u003e$120\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eGain of 25%\u003c/td\u003e\u003ctd\u003e100 × 1.25\u003c/td\u003e\u003ctd\u003e$125\u003c/td\u003e\u003c/tr\u003e\\n\u003c/tbody\u003e\u003c/table\u003e\\n\u003cp\u003eThese are educational calculations for a fictional purchase. The blue “Entry” line is $100. The red area shows loss references; the green area shows profit references.\u003c/p\u003e\\n\u003cp\u003eThe two loss references are alternatives for understanding the published range. They do not mean that a trader should move a previously chosen loss limit from $93 down to $92 after the trade begins losing money. Choose a plan in advance and do not make it more permissive simply because a loss has occurred.\u003c/p\u003e\\n\u003ch3 class=\\\"an-section-subtitle an-tone-green\\\"\u003eWhat if the actual purchase price is different?\u003c/h3\u003e\\n\u003cp\u003eThe diagram’s $100 breakout reference and an investor’s actual execution price can differ. If an investor enters later at another price, loss calculations must start from that actual original purchase price. Otherwise, the planned percentage and the actual loss can diverge.\u003c/p\u003e\\n\u003cp\u003eThe pivot helps assess the setup. The purchase price measures the investor’s exposure. Keeping those two roles separate is essential.\u003c/p\u003e\\n\u003ch3 class=\\\"an-section-subtitle an-tone-green\\\"\u003eWhat does a 2.5:1 reward-to-risk example mean?\u003c/h3\u003e\\n\u003ctable class=\\\"an-table\\\"\u003e\u003ctbody\u003e\\n\u003ctr\u003e\u003cth\u003eItem\u003c/th\u003e\u003cth\u003eAmount per share\u003c/th\u003e\u003cth\u003eInterpretation\u003c/th\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003ePurchase\u003c/td\u003e\u003ctd\u003e$100\u003c/td\u003e\u003ctd\u003eInitial entry\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003ePlanned loss exit\u003c/td\u003e\u003ctd\u003e$92\u003c/td\u003e\u003ctd\u003ePlanned loss of $8\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eHypothetical profit exit\u003c/td\u003e\u003ctd\u003e$120\u003c/td\u003e\u003ctd\u003ePotential gain of $20\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eReward / risk\u003c/td\u003e\u003ctd\u003e2.5:1\u003c/td\u003e\u003ctd\u003e$20 ÷ $8\u003c/td\u003e\u003c/tr\u003e\\n\u003c/tbody\u003e\u003c/table\u003e\\n\u003cp\u003eBuying at $100 and selling at $92 would mean an $8 loss per share before costs. Selling at $120 would mean a $20 gain per share before costs. The author’s illustrative calculation is:\u003c/p\u003e\\n\u003cp\u003e20 ÷ 8 = 2.5, or a planned reward-to-risk ratio of 2.5:1.\u003c/p\u003e\\n\u003cp\u003eThis describes a plan, not a realized return, a success rate, or the probability of winning. Fees, taxes, and slippage are excluded. Slippage is the difference between an anticipated execution price and the actual fill. A sharp decline or a price gap can produce a sale below $92 and a larger loss. A stop order does not guarantee execution at its trigger price.\u003c/p\u003e\\n\u003ch3 class=\\\"an-section-subtitle an-tone-green\\\"\u003eMust every position be sold in full at $120–$125?\u003c/h3\u003e\\n\u003cp class=\\\"an-data-paragraph\\\"\u003eNo. The public principles discuss profit taking in the 20–25% area for typical advances, but also recognize that unusually strong leaders can warrant different treatment. A rapidly advancing stock with continuing institutional demand may require review of additional selling signals.\u003c/p\u003e\\n\u003cp\u003eTreating $120 or $125 as an automatic full-position sale for every stock would oversimplify the method. The example explains reference points; it does not replace judgment about the stock, the market, or an appropriate selling plan.\u003c/p\u003e\\n\u003ch2 class=\\\"an-section-title an-tone-blue\\\"\u003e4. Chart 3: Distinguish a holding case from a failed breakout\u003c/h2\u003e\\n\u003cfigure class=\\\"an-generated-figure\\\"\u003e\u003cimg class=\\\"an-inline-img\\\" src=\\\"https://neoai.kr/api/auto-news/generated-image/upload_b1240996b493e19a74ce9d7dc358393f.png\\\" alt=\\\"Educational chart 3: a breakout that holds versus a breakout that fails\\\" loading=\\\"lazy\\\"\u003e\u003cfigcaption class=\\\"an-figcaption\\\"\u003eEducational chart 3: a breakout that holds versus a breakout that fails\u003c/figcaption\u003e\u003c/figure\u003e\\n\u003cp class=\\\"an-section-lead an-tone-blue\\\"\u003eThe third diagram compares two possible paths after a breakout. The outcome is uncertain at entry.\u003c/p\u003e\\n\u003ch3 class=\\\"an-section-subtitle an-tone-blue\\\"\u003eLeft panel: the reference holds\u003c/h3\u003e\\n\u003cp\u003e“Holds above the reference level” describes the green path. Price crosses approximately $100, fluctuates, and eventually reaches $120 in this fictional sequence.\u003c/p\u003e\\n\u003cp\u003eThe lesson is to review the original investment case during normal fluctuations. Check company growth, the price structure, volume, and the broad market. Mere frustration that a position has not risen quickly is not a complete selling rationale. That does not mean holding indefinitely: the important question is whether the original reasons for the purchase remain valid.\u003c/p\u003e\\n\u003ch3 class=\\\"an-section-subtitle an-tone-blue\\\"\u003eRight panel: the breakout fails\u003c/h3\u003e\\n\u003cp\u003e“Falls back: do not average down” describes the red path. The fictional price rises above $100, falls back below the reference, crosses the $92 loss reference, and continues toward $90.\u003c/p\u003e\\n\u003cp\u003eTwo mistakes are particularly relevant: buying more simply to reduce the average cost of a losing position, and postponing a planned loss exit because the position has already been held for a long time. The published principles emphasize loss control and avoiding averaging down.\u003c/p\u003e\\n\u003ctable class=\\\"an-table\\\"\u003e\u003ctbody\u003e\\n\u003ctr\u003e\u003cth\u003ePrice situation\u003c/th\u003e\u003cth\u003eEvidence to review\u003c/th\u003e\u003cth\u003eResponse to consider\u003c/th\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eBreakout from a sound base\u003c/td\u003e\u003ctd\u003eVolume, business growth, and market trend\u003c/td\u003e\u003ctd\u003eAssess whether the purchase conditions are met\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eSharp advance after the breakout\u003c/td\u003e\u003ctd\u003eDistance from the original entry area\u003c/td\u003e\u003ctd\u003eAvoid an emotional chase\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eTemporary sideways movement\u003c/td\u003e\u003ctd\u003eWhether price, volume, and market conditions still support the case\u003c/td\u003e\u003ctd\u003eReview the evidence rather than impatience alone\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eReturn below the reference\u003c/td\u003e\u003ctd\u003eSigns of failure and changing demand\u003c/td\u003e\u003ctd\u003eReassess the original buying assumptions\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003ePredetermined loss limit reached\u003c/td\u003e\u003ctd\u003eLoss from the actual purchase price\u003c/td\u003e\u003ctd\u003eApply the planned loss-control decision\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eGain reaches the 20–25% review area\u003c/td\u003e\u003ctd\u003eStrength of the advance and other selling signals\u003c/td\u003e\u003ctd\u003eReview profit taking, including a partial sale where appropriate\u003c/td\u003e\u003c/tr\u003e\\n\u003c/tbody\u003e\u003c/table\u003e\\n\u003cp\u003eThe $92 loss reference is shown as a red dotted line. The continuation below it illustrates the risk of delay or adverse price movement; it is not an instruction to ignore the planned exit.\u003c/p\u003e\\n\u003cp\u003eBoth horizontal axes show observations rather than calendar days. Neither path predicts how many days an advance will last or when a decline will start.\u003c/p\u003e\\n\u003ch2 class=\\\"an-section-title an-tone-purple\\\"\u003e5. Keep a record before, during, and after the trade\u003c/h2\u003e\\n\u003cp class=\\\"an-section-lead an-tone-purple\\\"\u003eLooking only for buy signals leaves out much of the process. Check entry conditions before buying, reassess the evidence while holding, and review the decision afterward.\u003c/p\u003e\\n\u003ctable class=\\\"an-table\\\"\u003e\u003ctbody\u003e\\n\u003ctr\u003e\u003cth\u003eStage\u003c/th\u003e\u003cth\u003eQuestion\u003c/th\u003e\u003cth\u003eWhat to record\u003c/th\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eBefore buying\u003c/td\u003e\u003ctd\u003eAre earnings and sales growing?\u003c/td\u003e\u003ctd\u003eChanges in operating results\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eBefore buying\u003c/td\u003e\u003ctd\u003eHas a sound base formed?\u003c/td\u003e\u003ctd\u003eThe price structure\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eBefore buying\u003c/td\u003e\u003ctd\u003eDoes volume expand on the breakout?\u003c/td\u003e\u003ctd\u003eTrading activity\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eBefore buying\u003c/td\u003e\u003ctd\u003eIs the market in an uptrend?\u003c/td\u003e\u003ctd\u003eBroad-market direction\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eBefore buying\u003c/td\u003e\u003ctd\u003eAre both exits planned?\u003c/td\u003e\u003ctd\u003ePurchase price and selling references\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eWhile holding\u003c/td\u003e\u003ctd\u003eDoes the breakout thesis still hold?\u003c/td\u003e\u003ctd\u003eChanges in price and volume\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eWhile holding\u003c/td\u003e\u003ctd\u003eHas the loss limit been reached?\u003c/td\u003e\u003ctd\u003eLoss from the actual purchase\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eWhile holding\u003c/td\u003e\u003ctd\u003eHas the profit review area been reached?\u003c/td\u003e\u003ctd\u003eGain and additional selling signals\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eAfter selling\u003c/td\u003e\u003ctd\u003eWas the plan followed?\u003c/td\u003e\u003ctd\u003eActual execution prices\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eAfter selling\u003c/td\u003e\u003ctd\u003eWhat was missed in the decision?\u003c/td\u003e\u003ctd\u003eMistakes and possible improvements\u003c/td\u003e\u003c/tr\u003e\\n\u003c/tbody\u003e\u003c/table\u003e\\n\u003ch3 class=\\\"an-section-subtitle an-tone-purple\\\"\u003eBefore buying: start with conditions, not just a price\u003c/h3\u003e\\n\u003cp\u003eA price reaching the reference level does not settle the decision. Review business growth and the market environment, then examine whether the move is supported by volume. Entering after an already substantial advance can create a different risk from the original setup. Feeling that an opportunity has been missed is not a reason to chase it.\u003c/p\u003e\\n\u003ch3 class=\\\"an-section-subtitle an-tone-purple\\\"\u003eWhile holding: separate impatience from invalidation\u003c/h3\u003e\\n\u003cp\u003eReview the original evidence rather than selling solely because waiting feels frustrating. Conversely, having waited a long time is not a reason to extend a loss limit that has been reached.\u003c/p\u003e\\n\u003ctable class=\\\"an-table\\\"\u003e\u003ctbody\u003e\\n\u003ctr\u003e\u003cth\u003eObservation\u003c/th\u003e\u003cth\u003eFirst check\u003c/th\u003e\u003cth\u003eDirection of review\u003c/th\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eSideways above the reference\u003c/td\u003e\u003ctd\u003ePrice, volume, and market conditions\u003c/td\u003e\u003ctd\u003eRevisit the original case rather than emotion alone\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eLoss limit reached\u003c/td\u003e\u003ctd\u003eOriginal purchase price and predetermined limit\u003c/td\u003e\u003ctd\u003eDo not postpone the exit or widen the limit\u003c/td\u003e\u003c/tr\u003e\\n\u003ctr\u003e\u003ctd\u003eGain in the 20–25% area\u003c/td\u003e\u003ctd\u003eLeadership and other selling signals\u003c/td\u003e\u003ctd\u003eReview profit taking without assuming every position must be sold in full\u003c/td\u003e\u003c/tr\u003e\\n\u003c/tbody\u003e\u003c/table\u003e\\n\u003cp\u003eThis is an educational checklist. It does not invent an official rule requiring a sale after a particular number of flat days. No one can establish the exact date of the next advance in advance.\u003c/p\u003e\\n\u003ch3 class=\\\"an-section-subtitle an-tone-purple\\\"\u003eAfter selling: review the process as well as the outcome\u003c/h3\u003e\\n\u003cp\u003eA stock rising immediately after a sale does not prove that the decision was wrong. Evaluate it using the information available at the time and the plan that was in place. Recording the buying rationale, execution price, loss limit, and selling rationale can help distinguish impatience from a genuinely damaged thesis.\u003c/p\u003e\\n\u003cp\u003eIf a new setup appears after a loss exit, assess its conditions afresh. A desire to recover the previous loss is not itself a new buying condition.\u003c/p\u003e\\n\u003ch2 class=\\\"an-section-title an-tone-green\\\"\u003e6. Can the same rules be transferred directly to crypto?\u003c/h2\u003e\\n\u003cp class=\\\"an-section-lead an-tone-green\\\"\u003eO’Neil’s framework was developed around growth stocks, including company results and institutional demand. Earnings and sales conditions for a company cannot simply be copied into a market that trades crypto assets 24 hours a day. Liquidity, exchange-specific prices, volatility, and leverage structures also differ.\u003c/p\u003e\\n\u003cp class=\\\"an-data-paragraph\\\"\u003eThe practice of reading price with volume and planning loss exposure before entry can be studied more broadly. The 7–8% and 20–25% figures, however, should not be presented as universally validated optimal settings for every coin.\u003c/p\u003e\\n\u003cp\u003eThe charts and prices in this lesson are educational examples, not a forecast, backtest result, or recommendation to buy a particular asset. Fees, taxes, and slippage are excluded from the calculations, and a gap can lead to a worse execution than the planned loss reference.\u003c/p\u003e\\n\u003ch2 class=\\\"an-section-title an-tone-blue\\\"\u003e7. Public primary sources\u003c/h2\u003e\\n\u003cp class=\\\"an-bullet\\\"\u003e\u003ca href=\\\"https://www.williamoneilchina.com/principles/?lang=en\\\" target=\\\"_blank\\\" rel=\\\"nofollow noopener\\\"\u003eMarketSmith Hong Kong: market direction, institutional demand, and selling discipline\u003c/a\u003e\u003c/p\u003e\\n\u003cp class=\\\"an-bullet\\\"\u003e\u003ca href=\\\"https://shop.investors.com/images/promotional/20-Rules_102808.pdf\\\" target=\\\"_blank\\\" rel=\\\"nofollow noopener\\\"\u003eInvestor’s Business Daily: the 20 Rules educational guide\u003c/a\u003e\u003c/p\u003e\\n\u003cp class=\\\"an-bullet\\\"\u003e\u003ca href=\\\"https://marketsurge-files.investors.com/2023/12/StockGuide-Q4-2023.pdf\\\" target=\\\"_blank\\\" rel=\\\"nofollow noopener\\\"\u003eMarketSmith Stock Guide: loss control measured from the original purchase price\u003c/a\u003e\u003c/p\u003e\\n\u003cp class=\\\"an-section-lead an-tone-blue\\\"\u003eThis lesson is educational information, not a recommendation to buy a particular security or asset. Each investor remains responsible for their own decisions.\u003c/p\u003e\", \"image_alt\": \"Educational chart 1: a fictional price breakout with relative volume\", \"tags\": [\"William O’Neil\", \"CAN SLIM\", \"Growth Stocks\", \"Breakout Trading\", \"Stop Loss\", \"Profit Taking\"], \"status\": \"published\", \"source_hash\": \"f8bae8d1223029d71fbb2e138ab4edcc338e5f30f679545e6e9eb64ae69898f9\", \"source_title\": \"윌리엄 오닐 돌파 매매 입문: 100달러 매수 예시로 배우는 손절과 익절\", \"source_summary\": \"윌리엄 오닐(William J. O'Neil)의 성장주 돌파 매매에서 중요한 것은 언제 살 것인지뿐 아니라, 틀렸을 때 어디서 팔고 수익이 났을 때 무엇을 확인할지 미리 정하는 것입니다. 예를 들어 주식을 100달러에 매수했다면 92~93달러는 손실 제한 참고선, 120~125달러는 이익 실현 검토 구간이 됩니다. 다만 \"}}", "tags_json": "[\"윌리엄오닐\", \"CANSLIM\", \"성장주투자\", \"돌파매매\", \"손절매전략\", \"이익실현\"]", "thumbnail_text": "윌리엄 오닐 돌파 매매 입문: 100달러 매수 예시로 배우는 손절과 익절", "image_url": "/api/auto-news/generated-image/upload_28d8ffe48b5750bb955bca764e648f91.png", "image_alt": "학습용 가상 차트 1: 가격과 거래량을 함께 보는 돌파", "focus_keyword": "윌리엄오닐", "seo_score": 81, "seo_json": "{\"score\": 81, \"focus_keyword\": \"윌리엄오닐\", \"platform\": \"website\", \"platform_label\": \"홈페이지\", \"intent_type\": \"auto\", \"intent_label\": \"자동 분석\", \"content_mode\": \"basic\", \"checks\": {\"title_length\": true, \"summary_length\": true, \"body_length_for_platform\": false, \"opening_answers_intent\": true, \"section_fit_for_platform\": false, \"paragraph_structure\": true, \"has_unique_element\": true, \"information_gain_2plus\": true, \"has_caution\": true, \"tag_balance\": true, \"focus_relevance\": true, \"natural_keyword_density\": true, \"low_sentence_repetition\": true, \"natural_emphasis\": true, \"has_kst_basis_date\": false, \"no_generic_repeated_phrases\": true, \"specific_section_headings\": true, \"data_is_easy_to_scan\": true, \"no_forbidden_words\": false, \"title_not_clickbait\": true, \"condition_clarity\": true, \"entity_clarity\": true, \"source_signal\": true, \"visual_accessibility\": true, \"feed_visual_ratio_ready\": false}, \"forbidden_hits\": [\"매수 추천\"], \"content_quality_score\": 65, \"platform_fit_score\": 82, \"cross_platform_visibility_score\": 79, \"visibility_scores\": {\"google_search\": 87, \"google_discover\": 70, \"google_news\": 77, \"google_ai_summary\": 86, \"naver_search\": 90, \"naver_home_feed\": 81}, \"platform_scores\": {\"google_search\": 87, \"google_discover\": 70, \"google_news\": 77, \"google_ai_summary\": 86, \"naver_search\": 90, \"naver_home_feed\": 81}, \"content_quality_checks\": {\"search_intent\": true, \"originality_information_gain\": true, \"facts_sources_freshness\": false, \"expertise_trust\": false, \"structure_readability\": true, \"technical_searchability\": true, \"visual_accessibility\": true}, \"score_meaning\": \"internal_publish_readiness_not_ranking_probability\", \"visibility_score_meaning\": \"internal_multi_surface_readiness_not_impression_probability\", \"information_gain_groups\": 5, \"has_visual_asset\": true, \"selected_thumbnail_aspect_ratio\": \"\", \"feed_visual_ratio_ready\": false, \"source_verification_count\": 0, \"blocking_flags\": [\"forbidden_promotional_phrase\"], \"quality_flags\": [\"missing_kst_basis_date\", \"section_fit\"], \"metrics\": {\"paragraph_count\": 101, \"sentence_count\": 110, \"duplicate_sentence_ratio\": 0.0, \"focus_keyword_count\": 4, \"focus_per_1000_chars\": 0.5, \"emphasis_count\": 11, \"date_basis\": false, \"first_paragraph_length\": 104, \"unique_element\": true, \"generic_opening_hits\": 0, \"section_count\": 12, \"table_count\": 48, \"profile\": {\"min_body\": 250, \"max_body\": 4500, \"min_sections\": 1, \"max_sections\": 8, \"min_paragraphs\": 3}, \"blocking_flags\": [], \"quality_flags\": [\"missing_kst_basis_date\", \"section_fit\"]}, \"table_count\": 48, \"section_count\": 12, \"passed\": false, \"publish_allowed\": false, \"quality_hold_enabled\": false, \"content_package\": {\"platform\": \"website\", \"intent_type\": \"auto\", \"content_mode\": \"basic\", \"differentiation\": \"\", \"title_candidates\": []}}", "status": "published", "view_count": 19, "created_at": "2026-10-20 00:57:10", "updated_at": "2026-10-20 01:07:37", "published_at": "2026-10-20 00:57:10", "tags": ["윌리엄오닐", "CANSLIM", "성장주투자", "돌파매매", "손절매전략", "이익실현"], "display_tags": ["#윌리엄오닐", "#CANSLIM", "#성장주투자", "#돌파매매", "#손절매전략", "#이익실현"], "hashtag_text": "#윌리엄오닐 #CANSLIM #성장주투자 #돌파매매 #손절매전략 #이익실현", "seo": {"score": 81, "focus_keyword": "윌리엄오닐", "platform": "website", "platform_label": "홈페이지", "intent_type": "auto", "intent_label": "자동 분석", "content_mode": "basic", "checks": {"title_length": true, "summary_length": true, "body_length_for_platform": false, "opening_answers_intent": true, "section_fit_for_platform": false, "paragraph_structure": true, "has_unique_element": true, "information_gain_2plus": true, "has_caution": true, "tag_balance": true, "focus_relevance": true, "natural_keyword_density": true, "low_sentence_repetition": true, "natural_emphasis": true, "has_kst_basis_date": false, "no_generic_repeated_phrases": true, "specific_section_headings": true, "data_is_easy_to_scan": true, "no_forbidden_words": false, "title_not_clickbait": true, "condition_clarity": true, "entity_clarity": true, "source_signal": true, "visual_accessibility": true, "feed_visual_ratio_ready": false}, "forbidden_hits": ["매수 추천"], "content_quality_score": 65, "platform_fit_score": 82, "cross_platform_visibility_score": 79, "visibility_scores": {"google_search": 87, "google_discover": 70, "google_news": 77, "google_ai_summary": 86, "naver_search": 90, "naver_home_feed": 81}, "platform_scores": {"google_search": 87, "google_discover": 70, "google_news": 77, "google_ai_summary": 86, "naver_search": 90, "naver_home_feed": 81}, "content_quality_checks": {"search_intent": true, "originality_information_gain": true, "facts_sources_freshness": false, "expertise_trust": false, "structure_readability": true, "technical_searchability": true, "visual_accessibility": true}, "score_meaning": "internal_publish_readiness_not_ranking_probability", "visibility_score_meaning": "internal_multi_surface_readiness_not_impression_probability", "information_gain_groups": 5, "has_visual_asset": true, "selected_thumbnail_aspect_ratio": "", "feed_visual_ratio_ready": false, "source_verification_count": 0, "blocking_flags": ["forbidden_promotional_phrase"], "quality_flags": ["missing_kst_basis_date", "section_fit"], "metrics": {"paragraph_count": 101, "sentence_count": 110, "duplicate_sentence_ratio": 0.0, "focus_keyword_count": 4, "focus_per_1000_chars": 0.5, "emphasis_count": 11, "date_basis": false, "first_paragraph_length": 104, "unique_element": true, "generic_opening_hits": 0, "section_count": 12, "table_count": 48, "profile": {"min_body": 250, "max_body": 4500, "min_sections": 1, "max_sections": 8, "min_paragraphs": 3}, "blocking_flags": [], "quality_flags": ["missing_kst_basis_date", "section_fit"]}, "table_count": 48, "section_count": 12, "passed": false, "publish_allowed": false, "quality_hold_enabled": false, "content_package": {"platform": "website", "intent_type": "auto", "content_mode": "basic", "differentiation": "", "title_candidates": []}}, "publishing_materials": {"meta_description": "윌리엄 오닐(William J. O'Neil)의 성장주 돌파 매매에서 중요한 것은 언제 살 것인지뿐 아니라, 틀렸을 때 어디서 팔고 수익이 났을 때 무엇을 확인할지 미리 정하는 것입니다. 예를 들어 주식을 100달러에 매수했다면 92~93달러는 손실 제한 참고선, 120~125달러는 이익 실현 검토 구간이 됩니다. 다만 ", "slug": "", "tags": ["윌리엄오닐", "CANSLIM", "성장주투자", "돌파매매", "손절매전략", "이익실현"], "thumbnail_text": "윌리엄 오닐 돌파 매매 입문: 100달러 매수 예시로 배우는 손절과 익절", "image_alt": "학습용 가상 차트 1: 가격과 거래량을 함께 보는 돌파", "threads_post": "", "threads_summary": "", "related_angle": "", "hashtag_text": "#윌리엄오닐 #CANSLIM #성장주투자 #돌파매매 #손절매전략 #이익실현", "title_candidates": [], "differentiation": "", "thumbnail_download_url": "https://neoai.kr/api/auto-news/generated-image/upload_28d8ffe48b5750bb955bca764e648f91.png?download=1", "body_images": [{"url": "https://neoai.kr/api/auto-news/generated-image/upload_b763027696823aa339ed8c5921a46b1b.png", "download_url": "https://neoai.kr/api/auto-news/generated-image/upload_b763027696823aa339ed8c5921a46b1b.png?download=1", "alt": "학습용 가상 차트 2: 100달러 진입과 손절 및 익절 가격", "section": "", "line_index": 98, "insert_after_line_index": 98, "role": "body", "provider": "upload_manual", "source_kind": "upload", "api_used": false}, {"url": "https://neoai.kr/api/auto-news/generated-image/upload_b1240996b493e19a74ce9d7dc358393f.png", "download_url": "https://neoai.kr/api/auto-news/generated-image/upload_b1240996b493e19a74ce9d7dc358393f.png?download=1", "alt": "학습용 가상 차트 3: 돌파 성공과 실패의 두 경로", "section": "", "line_index": 188, "insert_after_line_index": 188, "role": "body", "provider": "upload_manual", "source_kind": "upload", "api_used": false}], "image_generation": {"provider": "chatgpt_web", "api_used": false, "thumbnail_generated": true, "body_image_count": 2}, "image_zip_available": true}, "instagram_video": {}, "instagram_video_status": "not_created", "instagram_video_error": "", "has_instagram_video": false, "instagram_video_url": "", "instagram_video_download_url": "", "image_fallback_urls": ["/api/auto-news/generated-image/upload_28d8ffe48b5750bb955bca764e648f91.png", "/api/auto-news/generated-image/upload_b763027696823aa339ed8c5921a46b1b.png", "/api/auto-news/generated-image/upload_b1240996b493e19a74ce9d7dc358393f.png"], "thumbnail_url": "/api/auto-news/generated-image/upload_28d8ffe48b5750bb955bca764e648f91.png", "has_image": true, "platform_label": "홈페이지", "intent_label": "자동 분석", "public_url": "https://neoai.kr/news/article/윌리엄-오닐-돌파-매매-입문-100달러-매수-예시로-배우는-손절과-익절-2e857067?lang=ko", "local_url": "/news/article/윌리엄-오닐-돌파-매매-입문-100달러-매수-예시로-배우는-손절과-익절-2e857067?lang=ko", "category_url": "/news/category/주식코인", "language": "ko", "language_urls": {"ko": "/news/article/윌리엄-오닐-돌파-매매-입문-100달러-매수-예시로-배우는-손절과-익절-2e857067?lang=ko"}}], "categories": ["건강·생활", "게임·앱", "경제·금융", "국가별글로벌뉴스", "국내주식·증시", "국방·안보", "글로벌경제", "모바일·IT", "부동산·주거", "비트코인·가상자산", "상품추천", "스포츠", "스포츠·e스포츠", "실시간이슈", "여행·생활", "연예·방송", "재난·사건", "재난·생활안전", "정부지원·정책", "정책", "주식·코인", "직접작성", "키워드블로그", "해외AI·IT", "해외경제·미국주식", "해외뉴스"], "category_items": [{"id": 1, "name": "건강·생활", "slug": "건강생활", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 42, "last_post_at": "2026-10-16 09:16:27", "category": "건강·생활", "local_url": "/news/category/건강생활", "public_url": "https://neoai.kr/news/category/건강생활"}, {"id": 2, "name": "게임·앱", "slug": "게임앱", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 119, "last_post_at": "2026-10-19 17:22:48", "category": "게임·앱", "local_url": "/news/category/게임앱", "public_url": "https://neoai.kr/news/category/게임앱"}, {"id": 21, "name": "경제·금융", "slug": "경제금융", "description": "", "sort_order": 0, "created_at": "2026-09-16 00:41:09", "updated_at": "2026-09-16 00:41:09", "count": 45, "last_post_at": "2026-10-20 09:36:50", "category": "경제·금융", "local_url": "/news/category/경제금융", "public_url": "https://neoai.kr/news/category/경제금융"}, {"id": 3, "name": "국가별글로벌뉴스", "slug": "국가별글로벌뉴스", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 14, "last_post_at": "2026-09-25 23:15:34", "category": "국가별글로벌뉴스", "local_url": "/news/category/국가별글로벌뉴스", "public_url": "https://neoai.kr/news/category/국가별글로벌뉴스"}, {"id": 22, "name": "국내주식·증시", "slug": "국내주식증시", "description": "", "sort_order": 0, "created_at": "2026-09-17 11:04:40", "updated_at": "2026-09-17 11:04:40", "count": 27, "last_post_at": "2026-10-08 22:12:02", "category": "국내주식·증시", "local_url": "/news/category/국내주식증시", "public_url": "https://neoai.kr/news/category/국내주식증시"}, {"id": 16, "name": "국방·안보", "slug": "국방안보", "description": "", "sort_order": 0, "created_at": "2026-07-31 12:47:42", "updated_at": "2026-07-31 12:47:42", "count": 1, "last_post_at": "2026-07-31 12:57:08", "category": "국방·안보", "local_url": "/news/category/국방안보", "public_url": "https://neoai.kr/news/category/국방안보"}, {"id": 23, "name": "글로벌경제", "slug": "글로벌경제", "description": "", "sort_order": 0, "created_at": "2026-09-17 20:24:22", "updated_at": "2026-09-17 20:24:22", "count": 1, "last_post_at": "2026-09-25 23:15:34", "category": "글로벌경제", "local_url": "/news/category/글로벌경제", "public_url": "https://neoai.kr/news/category/글로벌경제"}, {"id": 4, "name": "모바일·IT", "slug": "모바일it", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 108, "last_post_at": "2026-10-13 21:42:49", "category": "모바일·IT", "local_url": "/news/category/모바일it", "public_url": "https://neoai.kr/news/category/모바일it"}, {"id": 25, "name": "부동산·주거", "slug": "부동산주거", "description": "", "sort_order": 0, "created_at": "2026-09-29 09:02:26", "updated_at": "2026-09-29 09:02:26", "count": 4, "last_post_at": "2026-10-14 17:13:24", "category": "부동산·주거", "local_url": "/news/category/부동산주거", "public_url": "https://neoai.kr/news/category/부동산주거"}, {"id": 5, "name": "비트코인·가상자산", "slug": "비트코인가상자산", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 70, "last_post_at": "2026-10-20 00:18:42", "category": "비트코인·가상자산", "local_url": "/news/category/비트코인가상자산", "public_url": "https://neoai.kr/news/category/비트코인가상자산"}, {"id": 18, "name": "상품추천", "slug": "상품추천", "description": "", "sort_order": 0, "created_at": "2026-08-01 11:20:35", "updated_at": "2026-08-01 11:20:35", "count": 8, "last_post_at": "2026-09-25 23:15:34", "category": "상품추천", "local_url": "/news/category/상품추천", "public_url": "https://neoai.kr/news/category/상품추천"}, {"id": 19, "name": "스포츠", "slug": "스포츠", "description": "", "sort_order": 0, "created_at": "2026-08-09 23:02:21", "updated_at": "2026-08-09 23:02:21", "count": 0, "last_post_at": null, "category": "스포츠", "local_url": "/news/category/스포츠", "public_url": "https://neoai.kr/news/category/스포츠"}, {"id": 6, "name": "스포츠·e스포츠", "slug": "스포츠e스포츠", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 1, "last_post_at": "2026-07-30 02:22:39", "category": "스포츠·e스포츠", "local_url": "/news/category/스포츠e스포츠", "public_url": "https://neoai.kr/news/category/스포츠e스포츠"}, {"id": 7, "name": "실시간이슈", "slug": "실시간이슈", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 4, "last_post_at": "2026-09-25 23:15:34", "category": "실시간이슈", "local_url": "/news/category/실시간이슈", "public_url": "https://neoai.kr/news/category/실시간이슈"}, {"id": 8, "name": "여행·생활", "slug": "여행생활", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 39, "last_post_at": "2026-10-15 01:14:50", "category": "여행·생활", "local_url": "/news/category/여행생활", "public_url": "https://neoai.kr/news/category/여행생활"}, {"id": 9, "name": "연예·방송", "slug": "연예방송", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 1, "last_post_at": "2026-07-29 22:05:40", "category": "연예·방송", "local_url": "/news/category/연예방송", "public_url": "https://neoai.kr/news/category/연예방송"}, {"id": 20, "name": "재난·사건", "slug": "재난사건", "description": "", "sort_order": 0, "created_at": "2026-08-10 05:13:20", "updated_at": "2026-08-10 05:13:20", "count": 0, "last_post_at": null, "category": "재난·사건", "local_url": "/news/category/재난사건", "public_url": "https://neoai.kr/news/category/재난사건"}, {"id": 10, "name": "재난·생활안전", "slug": "재난생활안전", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 1, "last_post_at": "2026-07-29 00:21:28", "category": "재난·생활안전", "local_url": "/news/category/재난생활안전", "public_url": "https://neoai.kr/news/category/재난생활안전"}, {"id": 24, "name": "정부지원·정책", "slug": "정부지원정책", "description": "", "sort_order": 0, "created_at": "2026-09-18 09:04:25", "updated_at": "2026-09-18 09:04:25", "count": 58, "last_post_at": "2026-10-20 07:59:50", "category": "정부지원·정책", "local_url": "/news/category/정부지원정책", "public_url": "https://neoai.kr/news/category/정부지원정책"}, {"id": 17, "name": "정책", "slug": "정책", "description": "", "sort_order": 0, "created_at": "2026-08-01 03:15:11", "updated_at": "2026-08-01 03:15:11", "count": 0, "last_post_at": null, "category": "정책", "local_url": "/news/category/정책", "public_url": "https://neoai.kr/news/category/정책"}, {"id": 26, "name": "주식·코인", "slug": "주식코인", "description": "", "sort_order": 0, "created_at": "2026-10-20 00:57:10", "updated_at": "2026-10-20 00:57:10", "count": 1, "last_post_at": "2026-10-20 01:07:37", "category": "주식·코인", "local_url": "/news/category/주식코인", "public_url": "https://neoai.kr/news/category/주식코인"}, {"id": 11, "name": "직접작성", "slug": "직접작성", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 1, "last_post_at": "2026-07-07 23:24:30", "category": "직접작성", "local_url": "/news/category/직접작성", "public_url": "https://neoai.kr/news/category/직접작성"}, {"id": 12, "name": "키워드블로그", "slug": "키워드블로그", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 14, "last_post_at": "2026-07-12 16:37:18", "category": "키워드블로그", "local_url": "/news/category/키워드블로그", "public_url": "https://neoai.kr/news/category/키워드블로그"}, {"id": 13, "name": "해외AI·IT", "slug": "해외aiit", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 64, "last_post_at": "2026-10-15 21:19:53", "category": "해외AI·IT", "local_url": "/news/category/해외aiit", "public_url": "https://neoai.kr/news/category/해외aiit"}, {"id": 14, "name": "해외경제·미국주식", "slug": "해외경제미국주식", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 69, "last_post_at": "2026-10-17 19:19:07", "category": "해외경제·미국주식", "local_url": "/news/category/해외경제미국주식", "public_url": "https://neoai.kr/news/category/해외경제미국주식"}, {"id": 15, "name": "해외뉴스", "slug": "해외뉴스", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:46", "updated_at": "2026-07-31 10:08:46", "count": 74, "last_post_at": "2026-09-25 23:15:34", "category": "해외뉴스", "local_url": "/news/category/해외뉴스", "public_url": "https://neoai.kr/news/category/해외뉴스"}], "pagination": {"page": 1, "page_size": 10, "total": 1, "total_pages": 1}, "filters": {"q": "", "category": "주식·코인", "status": "published", "platform": "", "page_size": 10}, "language": "en"},canManage=false;
    const newsLanguage=initialData.language||"ko";
    const filters=initialData.filters||{};
    const state={page:1,totalPages:1,pageSize:Number(filters.page_size||10),q:filters.q||"",category:filters.category||"",status:filters.status||(canManage?"all":"published"),platform:filters.platform||""};
    const $=id=>document.getElementById(id),grid=$("anGrid"),empty=$("anEmpty"),count=$("anCount"),toast=$("anToast"),modal=$("anModal"),editModal=$("anEditModal"),editForm=$("anEditForm"),categoryManagerModal=$("anCategoryManagerModal"),categoryAddForm=$("anCategoryAddForm"),categoryManagerList=$("anCategoryManagerList"),coupangManagerModal=$("anCoupangManagerModal"),coupangAddForm=$("anCoupangAddForm"),coupangManagerList=$("anCoupangManagerList"),schedulerManagerModal=$("anSchedulerManagerModal"),schedulerForm=$("anSchedulerForm"),schedulerTimes=$("anSchedulerTimes"),promptManagerModal=$("anPromptManagerModal"),promptPlatformList=$("anPromptPlatformList"),promptProfileList=$("anPromptProfileList"),promptEditorForm=$("anPromptEditorForm"),externalSettingsModal=$("anExternalSettingsModal"),externalSettingsCategories=$("anExternalSettingsCategories"),externalSettingsList=$("anExternalSettingsList");
    let schedulerTimePresets={odd:["05:00","07:00","09:00","11:00","13:00","15:00","17:00","19:00","21:00","23:00"],even:["06:00","08:00","10:00","12:00","14:00","16:00","18:00","20:00","22:00","00:00"]};
    const manualChatgptUrl="https://chatgpt.com/g/g-6a5f2a34dfe881919899f1cdd00ef1b3-neibeobeulrogeu-sangwi1-poseuting-bangbeob2";
    // ver144: Blogger 체크값은 실제 OAuth 연결 상태와 함께 사용합니다. 연결 전에는
    // 실패 작업을 만들지 않고 관리자 연결 화면으로 안내합니다.
    let bloggerConnected=false;
    // ver534: 서버가 429 Retry-After를 반환하면 같은 브라우저에서 버튼을 반복 눌러
    // 보호 제한 메시지를 계속 만드는 대신 남은 냉각시간 동안 신규 ChatGPT 생성 클릭을 막습니다.
    let chatgptClientCooldownUntil=0;
    function setChatgptClientCooldown(seconds,detail=""){const safe=Math.max(1,Number(seconds||0)||600);chatgptClientCooldownUntil=Date.now()+safe*1000;const btn=$("anKeywordGenerateBtn");if(btn)btn.disabled=true;notice(detail||`ChatGPT 보호 제한으로 약 ${Math.ceil(safe/60)}분 동안 새 생성 요청을 보내지 않습니다.`);setTimeout(()=>{if(Date.now()>=chatgptClientCooldownUntil&&btn)btn.disabled=false},Math.min(safe*1000,2147483647))}
    function chatgptClientCooldownRemaining(){return Math.max(0,Math.ceil((chatgptClientCooldownUntil-Date.now())/1000))}
    // ver356: 수동 포스팅 체크박스·드롭다운은 브라우저 localStorage에 저장합니다.
    // 페이지 새로고침/재접속 후에도 마지막 선택값을 복원하며 파일 input은 브라우저 보안상 저장하지 않습니다.
    const MANUAL_GENERATION_PREFS_KEY="auto_news_manual_generation_preferences_v1";
    const MANUAL_GENERATION_SELECT_IDS=["anPlatformSelect","anIntentSelect","anModeSelect","anChatGPTModeSelect","anImageCountSelect","anThumbnailAspectSelect","anVideoAspectSelect","anImageProviderSelect","anVideoProviderSelect","anTtsProviderSelect","anHomepageImageSourceMode","anVideoSourceMode"];
    const MANUAL_GENERATION_CHECK_IDS=["anPublishThreadsCheck","anPublishInstagramCheck","anPublishTikTokCheck","anPublishYouTubeCheck","anPublishYouTubeLongformCheck","anPublishFacebookCheck","anPublishXCheck","anPublishBloggerCheck","anCoupangAutoCodeCheck"];
    const schedulerAspect=document.createElement("select");schedulerAspect.id="anSchedulerThumbnailAspect";schedulerAspect.className="an-select";schedulerAspect.title="자동 포스팅 썸네일과 문단 이미지의 비율과 정확한 출력 크기. 1:1은 가로·세로 영상 원본으로 모두 안전하게 재사용할 수 있도록 중앙 안전영역 기준으로 처리됩니다.";schedulerAspect.innerHTML='<option value="16:9">가로 16:9 · 1280×720</option><option value="9:16">세로 9:16 · 720×1280</option><option value="1:1">정사각형 1:1 · 1080×1080</option>';if($("anSchedulerImageCount"))$("anSchedulerImageCount").insertAdjacentElement("afterend",schedulerAspect);const schedulerVideoAspect=document.createElement("select");schedulerVideoAspect.id="anSchedulerVideoAspect";schedulerVideoAspect.className="an-select";schedulerVideoAspect.title="자동 포스팅 동영상 출력 비율입니다. 기본은 이미지 비율을 따르며, 1:1 이미지를 선택한 경우에만 9:16 세로형 또는 16:9 가로형으로 강제할 수 있습니다.";schedulerVideoAspect.innerHTML='<option value="match">동영상 비율 · 이미지에 맞춤</option><option value="9:16">동영상 세로 9:16 · 1080×1920</option><option value="16:9">동영상 가로 16:9 · 1920×1080</option>';if($("anSchedulerThumbnailAspect"))$("anSchedulerThumbnailAspect").insertAdjacentElement("afterend",schedulerVideoAspect);
    function readManualGenerationPreferences(){try{const raw=localStorage.getItem(MANUAL_GENERATION_PREFS_KEY);const data=raw?JSON.parse(raw):{};return data&&typeof data==="object"?data:{}}catch(e){return{}}}
    function saveManualGenerationPreferences(){try{const data={};MANUAL_GENERATION_SELECT_IDS.forEach(id=>{const el=$(id);if(el)data[id]=String(el.value||"")});MANUAL_GENERATION_CHECK_IDS.forEach(id=>{const el=$(id);if(el)data[id]=Boolean(el.checked)});localStorage.setItem(MANUAL_GENERATION_PREFS_KEY,JSON.stringify(data))}catch(e){console.warn("[AUTO_NEWS] manual preferences save skipped",e)}}
    function restoreManualGenerationPreferences(){const data=readManualGenerationPreferences();MANUAL_GENERATION_SELECT_IDS.forEach(id=>{const el=$(id),value=data[id];if(!el||value==null)return;const valid=[...el.options].some(option=>option.value===String(value));if(valid)el.value=String(value)});MANUAL_GENERATION_CHECK_IDS.forEach(id=>{const el=$(id);if(el&&typeof data[id]==="boolean")el.checked=data[id]});if($("anPlatformSelect")&&$("anPlatformSelect").value==="all"&&$("anModeSelect"))$("anModeSelect").value="all"}
    function bindManualGenerationPreferenceMemory(){[...MANUAL_GENERATION_SELECT_IDS,...MANUAL_GENERATION_CHECK_IDS].forEach(id=>{const el=$(id);if(!el)return;el.addEventListener("change",saveManualGenerationPreferences)})}
    function syncParagraphImageProviderSelection(){if($("anImageCountSelect")&&$("anImageCountSelect").value==="paragraphs"&&$("anImageProviderSelect"))$("anImageProviderSelect").value="gpt";if($("anSchedulerImageCount")&&normalizedSchedulerImageCount($("anSchedulerImageCount").value)==="paragraphs"&&$("anSchedulerImageProvider"))$("anSchedulerImageProvider").value="gpt"}
    function syncVideoAspectSelectors(){const manualThumb=$("anThumbnailAspectSelect"),manualVideo=$("anVideoAspectSelect"),schedulerThumb=$("anSchedulerThumbnailAspect"),schedulerVideo=$("anSchedulerVideoAspect");const apply=(thumb,video)=>{if(!thumb||!video)return;const square=String(thumb.value||"")==="1:1";video.disabled=!square;if(!square)video.value="match";if(square&&!["9:16","16:9"].includes(String(video.value||"")))video.value="9:16";video.title=square?"1:1 이미지를 영상으로 만들 때 출력 비율을 고릅니다. 중앙 안전영역을 유지한 채 세로 9:16 또는 가로 16:9로 제작합니다.":"현재 이미지 비율이 1:1이 아니므로 동영상도 이미지 비율을 그대로 사용합니다."};apply(manualThumb,manualVideo);apply(schedulerThumb,schedulerVideo)}
    function esc(v){return String(v==null?"":v).replace(/[&<>"']/g,m=>({"&":"&amp;","<":"&lt;",">":"&gt;","\"":"&quot;","'":"&#039;"}[m]))}
    function hashTag(v){const clean=String(v==null?"":v).trim().replace(/^#+/,"");return clean?`#${clean}`:""}
    function visibilityScoreStrip(item,compact=false){
      const seo=item&&typeof item.seo==="object"&&item.seo?item.seo:{},vs=seo&&typeof seo.visibility_scores==="object"&&seo.visibility_scores?seo.visibility_scores:{};
      const overall=Number(seo.cross_platform_visibility_score??item?.seo_score??0)||0,content=Number(seo.content_quality_score??0)||0;
      const pills=compact?[["종합",overall,"primary"],["G검색",vs.google_search],["Discover",vs.google_discover],["AI",vs.google_ai_summary],["N검색",vs.naver_search],["N홈",vs.naver_home_feed]]:[["종합 노출",overall,"primary"],["Content",content],["Google Search",vs.google_search],["Discover",vs.google_discover],["News",vs.google_news],["AI 요약",vs.google_ai_summary],["Naver Search",vs.naver_search],["Naver 홈피드",vs.naver_home_feed]];
      return `<div class="an-score-strip" title="공식 노출 확률이 아니라 현재 원고의 내부 발행 준비도입니다.">${pills.map(([label,value,cls])=>`<span class="an-score-pill ${cls||""}">${esc(label)} ${esc(Number(value)||0)}</span>`).join("")}${compact?"":`<span class="an-score-note">공식 랭킹·노출 확률 아님</span>`}</div>`
    }
    function resolveCardImages(item){const candidates=[item&&item.image_url];if(Array.isArray(item&&item.image_fallback_urls))candidates.push(...item.image_fallback_urls);const output=[],seen=new Set();for(const raw of candidates){const value=String(raw==null?"":raw).trim();if(!value||seen.has(value))continue;if(value.startsWith("/")||/^https?:\/\//i.test(value)||value.startsWith("data:image/")){seen.add(value);output.push(value)}}return output}
    function bindCardImageFallback(image,candidates){let index=candidates.indexOf(image.getAttribute("src")||"");const loadNext=()=>{index+=1;if(index<candidates.length){image.src=candidates[index];return}const thumb=image.closest(".an-thumb");image.remove();if(thumb)thumb.classList.remove("has-image")};image.addEventListener("error",loadNext);if(image.complete&&image.naturalWidth===0)loadNext()}
    // ver602: scheduler results belong inside the modal top layer, replacing hidden background toasts.
    function notice(message){const result=document.getElementById("anSchedulerSaveStatus"),dialog=document.getElementById("anSchedulerManagerModal");if(dialog?.open&&result){result.hidden=false;result.textContent=message;return}toast.textContent=message;toast.classList.add("show");setTimeout(()=>toast.classList.remove("show"),3000)}
    function rateLimitWait(data={}){const seconds=Math.max(0,Number(data.rate_limit_remaining_seconds||data.buffer_global_rate_limit_remaining_seconds||0));return !seconds?"":seconds>=86400?`${Math.ceil(seconds/86400)}일`:seconds>=3600?`${Math.ceil(seconds/3600)}시간`:`${Math.ceil(seconds/60)}분`}
    function rateLimitLabel(service,data={}){return `${service} 수동 재실행`}
    function platformClass(value){value=String(value||"");return value==="naver"?"cat-naver":value==="tistory"?"cat-tistory":value==="blogspot"?"cat-blogspot":value==="youtube"?"cat-youtube":value==="instagram"?"cat-instagram":value==="threads"?"cat-threads":value==="facebook"?"cat-facebook":value==="x"?"cat-x":value==="all"?"cat-all":""}
    function updatePager(){const makeUrl=page=>{const url=new URL(location.href);url.searchParams.set("page",String(page));return url.pathname+url.search};$("anPrev").href=makeUrl(Math.max(1,state.page-1));$("anNext").href=makeUrl(Math.min(state.totalPages,state.page+1));$("anPrev").setAttribute("aria-disabled",state.page<=1?"true":"false");$("anNext").setAttribute("aria-disabled",state.page>=state.totalPages?"true":"false")}
    function render(data){
      const items=data.items||[],p=data.pagination||{};
      state.page=p.page||1;state.totalPages=p.total_pages||1;
      count.textContent=`총 ${p.total||0}개 · ${state.page}/${state.totalPages}페이지`;
      grid.innerHTML="";empty.style.display=items.length?"none":"block";
      items.forEach(item=>{
        const card=document.createElement("article");
        card.className=canManage?"an-card has-admin-actions":"an-card";
        card.dataset.postCard=String(item.id||"");
        const wordAction=canManage&&item.word_download_url?`<a class="an-btn success" href="${esc(item.word_download_url)}">Word</a>`:"";
        const gptArchiveAction=canManage&&item.gpt_archive_download_url?`<a class="an-btn secondary" href="${esc(item.gpt_archive_download_url)}">GPT 원고 ZIP</a>`:"";
        const copyActions=platformCopyActions(item.id);
        const imageAction=canManage&&item.image_zip_download_url?`<a class="an-btn secondary" href="${esc(item.image_zip_download_url)}">이미지 ZIP</a>`:canManage?`<button class="an-btn secondary" type="button" data-gpt-image-id="${item.id}">이미지 생성</button>`:"";
        const instagramVideoAction=canManage&&item.instagram_video_download_url?`<a class="an-btn warning" href="${esc(item.instagram_video_download_url)}">공용 동영상 MP4</a>`:canManage&&String(item.instagram_video_status||"").toLowerCase()==="creating"?`<button class="an-btn warning is-loading" disabled>동영상 준비·6채널 발행 중…</button>`:canManage&&item.status==="published"?`<button class="an-btn warning" type="button" data-instagram-video-id="${item.id}">동영상 생성·6채널</button>`:"";
        const bufferStatus=String(item.buffer_publication_status||"not_sent").toLowerCase();
        let bufferLabel="Threads 발행",bufferClass="success",bufferDisabled="",bufferForce="0";
        if(bufferStatus==="waiting_for_homepage_images"){bufferLabel="홈페이지 이미지 처리 후 Threads 예정…";bufferClass="is-loading";bufferDisabled=' disabled aria-busy="true"'}
        else if(bufferStatus==="in_progress"||bufferStatus==="generating_text"||bufferStatus==="generating_image"||bufferStatus==="ready"){bufferLabel="Threads 발행 중…";bufferClass="is-loading";bufferDisabled=' disabled aria-busy="true"'}
        else if(bufferStatus==="published"){bufferLabel="✓ Threads 발행 완료";bufferClass="is-complete";bufferDisabled=" disabled"}
        else if(bufferStatus==="queued"){bufferLabel="⏳ Threads 대기열 등록 · 게시 확인 필요";bufferClass="is-queued";bufferDisabled=" disabled"}
        else if(bufferStatus==="retry_wait"){bufferLabel="Threads 지금 재시도";bufferClass="is-queued"}
        else if(bufferStatus==="rate_limited"){bufferLabel="Threads 수동 재실행";bufferClass="is-queued"}
        else if(bufferStatus==="needs_action"){bufferLabel="Threads 확인 후 수동 재실행";bufferClass="is-attention";bufferForce="1"}
        else if(bufferStatus==="failed"||bufferStatus==="unknown"){bufferLabel="Threads 확인 후 수동 재실행";bufferClass="is-attention";bufferForce="1"}
        const bufferAction=canManage&&item.status==="published"?`<button class="an-btn an-buffer-btn ${bufferClass}" type="button" data-buffer-id="${item.id}" data-buffer-force="${bufferForce}" data-buffer-status="${esc(bufferStatus)}" aria-live="polite"${bufferDisabled}>${bufferLabel}</button>`:"";
        const instagramStatus=String(item.instagram_publication_status||"not_sent").toLowerCase();
        let instagramLabel="Instagram 발행",instagramClass="success",instagramDisabled="",instagramForce="0";
        if(instagramStatus==="in_progress"){instagramLabel="Instagram 영상·캡션 발행 중…";instagramClass="is-loading";instagramDisabled=' disabled aria-busy="true"'}
        else if(instagramStatus==="published"){instagramLabel="✓ Instagram 발행 완료";instagramClass="is-complete";instagramDisabled=" disabled"}
        else if(instagramStatus==="queued"){instagramLabel="⏳ Instagram 대기열 등록 · 게시 확인 필요";instagramClass="is-queued";instagramDisabled=" disabled"}
        else if(instagramStatus==="retry_wait"){instagramLabel="Instagram 지금 재시도";instagramClass="is-queued"}
        else if(instagramStatus==="rate_limited"){instagramLabel="Instagram 수동 재실행";instagramClass="is-queued"}
        else if(instagramStatus==="needs_action"){instagramLabel="Instagram 확인 후 수동 재실행";instagramClass="is-attention";instagramForce="1"}
        else if(instagramStatus==="failed"||instagramStatus==="unknown"||instagramStatus==="pending"){instagramLabel="Instagram 확인 후 수동 재실행";instagramClass="is-attention";instagramForce="1"}
        const instagramAction=canManage&&item.status==="published"?`<button class="an-btn an-instagram-btn ${instagramClass}" type="button" data-instagram-id="${item.id}" data-instagram-force="${instagramForce}" data-instagram-status="${esc(instagramStatus)}" aria-live="polite"${instagramDisabled}>${instagramLabel}</button>`:"";
        const tiktokStatus=String(item.tiktok_publication_status||"not_sent").toLowerCase();
        let tiktokLabel="TikTok 발행",tiktokClass="success",tiktokDisabled="",tiktokForce="0";
        if(tiktokStatus==="in_progress"){tiktokLabel="TikTok 영상·캡션 발행 중…";tiktokClass="is-loading";tiktokDisabled=' disabled aria-busy="true"'}
        else if(tiktokStatus==="published"){tiktokLabel="✓ TikTok 발행 완료";tiktokClass="is-complete";tiktokDisabled=" disabled"}
        else if(tiktokStatus==="queued"){tiktokLabel="⏳ TikTok 대기열 등록 · 게시 확인 필요";tiktokClass="is-queued";tiktokDisabled=" disabled"}
        else if(tiktokStatus==="retry_wait"){tiktokLabel="TikTok 지금 재시도";tiktokClass="is-queued"}
        else if(tiktokStatus==="rate_limited"){tiktokLabel="TikTok 수동 재실행";tiktokClass="is-queued"}
        else if(tiktokStatus==="needs_action"){tiktokLabel="TikTok 확인 후 수동 재실행";tiktokClass="is-attention";tiktokForce="1"}
        else if(tiktokStatus==="failed"||tiktokStatus==="unknown"||tiktokStatus==="pending"){tiktokLabel="TikTok 확인 후 수동 재실행";tiktokClass="is-attention";tiktokForce="1"}
        const tiktokAction=canManage&&item.status==="published"?`<button class="an-btn an-tiktok-btn ${tiktokClass}" type="button" data-tiktok-id="${item.id}" data-tiktok-force="${tiktokForce}" data-tiktok-status="${esc(tiktokStatus)}" aria-live="polite"${tiktokDisabled}>${tiktokLabel}</button>`:"";
        const makeBufferVideoAction=(service,label,cssClass)=>{const status=String(item[`${service}_publication_status`]||"not_sent").toLowerCase();let text=`${label} 발행`,cls="success",disabled="",force="0";if(status==="in_progress"||status==="waiting_video"){text=`${label} 영상·원고 발행 중…`;cls="is-loading";disabled=' disabled aria-busy="true"'}else if(status==="published"){text=`✓ ${label} 발행 완료`;cls="is-complete";disabled=" disabled"}else if(status==="queued"){text=`✓ ${label} 대기열 등록`;cls="is-queued";disabled=" disabled"}else if(status==="retry_wait"||status==="rate_limited"){text=`${label} 수동 재실행`;cls="is-queued"}else if(["needs_action","failed","unknown","pending"].includes(status)){text=`${label} 확인 후 재실행`;cls="is-attention";force="1"}return canManage&&item.status==="published"?`<button class="an-btn ${cssClass} ${cls}" type="button" data-${service}-id="${item.id}" data-${service}-force="${force}" data-${service}-status="${esc(status)}" aria-live="polite"${disabled}>${text}</button>`:""};
        const youtubeAction=makeBufferVideoAction("youtube","YouTube Shorts","an-youtube-btn");
        // ver603: the refreshed list must retain the existing dedicated longform action from server HTML.
        const youtubeLongformAction=canManage&&item.status==="published"?`<button class="an-btn an-youtube-btn success" type="button" data-youtube-longform-id="${item.id}">YouTube 롱폼 발행</button>`:"";
        const facebookAction=makeBufferVideoAction("facebook","Facebook","an-facebook-btn");
        const xAction=makeBufferVideoAction("x","X","an-x-btn");
        const bloggerStatus=String(item.blogger_publication_status||"not_sent").toLowerCase();
        let bloggerLabel="Blogger 전용 발행",bloggerClass="warning",bloggerDisabled="",bloggerForce="0";
        if(bloggerStatus==="in_progress"){bloggerLabel="Blogger 전용 글 작성·발행 중…";bloggerClass="is-loading";bloggerDisabled=' disabled aria-busy="true"'}
        else if(bloggerStatus==="published"){bloggerLabel="✓ Blogger 발행 완료";bloggerClass="is-complete";bloggerDisabled=""}
        else if(bloggerStatus==="draft"){bloggerLabel="✓ Blogger 초안 저장";bloggerClass="is-queued";bloggerDisabled=""}
        else if(bloggerStatus==="retry_wait"||bloggerStatus==="rate_limited"){bloggerLabel="Blogger 수동 재실행";bloggerClass="is-queued"}
        else if(bloggerStatus==="needs_action"){bloggerLabel="Blogger 확인 후 수동 재실행";bloggerClass="is-attention";bloggerForce="1"}
        else if(bloggerStatus==="failed"||bloggerStatus==="unknown"){bloggerLabel="Blogger 확인 후 수동 재실행";bloggerClass="is-attention";bloggerForce="1"}
        const bloggerAction=canManage&&item.status==="published"?`<button class="an-btn an-blogger-btn ${bloggerClass}" type="button" data-blogger-id="${item.id}" data-blogger-force="${bloggerForce}" data-blogger-status="${esc(bloggerStatus)}" aria-live="polite"${bloggerDisabled}>${bloggerLabel}</button>`:"";
        const adminActions=canManage?`<details class="an-card-admin" data-admin-actions="${item.id}"><summary class="an-card-admin-toggle" aria-label="관리 버튼 펼치기 또는 접기"><span class="an-card-admin-toggle-text" data-label-open="관리 열기" data-label-close="관리 접기" data-label-studio="상태 · 관리"></span><span class="an-card-admin-toggle-icon" aria-hidden="true">▼</span></summary><div class="an-card-actions">${wordAction}${gptArchiveAction}${copyActions}${imageAction}${instagramVideoAction}${bufferAction}${instagramAction}${tiktokAction}${youtubeAction}${youtubeLongformAction}${facebookAction}${xAction}${bloggerAction}<button class="an-btn secondary" data-edit-id="${item.id}">수정</button><button class="an-btn danger" data-delete-id="${item.id}" data-title="${esc(item.title)}">삭제</button></div></details>`:"";
        const categoryLink=item.category_url?`<a class="an-category-card-link" href="${esc(item.category_url)}">${esc(item.category||"")}</a>`:"",imageCandidates=resolveCardImages(item),imageUrl=imageCandidates[0]||"";
        // ver615: Refreshed cards use the same body excerpt as initial HTML.
        card.innerHTML=`<div class="an-thumb ${platformClass(item.platform)} ${imageUrl?"has-image":""}">${imageUrl?`<img class="an-thumb-img" data-i18n-skip src="${esc(imageUrl)}" alt="${esc(item.image_alt||item.title)}" loading="eager" fetchpriority="low" decoding="async" referrerpolicy="no-referrer">`:""}<div class="an-thumb-label"><small>${esc(item.platform_label||"자동 선택")} · ${esc(item.status||"")}</small><strong>${esc(item.thumbnail_text||item.focus_keyword||"SEO 콘텐츠")}</strong></div></div><div class="an-body"><a class="an-post-link" data-i18n-skip href="${esc(item.local_url)}"><h2>${esc(item.title)}</h2><p>${esc(item.summary||"")}</p></a><div class="an-meta">${categoryLink}<span>${esc(item.intent_label||"")}</span><span>내부 SEO ${esc(item.seo_score||0)}</span><span>조회 ${esc(item.view_count||0)}</span><span>${esc(item.published_at||item.created_at||"")}</span></div>${visibilityScoreStrip(item,true)}<div>${(item.display_tags||item.tags||[]).slice(0,5).map(tag=>`<span class="an-tag">${esc(hashTag(tag))}</span>`).join("")}</div></div>${adminActions}`;
        grid.appendChild(card);
        const thumbImage=card.querySelector(".an-thumb-img");if(thumbImage)bindCardImageFallback(thumbImage,imageCandidates);
      });
    }
    async function load(){const params=new URLSearchParams({page:state.page,page_size:state.pageSize,q:state.q,category:state.category,status:state.status,platform:state.platform,lang:newsLanguage});const controller=new AbortController(),timer=setTimeout(()=>controller.abort(),15000);try{const res=await fetch("/api/auto-news/posts?"+params,{cache:"no-store",signal:controller.signal,headers:{"Accept":"application/json"}});if(!res.ok)throw new Error("목록을 불러오지 못했습니다.");const data=await res.json();render(data);updatePager()}finally{clearTimeout(timer)}}
    // ver94: 목록 상세보기에서도 수수료 문구가 포함된 쿠팡 영역을 실제 본문보다 먼저 배치합니다.
    function platformCopyActions(postId){
      if(!canManage||!postId)return"";
      return [["threads","Threads"],["instagram","Instagram"],["tiktok","TikTok"],["youtube","YouTube"],["facebook","Facebook"],["x","X"],["blogger","Blogger"]].map(([platform,label])=>`<button class="an-btn secondary an-platform-copy-btn" type="button" data-copy-post-id="${postId}" data-copy-platform="${platform}">${label} 원고 복사</button>`).join("")
    }
    async function writeSavedCopyText(content){
      const value=String(content||"");if(!value)throw new Error("복사할 저장 원고가 비어 있습니다.");
      if(navigator.clipboard&&window.isSecureContext){await navigator.clipboard.writeText(value);return}
      const area=document.createElement("textarea");area.value=value;area.setAttribute("readonly","");area.style.position="fixed";area.style.left="-9999px";area.style.top="0";document.body.appendChild(area);area.select();area.setSelectionRange(0,area.value.length);const copied=document.execCommand("copy");area.remove();if(!copied)throw new Error("브라우저가 클립보드 복사를 허용하지 않았습니다.")
    }
    async function copySavedPlatformFromButton(button){
      if(!button||button.disabled)return;const postId=button.dataset.copyPostId,platform=String(button.dataset.copyPlatform||"").toLowerCase(),labels={threads:"Threads",instagram:"Instagram",tiktok:"TikTok",youtube:"YouTube",facebook:"Facebook",blogger:"Blogger"},label=labels[platform]||platform,original=button.textContent;
      button.disabled=true;button.textContent=`${label} 원고 불러오는 중…`;
      try{const res=await fetch(`/api/auto-news/posts/${postId}/saved-copy/${platform}`,{cache:"no-store",headers:{"Accept":"application/json"}}),data=await readJsonResponse(res);await writeSavedCopyText(data.content);button.textContent=`✓ ${label} 원고 복사됨`;notice(`${label} 저장 원고 ${Number(data.character_count||String(data.content||"").length).toLocaleString()}자를 클립보드에 복사했습니다.`);setTimeout(()=>{button.disabled=false;button.textContent=original},1600)}catch(error){button.disabled=false;button.textContent=original;notice(error&&error.message?error.message:`${label} 원고 복사에 실패했습니다.`)}
    }
    async function openPost(id){
      const res=await fetch(`/api/auto-news/posts/${id}`),data=await res.json().catch(()=>({}));
      if(!res.ok)return notice(data.detail||"콘텐츠를 불러오지 못했습니다.");
      const post=data.post||{},word=canManage&&post.word_download_url?`<a class="an-btn success" href="${esc(post.word_download_url)}">MS Word</a>`:"",gptArchiveAction=canManage&&post.gpt_archive_download_url?`<a class="an-btn secondary" href="${esc(post.gpt_archive_download_url)}">GPT 원고 ZIP</a>`:"",copyActions=platformCopyActions(post.id),gptImageAction=canManage&&post.image_zip_download_url?`<a class="an-btn secondary" href="${esc(post.image_zip_download_url)}">이미지 ZIP</a>`:canManage?`<button class="an-btn secondary" type="button" data-gpt-image-id="${post.id}">이미지 생성</button>`:"",videoAction=canManage&&post.instagram_video_download_url?`<a class="an-btn warning" href="${esc(post.instagram_video_download_url)}">공용 동영상 MP4</a>`:canManage&&String(post.instagram_video_status||"").toLowerCase()==="creating"?`<button class="an-btn warning is-loading" disabled>동영상 준비·6채널 발행 중…</button>`:canManage&&post.status==="published"?`<button class="an-btn warning" type="button" data-instagram-video-id="${post.id}">동영상 생성·6채널 발행</button>`:"";
      const bufferStatus=String(post.buffer_publication_status||"not_sent").toLowerCase(),bufferAction=canManage&&post.status==="published"?(bufferStatus==="published"?`<button class="an-btn an-buffer-btn is-complete" disabled>✓ Threads 발행 완료</button>`:bufferStatus==="queued"?`<button class="an-btn an-buffer-btn is-queued" disabled>⏳ Threads 대기열 등록 · 게시 확인 필요</button>`:bufferStatus==="retry_wait"?`<button class="an-btn an-buffer-btn is-queued" type="button" data-buffer-id="${post.id}" data-buffer-force="0" data-buffer-status="retry_wait">Threads 지금 재시도</button>`:bufferStatus==="rate_limited"?`<button class="an-btn an-buffer-btn is-queued" type="button" data-buffer-id="${post.id}" data-buffer-force="0" data-buffer-status="rate_limited">Threads 수동 재실행</button>`:bufferStatus==="needs_action"?`<button class="an-btn an-buffer-btn is-attention" type="button" data-buffer-id="${post.id}" data-buffer-force="1" data-buffer-status="needs_action">Threads 확인 후 수동 재실행</button>`:bufferStatus==="in_progress"?`<button class="an-btn an-buffer-btn is-loading" disabled>Threads 발행 중…</button>`:`<button class="an-btn an-buffer-btn ${bufferStatus==="failed"||bufferStatus==="unknown"||bufferStatus==="pending"?"is-attention":"success"}" type="button" data-buffer-id="${post.id}" data-buffer-force="${bufferStatus==="failed"||bufferStatus==="unknown"||bufferStatus==="pending"?"1":"0"}" data-buffer-status="${esc(bufferStatus)}">${bufferStatus==="failed"||bufferStatus==="unknown"||bufferStatus==="pending"?"Threads 확인 후 수동 재실행":"Threads 발행"}</button>`):"";
      const instagramStatus=String(post.instagram_publication_status||"not_sent").toLowerCase(),instagramAction=canManage&&post.status==="published"?(instagramStatus==="published"?`<button class="an-btn an-instagram-btn is-complete" disabled>✓ Instagram 발행 완료</button>`:instagramStatus==="queued"?`<button class="an-btn an-instagram-btn is-queued" disabled>⏳ Instagram 대기열 등록 · 게시 확인 필요</button>`:instagramStatus==="retry_wait"?`<button class="an-btn an-instagram-btn is-queued" type="button" data-instagram-id="${post.id}" data-instagram-force="0" data-instagram-status="retry_wait">Instagram 지금 재시도</button>`:instagramStatus==="rate_limited"?`<button class="an-btn an-instagram-btn is-queued" type="button" data-instagram-id="${post.id}" data-instagram-force="0" data-instagram-status="rate_limited">Instagram 수동 재실행</button>`:instagramStatus==="needs_action"?`<button class="an-btn an-instagram-btn is-attention" type="button" data-instagram-id="${post.id}" data-instagram-force="1" data-instagram-status="needs_action">Instagram 확인 후 수동 재실행</button>`:instagramStatus==="in_progress"?`<button class="an-btn an-instagram-btn is-loading" disabled>Instagram 영상·캡션 발행 중…</button>`:`<button class="an-btn an-instagram-btn ${instagramStatus==="failed"||instagramStatus==="unknown"||instagramStatus==="pending"?"is-attention":"success"}" type="button" data-instagram-id="${post.id}" data-instagram-force="${instagramStatus==="failed"||instagramStatus==="unknown"||instagramStatus==="pending"?"1":"0"}" data-instagram-status="${esc(instagramStatus)}">${instagramStatus==="failed"||instagramStatus==="unknown"||instagramStatus==="pending"?"Instagram 확인 후 수동 재실행":"Instagram 발행"}</button>`):"";
      const tiktokStatus=String(post.tiktok_publication_status||"not_sent").toLowerCase(),tiktokAction=canManage&&post.status==="published"?(tiktokStatus==="published"?`<button class="an-btn an-tiktok-btn is-complete" disabled>✓ TikTok 발행 완료</button>`:tiktokStatus==="queued"?`<button class="an-btn an-tiktok-btn is-queued" disabled>⏳ TikTok 대기열 등록 · 게시 확인 필요</button>`:tiktokStatus==="retry_wait"?`<button class="an-btn an-tiktok-btn is-queued" type="button" data-tiktok-id="${post.id}" data-tiktok-force="0" data-tiktok-status="retry_wait">TikTok 지금 재시도</button>`:tiktokStatus==="rate_limited"?`<button class="an-btn an-tiktok-btn is-queued" type="button" data-tiktok-id="${post.id}" data-tiktok-force="0" data-tiktok-status="rate_limited">TikTok 수동 재실행</button>`:tiktokStatus==="needs_action"?`<button class="an-btn an-tiktok-btn is-attention" type="button" data-tiktok-id="${post.id}" data-tiktok-force="1" data-tiktok-status="needs_action">TikTok 확인 후 수동 재실행</button>`:tiktokStatus==="in_progress"?`<button class="an-btn an-tiktok-btn is-loading" disabled>TikTok 영상·캡션 발행 중…</button>`:`<button class="an-btn an-tiktok-btn ${tiktokStatus==="failed"||tiktokStatus==="unknown"||tiktokStatus==="pending"?"is-attention":"success"}" type="button" data-tiktok-id="${post.id}" data-tiktok-force="${tiktokStatus==="failed"||tiktokStatus==="unknown"||tiktokStatus==="pending"?"1":"0"}" data-tiktok-status="${esc(tiktokStatus)}">${tiktokStatus==="failed"||tiktokStatus==="unknown"||tiktokStatus==="pending"?"TikTok 확인 후 수동 재실행":"TikTok 발행"}</button>`):"";
      const makeModalVideoAction=(service,label,cssClass)=>{const status=String(post[`${service}_publication_status`]||"not_sent").toLowerCase();if(!canManage||post.status!=="published")return"";if(status==="published")return`<button class="an-btn ${cssClass} is-complete" disabled>✓ ${label} 발행 완료</button>`;if(status==="queued")return`<button class="an-btn ${cssClass} is-queued" disabled>✓ ${label} 대기열 등록</button>`;if(status==="in_progress"||status==="waiting_video")return`<button class="an-btn ${cssClass} is-loading" disabled>${label} 영상·원고 발행 중…</button>`;if(status==="retry_wait"||status==="rate_limited")return`<button class="an-btn ${cssClass} is-queued" type="button" data-${service}-id="${post.id}" data-${service}-force="0" data-${service}-status="${esc(status)}">${label} 수동 재실행</button>`;const force=["needs_action","failed","unknown","pending"].includes(status)?"1":"0",cls=force==="1"?"is-attention":"success",text=force==="1"?`${label} 확인 후 재실행`:`${label} 발행`;return`<button class="an-btn ${cssClass} ${cls}" type="button" data-${service}-id="${post.id}" data-${service}-force="${force}" data-${service}-status="${esc(status)}">${text}</button>`};
      const youtubeAction=makeModalVideoAction("youtube","YouTube","an-youtube-btn"),facebookAction=makeModalVideoAction("facebook","Facebook","an-facebook-btn"),xAction=makeModalVideoAction("x","X","an-x-btn");
      const bloggerStatus=String(post.blogger_publication_status||"not_sent").toLowerCase(),bloggerAction=canManage&&post.status==="published"?(bloggerStatus==="published"?`<button class="an-btn an-blogger-btn is-complete" disabled>✓ Blogger 발행 완료</button>`:bloggerStatus==="draft"?`<button class="an-btn an-blogger-btn is-queued" disabled>✓ Blogger 초안 저장</button>`:["retry_wait","rate_limited"].includes(bloggerStatus)?`<button class="an-btn an-blogger-btn is-queued" type="button" data-blogger-id="${post.id}" data-blogger-force="0" data-blogger-status="${esc(bloggerStatus)}">Blogger 수동 재실행</button>`:bloggerStatus==="needs_action"?`<button class="an-btn an-blogger-btn is-attention" type="button" data-blogger-id="${post.id}" data-blogger-force="1" data-blogger-status="needs_action">Blogger 확인 후 수동 재실행</button>`:bloggerStatus==="in_progress"?`<button class="an-btn an-blogger-btn is-loading" disabled>Blogger 전용 글 작성·발행 중…</button>`:`<button class="an-btn an-blogger-btn ${bloggerStatus==="failed"||bloggerStatus==="unknown"?"is-attention":"warning"}" type="button" data-blogger-id="${post.id}" data-blogger-force="${bloggerStatus==="failed"||bloggerStatus==="unknown"?"1":"0"}" data-blogger-status="${esc(bloggerStatus)}">${bloggerStatus==="failed"||bloggerStatus==="unknown"?"Blogger 확인 후 수동 재실행":"Blogger 전용 발행"}</button>`):"",video=post.instagram_video_url?`<video class="an-instagram-video" controls playsinline preload="metadata" poster="${esc(post.image_url||"")}"><source src="${esc(post.instagram_video_url)}" type="video/mp4"></video>`:"";
      $("anModalTitle").textContent=post.title||"상세보기";
      $("anArticle").innerHTML=visibilityScoreStrip(post,false)+video+(post.instagram_caption?`<p class="an-video-note"><strong>Instagram 캡션</strong> ${esc(post.instagram_caption)}</p>`:"")+(post.tiktok_caption?`<p class="an-video-note"><strong>TikTok 캡션</strong> ${esc(post.tiktok_caption)}</p>`:"")+(post.affiliate_links_html||"")+(post.coupang_partners_html||"")+(post.content_html||"");
      $("anModalActions").innerHTML=`<a class="an-btn" href="${esc(post.local_url)}">상세 페이지</a>${word}${gptArchiveAction}${copyActions}${gptImageAction}${videoAction}${bufferAction}${instagramAction}${tiktokAction}${youtubeAction}${facebookAction}${xAction}${bloggerAction}`;modal.classList.add("open")
    }
    async function generatePostImages(id,button){
      if(!id)return;const original=button?button.textContent:"";
      if(button){button.disabled=true;button.textContent="GPT 이미지 예약 중…"}
      try{const rawImageCount=$("anImageCountSelect")?String($("anImageCountSelect").value||"5"):"5",paragraphMode=rawImageCount==="paragraphs",imageCount=paragraphMode?"paragraphs":Math.max(1,Math.min(5,Number(rawImageCount)||5)),provider=paragraphMode?"gpt":($("anImageProviderSelect")?$("anImageProviderSelect").value:"auto"),res=await fetch(`/api/auto-news/posts/${id}/generate-images?image_count=${encodeURIComponent(imageCount)}&provider=${encodeURIComponent(provider)}`,{method:"POST"});const data=await res.json().catch(()=>({}));if(!res.ok||!data.ok)throw new Error(data.detail||(data.image_errors||[]).map(item=>item.detail).join("; ")||"이미지 생성을 시작하지 못했습니다.");notice(paragraphMode?`최종 본문의 H2 문단 수 기준으로 GPT 이미지를 생성합니다. 실제 계획 ${data.requested_image_count||data.expected_count||"자동"}장.`:`이미지 총 ${imageCount}장 · ${data.image_provider_label||provider} 경로로 처리합니다.`);if(button)button.textContent=data.image_queued?"이미지 생성 중… 새로고침 후 확인":"이미지 생성 완료"}catch(error){if(button){button.disabled=false;button.textContent=original}throw error}
    }
    async function createInstagramVideo(id,button){
      if(!id)return;
      const original=button?button.textContent:"";
      if(button){button.disabled=true;button.textContent="동영상 생성·6채널 예약 중…"}
      try{
        const res=await fetch(`/api/auto-news/posts/${id}/instagram-video?force=1&provider=${encodeURIComponent($("anVideoProviderSelect")?$("anVideoProviderSelect").value:"auto")}`,{method:"POST"});
        const data=await res.json().catch(()=>({}));
        if(!res.ok||!data.ok)throw new Error(data.detail||"동영상 생성·6채널 발행을 시작하지 못했습니다.");
        notice("홈페이지 확정 원고로 30~59초 한국어 TTS를 만들고, 같은 TTS 대본을 PPT형 보고서 장면으로 렌더링해 실제 음성 길이에 맞춘 9:16(1080×1920) MP4로 만든 뒤 선택 채널에 순서대로 발행합니다.");
        if(modal.classList.contains("open"))await openPost(id);else await load();
      }catch(error){if(button){button.disabled=false;button.textContent=original}throw error}
    }
    async function deletePost(id,title){if(!confirm(window.siteI18n.t(`이 콘텐츠를 삭제할까요?\n${title||""}`)))return;const res=await fetch(`/api/auto-news/posts/${id}`,{method:"DELETE"});const data=await res.json().catch(()=>({}));if(!res.ok)return notice(data.detail||"삭제하지 못했습니다.");notice("삭제했습니다.");await load()}
    async function waitForThreadsPublication(id,button){
      const labels={generating_text:"GPT가 원문 전체를 Threads 글로 변환 중…",generating_image:"Threads 전용 이미지 생성 중…",ready:"Buffer에 글과 이미지를 전송 중…",in_progress:"Threads 발행 중…"};
      const deadline=Date.now()+12*60*1000;
      while(Date.now()<deadline){
        await new Promise(resolve=>setTimeout(resolve,5000));
        const res=await fetch(`/api/auto-news/posts/${id}/buffer-publication`,{cache:"no-store"});
        const data=await res.json().catch(()=>({}));
        if(!res.ok)throw new Error(data.detail||"Threads 진행 상태를 확인하지 못했습니다.");
        const status=String(data.status||"not_sent").toLowerCase(),stage=String(data.stage||"").toLowerCase();
        if(status==="in_progress"||status==="waiting_for_homepage_images"){button.textContent=labels[stage]||labels[status]||labels.in_progress;continue}
        return data;
      }
      throw new Error("Threads 글·이미지 생성 시간이 길어지고 있습니다. 목록을 새로고침해 상태를 확인하세요.");
    }
    async function publishBuffer(id,force=false,button=null){
      if(!button||button.disabled)return;
      if(force&&!confirm(window.siteI18n.t("Buffer/Threads에서 실제 미게시 상태를 확인하셨나요? 강제 재시도는 중복 게시될 수 있습니다.")))return;
      const originalText=button.textContent,originalStatus=button.dataset.bufferStatus||"not_sent",originalForce=button.dataset.bufferForce||"0";
      button.classList.add("is-pressed");
      setTimeout(()=>button.classList.remove("is-pressed"),220);
      button.disabled=true;button.setAttribute("aria-busy","true");
      button.classList.remove("success","is-complete","is-queued","is-attention","is-error");
      button.classList.add("is-loading");button.textContent="Threads 발행 중…";
      try{
        const res=await fetch(`/api/auto-news/posts/${id}/buffer-publish${force?"?force=1":""}`,{method:"POST"});
        const raw=await res.text();let data={};
        try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"Buffer 응답을 읽지 못했습니다."}}
        if(res.ok&&["in_progress","waiting_for_homepage_images"].includes(String(data.status||"").toLowerCase()))data=await waitForThreadsPublication(id,button);
        const status=String(data.status||"").toLowerCase();
        button.classList.remove("is-loading");button.removeAttribute("aria-busy");
        if(res.ok&&data.ok){
          button.dataset.bufferStatus=status||"published";button.dataset.bufferForce="0";
          if(status==="queued"){button.classList.add("is-queued");button.textContent="⏳ Threads 대기열 등록 · 게시 확인 필요"}
          else{button.classList.add("is-complete");button.textContent="✓ Threads 발행 완료"}
          button.disabled=true;
          notice(status==="queued"?"GPT 글·이미지 생성 후 Buffer 대기열에 등록했습니다.":"GPT 글 변환과 전용 이미지 생성 후 Threads 발행을 완료했습니다.");
          return;
        }
        if(["published","queued"].includes(status)||(data.skipped&&["published","queued"].includes(status))){
          button.dataset.bufferStatus=status;button.dataset.bufferForce="0";button.disabled=true;
          if(status==="published"){button.classList.add("is-complete");button.textContent="✓ Threads 발행 완료"}
          else if(status==="queued"){button.classList.add("is-queued");button.textContent="⏳ Threads 대기열 등록 · 게시 확인 필요"}
          notice(data.detail||data.reason||(status==="queued"?"Buffer가 게시물을 접수했으며 발행 확인을 기다립니다.":"Threads 발행을 완료했습니다."));
          return;
        }
        if(status==="retry_wait"){
          button.dataset.bufferStatus=status;button.dataset.bufferForce="0";button.disabled=false;
          button.classList.add("is-queued");button.textContent="Threads 지금 재시도";
          notice(data.detail||data.reason||"자동 재개하지 않습니다. 준비가 되면 이 버튼을 눌러 수동 재실행하세요.");
          return;
        }
        if(status==="rate_limited"){
          button.dataset.bufferStatus=status;button.dataset.bufferForce="0";button.disabled=false;
          button.classList.add("is-queued");button.textContent=rateLimitLabel("Threads",data);
          notice(data.detail||data.reason||"자동 재개하지 않습니다. 제한 해제 후 이 버튼을 다시 눌러 수동 실행하세요.");
          return;
        }
        if(status==="needs_action"||status==="failed"||status==="unknown"||status==="superseded"||data.retry_requires_force){
          button.dataset.bufferStatus=status||"unknown";button.dataset.bufferForce="1";button.disabled=false;
          button.classList.add("is-attention");button.textContent="Threads 확인 후 수동 재실행";
          notice(data.detail||data.reason||"Buffer에서 실제 게시 여부를 확인한 뒤 다시 시도하세요.");
          return;
        }
        button.dataset.bufferStatus=originalStatus;button.dataset.bufferForce=originalForce;button.disabled=false;
        button.classList.add("is-error");button.textContent="Threads 생성·발행 실패";
        notice(data.detail||data.reason||"Buffer 발행에 실패했습니다.");
        setTimeout(()=>{if(button.dataset.bufferStatus===originalStatus){button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText}},1800);
      }catch(error){
        button.classList.remove("is-loading");button.classList.add("is-error");button.removeAttribute("aria-busy");button.disabled=false;button.textContent="Threads 생성·발행 실패";
        notice(error&&error.message?error.message:"Buffer 발행 요청에 실패했습니다.");
        setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800);
      }
    }
    async function waitForInstagramPublication(id,button){
      const labels={waiting_for_shared_video:"공용 쇼츠 영상 생성 대기 중…",waiting_for_video:"공용 쇼츠 영상 생성·검증 중…",instagram_shared_video:"공용 쇼츠 영상 공개 상태 확인 중…",instagram_video:"9:16 공용 프레임·요소 모션 영상 생성 중…",instagram_caption_build:"Instagram 캡션 준비 중…",instagram_gpt_caption:"Instagram 캡션 준비 중…",channel_resolution:"Buffer Instagram 채널 확인 중…",buffer_request:"Instagram Reel 업로드 중…",in_progress:"Instagram 영상·캡션 발행 중…"};
      const deadline=Date.now()+60*60*1000;
      while(Date.now()<deadline){
        await new Promise(resolve=>setTimeout(resolve,5000));
        const res=await fetch(`/api/auto-news/posts/${id}/instagram-publication`,{cache:"no-store"}),data=await res.json().catch(()=>({}));
        if(!res.ok)throw new Error(data.detail||"Instagram 진행 상태를 확인하지 못했습니다.");
        const status=String(data.status||"not_sent").toLowerCase(),stage=String(data.stage||"").toLowerCase();
        if(status==="in_progress"||status==="waiting_video"){button.textContent=labels[stage]||labels[status]||labels.in_progress;continue}
        return data;
      }
      throw new Error("Instagram 작업이 오래 걸리고 있습니다. 서버 백그라운드 처리는 계속되므로 잠시 뒤 목록을 새로고침해 상태를 확인하세요.");
    }
    async function publishInstagram(id,force=false,button=null){
      if(!button||button.disabled)return;
      if(force&&!confirm(window.siteI18n.t("Buffer와 Instagram에서 실제 미게시 상태를 확인하셨나요? 강제 재시도는 중복 게시될 수 있습니다.")))return;
      const originalText=button.textContent,originalStatus=button.dataset.instagramStatus||"not_sent";
      button.disabled=true;button.setAttribute("aria-busy","true");button.classList.remove("success","is-complete","is-queued","is-attention","is-error");button.classList.add("is-loading");button.textContent="Instagram 영상·캡션 발행 중…";
      try{
        const res=await fetch(`/api/auto-news/posts/${id}/instagram-publish${force?"?force=1":""}`,{method:"POST"});
        const raw=await res.text();let data={};try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"Instagram 응답을 읽지 못했습니다."}}
        if(res.ok&&["in_progress","waiting_video"].includes(String(data.status||"").toLowerCase()))data=await waitForInstagramPublication(id,button);
        const status=String(data.status||"").toLowerCase();button.classList.remove("is-loading");button.removeAttribute("aria-busy");
        if((res.ok||data.skipped)&&status==="published"){button.dataset.instagramStatus=status;button.dataset.instagramForce="0";button.disabled=true;button.classList.add("is-complete");button.textContent="✓ Instagram 발행 완료";notice(data.caption?`Instagram 발행 완료 · ${data.caption}`:(data.detail||"Instagram 발행을 완료했습니다."));return}
        if(status==="queued"){button.dataset.instagramStatus=status;button.dataset.instagramForce="0";button.disabled=true;button.classList.add("is-queued");button.textContent="⏳ Instagram 대기열 등록 · 게시 확인 필요";notice(data.detail||"Buffer Instagram 대기열 접수는 확인했지만 실제 Instagram 게시 완료는 아직 확인되지 않았습니다.");return}
        if(status==="retry_wait"){button.dataset.instagramStatus=status;button.dataset.instagramForce="0";button.disabled=false;button.classList.add("is-queued");button.textContent="Instagram 지금 재시도";notice(data.detail||data.reason||"자동 재개하지 않습니다. 준비가 되면 이 버튼을 눌러 수동 재실행하세요.");return}
        if(status==="rate_limited"){button.dataset.instagramStatus=status;button.dataset.instagramForce="0";button.disabled=false;button.classList.add("is-queued");button.textContent=rateLimitLabel("Instagram",data);notice(data.detail||data.reason||"자동 재개하지 않습니다. 제한 해제 후 이 버튼을 다시 눌러 수동 실행하세요.");return}
        if(status==="needs_action"||status==="failed"||status==="unknown"||status==="superseded"||data.retry_requires_force){button.dataset.instagramStatus=status||"unknown";button.dataset.instagramForce="1";button.disabled=false;button.classList.add("is-attention");button.textContent="Instagram 확인 후 수동 재실행";notice(data.detail||data.reason||"Buffer와 Instagram에서 게시 여부를 확인하세요.");return}
        button.disabled=false;button.dataset.instagramStatus=originalStatus;button.classList.add("is-error");button.textContent="Instagram 발행 실패";notice(data.detail||data.reason||"Instagram 발행에 실패했습니다.");setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800);
      }catch(error){button.classList.remove("is-loading");button.classList.add("is-error");button.removeAttribute("aria-busy");button.disabled=false;button.textContent="Instagram 발행 실패";notice(error&&error.message?error.message:"Instagram 발행 요청에 실패했습니다.");setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800)}
    }
    async function waitForTikTokPublication(id,button){
      const labels={waiting_for_shared_video:"공용 쇼츠 영상 생성 대기 중…",waiting_for_video:"공용 쇼츠 영상 생성·검증 중…",tiktok_shared_video:"공용 쇼츠 영상 공개 상태 확인 중…",tiktok_video:"9:16 공용 프레임·요소 모션 영상 생성 중…",tiktok_caption_build:"TikTok 캡션 준비 중…",tiktok_gpt_caption:"TikTok 캡션 준비 중…",channel_resolution:"Buffer TikTok 채널 확인 중…",buffer_request:"TikTok 영상 업로드 중…",in_progress:"TikTok 영상·캡션 발행 중…"};
      const deadline=Date.now()+60*60*1000;
      while(Date.now()<deadline){
        await new Promise(resolve=>setTimeout(resolve,5000));
        const res=await fetch(`/api/auto-news/posts/${id}/tiktok-publication`,{cache:"no-store"});
        const data=await res.json().catch(()=>({}));
        if(!res.ok)throw new Error(data.detail||"TikTok 진행 상태를 확인하지 못했습니다.");
        const status=String(data.status||"not_sent").toLowerCase(),stage=String(data.stage||"").toLowerCase();
        if(status==="in_progress"||status==="waiting_video"){button.textContent=labels[stage]||labels[status]||labels.in_progress;continue}
        return data;
      }
      throw new Error("TikTok 작업이 오래 걸리고 있습니다. 서버 백그라운드 처리는 계속되므로 잠시 뒤 목록을 새로고침해 상태를 확인하세요.");
    }
    async function publishTikTok(id,force=false,button=null){
      if(!button||button.disabled)return;
      if(force&&!confirm(window.siteI18n.t("Buffer와 TikTok에서 실제 미게시 상태를 확인하셨나요? 강제 재시도는 중복 게시될 수 있습니다.")))return;
      const originalText=button.textContent,originalStatus=button.dataset.tiktokStatus||"not_sent";
      button.disabled=true;button.setAttribute("aria-busy","true");button.classList.remove("success","is-complete","is-queued","is-attention","is-error");button.classList.add("is-loading");button.textContent="TikTok 영상·캡션 발행 중…";
      try{
        const res=await fetch(`/api/auto-news/posts/${id}/tiktok-publish${force?"?force=1":""}`,{method:"POST"});
        const raw=await res.text();let data={};try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"TikTok 응답을 읽지 못했습니다."}}
        if(res.ok&&["in_progress","waiting_video"].includes(String(data.status||"").toLowerCase()))data=await waitForTikTokPublication(id,button);
        const status=String(data.status||"").toLowerCase();button.classList.remove("is-loading");button.removeAttribute("aria-busy");
        if((res.ok||data.skipped)&&status==="published"){button.dataset.tiktokStatus=status;button.dataset.tiktokForce="0";button.disabled=true;button.classList.add("is-complete");button.textContent="✓ TikTok 발행 완료";notice(data.caption?`TikTok 발행 완료 · ${data.caption}`:(data.detail||"TikTok 발행을 완료했습니다."));return}
        if(status==="queued"){button.dataset.tiktokStatus=status;button.dataset.tiktokForce="0";button.disabled=true;button.classList.add("is-queued");button.textContent="⏳ TikTok 대기열 등록 · 게시 확인 필요";notice(data.detail||"Buffer TikTok 대기열 접수는 확인했지만 실제 TikTok 게시 완료는 아직 확인되지 않았습니다.");return}
        if(status==="retry_wait"){button.dataset.tiktokStatus=status;button.dataset.tiktokForce="0";button.disabled=false;button.classList.add("is-queued");button.textContent="TikTok 지금 재시도";notice(data.detail||data.reason||"자동 재개하지 않습니다. 준비가 되면 이 버튼을 눌러 수동 재실행하세요.");return}
        if(status==="rate_limited"){button.dataset.tiktokStatus=status;button.dataset.tiktokForce="0";button.disabled=false;button.classList.add("is-queued");button.textContent=rateLimitLabel("TikTok",data);notice(data.detail||data.reason||"자동 재개하지 않습니다. 제한 해제 후 이 버튼을 다시 눌러 수동 실행하세요.");return}
        if(status==="needs_action"||status==="failed"||status==="unknown"||status==="superseded"||data.retry_requires_force){button.dataset.tiktokStatus=status||"unknown";button.dataset.tiktokForce="1";button.disabled=false;button.classList.add("is-attention");button.textContent="TikTok 확인 후 수동 재실행";notice(data.detail||data.reason||"Buffer와 TikTok에서 게시 여부를 확인하세요.");return}
        button.disabled=false;button.dataset.tiktokStatus=originalStatus;button.classList.add("is-error");button.textContent="TikTok 발행 실패";notice(data.detail||data.reason||"TikTok 발행에 실패했습니다.");setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800);
      }catch(error){button.classList.remove("is-loading");button.classList.add("is-error");button.removeAttribute("aria-busy");button.disabled=false;button.textContent="TikTok 발행 실패";notice(error&&error.message?error.message:"TikTok 발행 요청에 실패했습니다.");setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800)}
    }
    async function waitForBufferVideoPublication(service,id,button,label){
      const deadline=Date.now()+60*60*1000;
      while(Date.now()<deadline){
        await new Promise(resolve=>setTimeout(resolve,5000));
        const res=await fetch(`/api/auto-news/posts/${id}/${service}-publication`,{cache:"no-store"});
        const data=await res.json().catch(()=>({}));
        if(!res.ok)throw new Error(data.detail||`${label} 진행 상태를 확인하지 못했습니다.`);
        const status=String(data.status||"not_sent").toLowerCase(),stage=String(data.stage||"").toLowerCase();
        if(status==="in_progress"||status==="waiting_video"){button.textContent=stage?`${label} 처리 중 · ${stage}`:`${label} 영상·원고 발행 중…`;continue}
        return data;
      }
      throw new Error(`${label} 작업이 오래 걸리고 있습니다. 서버 작업 상태를 새로고침해 확인하세요.`);
    }
    async function publishBufferVideoService(service,id,force=false,button=null,label=service){
      if(!button||button.disabled)return;
      if(force&&!confirm(window.siteI18n.t(`Buffer와 ${label}에서 실제 미게시 상태를 확인하셨나요? 강제 재실행은 중복 게시될 수 있습니다.`)))return;
      const statusKey=`${service}Status`,forceKey=`${service}Force`,originalText=button.textContent,originalStatus=button.dataset[statusKey]||"not_sent";
      button.disabled=true;button.setAttribute("aria-busy","true");button.classList.remove("success","is-complete","is-queued","is-attention","is-error");button.classList.add("is-loading");button.textContent=`${label} 영상·원고 발행 중…`;
      try{
        const res=await fetch(`/api/auto-news/posts/${id}/${service}-publish${force?"?force=1":""}`,{method:"POST"});
        const raw=await res.text();let data={};try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||`${label} 응답을 읽지 못했습니다.`}}
        if(res.ok&&["in_progress","waiting_video"].includes(String(data.status||"").toLowerCase()))data=await waitForBufferVideoPublication(service,id,button,label);
        const status=String(data.status||"").toLowerCase();button.classList.remove("is-loading");button.removeAttribute("aria-busy");
        if((res.ok||data.skipped)&&status==="published"){button.dataset[statusKey]=status;button.dataset[forceKey]="0";button.disabled=true;button.classList.add("is-complete");button.textContent=`✓ ${label} 발행 완료`;notice(data.detail||`${label} 발행을 완료했습니다.`);return}
        if(status==="queued"){button.dataset[statusKey]=status;button.dataset[forceKey]="0";button.disabled=true;button.classList.add("is-queued");button.textContent=`⏳ ${label} 대기열 등록 · 게시 확인 필요`;notice(data.detail||`Buffer ${label} 대기열 접수는 확인했지만 실제 ${label} 게시 완료는 아직 확인되지 않았습니다.`);return}
        if(status==="retry_wait"||status==="rate_limited"){button.dataset[statusKey]=status;button.dataset[forceKey]="0";button.disabled=false;button.classList.add("is-queued");button.textContent=`${label} 수동 재실행`;notice(data.detail||"자동 재실행하지 않습니다. 준비되면 버튼을 다시 눌러주세요.");return}
        if(status==="needs_action"||status==="failed"||status==="unknown"||status==="superseded"||data.retry_requires_force){button.dataset[statusKey]=status||"unknown";button.dataset[forceKey]="1";button.disabled=false;button.classList.add("is-attention");button.textContent=`${label} 확인 후 재실행`;notice(data.detail||`Buffer와 ${label}에서 게시 여부를 확인하세요.`);return}
        button.disabled=false;button.dataset[statusKey]=originalStatus;button.classList.add("is-error");button.textContent=`${label} 발행 실패`;notice(data.detail||`${label} 발행에 실패했습니다.`);setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800);
      }catch(error){button.classList.remove("is-loading");button.classList.add("is-error");button.removeAttribute("aria-busy");button.disabled=false;button.textContent=`${label} 발행 실패`;notice(error&&error.message?error.message:`${label} 발행 요청에 실패했습니다.`);setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800)}
    }
    async function publishYouTube(id,force=false,button=null){return publishBufferVideoService("youtube",id,force,button,"YouTube")}

    async function publishFacebook(id,force=false,button=null){return publishBufferVideoService("facebook",id,force,button,"Facebook")}
    async function publishX(id,force=false,button=null){return publishBufferVideoService("x",id,force,button,"X")}

    async function waitForBloggerPublication(id,button){
      const deadline=Date.now()+4*60*1000;
      while(Date.now()<deadline){
        await new Promise(resolve=>setTimeout(resolve,1800));
        const res=await fetch(`/api/auto-news/posts/${id}/blogger-publication`,{cache:"no-store"});
        const data=await res.json().catch(()=>({}));
        if(!res.ok)throw new Error(data.detail||"Blogger 진행 상태를 확인하지 못했습니다.");
        const status=String(data.status||"not_sent").toLowerCase();
        if(status==="in_progress"||status==="not_sent"){button.textContent="Blogger 전용 글 작성·발행 중…";continue}
        return data;
      }
      throw new Error("Blogger 전용 글 작성과 발행 시간이 길어지고 있습니다. 목록을 새로고침해 상태를 확인하세요.");
    }
    async function publishBlogger(id,force=false,button=null){
      if(!button||button.disabled)return;
      // ver641: each selected account validates its own OAuth connection in the publisher.
      if(force&&!confirm(window.siteI18n.t("Blogger에서 실제 미등록 상태를 확인하셨나요? 강제 재시도는 중복 게시될 수 있습니다.")))return;
      const originalText=button.textContent,originalStatus=button.dataset.bloggerStatus||"not_sent",originalForce=button.dataset.bloggerForce||"0";
      button.classList.add("is-pressed");
      setTimeout(()=>button.classList.remove("is-pressed"),220);
      button.disabled=true;button.setAttribute("aria-busy","true");
      button.classList.remove("warning","success","is-complete","is-queued","is-attention","is-error");
      button.classList.add("is-loading");button.textContent="Blogger 전용 글 작성·발행 중…";
      try{
        const res=await fetch(`/api/auto-news/posts/${id}/blogger-publish${force?"?force=1":""}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({google_accounts:window.readNeoGooglePublicationAccounts?.()})});
        const raw=await res.text();let data={};
        try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"Blogger 응답을 읽지 못했습니다."}}
        if(res.ok&&String(data.status||"").toLowerCase()==="in_progress")data=await waitForBloggerPublication(id,button);
        const status=String(data.status||"").toLowerCase();
        button.classList.remove("is-loading");button.removeAttribute("aria-busy");
        if((res.ok||data.skipped)&&["published","draft"].includes(status)){
          button.dataset.bloggerStatus=status;button.dataset.bloggerForce="0";button.disabled=true;
          if(status==="draft"){button.classList.add("is-queued");button.textContent="✓ Blogger 초안 저장";notice("Blogger 초안 저장을 완료했습니다.")}
          else{button.classList.add("is-complete");button.textContent="✓ Blogger 발행 완료";notice("Blogger 전용 글 작성과 발행을 완료했습니다.")}
          return;
        }
        if(status==="connection_required"||status==="auth_failed"){
          bloggerConnected=false;button.dataset.bloggerStatus="not_sent";button.dataset.bloggerForce="0";button.disabled=false;
          button.classList.add("warning");button.textContent="Blogger 전용 발행";
          notice(data.detail||data.reason||"Blogger Google 연결을 다시 완료해주세요.");
          return;
        }
        if(status==="retry_wait"||status==="rate_limited"){
          button.dataset.bloggerStatus=status;button.dataset.bloggerForce="0";button.disabled=false;
          button.classList.add("is-queued");button.textContent="Blogger 수동 재실행";
          notice(data.detail||data.reason||"자동 재개하지 않습니다. 상태를 확인한 뒤 Blogger 버튼을 다시 눌러주세요.");
          return;
        }
        if(status==="needs_action"){
          button.dataset.bloggerStatus=status;button.dataset.bloggerForce="1";button.disabled=false;
          button.classList.add("is-attention");button.textContent="Blogger 확인 후 수동 재실행";
          notice(data.detail||data.reason||"Blogger의 실제 등록 상태를 확인한 뒤 이 버튼으로 수동 재실행하세요.");
          return;
        }
        if(status==="failed"||status==="unknown"||data.retry_requires_force){
          button.dataset.bloggerStatus=status||"unknown";button.dataset.bloggerForce="1";button.disabled=false;
          button.classList.add("is-attention");button.textContent="Blogger 확인 후 수동 재실행";
          notice(data.detail||data.reason||"Blogger에서 실제 등록 여부를 확인한 뒤 다시 시도하세요.");
          return;
        }
        button.dataset.bloggerStatus=originalStatus;button.dataset.bloggerForce=originalForce;button.disabled=false;
        button.classList.add("is-error");button.textContent="Blogger 발행 실패";
        notice(data.detail||data.reason||"Blogger 발행에 실패했습니다.");
        setTimeout(()=>{if(button.dataset.bloggerStatus===originalStatus){button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"warning":"is-attention");button.textContent=originalText}},1800);
      }catch(error){
        button.classList.remove("is-loading");button.classList.add("is-error");button.removeAttribute("aria-busy");button.disabled=false;button.textContent="Blogger 발행 실패";
        notice(error&&error.message?error.message:"Blogger 발행 요청에 실패했습니다.");
        setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"warning":"is-attention");button.textContent=originalText},1800);
      }
    }
    async function readJsonResponse(res){const raw=await res.text();let data={};try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"서버 응답을 읽지 못했습니다."}}if(!res.ok)throw new Error(data.detail||`요청을 처리하지 못했습니다. (${res.status})`);return data}
    function renderCategories(items){if(!categoryManagerList)return;categoryManagerList.innerHTML="";if(!items.length){categoryManagerList.innerHTML='<div class="an-category-manager-empty">등록된 카테고리가 없습니다.</div>';return}items.forEach(item=>{const box=document.createElement("section");box.className="an-category-manager-item";box.dataset.categoryId=item.id;box.innerHTML=`<div class="an-category-manager-fields"><input class="an-input" name="name" value="${esc(item.name||"")}" aria-label="카테고리 이름"><input class="an-input" name="slug" value="${esc(item.slug||"")}" aria-label="카테고리 영구주소"><input class="an-input" name="sort_order" type="number" value="${esc(item.sort_order||0)}" aria-label="정렬 순서"><textarea class="an-textarea" name="description" aria-label="카테고리 설명">${esc(item.description||"")}</textarea></div><div class="an-category-manager-actions"><span class="an-category-manager-meta">글 ${esc(item.count||0)}개 · <a class="an-category-card-link" href="${esc(item.local_url||"#")}">아카이브 보기</a></span><div class="an-category-manager-buttons"><button class="an-btn secondary" type="button" data-category-save="${item.id}">수정 저장</button><button class="an-btn danger" type="button" data-category-delete="${item.id}" data-category-name="${esc(item.name||"")}">삭제</button></div></div>`;categoryManagerList.appendChild(box)})}
    async function loadCategories(){if(!canManage||!categoryManagerModal)return;const res=await fetch("/api/auto-news/categories",{cache:"no-store"});const data=await readJsonResponse(res);renderCategories(data.items||[])}
    async function openCategoryManager(){categoryManagerModal.classList.add("open");categoryManagerList.innerHTML='<div class="an-category-manager-empty">카테고리 목록을 불러오는 중입니다.</div>';try{await loadCategories()}catch(e){notice(e.message)}}
    async function saveCategory(id,box){const payload={name:box.querySelector('[name="name"]').value.trim(),slug:box.querySelector('[name="slug"]').value.trim(),sort_order:Number(box.querySelector('[name="sort_order"]').value||0),description:box.querySelector('[name="description"]').value.trim()};if(!payload.name)return notice("카테고리 이름을 입력해주세요.");const res=await fetch(`/api/auto-news/categories/${id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(payload)});await readJsonResponse(res);notice("카테고리와 기존 글 분류를 수정했습니다.");await loadCategories()}
    async function removeCategory(id,name){const replacement=name==="미분류"?"일반정보":"미분류";if(!confirm(window.siteI18n.t(`카테고리 '${name||""}'를 삭제할까요?\n포함된 글은 ${replacement}로 이동합니다.`)))return;const res=await fetch(`/api/auto-news/categories/${id}`,{method:"DELETE",headers:{"Content-Type":"application/json"},body:JSON.stringify({replacement:replacement})});const data=await readJsonResponse(res);notice(`카테고리를 삭제하고 글 ${data.moved_posts||0}개를 ${data.replacement||replacement}로 이동했습니다.`);await loadCategories()}
    function renderCoupangCodes(items){if(!coupangManagerList)return;coupangManagerList.innerHTML="";if(!items.length){coupangManagerList.innerHTML='<div class="an-coupang-manager-empty">등록된 코드가 없습니다. 새 글에는 쿠팡 영역이 자동 입력되지 않습니다.</div>';return}items.forEach(item=>{const box=document.createElement("section");box.className="an-coupang-manager-item";box.dataset.codeId=item.id;box.innerHTML=`<div class="an-coupang-manager-head"><strong>${esc(item.name||`코드 ${item.id}`)}</strong><span class="an-coupang-manager-meta">사용 ${esc(item.use_count||0)}회${item.last_used_at?` · 최근 ${esc(item.last_used_at)}`:""}</span></div><div class="an-coupang-manager-fields"><input class="an-input" name="name" value="${esc(item.name||"")}" aria-label="코드 이름"><textarea class="an-code-textarea" name="raw_code" aria-label="쿠팡 코드">${esc(item.raw_code||"")}</textarea></div><div class="an-coupang-manager-actions"><button class="an-btn secondary" type="button" data-coupang-save="${item.id}">수정 저장</button><button class="an-btn danger" type="button" data-coupang-delete="${item.id}">삭제</button></div>`;coupangManagerList.appendChild(box)})}
    async function loadCoupangCodes(){if(!canManage||!coupangManagerModal)return;const res=await fetch("/api/auto-news/coupang-codes",{cache:"no-store"});const data=await readJsonResponse(res);renderCoupangCodes(data.items||[])}
    async function openCoupangManager(){coupangManagerModal.classList.add("open");coupangManagerList.innerHTML='<div class="an-coupang-manager-empty">코드 목록을 불러오는 중입니다.</div>';try{await loadCoupangCodes()}catch(e){notice(e.message)}}
    async function saveCoupangCode(id,box){const name=box.querySelector('[name="name"]').value.trim(),rawCode=box.querySelector('[name="raw_code"]').value.trim();if(!name||!rawCode)return notice("코드 이름과 쿠팡 코드를 모두 입력해주세요.");const res=await fetch(`/api/auto-news/coupang-codes/${id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:name,raw_code:rawCode})});await readJsonResponse(res);notice("쿠팡 자동 코드를 수정했습니다.");await loadCoupangCodes()}
    async function removeCoupangCode(id,box){const name=box.querySelector('[name="name"]').value.trim();if(!confirm(window.siteI18n.t(`이 자동 코드를 삭제할까요?
${name}`)))return;const res=await fetch(`/api/auto-news/coupang-codes/${id}`,{method:"DELETE"});await readJsonResponse(res);notice("쿠팡 자동 코드를 삭제했습니다.");await loadCoupangCodes()}
    function selectedGeneration(){const platform=$("anPlatformSelect").value;let mode=$("anModeSelect").value;const aspectSelect=$("anThumbnailAspectSelect"),instagramChecked=Boolean($("anPublishInstagramCheck")&&$("anPublishInstagramCheck").checked),tiktokChecked=Boolean($("anPublishTikTokCheck")&&$("anPublishTikTokCheck").checked);if(!aspectSelect||!["16:9","9:16","1:1"].includes(aspectSelect.value))throw new Error("이미지 비율은 16:9, 9:16, 1:1 중 하나를 선택해주세요.");if(platform==="all")mode="all";saveManualGenerationPreferences();const settings={google_accounts:window.readNeoGooglePublicationAccounts?.(),platform:platform,intent_type:$("anIntentSelect").value,content_mode:mode,chatgpt_mode:$("anChatGPTModeSelect")?$("anChatGPTModeSelect").value:"current",publish_threads:Boolean($("anPublishThreadsCheck")&&$("anPublishThreadsCheck").checked),publish_instagram:instagramChecked,publish_tiktok:tiktokChecked,publish_youtube:Boolean($("anPublishYouTubeCheck")&&$("anPublishYouTubeCheck").checked),publish_youtube_longform:Boolean($("anPublishYouTubeLongformCheck")&&$("anPublishYouTubeLongformCheck").checked),publish_facebook:Boolean($("anPublishFacebookCheck")&&$("anPublishFacebookCheck").checked),publish_x:Boolean($("anPublishXCheck")&&$("anPublishXCheck").checked),publish_blogger:Boolean($("anPublishBloggerCheck")&&$("anPublishBloggerCheck").checked),homepage_image_count:($("anImageCountSelect")&&$("anImageCountSelect").value==="paragraphs")?"paragraphs":Math.max(1,Math.min(5,Number($("anImageCountSelect")?$("anImageCountSelect").value:5)||5)),thumbnail_aspect_ratio:aspectSelect.value,image_generation_provider:($("anImageCountSelect")&&$("anImageCountSelect").value==="paragraphs")?"gpt":($("anImageProviderSelect")?$("anImageProviderSelect").value:"auto"),video_generation_provider:$("anVideoProviderSelect")?$("anVideoProviderSelect").value:"auto",video_output_aspect_ratio:$("anVideoAspectSelect")?$("anVideoAspectSelect").value:"match",tts_provider:$("anTtsProviderSelect")?$("anTtsProviderSelect").value:"edge",homepage_image_source_mode:$("anHomepageImageSourceMode")?$("anHomepageImageSourceMode").value:"generate",video_source_mode:$("anVideoSourceMode")?$("anVideoSourceMode").value:"generate",apply_coupang_auto_code:Boolean($("anCoupangAutoCodeCheck")&&$("anCoupangAutoCodeCheck").checked)},links={toss_sharing_text:$("anTossSharingText")?$("anTossSharingText").value.trim():"",naver_brand_connect_url:$("anNaverBrandConnectUrl")?$("anNaverBrandConnectUrl").value.trim():"",coupang_partners_url:$("anCoupangPartnersUrl")?$("anCoupangPartnersUrl").value.trim():""};if(Object.values(links).some(Boolean))settings.affiliate_links=links;return settings}
    function showGeneratedPosts(data){const posts=data.posts||[],errors=data.errors||[],threadsDisabled=data.buffer&&data.buffer.status==="disabled_by_request";$("anModalTitle").textContent=`플랫폼별 콘텐츠 ${posts.length}개 생성 완료`;$("anModalActions").innerHTML=`<span class="an-tag">${threadsDisabled?"공통 팩트 시트 1개 기준 · 홈페이지 글과 이미지만 생성 · Threads 제외":"홈페이지 저장 완료 · 저장 원고 기반 외부 채널 즉시 준비 · 공용 쇼츠 영상 1개 순차 발행"}</span>`;$("anArticle").innerHTML=`<div class="an-generated-list">${posts.map(item=>{const word=canManage&&item.word_download_url?`<a class="an-btn success" href="${esc(item.word_download_url)}">Word 다운로드</a>`:"",gptArchive=canManage&&item.gpt_archive_download_url?`<a class="an-btn secondary" href="${esc(item.gpt_archive_download_url)}">GPT 원고 ZIP</a>`:"",copyActions=platformCopyActions(item.id),buffer=item.buffer?`<span>Buffer Threads ${esc(item.buffer.status||"확인 필요")}</span>`:"",instagram=item.instagram?`<span>Instagram ${esc(item.instagram.status||"확인 필요")}</span>`:"",tiktok=item.tiktok?`<span>TikTok ${esc(item.tiktok.status||"확인 필요")}</span>`:"",youtube=item.youtube?`<span>YouTube ${esc(item.youtube.status||"확인 필요")}</span>`:"",facebook=item.facebook?`<span>Facebook ${esc(item.facebook.status||"확인 필요")}</span>`:"",blogger=item.blogger?`<span>Blogger ${esc(item.blogger.status||"확인 필요")}</span>`:"",coupang=item.coupang_auto_code_applied?"<span>쿠팡 자동코드 적용</span>":"",affiliate=Number(item.affiliate_link_count||0)>0?`<span>직접 상품링크 ${esc(item.affiliate_link_count)}개</span>`:"",imageLabel=item.image_status==="queued"?"이미지 백그라운드 생성 중":item.image_attached?`이미지 ${esc(item.image_generated_count||0)}장`:item.image_status==="disabled"?"이미지 생성 꺼짐":"글만 저장";return `<section class="an-generated-item"><h2>${esc(item.platform_label)} · ${esc(item.title)}</h2><div class="an-meta"><span>${esc(item.status||"")}</span><span>내부 SEO ${esc(item.seo_score||0)}</span><span>${imageLabel}</span>${coupang}${affiliate}${buffer}${instagram}${tiktok}${youtube}${facebook}${blogger}</div>${visibilityScoreStrip(item,false)}<div class="an-manual-actions"><a class="an-btn" href="${esc(item.local_url)}">게시글 보기</a>${word}${gptArchive}${copyActions}</div></section>`}).join("")}</div>`+(errors.length?`<section class="an-warning-paragraph"><strong>생성 실패 ${errors.length}개</strong><br>${errors.map(item=>`${esc(item.platform_label)}: ${esc(item.detail)}`).join("<br>")}</section>`:"");modal.classList.add("open")}
    async function waitChatgptGenerationJob(jobId){
        const started=Date.now(),maxWaitMs=60*60*1000;
        let lastStatus="";
        while(Date.now()-started<maxWaitMs){
            const res=await fetch(`/api/auto-news/chatgpt-generation-jobs/${encodeURIComponent(jobId)}`,{cache:"no-store"});
            const data=await readJsonResponse(res);
            const status=String(data.status||"");
            if(status!==lastStatus){
                lastStatus=status;
                if(status==="queued")notice("ChatGPT 생성 작업이 대기 중입니다.");
                else if(status==="running")notice(`ChatGPT 글·이미지 생성 중 · worker ${data.owner_pid||"확인중"} · 보호 간격을 지키며 순차 처리하고 있습니다.`);
            }
            if(status==="completed"){
                if(!data.result)throw new Error("ChatGPT 생성 작업은 완료됐지만 결과 데이터를 찾지 못했습니다.");
                return data.result;
            }
            if(status==="rate_limited"){
                const retry=Math.max(1,Number(data.retry_after||600)||600);
                setChatgptClientCooldown(retry,data.detail||`ChatGPT 보호 제한입니다. 약 ${Math.ceil(retry/60)}분 뒤 다시 시도해주세요.`);
                throw new Error(data.detail||"ChatGPT 보호 제한으로 현재 작업을 중단했습니다.");
            }
            if(status==="superseded"){
                throw new Error(data.detail||"더 새로운 글 생성 요청이 시작되어 이전 자동 작업을 중단했습니다.");
            }
            if(status==="failed"||status==="cancelled"){
                throw new Error(data.detail||"ChatGPT 생성 작업이 완료되지 못했습니다.");
            }
            await new Promise(resolve=>setTimeout(resolve,5000));
        }
        throw new Error("ChatGPT 생성 작업의 서버 제한시간을 초과했습니다. 서버 작업은 상태에 따라 안전하게 정리됩니다.");
    }

    async function generateContent(){
        const keyword=$("anKeywordInput").value.trim();
        if(!keyword)return notice("주제 또는 키워드를 입력해주세요.");
        const button=$("anKeywordGenerateBtn");
        const cooldownRemaining=chatgptClientCooldownRemaining();
        if(cooldownRemaining>0){button.disabled=true;return notice(`ChatGPT 보호 제한 냉각 중입니다. 약 ${Math.ceil(cooldownRemaining/60)}분 후 새 요청을 보낼 수 있습니다.`)}
        await window.saveNeoBufferAccounts?.();const settings=selectedGeneration();
        // ver243: Blogger 연결 여부는 홈페이지 생성 요청의 선행조건이 아닙니다.
        // 미연결 상태라도 홈페이지 글은 먼저 published로 저장하고 Blogger만 후속 실패/건너뜀으로 처리합니다.
        const bloggerPreflightWarning="";
        const threadsNotice=settings.publish_threads?" 홈페이지 저장 후 저장된 완성 원고에서 Threads 본문을 즉시 만들고 발행합니다. 별도 GPT 재작성은 선택 설정일 때만 시도합니다.":" Threads 글·전용 이미지·Buffer 발행은 건너뜁니다.",instagramNotice=settings.publish_instagram?" 저장 원고에서 Instagram 캡션을 즉시 만들고 선택한 동영상 공급자 경로로 9:16(1080×1920) 공용 MP4를 만든 뒤 Buffer Reel로 발행합니다.":" Instagram 발행은 선택에 따라 건너뜁니다.",tiktokNotice=settings.publish_tiktok?" 저장 원고에서 TikTok 캡션을 즉시 만들고 Instagram과 동일한 공용 쇼츠 MP4를 사용합니다. 영상은 한 번만 생성합니다.":" TikTok 발행은 선택에 따라 건너뜁니다.",longformNotice=settings.publish_youtube_longform?" YouTube 롱폼은 전용 대본·16:9 장면·음성으로 제작하여 공식 API로 별도 업로드합니다.":"",youtubeNotice=settings.publish_youtube?" 저장 원고에서 YouTube Shorts 설명을 만들고 같은 공용 MP4를 Buffer YouTube 채널로 발행합니다.":" YouTube 발행은 건너뜁니다.",facebookNotice=settings.publish_facebook?" 저장 원고에서 Facebook Reel 본문을 만들고 같은 공용 MP4를 Buffer Facebook Page로 발행합니다.":" Facebook 발행은 건너뜁니다.",xNotice=settings.publish_x?" 저장 원고에서 X 전용 독립 문구를 만들고 같은 공용 MP4를 Buffer X/Twitter 채널로 발행합니다.":" X 발행은 건너뜁니다.",bloggerNotice=settings.publish_blogger?" 홈페이지 저장 뒤 확정 원고를 Blogger API 형식으로 변환해 발행하며 400 오류는 최소 본문으로 재검증합니다.":" Blogger API 업로드는 건너뜁니다.",coupangNotice=settings.apply_coupang_auto_code?(settings.publish_threads?" 기존 쿠팡 자동코드는 Threads 첫 댓글에 별도로 넣습니다.":" 기존 쿠팡 자동코드는 홈페이지에만 적용합니다."):" 기존 쿠팡 자동코드는 적용하지 않습니다.",affiliateCount=settings.affiliate_links?Object.values(settings.affiliate_links).filter(Boolean).length:0,affiliateNotice=affiliateCount?(settings.publish_threads?` 직접 상품링크 ${affiliateCount}개는 제목·설명·대표 이미지 카드로 홈페이지에 넣고 Threads 첫 댓글에는 고지·주소를 넣습니다.`:` 직접 상품링크 ${affiliateCount}개는 제목·설명·대표 이미지 카드로 홈페이지에 넣습니다.`):" 직접 상품링크는 적용하지 않습니다.";
        const attachedImageInput=$("anAttachedImageFile"),attachedImageFiles=attachedImageInput&&attachedImageInput.files?Array.from(attachedImageInput.files):[],attachedImageSelected=attachedImageFiles.length>0,homepageImageModeLabel=settings.homepage_image_source_mode==="uploaded"?"첨부 이미지 사용":"생성 사용",videoSourceModeLabel=settings.video_source_mode==="uploaded"?"첨부 이미지 사용":"생성 이미지 사용";if((settings.homepage_image_source_mode==="uploaded"||settings.video_source_mode==="uploaded")&&!attachedImageSelected)return notice("첨부 이미지 사용을 선택했다면 이미지 파일을 함께 첨부해주세요.");button.disabled=true;const scopeNotice=settings.content_mode==="all"?"공통 팩트 시트를 만든 뒤 9개 편집 플랫폼 글을 홈페이지에 저장합니다.":"선택한 편집 플랫폼의 홈페이지 글을 저장합니다.",imageProviderLabel={auto:"자동(GPT→서버)",gpt:"GPT만",server:"서버만"}[settings.image_generation_provider]||settings.image_generation_provider,videoProviderLabel={auto:"자동(Gemini→서버)",gemini:"Gemini만",server:"서버만"}[settings.video_generation_provider]||settings.video_generation_provider,imageNotice=settings.homepage_image_count==="paragraphs"?` 이미지는 최종 본문의 내용 있는 H2 문단 수만큼 GPT로 생성합니다(대표 1장 + H2별 1장). 동영상 ${videoProviderLabel} 경로 · 홈페이지 이미지 ${homepageImageModeLabel} · 동영상 원본 ${videoSourceModeLabel} · 첨부 이미지 ${attachedImageFiles.length}장${attachedImageFiles.length>8?" (GPT 전송 시 여러 원본을 이미지 시트로 자동 정리)":""}.`:` 글당 이미지는 총 ${settings.homepage_image_count}장(대표 1장 포함) · 이미지 ${imageProviderLabel} · 동영상 ${videoProviderLabel} 경로로 처리합니다. 홈페이지 이미지 ${homepageImageModeLabel} · 동영상 원본 ${videoSourceModeLabel} · 첨부 이미지 ${attachedImageFiles.length}장${attachedImageFiles.length>8?" (GPT 전송 시 여러 원본을 이미지 시트로 자동 정리)":""}.`;
        notice(scopeNotice+imageNotice+threadsNotice+instagramNotice+tiktokNotice+youtubeNotice+longformNotice+facebookNotice+xNotice+bloggerNotice+coupangNotice+affiliateNotice+bloggerPreflightWarning);
        try{
            let attachedImageUrls=[];
            let attachedImageUrl="";
            if(attachedImageSelected){
                notice(`첨부 이미지 ${attachedImageFiles.length}장을 업로드하고 있습니다.`);
                attachedImageUrls=await uploadImages(attachedImageInput);
                attachedImageUrl=attachedImageUrls[0]||"";
            }
            const requestedHomepageImageCount=settings.homepage_image_count==="paragraphs"?"paragraphs":Math.max(1,Math.min(5,Number(settings.homepage_image_count||5)));settings.homepage_image_count=requestedHomepageImageCount;if(requestedHomepageImageCount==="paragraphs"&&$("anImageProviderSelect"))$("anImageProviderSelect").value="gpt";console.log("[AUTO_NEWS][IMAGE_COUNT] content-center submit",{homepage_image_count:requestedHomepageImageCount});
            const res=await fetch("/api/auto-news/chatgpt-generate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({status:"published",prompt:"최신 검색 수요 주제",keyword:keyword,chatgpt_url:manualChatgptUrl,playwright_publish:false,background_generation:true,attached_image_url:attachedImageUrl,attached_image_urls:attachedImageUrls,attached_image_alt:keyword,...settings})});
            const raw=await res.text();
            let data={};
            try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"서버 응답을 확인하지 못했습니다."}}
            if(!res.ok){if(res.status===429){const retry=Math.max(1,Number(res.headers.get("Retry-After")||data.retry_after||600)||600);setChatgptClientCooldown(retry,data.detail||`ChatGPT 보호 제한입니다. 약 ${Math.ceil(retry/60)}분 뒤 다시 시도해주세요.`);return}return notice(data.detail||"콘텐츠 생성 작업 시작에 실패했습니다.")}
            if(data.accepted&&data.job_id){
                notice("ChatGPT 생성 작업을 서버 백그라운드에서 시작했습니다. 완료될 때까지 상태만 확인합니다.");
                data=await waitChatgptGenerationJob(data.job_id);
            }
            if(!data.id||!data.site_registered)return notice(data.detail||"GPT 답변은 생성됐지만 사이트 게시글 등록 결과를 확인하지 못했습니다.");
            state.status="all";
            state.page=1;
            await load();
            if(data.multi_platform){
                showGeneratedPosts(data);
                if(data.buffer&&data.buffer.status==="disabled_by_request")notice(`${data.generated_count||0}개 편집 플랫폼 콘텐츠를 홈페이지에 저장했습니다. 선택에 따라 Threads 글작성·포스팅은 건너뛰었습니다.`);
                else if(data.buffer&&!data.buffer.ok)notice(data.buffer.detail||data.buffer.reason||"홈페이지 글은 저장됐지만 별도 Threads 작업을 시작하지 못했습니다.");
                else notice(`${data.generated_count||0}개 편집 플랫폼 콘텐츠를 홈페이지에 저장했습니다. 선택한 Threads·Instagram·TikTok·YouTube·Facebook·Blogger 외부 작업은 별도로 진행됩니다.`);
                return;
            }
            if(data.quality_hold){notice("엄격 품질 보류 설정으로 초안에 저장했습니다.");return}
            if(data.buffer&&data.buffer.status==="disabled_by_request")notice("홈페이지 포스팅을 완료했습니다. 선택에 따라 Threads 글작성·포스팅은 건너뛰었습니다.");
            else if(data.buffer&&!data.buffer.ok)notice(data.buffer.detail||data.buffer.reason||"홈페이지 글은 저장됐지만 별도 Threads 작업을 시작하지 못했습니다.");
            if(data.local_url){location.href=data.local_url;return}
            notice(data.duplicate?"동일 본문이 있어 기존 등록 글을 열었습니다.":"홈페이지 포스팅을 완료했습니다. 선택한 Threads·Instagram·TikTok·YouTube·Facebook·Blogger 외부 작업은 별도로 진행됩니다.");
        }finally{button.disabled=chatgptClientCooldownRemaining()>0}
    }
    function selectedImage(input){const file=input&&input.files&&input.files[0];if(!file)return null;const allowed=["image/jpeg","image/png","image/webp","image/gif","application/octet-stream"];const lower=String(file.name||"").toLowerCase();if(!allowed.includes(file.type)&&!/[.](png|jpe?g|webp|gif)$/.test(lower))throw new Error("JPG, PNG, WEBP, GIF 이미지만 첨부할 수 있습니다.");if(file.size>50*1024*1024)throw new Error("대표 이미지는 50MB 이하만 업로드할 수 있습니다.");return file}
    function selectedImages(input){const files=Array.from(input&&input.files?input.files:[]);if(!files.length)return[];const allowed=["image/jpeg","image/png","image/webp","image/gif","application/octet-stream"];return files.map(file=>{const lower=String(file.name||"").toLowerCase();if(!allowed.includes(file.type)&&!/[.](png|jpe?g|webp|gif)$/.test(lower))throw new Error("JPG, PNG, WEBP, GIF 이미지만 첨부할 수 있습니다.");if(file.size>50*1024*1024)throw new Error("첨부 이미지는 각 파일당 50MB 이하만 업로드할 수 있습니다.");return file})}
    function selectedImageZip(input){const file=input&&input.files&&input.files[0];if(!file)return null;if(!String(file.name||"").toLowerCase().endsWith(".zip"))throw new Error("전체 이미지 파일은 ZIP 형식만 업로드할 수 있습니다.");if(file.size>200*1024*1024)throw new Error("전체 이미지 ZIP은 200MB 이하만 업로드할 수 있습니다.");return file}
    async function parseUploadResponse(res){const raw=await res.text();let data={};try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"서버 응답을 읽지 못했습니다."}}if(!res.ok)throw new Error(data.detail||`파일 업로드에 실패했습니다. (${res.status})`);return data}
    async function uploadBinaryFile(endpoint,file,fieldName="file"){let firstError=null;try{const res=await fetch(endpoint,{method:"POST",headers:{"Content-Type":file.type||"application/octet-stream","X-File-Name":encodeURIComponent(file.name||"upload.bin")},body:file});return await parseUploadResponse(res)}catch(e){firstError=e}try{const form=new FormData();form.append(fieldName,file,file.name||"upload.bin");const res=await fetch(endpoint,{method:"POST",body:form});return await parseUploadResponse(res)}catch(e){throw new Error(`${e.message||"업로드 실패"}${firstError?` / 원시 업로드: ${firstError.message}`:""}`)}}
    async function normalizePngForUpload(file){if(!file||(!/\.png$/i.test(file.name||"")&&file.type!=="image/png"))return file;let bitmap=null,url="";try{if(typeof createImageBitmap==="function")bitmap=await createImageBitmap(file);else{url=URL.createObjectURL(file);bitmap=await new Promise((resolve,reject)=>{const img=new Image();img.onload=()=>resolve(img);img.onerror=()=>reject(new Error("PNG를 브라우저에서 열지 못했습니다."));img.src=url})}const width=bitmap.width||bitmap.naturalWidth,height=bitmap.height||bitmap.naturalHeight;if(!width||!height)throw new Error("PNG 크기를 확인하지 못했습니다.");const canvas=document.createElement("canvas");canvas.width=width;canvas.height=height;const ctx=canvas.getContext("2d",{alpha:true});if(!ctx)throw new Error("PNG 변환 캔버스를 만들지 못했습니다.");ctx.drawImage(bitmap,0,0,width,height);const blob=await new Promise((resolve,reject)=>canvas.toBlob(value=>value?resolve(value):reject(new Error("표준 PNG 변환에 실패했습니다.")),"image/png"));return new File([blob],String(file.name||"thumbnail.png").replace(/\.[^.]+$/,"_normalized.png"),{type:"image/png",lastModified:Date.now()})}finally{if(bitmap&&typeof bitmap.close==="function")bitmap.close();if(url)URL.revokeObjectURL(url)}}
    async function uploadImage(input){const file=selectedImage(input);if(!file)return"";let data=null;try{data=await uploadBinaryFile("/api/auto-news/image-upload",file,"image_file")}catch(firstError){if(!/\.png$/i.test(file.name||"")&&file.type!=="image/png")throw firstError;notice("PNG를 표준 형식으로 변환해 다시 업로드합니다.");const normalized=await normalizePngForUpload(file);data=await uploadBinaryFile("/api/auto-news/image-upload",normalized,"image_file")}if(!data.url)throw new Error(data.detail||"대표 이미지 주소를 받지 못했습니다.");return data.url}
    async function uploadImages(input){const files=selectedImages(input);if(!files.length)return[];const urls=[];for(let index=0;index<files.length;index+=1){const file=files[index];let data=null;notice(`첨부 이미지 업로드 중 ${index+1}/${files.length}`);try{data=await uploadBinaryFile("/api/auto-news/image-upload",file,"image_file")}catch(firstError){if(!/\.png$/i.test(file.name||"")&&file.type!=="image/png")throw firstError;notice(`첨부 PNG를 표준 형식으로 변환해 다시 업로드합니다. ${index+1}/${files.length}`);const normalized=await normalizePngForUpload(file);data=await uploadBinaryFile("/api/auto-news/image-upload",normalized,"image_file")}if(!data.url)throw new Error(data.detail||`첨부 이미지 ${index+1}의 주소를 받지 못했습니다.`);urls.push(data.url)}return urls}
    async function uploadImageZip(input){const file=selectedImageZip(input);if(!file)return{images:[],thumbnail_fallback_url:""};const data=await uploadBinaryFile("/api/auto-news/image-zip-upload",file,"image_zip_file");if(!Array.isArray(data.images)||!data.images.length)throw new Error(data.detail||"ZIP 안에서 사용할 이미지를 찾지 못했습니다.");return data}
    function wrapSelection(textarea,before,after=before){const start=textarea.selectionStart||0,end=textarea.selectionEnd||0,selected=textarea.value.slice(start,end)||"강조할 내용";textarea.setRangeText(before+selected+after,start,end,"select");textarea.focus()}
    function formatSelected(kind){const textarea=$("anEditContent");if(!textarea)return;if(kind==="bold")return wrapSelection(textarea,"[bold]","[/bold]");if(kind==="blue")return wrapSelection(textarea,"**","**");if(kind==="warn")return wrapSelection(textarea,"^^","^^");if(kind==="highlight")return wrapSelection(textarea,"==","==");if(kind==="underline")return wrapSelection(textarea,"[u]","[/u]");if(kind==="color")return wrapSelection(textarea,`[color=${$("anEditorColor").value}]`,`[/color]`);if(kind==="size")return wrapSelection(textarea,`[size=${$("anEditorSize").value}]`,`[/size]`);const start=textarea.selectionStart||0,lineStart=textarea.value.lastIndexOf("\n",Math.max(0,start-1))+1,prefix=kind==="h2"?"## ":"### ";textarea.setRangeText(prefix,lineStart,lineStart,"end");textarea.focus()}
    async function editPost(id){const res=await fetch(`/api/auto-news/posts/${id}?inc_view=0`);const data=await res.json().catch(()=>({}));if(!res.ok)return notice(data.detail||"콘텐츠를 불러오지 못했습니다.");const p=data.post||{};["id","title","slug","summary","category","thumbnail_text","image_url","image_alt","platform","intent_type","content_mode","status","content_markdown","coupang_partners_code"].forEach(name=>{if(editForm.elements[name])editForm.elements[name].value=name==="coupang_partners_code"?(p.coupang_partners_html||""):(p[name]||"")});const linkMap={};(p.affiliate_links||[]).forEach(item=>linkMap[item.type]=item.type==="toss_sharing"?(item.text||item.url||""):(item.url||""));if(editForm.elements.toss_sharing_text)editForm.elements.toss_sharing_text.value=linkMap.toss_sharing||"";if(editForm.elements.naver_brand_connect_url)editForm.elements.naver_brand_connect_url.value=linkMap.naver_brand_connect||"";if(editForm.elements.coupang_partners_url)editForm.elements.coupang_partners_url.value=linkMap.coupang_partners||"";editForm.elements.tags.value=(p.display_tags||p.tags||[]).map(hashTag).filter(Boolean).join(" ");editForm.elements.seo_boost.checked=false;const preview=$("anEditImagePreview"),current=$("anEditImageCurrent");preview.onerror=()=>{preview.removeAttribute("src");current.classList.remove("open")};if(p.image_url){preview.src=p.image_url;current.classList.add("open")}else{preview.removeAttribute("src");current.classList.remove("open")}editForm.elements.image_file.value="";if(editForm.elements.image_zip_file)editForm.elements.image_zip_file.value="";editModal.classList.add("open")}
    async function saveEdit(){
      const f=editForm,id=f.elements.id.value;
      let imageUrl=f.elements.image_url.value.trim(),zipResult={images:[],thumbnail_fallback_url:""},thumbnailUploadFailed=false,uploadMessages=[];
      try{
        if(f.elements.image_zip_file&&f.elements.image_zip_file.files&&f.elements.image_zip_file.files[0]){
          notice("전체 이미지 ZIP을 업로드하고 있습니다.");
          zipResult=await uploadImageZip(f.elements.image_zip_file);
          uploadMessages.push(`ZIP 이미지 ${zipResult.images.length}장`);
        }
      }catch(e){return notice(e.message)}
      if(f.elements.image_file.files&&f.elements.image_file.files[0]){
        try{
          notice("대표 썸네일 PNG를 업로드하고 있습니다.");
          imageUrl=await uploadImage(f.elements.image_file);
          uploadMessages.push("대표 썸네일 업로드 완료");
        }catch(e){
          thumbnailUploadFailed=true;
          if(zipResult.thumbnail_fallback_url){
            imageUrl=zipResult.thumbnail_fallback_url;
            uploadMessages.push("썸네일 실패 → ZIP 첫 이미지 사용");
          }else{
            notice(`${e.message} 전체 이미지 ZIP이 없어 기존 대표 이미지를 유지합니다.`);
          }
        }
      }else if(!imageUrl&&zipResult.thumbnail_fallback_url){
        imageUrl=zipResult.thumbnail_fallback_url;
        uploadMessages.push("ZIP 첫 이미지를 대표 썸네일로 사용");
      }
      const payload={title:f.elements.title.value.trim(),slug:f.elements.slug.value.trim(),summary:f.elements.summary.value.trim(),category:f.elements.category.value.trim(),thumbnail_text:f.elements.thumbnail_text.value.trim(),tags:f.elements.tags.value.trim(),image_url:imageUrl,image_alt:f.elements.image_alt.value.trim(),uploaded_body_images:zipResult.images||[],thumbnail_upload_failed:thumbnailUploadFailed,platform:f.elements.platform.value,intent_type:f.elements.intent_type.value,content_mode:f.elements.platform.value==="all"?"all":f.elements.content_mode.value,status:f.elements.status.value,seo_boost:f.elements.seo_boost.checked,coupang_partners_code:f.elements.coupang_partners_code.value.trim(),affiliate_links:{toss_sharing_text:f.elements.toss_sharing_text.value.trim(),naver_brand_connect_url:f.elements.naver_brand_connect_url.value.trim(),coupang_partners_url:f.elements.coupang_partners_url.value.trim()},content_markdown:f.elements.content_markdown.value.trim()};
      if(!payload.content_markdown)return notice("본문을 입력해주세요.");
      notice(uploadMessages.length?`${uploadMessages.join(" · ")} · 수정 내용을 저장 중입니다.`:"수정 내용을 저장 중입니다.");
      const res=await fetch(`/api/auto-news/posts/${id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(payload)});
      const raw=await res.text();let data={};try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"서버 응답을 읽지 못했습니다."}}
      if(!res.ok)return notice(data.detail||"수정하지 못했습니다.");
      if(data.local_url){location.href=data.local_url;return}
      notice("수정 내용을 사이트에 반영했습니다.");editModal.classList.remove("open");await load()
    }
    function schedulerTimeRow(value="09:00"){const row=document.createElement("div");row.className="an-scheduler-time-row";row.innerHTML=`<input class="an-input" type="time" value="${esc(value)}" step="60" aria-label="자동 포스팅 시간"><button class="an-btn danger" type="button" data-scheduler-time-delete>삭제</button>`;return row}
    function renderSchedulerTimes(times){if(!schedulerTimes)return;schedulerTimes.innerHTML="";(Array.isArray(times)&&times.length?times:schedulerTimePresets.even).forEach(value=>schedulerTimes.appendChild(schedulerTimeRow(value)))}
    function applySchedulerTimePreset(name){const values=Array.isArray(schedulerTimePresets[name])?schedulerTimePresets[name]:[];if(!values.length)return notice("시간대 프리셋을 불러오지 못했습니다.");renderSchedulerTimes(values);notice(`${name==="even"?"짝수":"홀수"}시간대 10개를 적용했습니다. 설정 저장을 누르면 확정됩니다.`)}
    // ver359: 플랫폼별 활성 프롬프트와 전용 GPT 사용 여부를 DB에서 직접 관리합니다.
    const promptPlatformOrder=["website","blogspot","threads","instagram","tiktok","youtube","facebook","x","naver","tistory","community","common_facts"];
    const promptPlatformLabels={website:"홈페이지",blogspot:"블로거",threads:"스레드",instagram:"인스타그램",tiktok:"틱톡",youtube:"유튜브",facebook:"페이스북",x:"엑스",naver:"네이버 블로그",tistory:"티스토리",community:"커뮤니티",common_facts:"공통 사실자료"};
    let promptManagerState={platform:"website",settings:{},profiles:[],editingId:0};
    function promptKindForPlatform(platform){return platform==="common_facts"?"facts":"text"}
    function renderPromptPlatformButtons(){if(!promptPlatformList)return;promptPlatformList.innerHTML=promptPlatformOrder.map(key=>`<button class="an-prompt-platform-btn${key===promptManagerState.platform?" active":""}" type="button" data-prompt-platform="${key}">${esc(promptPlatformLabels[key]||key)}</button>`).join("")}
    function promptPlatformSetting(platform){const items=Array.isArray(promptManagerState.settings.platforms)?promptManagerState.settings.platforms:[];return items.find(item=>item.platform===platform)||{platform:platform,label:promptPlatformLabels[platform]||platform,dedicated_gpt_supported:false,dedicated_gpt_enabled:true}}
    function renderPromptProfiles(){
      if(!promptProfileList||!promptEditorForm)return;
      const platform=promptManagerState.platform,setting=promptPlatformSetting(platform),items=promptManagerState.profiles.filter(item=>item.platform===platform);
      $("anPromptPlatformTitle").textContent=`${promptPlatformLabels[platform]||platform} 프롬프트`;
      $("anPromptPlatformMeta").textContent=setting.profile_name?`현재 기본: ${setting.profile_name} · 버전 ${setting.version||1}`:"현재 기본 프롬프트를 확인하세요.";
      $("anPromptDedicatedWrap").style.display=setting.dedicated_gpt_supported?"flex":"none";
      $("anPromptDedicatedEnabled").checked=Boolean(setting.dedicated_gpt_enabled);
      promptProfileList.innerHTML=items.length?items.map(item=>`<div class="an-prompt-item${item.is_default?" is-default":""}" data-prompt-profile-id="${item.id}"><div class="an-prompt-item-head"><div><div class="an-prompt-item-name">${esc(item.name)}</div><div class="an-prompt-item-meta">버전 ${Number(item.version||1)} · ${item.enabled?"사용":"사용 안 함"} · ${item.is_default?"현재 기본":"보조 프로필"}${item.updated_at?` · 수정 ${esc(String(item.updated_at).slice(0,16))}`:""}</div></div><div class="an-prompt-item-actions">${item.is_default?'<span class="an-prompt-badge">사용 중</span>':`<button class="an-prompt-mini primary" type="button" data-prompt-activate="${item.id}">기본 사용</button>`}<button class="an-prompt-mini" type="button" data-prompt-edit="${item.id}">수정</button><button class="an-prompt-mini" type="button" data-prompt-copy="${item.id}">복제</button><button class="an-prompt-mini danger" type="button" data-prompt-delete="${item.id}">삭제</button></div></div></div>`).join(""):'<div class="an-prompt-empty">저장된 프롬프트가 없습니다.</div>';
      if(!promptManagerState.editingId&&items.length){const target=items.find(item=>item.is_default)||items[0];fillPromptEditor(target)}
    }
    function fillPromptEditor(item,clone=false){if(!promptEditorForm||!item)return;promptManagerState.editingId=clone?0:Number(item.id||0);promptEditorForm.elements.id.value=clone?"":String(item.id||"");promptEditorForm.elements.platform.value=promptManagerState.platform;promptEditorForm.elements.prompt_kind.value=promptKindForPlatform(promptManagerState.platform);promptEditorForm.elements.name.value=clone?`${item.name} 복제`:item.name;promptEditorForm.elements.prompt_text.value=item.prompt_text||"";promptEditorForm.elements.enabled.value=item.enabled?"1":"0";promptEditorForm.elements.is_default.checked=false}
    function newPromptEditor(){if(!promptEditorForm)return;promptManagerState.editingId=0;promptEditorForm.reset();promptEditorForm.elements.id.value="";promptEditorForm.elements.platform.value=promptManagerState.platform;promptEditorForm.elements.prompt_kind.value=promptKindForPlatform(promptManagerState.platform);promptEditorForm.elements.enabled.value="1";promptEditorForm.elements.name.value=`${promptPlatformLabels[promptManagerState.platform]||promptManagerState.platform} 새 프롬프트`;promptEditorForm.elements.prompt_text.value="";promptEditorForm.elements.is_default.checked=false;promptEditorForm.elements.prompt_text.focus()}
    async function loadPromptManager(platform){
      const target=platform||promptManagerState.platform||"website";promptManagerState.platform=target;promptManagerState.editingId=0;
      const [settingsRes,profilesRes]=await Promise.all([fetch("/api/auto-news/prompt-settings",{cache:"no-store"}),fetch(`/api/auto-news/prompt-profiles?platform=${encodeURIComponent(target)}`,{cache:"no-store"})]);
      promptManagerState.settings=await readJsonResponse(settingsRes);const profileData=await readJsonResponse(profilesRes);promptManagerState.profiles=Array.isArray(profileData.items)?profileData.items:[];renderPromptPlatformButtons();renderPromptProfiles();
    }
    async function openPromptManager(){if(!promptManagerModal)return;promptManagerModal.classList.add("open");await loadPromptManager(promptManagerState.platform)}
    async function savePromptDedicatedSetting(){const platform=promptManagerState.platform,setting=promptPlatformSetting(platform);if(!setting.dedicated_gpt_supported)return;const res=await fetch(`/api/auto-news/prompt-settings/${encodeURIComponent(platform)}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({dedicated_gpt_enabled:$("anPromptDedicatedEnabled").checked})});await readJsonResponse(res);notice(`${promptPlatformLabels[platform]} 전용 GPT 설정을 저장했습니다.`);await loadPromptManager(platform)}
    async function savePromptEditor(){
      const id=Number(promptEditorForm.elements.id.value||0),payload={platform:promptManagerState.platform,prompt_kind:promptKindForPlatform(promptManagerState.platform),name:promptEditorForm.elements.name.value.trim(),prompt_text:promptEditorForm.elements.prompt_text.value.trim(),enabled:promptEditorForm.elements.enabled.value==="1",is_default:promptEditorForm.elements.is_default.checked};
      if(!payload.name||payload.prompt_text.length<20)throw new Error("프롬프트 이름과 20자 이상의 명령을 입력해주세요.");
      const res=await fetch(id?`/api/auto-news/prompt-profiles/${id}`:"/api/auto-news/prompt-profiles",{method:id?"PUT":"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(payload)});await readJsonResponse(res);notice(id?"프롬프트를 수정했습니다.":"새 프롬프트를 추가했습니다.");promptManagerState.editingId=0;await loadPromptManager(promptManagerState.platform)
    }
    async function activatePromptProfile(id){const res=await fetch(`/api/auto-news/prompt-profiles/${Number(id)}/activate`,{method:"POST"});await readJsonResponse(res);notice("이 프롬프트를 현재 기본으로 적용했습니다.");promptManagerState.editingId=0;await loadPromptManager(promptManagerState.platform)}
    async function deletePromptProfile(id){const item=promptManagerState.profiles.find(x=>Number(x.id)===Number(id));if(!item)return;if(!confirm(window.siteI18n.t(`'${item.name}' 프롬프트를 삭제할까요?`)))return;const res=await fetch(`/api/auto-news/prompt-profiles/${Number(id)}`,{method:"DELETE"});await readJsonResponse(res);notice("프롬프트를 삭제했습니다.");promptManagerState.editingId=0;await loadPromptManager(promptManagerState.platform)}
    function insertPromptVariable(value){const area=promptEditorForm&&promptEditorForm.elements.prompt_text;if(!area)return;const start=area.selectionStart||0,end=area.selectionEnd||0;area.value=area.value.slice(0,start)+value+area.value.slice(end);area.focus();area.selectionStart=area.selectionEnd=start+value.length}

    const externalSettingsState={items:[],categories:[],category:"전체",query:"",changedOnly:false,dirty:new Map(),reset:new Set(),profiles:[]};
    function externalSettingControl(item){
      const key=String(item.key||""),value=String(item.value==null?"":item.value),type=String(item.type||"text"),dirtyValue=externalSettingsState.dirty.has(key)?String(externalSettingsState.dirty.get(key)):value;
      if(type==="bool")return `<label class="an-setting-toggle"><input type="checkbox" data-external-setting-key="${esc(key)}" data-external-setting-type="bool" ${["1","true","yes","on"].includes(dirtyValue.toLowerCase())?"checked":""}>사용</label>`;
      if(type==="select"&&Array.isArray(item.options)&&item.options.length){return `<select class="an-select" data-external-setting-key="${esc(key)}" data-external-setting-type="select">${item.options.map(opt=>`<option value="${esc(opt.value)}" ${String(opt.value)===dirtyValue?"selected":""}>${esc(opt.label)}</option>`).join("")}</select>`}
      if(type==="secret")return `<div><input class="an-input" type="password" autocomplete="new-password" data-external-setting-key="${esc(key)}" data-external-setting-type="secret" placeholder="${item.secret_configured?"저장된 비밀값 유지":"새 비밀값 입력"}"><div class="an-setting-secret-note">${item.secret_configured?"현재 비밀값이 설정되어 있습니다. 새 값을 입력할 때만 교체됩니다.":"현재 비밀값이 없습니다."}</div></div>`;
      if(type==="longtext")return `<textarea class="an-textarea" data-external-setting-key="${esc(key)}" data-external-setting-type="longtext">${esc(dirtyValue)}</textarea>`;
      const htmlType=type==="number"?"number":type==="url"?"url":"text";return `<input class="an-input" type="${htmlType}" data-external-setting-key="${esc(key)}" data-external-setting-type="${esc(type)}" value="${esc(dirtyValue)}">`;
    }
    function renderExternalSettingsCategories(){
      if(!externalSettingsCategories)return;const counts=new Map((externalSettingsState.categories||[]).map(x=>[String(x.name||""),Number(x.count||0)]));
      const names=["전체",...[...counts.keys()]];externalSettingsCategories.innerHTML=names.map(name=>`<button class="an-settings-category-btn ${externalSettingsState.category===name?"active":""}" type="button" data-external-category="${esc(name)}"><span>${esc(name)}</span><span class="an-settings-category-count">${name==="전체"?externalSettingsState.items.length:(counts.get(name)||0)}</span></button>`).join("");
    }
    function renderExternalSettings(){
      if(!externalSettingsList)return;const query=externalSettingsState.query.trim().toLowerCase();let items=externalSettingsState.items.filter(item=>(externalSettingsState.category==="전체"||item.category===externalSettingsState.category)&&(!query||String(item.label||"").toLowerCase().includes(query))&&(!externalSettingsState.changedOnly||item.overridden||externalSettingsState.dirty.has(item.key)||externalSettingsState.reset.has(item.key)));
      externalSettingsList.innerHTML=items.length?items.map(item=>{const changed=externalSettingsState.dirty.has(item.key),reset=externalSettingsState.reset.has(item.key),source=reset?"기본값으로 복귀 예정":changed?"저장 대기":item.source;return `<article class="an-setting-item ${(item.overridden||changed)&&!reset?"is-overridden":""}" data-setting-item="${esc(item.key)}"><div class="an-setting-item-head"><div><div class="an-setting-title">${esc(item.label)}</div><div class="an-setting-meta"><span class="an-setting-badge ${item.overridden&&!reset?"db":""}">${esc(source)}</span><span class="an-setting-badge">${esc(item.category)}</span>${item.linked_setting?`<span class="an-setting-badge">${esc(item.linked_setting)}</span>`:''}${item.restart_recommended?'<span class="an-setting-badge restart">재시작 후 완전 적용</span>':''}</div></div><button class="an-setting-reset" type="button" data-external-reset-key="${esc(item.key)}">${item.overridden||changed?"환경·기본값 사용":"초기값"}</button></div><div class="an-setting-control">${externalSettingControl(item)}<span class="an-coupang-manager-meta">${item.type==="secret"?esc(item.effective_display||""):"현재 "+esc(item.effective_display||"")}</span></div></article>`}).join(""):'<div class="an-setting-empty">조건에 맞는 설정이 없습니다.</div>';
      const dirtyCount=externalSettingsState.dirty.size+externalSettingsState.reset.size;$('anExternalSettingsDirty').textContent=dirtyCount?`${dirtyCount}개 설정이 저장 대기 중입니다.`:"변경된 설정이 없습니다.";
    }
    function renderExternalProfiles(){
      const select=$('anExternalProfileSelect');if(!select)return;const items=Array.isArray(externalSettingsState.profiles)?externalSettingsState.profiles:[];
      select.innerHTML='<option value="">'+(externalSettingsState.category==='전체'?'분류를 선택하면 설정 프로필을 사용할 수 있습니다.':'저장된 설정 프로필 선택')+'</option>'+items.map(item=>`<option value="${Number(item.id||0)}">${esc(item.name||'이름 없음')}${item.is_active?' · 사용 중':''}</option>`).join('');
      const active=items.find(item=>item.is_active);if(active)select.value=String(active.id||'');
    }
    async function loadExternalProfiles(){
      if(externalSettingsState.category==='전체'){externalSettingsState.profiles=[];renderExternalProfiles();return []}
      const res=await fetch('/api/auto-news/external-setting-profiles?category='+encodeURIComponent(externalSettingsState.category),{cache:'no-store'}),data=await readJsonResponse(res);externalSettingsState.profiles=Array.isArray(data.items)?data.items:[];renderExternalProfiles();return externalSettingsState.profiles;
    }
    async function captureExternalProfile(){
      if(externalSettingsState.category==='전체')return notice('먼저 챗지피티·버퍼·블로거처럼 한 설정 분류를 선택해주세요.');
      if(externalSettingsState.dirty.size||externalSettingsState.reset.size)return notice('저장 대기 중인 변경값을 먼저 저장한 뒤 설정 프로필을 만들어주세요.');
      const name=window.prompt(window.siteI18n.t(`${externalSettingsState.category} 설정 프로필 이름을 입력해주세요.`),`${externalSettingsState.category} 운영 프로필`);if(!name||!name.trim())return;
      const res=await fetch('/api/auto-news/external-setting-profiles',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({category:externalSettingsState.category,name:name.trim()})}),data=await readJsonResponse(res);await loadExternalProfiles();notice(`${data.item&&data.item.name||name} 프로필을 저장했습니다.`);
    }
    async function activateExternalProfile(){
      const id=Number($('anExternalProfileSelect').value||0);if(!id)return notice('사용할 설정 프로필을 선택해주세요.');if(externalSettingsState.dirty.size||externalSettingsState.reset.size)return notice('저장 대기 중인 변경값을 먼저 저장하거나 취소해주세요.');
      const res=await fetch(`/api/auto-news/external-setting-profiles/${id}/activate`,{method:'POST'}),data=await readJsonResponse(res);await Promise.all([loadExternalSettings(),loadExternalProfiles(),loadSchedulerSettings(),loadBufferChannelStatus(),loadBloggerConnectionStatus()]);notice(`${data.name||'설정 프로필'}을 적용했습니다. ${Number(data.applied_count||0)}개 설정이 전환되었습니다.`);
    }
    async function deleteExternalProfile(){
      const id=Number($('anExternalProfileSelect').value||0);if(!id)return notice('삭제할 설정 프로필을 선택해주세요.');const item=(externalSettingsState.profiles||[]).find(x=>Number(x.id)===id);if(item&&item.is_active)return notice('현재 사용 중인 프로필은 다른 프로필로 전환한 뒤 삭제해주세요.');if(!window.confirm(window.siteI18n.t('선택한 설정 프로필을 삭제할까요?')))return;
      const res=await fetch(`/api/auto-news/external-setting-profiles/${id}`,{method:'DELETE'});await readJsonResponse(res);await loadExternalProfiles();notice('설정 프로필을 삭제했습니다.');
    }
    async function loadExternalSettings(){
      const res=await fetch('/api/auto-news/external-settings',{cache:'no-store'}),data=await readJsonResponse(res);externalSettingsState.items=Array.isArray(data.items)?data.items:[];externalSettingsState.categories=Array.isArray(data.categories)?data.categories:[];externalSettingsState.dirty.clear();externalSettingsState.reset.clear();renderExternalSettingsCategories();renderExternalSettings();return data;
    }
    async function openExternalSettings(){externalSettingsModal.classList.add('open');await loadExternalSettings();await loadExternalProfiles()}
    function markExternalSetting(key,value){externalSettingsState.reset.delete(key);externalSettingsState.dirty.set(key,value);renderExternalSettings()}
    async function saveExternalSettings(){
      const settings={};for(const [key,value] of externalSettingsState.dirty.entries())settings[key]=value;const resetKeys=[...externalSettingsState.reset];if(!Object.keys(settings).length&&!resetKeys.length)return notice('변경된 설정이 없습니다.');const res=await fetch('/api/auto-news/external-settings',{method:'PUT',headers:{'Content-Type':'application/json'},body:JSON.stringify({settings:settings,reset_keys:resetKeys})}),data=await readJsonResponse(res);notice(`전체 운영 설정을 저장했습니다. ${Object.keys(settings).length}개 변경 · ${resetKeys.length}개 기본값 복귀`);await loadExternalSettings();await Promise.allSettled([loadSchedulerSettings(),loadBufferChannelStatus(),loadBloggerConnectionStatus()]);return data;
    }
    const DEFAULT_SCHEDULER_IMAGE_COUNT=5;
    function normalizedSchedulerImageCount(value){const raw=String(value==null?"":value).trim().toLowerCase();if(raw==="paragraphs"||raw==="paragraph"||raw==="-1")return "paragraphs";const num=Number(raw);return Number.isFinite(num)&&num>=1&&num<=5?String(Math.trunc(num)):String(DEFAULT_SCHEDULER_IMAGE_COUNT)}
    function closeSchedulerManager(event){
      if(event){try{event.preventDefault()}catch(_e){}try{event.stopPropagation()}catch(_e){}}
      const targetModal=schedulerManagerModal||document.getElementById("anSchedulerManagerModal");
      if(!targetModal)return false;
      // ver602: close the native modal once; class-only closing left background controls inert.
      if(targetModal.open)targetModal.close();
      targetModal.classList.remove("open");
      targetModal.setAttribute("aria-hidden","true");
      
      return false;
    }
    async function loadSchedulerSettings(){const res=await fetch("/api/auto-news/scheduler-settings",{cache:"no-store"}),data=await readJsonResponse(res),presets=data.time_presets||{},dedicated=data.dedicated_gpt_by_platform||{};if(Array.isArray(presets.odd)&&presets.odd.length)schedulerTimePresets.odd=presets.odd;if(Array.isArray(presets.even)&&presets.even.length)schedulerTimePresets.even=presets.even;$("anSchedulerEnabled").checked=Boolean(data.enabled);$("anSchedulerPublishThreads").checked=data.publish_threads!==false;$("anSchedulerPublishInstagram").checked=data.publish_instagram===true;$("anSchedulerPublishTikTok").checked=data.publish_tiktok===true;$("anSchedulerPublishYouTube").checked=data.publish_youtube===true;$("anSchedulerYouTubeLongform").checked=Boolean(data.youtube_longform);$("anSchedulerPublishFacebook").checked=data.publish_facebook===true;$("anSchedulerPublishX").checked=data.publish_x===true;$("anSchedulerPublishBlogger").checked=data.publish_blogger===true;if($("anSchedulerDedicatedBlogger"))$("anSchedulerDedicatedBlogger").checked=dedicated.blogspot!==false;if($("anSchedulerDedicatedThreads"))$("anSchedulerDedicatedThreads").checked=dedicated.threads===true;if($("anSchedulerDedicatedInstagram"))$("anSchedulerDedicatedInstagram").checked=dedicated.instagram===true;if($("anSchedulerDedicatedTikTok"))$("anSchedulerDedicatedTikTok").checked=dedicated.tiktok===true;if($("anSchedulerDedicatedYouTube"))$("anSchedulerDedicatedYouTube").checked=dedicated.youtube===true;if($("anSchedulerDedicatedFacebook"))$("anSchedulerDedicatedFacebook").checked=dedicated.facebook===true;if($("anSchedulerDedicatedX"))$("anSchedulerDedicatedX").checked=dedicated.x===true;$("anSchedulerImageCount").value=normalizedSchedulerImageCount(data.homepage_image_count);if($("anSchedulerThumbnailAspect"))$("anSchedulerThumbnailAspect").value=String(data.thumbnail_aspect_ratio||"16:9");if($("anSchedulerVideoAspect"))$("anSchedulerVideoAspect").value=String(data.video_output_aspect_ratio||"match");if($("anSchedulerImageProvider"))$("anSchedulerImageProvider").value=String(data.image_generation_provider||"auto");if($("anSchedulerVideoProvider"))$("anSchedulerVideoProvider").value=String(data.video_generation_provider||"auto");if($("anSchedulerTtsProvider"))$("anSchedulerTtsProvider").value=String(data.tts_provider||"edge");if($("anSchedulerChatGPTMode"))$("anSchedulerChatGPTMode").value=String(data.chatgpt_mode||"current");$("anSchedulerDailyLimit").value=String(data.daily_publish_limit==null?data.times.length:data.daily_publish_limit);renderSchedulerTimes(data.times||schedulerTimePresets.even);syncVideoAspectSelectors();window.applyNeoBufferAccountSelections?.();return data}
    async function openSchedulerManager(){if(!schedulerManagerModal)return;window.__neoPrepareStudioDrawer?.(schedulerManagerModal);schedulerManagerModal.removeAttribute("aria-hidden");schedulerManagerModal.classList.add("open");if(!schedulerManagerModal.open)schedulerManagerModal.showModal();$("anSchedulerSaveStatus").hidden=true;if($("anSchedulerImageCount"))$("anSchedulerImageCount").value=String(DEFAULT_SCHEDULER_IMAGE_COUNT);renderSchedulerTimes([]);try{await Promise.all([loadSchedulerSettings(),loadBufferChannelStatus()])}catch(e){notice(e.message)}}
    // ver601: save Google inputs before the existing scheduler flow; no second settings dialog.
    async function saveSchedulerSettings(){if(await window.saveNeoGooglePublicationAccounts?.()===false)return;if(await window.saveNeoGoogleSettings?.()===false)return notice($("anGoogleSharedStatus").textContent);if(await window.saveNeoYouTubeSettings?.()===false)return notice($("anYouTubeSetupStatus").textContent);await window.saveNeoBufferAccounts?.();const times=[...schedulerTimes.querySelectorAll('input[type="time"]')].map(input=>input.value.trim()).filter(Boolean);if(!times.length)return notice("자동 포스팅 시간을 한 개 이상 입력해주세요.");const payload={enabled:$("anSchedulerEnabled").checked,publish_threads:$("anSchedulerPublishThreads").checked,publish_instagram:$("anSchedulerPublishInstagram").checked,publish_tiktok:$("anSchedulerPublishTikTok").checked,publish_youtube:$("anSchedulerPublishYouTube").checked,youtube_longform:$("anSchedulerYouTubeLongform").checked,publish_facebook:$("anSchedulerPublishFacebook").checked,publish_x:$("anSchedulerPublishX").checked,publish_blogger:$("anSchedulerPublishBlogger").checked,dedicated_gpt_blogger:$("anSchedulerDedicatedBlogger")?$("anSchedulerDedicatedBlogger").checked:true,dedicated_gpt_threads:$("anSchedulerDedicatedThreads")?$("anSchedulerDedicatedThreads").checked:false,dedicated_gpt_instagram:$("anSchedulerDedicatedInstagram")?$("anSchedulerDedicatedInstagram").checked:false,dedicated_gpt_tiktok:$("anSchedulerDedicatedTikTok")?$("anSchedulerDedicatedTikTok").checked:false,dedicated_gpt_youtube:$("anSchedulerDedicatedYouTube")?$("anSchedulerDedicatedYouTube").checked:false,dedicated_gpt_facebook:$("anSchedulerDedicatedFacebook")?$("anSchedulerDedicatedFacebook").checked:false,dedicated_gpt_x:$("anSchedulerDedicatedX")?$("anSchedulerDedicatedX").checked:false,homepage_image_count:normalizedSchedulerImageCount($("anSchedulerImageCount").value),thumbnail_aspect_ratio:$("anSchedulerThumbnailAspect")?$("anSchedulerThumbnailAspect").value:"16:9",video_output_aspect_ratio:$("anSchedulerVideoAspect")?$("anSchedulerVideoAspect").value:"match",image_generation_provider:normalizedSchedulerImageCount($("anSchedulerImageCount").value)==="paragraphs"?"gpt":($("anSchedulerImageProvider")?$("anSchedulerImageProvider").value:"auto"),video_generation_provider:$("anSchedulerVideoProvider")?$("anSchedulerVideoProvider").value:"auto",tts_provider:$("anSchedulerTtsProvider")?$("anSchedulerTtsProvider").value:"edge",chatgpt_mode:$("anSchedulerChatGPTMode")?$("anSchedulerChatGPTMode").value:"current",times:times,daily_publish_limit:Number($("anSchedulerDailyLimit").value||0)},res=await fetch("/api/auto-news/scheduler-settings",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(payload)}),data=await readJsonResponse(res),warnings=Array.isArray(data.channel_warnings)?data.channel_warnings:[],warningLabels=[...new Set(warnings.map(item=>String(item&&item.label||item&&item.service||"").trim()).filter(Boolean))],warningText=warningLabels.length?` · 주의: ${warningLabels.join("·")} 채널 ID 미설정(설정은 저장됨)`:"",gpt=data.dedicated_gpt_by_platform||{},gptOn=[gpt.blogspot&&"Blogger",gpt.threads&&"Threads",gpt.instagram&&"Instagram",gpt.tiktok&&"TikTok",gpt.youtube&&"YouTube",gpt.facebook&&"Facebook",gpt.x&&"X"].filter(Boolean);notice(`자동 포스팅 설정 저장 완료 · ${data.enabled?'사용':'중지'} · ${data.times.join(' · ')}${warningText}`);window.confirmNeoBufferAccountSelections?.();syncVideoAspectSelectors();await Promise.all([loadSchedulerStatus(),loadBufferChannelStatus()])}
    // ver628: Translate complete status labels before concatenation, preserving API and scheduling values.
    async function loadSchedulerStatus(){
      const el=$("anSchedulerStatus");if(!canManage||!el)return;
      try{
        const res=await fetch("/api/auto-news/health",{cache:"no-store"}),data=await res.json().catch(()=>({}));
        if(!res.ok)throw new Error(data.detail||"상태 확인 실패");
        const limitSeconds=Math.max(0,Number(data.buffer_global_rate_limit_remaining_seconds||0));
        const bufferLimit=limitSeconds>0?` · Buffer ${String(data.buffer_global_rate_limit_window||"24h")} 제한 · 약 ${rateLimitWait(data)} 후 수동 재실행`:"";
        [[".an-buffer-btn","Threads","bufferStatus"],[".an-instagram-btn","Instagram","instagramStatus"],[".an-tiktok-btn","TikTok","tiktokStatus"],[".an-youtube-btn","YouTube","youtubeStatus"],[".an-facebook-btn","Facebook","facebookStatus"],[".an-x-btn","X","xStatus"]].forEach(([selector,service,statusKey])=>document.querySelectorAll(selector).forEach(button=>{if(String(button.dataset[statusKey]||"").toLowerCase()!=="rate_limited"&&!/(요청 제한|Buffer 제한|수동 재실행)/.test(button.textContent||""))return;button.disabled=false;button.textContent=rateLimitLabel(service,data)}))
        if(!data.scheduler_enabled){el.textContent=`자동발행이 비활성화되어 있습니다.${bufferLimit}`;return}
        const running=data.scheduler_task_running?"실행 중":"대기 중",result=String(data.scheduler_last_result||""),todayAuto=Math.max(0,Number(data.scheduler_today_automatic_count||0)),dailyLimit=Math.max(0,Number(data.daily_publish_limit||0)),limitReached=dailyLimit>0&&todayAuto>=dailyLimit,last=result.startsWith("failed")?"최근 실행 실패·재시도 없음":result==="duplicate_skipped"?"최근 중복 글 건너뜀":result==="daily_limit"?(limitReached?"오늘 자동 등록 한도 도달·수동 발행 가능":"최근 예약 슬롯 한도 확인 후 건너뜀"):"최근 실행 정상",quota=dailyLimit>0?` · 오늘 자동 등록 ${todayAuto}/${dailyLimit}${limitReached?" · 수동 발행 가능":""}`:` · 오늘 자동 등록 ${todayAuto} · 한도 없음`,next=data.scheduler_next_run_at?` · 다음 ${data.scheduler_next_run_at}`:"",times=Array.isArray(data.scheduled_times)&&data.scheduled_times.length?data.scheduled_times.join("·"):"고정 시각",buffer=data.scheduler_publish_threads&&data.buffer_enabled?(data.buffer_configured?` · Buffer Threads ${data.buffer_post_mode==="shareNow"?window.siteI18n.t("즉시 발행"):window.siteI18n.t("대기열")}`:" · Buffer 설정 필요"):"",platform=data.scheduled_content_platform?` · 예약 플랫폼 ${data.scheduled_content_platform}`:"",chatgptMode=data.scheduler_chatgpt_mode_label?` · ChatGPT ${data.scheduler_chatgpt_mode_label}`:"",threads=data.scheduler_publish_threads?" · Threads 포함":" · Threads 제외",instagram=data.scheduler_publish_instagram?" · Instagram 포함":" · Instagram 제외",tiktok=data.scheduler_publish_tiktok?" · TikTok 포함":" · TikTok 제외",youtube=data.scheduler_publish_youtube?" · YouTube 포함":" · YouTube 제외",facebook=data.scheduler_publish_facebook?" · Facebook 포함":" · Facebook 제외",x=data.scheduler_publish_x?" · X 포함":" · X 제외",blogger=data.scheduler_publish_blogger?" · Blogger 포함":" · Blogger 제외",images=` · 이미지 ${normalizedSchedulerImageCount(data.scheduler_homepage_image_count)==="paragraphs"?window.siteI18n.t("문단 자동(GPT)"):`${Math.max(1,Number(data.scheduler_homepage_image_count||5))}장`}/${window.siteI18n.t(data.scheduler_image_generation_provider_label||"자동")} · 동영상 ${window.siteI18n.t(data.scheduler_video_generation_provider_label||"자동")}/${window.siteI18n.t(data.scheduler_video_output_aspect_ratio_label||data.scheduler_video_output_aspect_ratio||"이미지 맞춤")}`,detail=String(data.scheduler_last_detail||""),match=detail.match(/buffer_status=([^,\s]+)/),bufferResult=match?` · 최근 Buffer ${match[1]}`:"";
        el.textContent=`고정 ${times} 자동발행 ${running} · ${window.siteI18n.t(last)}${quota}${platform}${threads}${instagram}${tiktok}${youtube}${facebook}${x}${blogger}${images}${buffer}${bufferResult}${bufferLimit}${next}`;
        if(detail)el.title=detail;
      }catch(e){el.textContent="자동발행 상태를 확인하지 못했습니다."}
    }
    async function loadBufferChannelStatus(){
      const el=$("anBufferChannelStatus"),metaEl=$("anMetaConnectionStatus");if(!el&&!metaEl)return null;
      try{
        const res=await fetch("/api/auto-news/buffer/status?limit=1",{cache:"no-store"}),data=await readJsonResponse(res),buffer=data.buffer||{},meta=buffer.meta_fallback||{},threadsMeta=meta.threads||{},instagramMeta=meta.instagram||{};
        const labels=[
          buffer.threads_channel_resolved?"Threads 저장":"Threads 미설정",
          buffer.instagram_channel_resolved?"Instagram 저장":"Instagram 미설정",
          buffer.tiktok_direct_ready?"TikTok 직접 발행":(buffer.tiktok_channel_resolved?"TikTok 저장":"TikTok 미설정"),
          buffer.youtube_channel_resolved?"YouTube 저장":"YouTube 미설정",
          buffer.facebook_channel_resolved?"Facebook 저장":"Facebook 미설정",
          buffer.x_channel_resolved?"X 저장":"X 미설정"
        ];
        if(el)el.textContent=labels.join(" · ")+" · 발행 시 조직 조회 없음";
        const activeLimit=Math.max(0,Number(buffer.global_rate_limit_remaining_seconds||0));
        const reasonLabel=value=>({buffer_rate_limit:"Buffer 제한",buffer_disabled:"Buffer 꺼짐",buffer_api_key_missing:"Buffer API 키 없음",buffer_channel_id_missing:"Buffer 채널 ID 없음"}[String(value||"")]||"");
        const activeDirect=[
          buffer.threads_meta_direct_active?`Threads 직접 발행${reasonLabel(buffer.threads_meta_direct_reason)?`(${reasonLabel(buffer.threads_meta_direct_reason)})`:""}`:"",
          buffer.instagram_meta_direct_active?`Instagram 직접 발행${reasonLabel(buffer.instagram_meta_direct_reason)?`(${reasonLabel(buffer.instagram_meta_direct_reason)})`:""}`:"",
          buffer.tiktok_direct_ready?"TikTok 직접 발행":""
        ].filter(Boolean).join(" · ");
        if(metaEl)metaEl.textContent=`Threads ${threadsMeta.fallback_ready?"직접 발행 준비":"연결 필요"} · Instagram ${instagramMeta.fallback_ready?"직접 발행 준비":"연결 필요"}${activeDirect?` · ${activeDirect}`:""}${activeLimit>0?` · Buffer ${String(buffer.global_rate_limit_window||"24h")} 제한 적용 중`:""}`;
        const threadsButton=$("anThreadsMetaConnectBtn"),instagramButton=$("anInstagramMetaConnectBtn");
        if(threadsButton){threadsButton.textContent=threadsMeta.access_token_configured?"Threads Meta 다시 연결":"Threads Meta 연결";threadsButton.disabled=!threadsMeta.app_id_configured||!threadsMeta.app_secret_configured;threadsButton.title=threadsButton.disabled?"서버에 Threads App ID와 App Secret을 먼저 설정하세요.":"Threads 공식 OAuth로 사용자 토큰을 연결합니다."}
        if(instagramButton){instagramButton.textContent=instagramMeta.access_token_configured?"Instagram Meta 다시 연결":"Instagram Meta 연결";instagramButton.disabled=!instagramMeta.app_id_configured||!instagramMeta.app_secret_configured;instagramButton.title=instagramButton.disabled?"서버에 Instagram App ID와 App Secret을 먼저 설정하세요.":"Instagram 공식 OAuth로 프로페셔널 계정을 연결합니다."}
        return data;
      }catch(e){if(el)el.textContent=e.message||"Buffer 채널 ID 상태를 확인하지 못했습니다.";if(metaEl)metaEl.textContent="Meta 직접 발행 상태를 확인하지 못했습니다.";return null}
    }
    async function discoverBufferChannels(){
      const button=$("anBufferDiscoverBtn");if(button)button.disabled=true;
      try{
        notice("Buffer 조직과 채널을 한 번만 조회해 실제 채널 ID를 저장합니다.");
        const res=await fetch("/api/auto-news/buffer/discover-channels",{method:"POST"}),data=await readJsonResponse(res);
        notice(data.detail||"Buffer 채널 ID를 저장했습니다.");
        await loadBufferChannelStatus();
        if(typeof loadConnections==='function')await loadConnections();
      }finally{if(button)button.disabled=false}
    }
    async function loadBloggerConnectionStatus(){const el=$("anBloggerConnectionStatus");try{const res=await fetch("/api/auto-news/blogger/status",{cache:"no-store"}),data=await readJsonResponse(res),blogger=data.blogger||{};bloggerConnected=Boolean(blogger.connected);const manualCheck=$("anPublishBloggerCheck"),schedulerCheck=$("anSchedulerPublishBlogger");if(manualCheck){manualCheck.disabled=false;const label=manualCheck.closest("label");if(label)label.title=bloggerConnected?"연결된 Blogger 블로그에 API로 업로드합니다.":"Blogger 연결 전에도 이 수동 선택값은 기억합니다. 홈페이지 글은 먼저 저장되고 Blogger 단계만 연결 필요 상태로 남습니다."}if(schedulerCheck){schedulerCheck.disabled=false;const label=schedulerCheck.closest("label");if(label)label.title=bloggerConnected?"연결된 Blogger 블로그에 API로 업로드합니다.":"자동 포스팅 설정에서 Blogger Google 연결을 먼저 완료하세요."}if(el)el.textContent=bloggerConnected?`연결됨 · ${blogger.blog_name||"Blogger"} · ${blogger.blog_url||""} · DB 토큰 저장`:(!blogger.client_id_configured?"OAuth 클라이언트 ID 설정이 필요합니다.":(!blogger.client_secret_configured?"OAuth 클라이언트 보안 비밀 설정 후 Google 계정을 연결하세요.":"Google 계정 연결이 필요합니다."));if($("anBloggerConnectBtn"))$("anBloggerConnectBtn").textContent=bloggerConnected?"Blogger 다시 연결":"Blogger 연결";return blogger}catch(e){bloggerConnected=false;const manualCheck=$("anPublishBloggerCheck"),schedulerCheck=$("anSchedulerPublishBlogger");if(manualCheck)manualCheck.disabled=false;if(schedulerCheck){schedulerCheck.disabled=false}if(el)el.textContent=e.message||"Blogger 연결 상태를 확인하지 못했습니다.";return null}}
    $("anBloggerConnectBtn")&&$("anBloggerConnectBtn").addEventListener("click",()=>{$("anGoogleSharedSetup").scrollIntoView({block:"start"});$("anGoogleBloggerConnect").focus()});
    $("anThreadsMetaConnectBtn")&&$("anThreadsMetaConnectBtn").addEventListener("click",()=>{location.href="/api/auto-news/threads/oauth/start"});
    $("anInstagramMetaConnectBtn")&&$("anInstagramMetaConnectBtn").addEventListener("click",()=>{location.href="/api/auto-news/instagram/oauth/start"});
    $("anDirectVerifyBtn")&&$("anDirectVerifyBtn").addEventListener("click",async()=>{const btn=$("anDirectVerifyBtn"),el=$("anMetaConnectionStatus");btn.disabled=true;const old=btn.textContent;btn.textContent="점검 중";try{const res=await fetch("/api/auto-news/direct-connections/verify",{method:"POST",headers:{"Accept":"application/json"}}),data=await readJsonResponse(res),c=data.connections||{};const label=(name,item)=>`${name} ${item&&item.ok?"정상":item&&item.configured?"오류":"미설정"}${item&&item.username?`(@${item.username})`:item&&item.creator_username?`(@${item.creator_username})`:""}`;if(el)el.textContent=[label("Threads",c.threads),label("Instagram",c.instagram),label("TikTok",c.tiktok)].join(" · ");if(typeof loadConnections==='function')await loadConnections();if(!res.ok)throw new Error(data.detail||"직접 연결 점검 실패")}catch(e){if(el)el.textContent=e.message||"직접 연결 상태를 확인하지 못했습니다."}finally{btn.disabled=false;btn.textContent=old}});
    $("anBufferDiscoverBtn")&&$("anBufferDiscoverBtn").addEventListener("click",()=>discoverBufferChannels().catch(e=>notice(e.message)));
    $("anSchedulerManagerBtn")&&$("anSchedulerManagerBtn").addEventListener("click",()=>{openSchedulerManager().then(loadBloggerConnectionStatus).catch(e=>notice(e.message))});
    if(schedulerManagerModal){const schedulerCloseBtn=$("anSchedulerManagerClose"),schedulerCancelBtn=$("anSchedulerCancel");schedulerCloseBtn&&schedulerCloseBtn.addEventListener("click",closeSchedulerManager);schedulerCancelBtn&&schedulerCancelBtn.addEventListener("click",closeSchedulerManager);schedulerManagerModal.addEventListener("cancel",closeSchedulerManager);$("anSchedulerOddPreset")&&$("anSchedulerOddPreset").addEventListener("click",()=>applySchedulerTimePreset("odd"));$("anSchedulerEvenPreset")&&$("anSchedulerEvenPreset").addEventListener("click",()=>applySchedulerTimePreset("even"));$("anSchedulerTimeAdd")&&$("anSchedulerTimeAdd").addEventListener("click",()=>schedulerTimes.appendChild(schedulerTimeRow("09:00")));schedulerTimes&&schedulerTimes.addEventListener("click",e=>{const del=e.target.closest("[data-scheduler-time-delete]");if(!del)return;if(schedulerTimes.children.length<=1)return notice("자동 포스팅 시간은 한 개 이상 필요합니다.");del.closest(".an-scheduler-time-row").remove()});// ver602: one submit owns the request and inline outcome, blocking double-click duplicate saves.
      schedulerForm&&schedulerForm.addEventListener("submit",async e=>{e.preventDefault();const button=$("anSchedulerSave");if(button.disabled)return;button.disabled=true;notice("설정을 저장하는 중입니다.");try{await saveSchedulerSettings()}catch(err){notice(err.message)}finally{button.disabled=false}});schedulerManagerModal.addEventListener("click",e=>{if(e.target===schedulerManagerModal)closeSchedulerManager(e)})}
    // ver424: 자동 포스팅 설정 X/닫기 버튼은 문서 캡처 단계에서도 직접 닫습니다.
    // 일부 UI 초기화가 중간 실패하거나 drawer helper가 등록되지 않은 경우에도 이 경로가 살아 있습니다.
    document.addEventListener("click",e=>{const closeTarget=e.target&&e.target.closest?e.target.closest("[data-an-scheduler-close='1']"):null;if(!closeTarget)return;closeSchedulerManager(e)},true);
    document.addEventListener("keydown",e=>{if(e.key!=="Escape")return;const m=document.getElementById("anSchedulerManagerModal");if(m&&m.classList.contains("open"))closeSchedulerManager(e)},true);
    $("anPromptManagerBtn")&&$("anPromptManagerBtn").addEventListener("click",()=>openPromptManager().catch(e=>notice(e.message)));$("anSchedulerOpenPromptManager")&&$("anSchedulerOpenPromptManager").addEventListener("click",()=>{closeSchedulerManager();openPromptManager().catch(e=>notice(e.message))});
    if(promptManagerModal){
      $("anPromptManagerClose").addEventListener("click",()=>promptManagerModal.classList.remove("open"));
      promptManagerModal.addEventListener("click",e=>{if(e.target===promptManagerModal)promptManagerModal.classList.remove("open")});
      promptPlatformList.addEventListener("click",e=>{const btn=e.target.closest("[data-prompt-platform]");if(btn)loadPromptManager(btn.dataset.promptPlatform).catch(err=>notice(err.message))});
      promptProfileList.addEventListener("click",e=>{const edit=e.target.closest("[data-prompt-edit]"),copy=e.target.closest("[data-prompt-copy]"),activate=e.target.closest("[data-prompt-activate]"),del=e.target.closest("[data-prompt-delete]");const id=Number((edit&&edit.dataset.promptEdit)||(copy&&copy.dataset.promptCopy)||(activate&&activate.dataset.promptActivate)||(del&&del.dataset.promptDelete)||0),item=promptManagerState.profiles.find(x=>Number(x.id)===id);if(edit&&item)fillPromptEditor(item);if(copy&&item)fillPromptEditor(item,true);if(activate)activatePromptProfile(id).catch(err=>notice(err.message));if(del)deletePromptProfile(id).catch(err=>notice(err.message))});
      $("anPromptDedicatedEnabled").addEventListener("change",()=>savePromptDedicatedSetting().catch(err=>notice(err.message)));
      $("anPromptNewBtn").addEventListener("click",newPromptEditor);
      $("anPromptCloneBtn").addEventListener("click",()=>{const item=promptManagerState.profiles.find(x=>Number(x.id)===Number(promptEditorForm.elements.id.value||0));if(item)fillPromptEditor(item,true);else notice("복제할 기존 프롬프트를 먼저 선택해주세요.")});
      promptEditorForm.addEventListener("submit",e=>{e.preventDefault();savePromptEditor().catch(err=>notice(err.message))});
      promptEditorForm.querySelectorAll("[data-prompt-var]").forEach(btn=>btn.addEventListener("click",()=>insertPromptVariable(btn.dataset.promptVar||"")));
    }
    $("anExternalSettingsBtn")&&$("anExternalSettingsBtn").addEventListener("click",()=>openExternalSettings().catch(e=>notice(e.message)));
    if(externalSettingsModal){
      $("anExternalSettingsClose").addEventListener("click",()=>externalSettingsModal.classList.remove("open"));externalSettingsModal.addEventListener("click",e=>{if(e.target===externalSettingsModal)externalSettingsModal.classList.remove("open")});
      externalSettingsCategories.addEventListener("click",e=>{const btn=e.target.closest("[data-external-category]");if(!btn)return;externalSettingsState.category=btn.dataset.externalCategory||"전체";renderExternalSettingsCategories();renderExternalSettings();loadExternalProfiles().catch(err=>notice(err.message))});
      externalSettingsList.addEventListener("change",e=>{const el=e.target.closest("[data-external-setting-key]");if(!el)return;const key=el.dataset.externalSettingKey,type=el.dataset.externalSettingType;markExternalSetting(key,type==="bool"?(el.checked?"1":"0"):el.value)});
      externalSettingsList.addEventListener("input",e=>{const el=e.target.closest("[data-external-setting-key]");if(!el||el.dataset.externalSettingType==="bool")return;externalSettingsState.reset.delete(el.dataset.externalSettingKey);externalSettingsState.dirty.set(el.dataset.externalSettingKey,el.value);const dirtyCount=externalSettingsState.dirty.size+externalSettingsState.reset.size;$('anExternalSettingsDirty').textContent=`${dirtyCount}개 설정이 저장 대기 중입니다.`});
      externalSettingsList.addEventListener("click",e=>{const btn=e.target.closest("[data-external-reset-key]");if(!btn)return;const key=btn.dataset.externalResetKey;externalSettingsState.dirty.delete(key);externalSettingsState.reset.add(key);renderExternalSettings()});
      $("anExternalSettingsSearch").addEventListener("input",e=>{externalSettingsState.query=e.target.value||"";renderExternalSettings()});
      $("anExternalSettingsChangedOnly").addEventListener("change",e=>{externalSettingsState.changedOnly=e.target.checked;renderExternalSettings()});
      $("anExternalProfileCapture").addEventListener("click",()=>captureExternalProfile().catch(e=>notice(e.message)));
      $("anExternalProfileUse").addEventListener("click",()=>activateExternalProfile().catch(e=>notice(e.message)));
      $("anExternalProfileDelete").addEventListener("click",()=>deleteExternalProfile().catch(e=>notice(e.message)));
      $("anExternalSettingsRefresh").addEventListener("click",()=>loadExternalSettings().then(()=>notice("현재 설정값을 다시 읽었습니다.")).catch(e=>notice(e.message)));
      $("anExternalSettingsDiscard").addEventListener("click",()=>{externalSettingsState.dirty.clear();externalSettingsState.reset.clear();renderExternalSettings();notice("저장 전 변경을 취소했습니다.")});
      $("anExternalSettingsSave").addEventListener("click",()=>saveExternalSettings().catch(e=>notice(e.message)));
    }
    $("anCategoryManagerBtn")&&$("anCategoryManagerBtn").addEventListener("click",()=>openCategoryManager().catch(e=>notice(e.message)));
    if(categoryManagerModal){$("anCategoryManagerClose").addEventListener("click",()=>categoryManagerModal.classList.remove("open"));categoryManagerModal.addEventListener("click",e=>{if(e.target===categoryManagerModal)categoryManagerModal.classList.remove("open")});categoryManagerList.addEventListener("click",e=>{const save=e.target.closest("[data-category-save]"),del=e.target.closest("[data-category-delete]");if(save){const box=save.closest(".an-category-manager-item");saveCategory(Number(save.dataset.categorySave),box).catch(err=>notice(err.message))}if(del)removeCategory(Number(del.dataset.categoryDelete),del.dataset.categoryName).catch(err=>notice(err.message))})}
    if(categoryAddForm)categoryAddForm.addEventListener("submit",e=>{e.preventDefault();const payload={name:categoryAddForm.elements.name.value.trim(),slug:categoryAddForm.elements.slug.value.trim(),sort_order:Number(categoryAddForm.elements.sort_order.value||0),description:categoryAddForm.elements.description.value.trim()};if(!payload.name)return notice("카테고리 이름을 입력해주세요.");fetch("/api/auto-news/categories",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(payload)}).then(readJsonResponse).then(()=>{categoryAddForm.reset();categoryAddForm.elements.sort_order.value="0";notice("카테고리를 추가했습니다.");return loadCategories()}).catch(err=>notice(err.message))});
    $("anCoupangManagerBtn")&&$("anCoupangManagerBtn").addEventListener("click",()=>openCoupangManager().catch(e=>notice(e.message)));
    if(coupangManagerModal){$("anCoupangManagerClose").addEventListener("click",()=>coupangManagerModal.classList.remove("open"));coupangManagerModal.addEventListener("click",e=>{if(e.target===coupangManagerModal)coupangManagerModal.classList.remove("open")});coupangManagerList.addEventListener("click",e=>{const save=e.target.closest("[data-coupang-save]"),del=e.target.closest("[data-coupang-delete]");if(save){const box=save.closest(".an-coupang-manager-item");saveCoupangCode(Number(save.dataset.coupangSave),box).catch(err=>notice(err.message))}if(del){const box=del.closest(".an-coupang-manager-item");removeCoupangCode(Number(del.dataset.coupangDelete),box).catch(err=>notice(err.message))}})}
    if(coupangAddForm)coupangAddForm.addEventListener("submit",e=>{e.preventDefault();const name=coupangAddForm.elements.name.value.trim(),rawCode=coupangAddForm.elements.raw_code.value.trim();if(!name||!rawCode)return notice("코드 이름과 쿠팡 코드를 모두 입력해주세요.");fetch("/api/auto-news/coupang-codes",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:name,raw_code:rawCode})}).then(readJsonResponse).then(()=>{coupangAddForm.reset();notice("쿠팡 자동 코드를 추가했습니다.");return loadCoupangCodes()}).catch(err=>notice(err.message))});
    $("anKeywordGenerateBtn")&&$("anKeywordGenerateBtn").addEventListener("click",()=>generateContent().catch(e=>notice(e.message)));$("anImageCountSelect")&&$("anImageCountSelect").addEventListener("change",()=>{syncParagraphImageProviderSelection();saveManualGenerationPreferences()});$("anSchedulerImageCount")&&$("anSchedulerImageCount").addEventListener("change",syncParagraphImageProviderSelection);
    $("anPlatformSelect")&&$("anPlatformSelect").addEventListener("change",()=>{if($("anPlatformSelect").value==="all")$("anModeSelect").value="all";saveManualGenerationPreferences()});
    $("anSearchBtn").addEventListener("click",()=>{state.q=$("anSearch").value.trim();state.status=$("anStatus").value;state.pageSize=Number($("anPageSize").value);state.platform=$("anPlatformFilter").value;state.page=1;load().catch(e=>notice(e.message))});$("anSearch").addEventListener("keydown",e=>{if(e.key==="Enter")$("anSearchBtn").click()});$("anPrev").addEventListener("click",e=>{e.preventDefault();if(state.page>1){state.page--;load().catch(err=>notice(err.message))}});$("anNext").addEventListener("click",e=>{e.preventDefault();if(state.page<state.totalPages){state.page++;load().catch(err=>notice(err.message))}});
    grid.addEventListener("click",e=>{const copy=e.target.closest("[data-copy-post-id][data-copy-platform]"),edit=e.target.closest("[data-edit-id]"),del=e.target.closest("[data-delete-id]"),buffer=e.target.closest("[data-buffer-id]"),instagram=e.target.closest("[data-instagram-id]"),tiktok=e.target.closest("[data-tiktok-id]"),youtube=e.target.closest("[data-youtube-id]"),facebook=e.target.closest("[data-facebook-id]"),x=e.target.closest("[data-x-id]"),blogger=e.target.closest("[data-blogger-id]"),gptImage=e.target.closest("[data-gpt-image-id]"),instagramVideo=e.target.closest("[data-instagram-video-id]");if(copy){e.preventDefault();copySavedPlatformFromButton(copy);return}if(edit)editPost(edit.dataset.editId).catch(err=>notice(err.message));if(del)deletePost(del.dataset.deleteId,del.dataset.title).catch(err=>notice(err.message));if(buffer)publishBuffer(buffer.dataset.bufferId,buffer.dataset.bufferForce==="1",buffer).catch(err=>notice(err.message));if(instagram)publishInstagram(instagram.dataset.instagramId,instagram.dataset.instagramForce==="1",instagram).catch(err=>notice(err.message));if(tiktok)publishTikTok(tiktok.dataset.tiktokId,tiktok.dataset.tiktokForce==="1",tiktok).catch(err=>notice(err.message));if(youtube)publishYouTube(youtube.dataset.youtubeId,youtube.dataset.youtubeForce==="1",youtube).catch(err=>notice(err.message));if(facebook)publishFacebook(facebook.dataset.facebookId,facebook.dataset.facebookForce==="1",facebook).catch(err=>notice(err.message));if(x)publishX(x.dataset.xId,x.dataset.xForce==="1",x).catch(err=>notice(err.message));if(blogger)publishBlogger(blogger.dataset.bloggerId,blogger.dataset.bloggerForce==="1",blogger).catch(err=>notice(err.message));if(gptImage)generatePostImages(gptImage.dataset.gptImageId,gptImage).catch(err=>notice(err.message));if(instagramVideo)createInstagramVideo(instagramVideo.dataset.instagramVideoId,instagramVideo).catch(err=>notice(err.message))});
    $("anClose").addEventListener("click",()=>modal.classList.remove("open"));modal.addEventListener("click",e=>{const copy=e.target.closest("[data-copy-post-id][data-copy-platform]"),instagramVideo=e.target.closest("[data-instagram-video-id]"),gptImage=e.target.closest("[data-gpt-image-id]"),buffer=e.target.closest("[data-buffer-id]"),instagram=e.target.closest("[data-instagram-id]"),tiktok=e.target.closest("[data-tiktok-id]"),youtube=e.target.closest("[data-youtube-id]"),facebook=e.target.closest("[data-facebook-id]"),x=e.target.closest("[data-x-id]"),blogger=e.target.closest("[data-blogger-id]");if(copy){e.preventDefault();copySavedPlatformFromButton(copy);return}if(instagramVideo)createInstagramVideo(instagramVideo.dataset.instagramVideoId,instagramVideo).catch(err=>notice(err.message));if(gptImage)generatePostImages(gptImage.dataset.gptImageId,gptImage).catch(err=>notice(err.message));if(buffer)publishBuffer(buffer.dataset.bufferId,buffer.dataset.bufferForce==="1",buffer).catch(err=>notice(err.message));if(instagram)publishInstagram(instagram.dataset.instagramId,instagram.dataset.instagramForce==="1",instagram).catch(err=>notice(err.message));if(tiktok)publishTikTok(tiktok.dataset.tiktokId,tiktok.dataset.tiktokForce==="1",tiktok).catch(err=>notice(err.message));if(youtube)publishYouTube(youtube.dataset.youtubeId,youtube.dataset.youtubeForce==="1",youtube).catch(err=>notice(err.message));if(facebook)publishFacebook(facebook.dataset.facebookId,facebook.dataset.facebookForce==="1",facebook).catch(err=>notice(err.message));if(x)publishX(x.dataset.xId,x.dataset.xForce==="1",x).catch(err=>notice(err.message));if(blogger)publishBlogger(blogger.dataset.bloggerId,blogger.dataset.bloggerForce==="1",blogger).catch(err=>notice(err.message));if(e.target===modal)modal.classList.remove("open")});
    if(editForm){editForm.addEventListener("submit",e=>{e.preventDefault();saveEdit().catch(err=>notice(err.message))});$("anEditClose").addEventListener("click",()=>editModal.classList.remove("open"));$("anEditCancel").addEventListener("click",()=>editModal.classList.remove("open"));editModal.addEventListener("click",e=>{if(e.target===editModal)editModal.classList.remove("open")});editForm.querySelectorAll("[data-format]").forEach(button=>button.addEventListener("click",()=>formatSelected(button.dataset.format)));editForm.elements.image_file.addEventListener("change",()=>{try{const file=selectedImage(editForm.elements.image_file),preview=$("anEditImagePreview"),current=$("anEditImageCurrent");if(file){if(preview.dataset.objectUrl)URL.revokeObjectURL(preview.dataset.objectUrl);const objectUrl=URL.createObjectURL(file);preview.dataset.objectUrl=objectUrl;preview.src=objectUrl;current.classList.add("open")}}catch(e){editForm.elements.image_file.value="";notice(e.message)}});if(editForm.elements.image_zip_file)editForm.elements.image_zip_file.addEventListener("change",()=>{try{const file=selectedImageZip(editForm.elements.image_zip_file);if(file)notice(`전체 이미지 ZIP 선택: ${file.name}`)}catch(e){editForm.elements.image_zip_file.value="";notice(e.message)}})}
    if(canManage){restoreManualGenerationPreferences();syncParagraphImageProviderSelection();syncVideoAspectSelectors();bindManualGenerationPreferenceMemory();if($("anThumbnailAspectSelect"))$("anThumbnailAspectSelect").addEventListener("change",syncVideoAspectSelectors);if($("anSchedulerThumbnailAspect"))$("anSchedulerThumbnailAspect").addEventListener("change",syncVideoAspectSelectors);if($("anVideoAspectSelect"))$("anVideoAspectSelect").addEventListener("change",syncVideoAspectSelectors);if($("anSchedulerVideoAspect"))$("anSchedulerVideoAspect").addEventListener("change",syncVideoAspectSelectors)}render(initialData);updatePager();$("anSearch").value=state.q;$("anStatus").value=state.status;$("anPageSize").value=String(state.pageSize);$("anPlatformFilter").value=state.platform;if(canManage){loadSchedulerStatus();loadBloggerConnectionStatus();setInterval(loadSchedulerStatus,60000)}const params=new URLSearchParams(location.search),postId=params.get("post"),editId=params.get("edit"),bloggerResult=params.get("blogger"),bloggerError=params.get("blogger_error");if(canManage&&(params.has("youtube")||bloggerResult||bloggerError)){openSchedulerManager().then(()=>$("anGoogleSharedSetup")?.scrollIntoView({block:"start"}));}if(bloggerResult==="connected"){notice("Blogger Google 연결을 완료했습니다.");loadBloggerConnectionStatus()}if(bloggerError)notice(`Blogger 연결 실패: ${bloggerError}`);if(postId)openPost(postId);if(editId&&canManage)setTimeout(()=>editPost(editId),300);
  })();
  </script>
  

</div>

<script>
// ver585: One delegated action for both list and detail pages, separate from the Shorts button.
document.addEventListener('click',async event=>{
  const button=event.target.closest('[data-youtube-longform-id]');if(!button||button.disabled)return;
  event.preventDefault();button.disabled=true;const id=button.dataset.youtubeLongformId;
  const show=message=>{button.title=message;const area=document.getElementById('anNotice');if(area)area.textContent=message;else{const toast=document.getElementById('anToast');if(toast){toast.textContent=message;toast.classList.add('show');setTimeout(()=>toast.classList.remove('show'),5000)}}};
  try{
    const response=await fetch(`/api/auto-news/posts/${id}/youtube-longform-publication?google_accounts=${encodeURIComponent(JSON.stringify(window.readNeoGooglePublicationAccounts?.()||{}))}`,{cache:'no-store'});
    const previous=await response.json();if(!response.ok)throw new Error(previous.detail||'롱폼 상태 조회 실패');
    if(previous.status==='published'){button.textContent='✓ 롱폼 업로드 완료';show(`업로드 완료 · ${previous.privacy||''} · ${previous.url||''}`);return}
    if(['uploaded','in_progress','creating','script_ready','video_ready','uploading'].includes(previous.status)){button.textContent='롱폼 상태 확인';show(previous.detail||`롱폼 상태: ${previous.status}`);return}
    // ver603: after Google approval, retry a blocked job through the same existing endpoint.
    const force=['failed','needs_action'].includes(previous.status)?1:0;
    const result=await fetch(`/api/auto-news/posts/${id}/youtube-longform-publish?force=${force}`,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({google_accounts:window.readNeoGooglePublicationAccounts?.()})}),data=await result.json();
    if(!result.ok||data.ok===false)throw new Error(data.detail||data.reason||'롱폼 작업 등록 실패');
    button.textContent='롱폼 작업 등록됨';show('롱폼 제작·업로드 작업을 등록했습니다. 버튼으로 진행 상태를 확인하세요.');
  }catch(error){button.textContent='롱폼 연결·상태 확인';show(error.message)}finally{button.disabled=false}
});
</script>
<script>
// ver590: initialize at the panel itself, including the legacy scheduler page; one handler owns each action.
(()=>{const panel=document.getElementById('anYouTubeSetup');if(!panel)return;const $=id=>document.getElementById(id);let ready=false,saving=false,changed=false;
async function api(path,body){const response=await fetch('/api/auto-news/youtube/'+path,{cache:'no-store',credentials:'same-origin',method:body?'POST':'GET',headers:{'Content-Type':'application/json'},...(body?{body:JSON.stringify(body)}:{})});const data=await response.json();if(!response.ok||data.ok===false)throw new Error(data.detail||'연결 설정을 확인할 수 없습니다.');return data}
function message(text){$('anYouTubeSetupStatus').textContent=text}
function render(data){panel.querySelector('.an-youtube-address').hidden=!!data.shared_google_oauth;panel.querySelector('.an-youtube-main-actions').hidden=!!data.shared_google_oauth;panel.querySelector('.an-youtube-details').hidden=false;$('anYouTubeSecretState').hidden=!!data.shared_google_oauth;$('anYouTubeClientFile').closest('label').hidden=!!data.shared_google_oauth;['anYouTubeClientId','anYouTubeClientSecret'].forEach(id=>$(id).closest('label').hidden=!!data.shared_google_oauth);ready=!!data.settings_ready&&!!data.redirect_registered;$('anYouTubeRedirectRegistered').checked=!!data.redirect_registered;$('anYouTubeRedirectNotice').textContent=data.redirect_registered?'현재 주소의 등록 확인이 저장되었습니다.':'주소를 Google에 등록한 뒤 위 체크박스를 선택하세요.';$('anYouTubeClientId').value=data.client_id||'';$('anYouTubeRedirect').value=data.redirect_uri||'';$('anYouTubePrivacy').value=data.privacy||'private';$('anYouTubeCategory').value=data.category_id||'25';$('anYouTubeSecretState').textContent=data.client_secret_configured?'보안 비밀이 저장되어 있습니다.':'';$('anYouTubeConnect').setAttribute('aria-disabled',ready?'false':'true');$('anYouTubeConnect').tabIndex=ready?0:-1;$('anYouTubeCheck').hidden=!data.authorization_configured;message(data.shared_google_oauth?(data.connected?`연결 완료 · ${data.channel_title||data.channel_id}`:'위 Google 공통 설정의 YouTube 권한 승인 버튼을 사용하세요.'):data.connected?`연결 완료 · ${data.channel_title||data.channel_id}`:data.settings_ready&&!data.redirect_registered?'설정 파일은 저장되었습니다. 위 콜백 주소를 Google에 등록하고 체크하세요.':ready?'설정 완료. ② Google 연결을 누르세요.':'① Google OAuth JSON 설정 파일을 선택하세요. 자동으로 저장됩니다.')}
async function load(){try{render(await api('setup'))}catch(e){message(e.message)}}
function dirty(){changed=true;ready=false;$('anYouTubeConnect').setAttribute('aria-disabled','true');message('입력값이 변경되었습니다. 변경 저장을 누르세요.')}
async function save(){if(saving)return false;saving=true;$('anYouTubeSave').disabled=true;message('설정 파일을 저장하는 중입니다.');try{render(await api('setup',{client_id:$('anYouTubeClientId').value.trim(),client_secret:$('anYouTubeClientSecret').value.trim(),privacy:$('anYouTubePrivacy').value,category_id:$('anYouTubeCategory').value,registered_redirect_uri:$('anYouTubeRedirectRegistered').checked?$('anYouTubeRedirect').value:''}));$('anYouTubeClientSecret').value='';changed=false;return true}catch(e){message(e.message);return false}finally{saving=false;$('anYouTubeSave').disabled=false}}
$('anYouTubeClientFile').addEventListener('change',async e=>{const file=e.target.files[0];if(!file)return;try{if(file.size>1048576)throw new Error('Google에서 다운로드한 JSON 설정 파일을 선택하세요.');const data=JSON.parse(await file.text());if(!data.web?.client_id||!data.web?.client_secret)throw new Error('Google 웹 애플리케이션의 JSON 파일을 선택하세요.');$('anYouTubeClientId').value=data.web.client_id;$('anYouTubeClientSecret').value=data.web.client_secret;const matches=Array.isArray(data.web.redirect_uris)&&data.web.redirect_uris.includes($('anYouTubeRedirect').value);$('anYouTubeRedirectRegistered').checked=matches;dirty();await save();$('anYouTubeRedirectNotice').textContent=matches?'설정 파일의 등록 주소가 현재 콜백 주소와 일치합니다.':'설정 파일에 현재 콜백 주소가 없습니다. Google에 위 주소를 등록한 뒤 체크하세요.'}catch(error){message(error.message)}finally{e.target.value=''}});
$('anYouTubeRedirectRegistered').addEventListener('change',()=>{dirty();if($('anYouTubeClientId').value)save()});
// ver601: reuse this save for upload options when the main settings form is submitted.
window.saveNeoYouTubeSettings=()=>changed?save():Promise.resolve(true);
$('anYouTubeSave').addEventListener('click',save);['anYouTubeClientId','anYouTubeClientSecret','anYouTubePrivacy','anYouTubeCategory'].forEach(id=>$(id).addEventListener('input',dirty));
panel.addEventListener('keydown',e=>{if(e.key==='Enter'&&['anYouTubeClientId','anYouTubeClientSecret'].includes(e.target.id)){e.preventDefault();save()}});
$('anYouTubeConnect').addEventListener('click',e=>{if(!ready){e.preventDefault();message('설정 파일을 선택하고 콜백 주소 등록을 확인하세요.')}});
$('anYouTubeCheck').addEventListener('click',async()=>{const b=$('anYouTubeCheck');b.disabled=true;message('YouTube 연결을 확인하는 중입니다.');try{render(await api('setup/check',{}))}catch(e){message(e.message)}finally{b.disabled=false}});
$('anYouTubeCopyRedirect').addEventListener('click',async()=>{try{await navigator.clipboard.writeText($('anYouTubeRedirect').value);message('콜백 주소를 복사했습니다. Google 설정에 붙여 넣으세요.')}catch(e){$('anYouTubeRedirect').select();message('선택된 주소를 복사하세요.')}});
document.addEventListener('click',e=>{if(e.target.closest('[data-youtube-setup-open]')){e.preventDefault();panel.scrollIntoView({behavior:'smooth',block:'start'})}});
window.addEventListener('neo-google-settings-saved',load);
$('anSchedulerManagerBtn')?.addEventListener('click',load);
const result=new URLSearchParams(location.search).get('youtube');
load().then(()=>{if(result==='failed'||result==='denied')message(result==='denied'?'Google 연결이 취소되었습니다. ② Google 연결을 다시 누르세요.':'Google 연결을 확인하세요. 아래 ‘처음 한 번만 준비’ 안내를 열어 설정을 점검하세요.')});
})();
</script>


<script>
// ver641: one account editor owns the auto/manual checkbox state; existing channel switches keep their roles.
(()=>{const panel=document.getElementById('anGooglePublicationAccounts'),manualPanel=document.getElementById('anGoogleManualAccounts');if(!panel&&!manualPanel)return;
const $=id=>document.getElementById(id),en=window.siteI18n?.language==='en',t=(ko,enText)=>en?enText:ko;
let services={},loaded=false;const selections={};
const text=(tag,value)=>{const e=document.createElement(tag);e.textContent=value;return e};
async function api(method='GET',payload){const response=await fetch('/api/auto-news/google-publication-accounts',{method,headers:{'Content-Type':'application/json'},body:payload?JSON.stringify(payload):undefined,cache:'no-store'});const data=await response.json();if(!response.ok)throw new Error(data.detail||t('계정 설정을 저장하지 못했습니다.','Unable to save account settings.'));return data}
function renderManual(){const root=$('anGoogleManualAccountsList');if(!root)return;root.replaceChildren();for(const [service,items] of Object.entries(services)){const group=document.createElement('fieldset');group.append(text('legend',service==='youtube'?'YouTube Long-form':'Blogger'));for(const item of items){const label=text('label',' ' + item.name+' · '+(item.language==='en'?'English':'한국어'));label.className='an-check';const input=document.createElement('input');input.type='checkbox';input.checked=selections[service]?.includes(item.id)??item.manual;input.dataset.googleService=service;input.dataset.googleAccount=item.id;input.addEventListener('change',()=>{selections[service]=[...root.querySelectorAll('input[data-google-service="'+service+'"]:checked')].map(x=>x.dataset.googleAccount);document.querySelectorAll('[data-blogger-id]').forEach(button=>{if(!button.hasAttribute('aria-busy'))button.disabled=false})});label.prepend(input);group.append(label)}root.append(group)}}
function render(){const root=$('anGoogleAccountsList');if(!root){renderManual();return}root.replaceChildren();for(const [service,items] of Object.entries(services)){root.append(text('h4',service==='youtube'?'YouTube Long-form':'Blogger'));for(const item of items){const row=document.createElement('fieldset');row.dataset.accountId=item.id;row.dataset.service=service;row.className='an-youtube-setup';row.append(text('legend',item.name));
const name=document.createElement('input');name.className='an-input';name.value=item.name;name.dataset.accountField='name';name.setAttribute('aria-label',t('계정 이름','Account name'));row.append(name);
const language=document.createElement('select');language.className='an-select';language.dataset.accountField='language';language.setAttribute('aria-label',t('발행 언어','Publication language'));for(const [value,label] of [['ko','한국어'],['en','English']]){const option=text('option',label);option.value=value;option.selected=value===item.language;language.append(option)}language.disabled=!!item.language_locked||item.id==='legacy';row.append(language);
const target=document.createElement('input');target.className='an-input';target.value=item.target||item.target_url||'';target.dataset.accountField='target';target.readOnly=item.id==='legacy'||!!item.connected;target.placeholder=service==='youtube'?t('채널 ID · Google 승인 후 자동 저장','Channel ID · saved after Google approval'):t('블로그 ID 또는 공개 주소','Blog ID or public URL');target.setAttribute('aria-label',target.placeholder);row.append(target);
for(const [field,label] of [['automatic',t('자동 발행','Automatic publishing')],['manual',t('수동 발행 기본 선택','Select by default for manual publishing')]]){const labelEl=text('label',' '+label);labelEl.className='an-check';const input=document.createElement('input');input.type='checkbox';input.checked=!!item[field];input.dataset.accountField=field;labelEl.prepend(input);row.append(labelEl)}
row.append(text('p',item.connected?t('연결됨 · ','Connected · ')+(item.target_title||item.target):t('Google 계정 승인 필요','Google authorization required')));
const connect=text('a',item.connected?t('Google 다시 연결','Reconnect Google'):t('Google 계정 연결','Connect Google'));connect.className='an-btn';connect.href=item.connect_url||'/api/auto-news/'+service+'/oauth/start?account='+encodeURIComponent(item.id);connect.addEventListener('click',async event=>{event.preventDefault();if(await save())location.href=connect.href});row.append(connect);root.append(row)}}renderManual()}
function collect(){const saved={};panel.querySelectorAll('fieldset[data-account-id]').forEach(row=>{const item={...(services[row.dataset.service]||[]).find(x=>x.id===row.dataset.accountId),id:row.dataset.accountId};row.querySelectorAll('[data-account-field]').forEach(input=>item[input.dataset.accountField]=input.type==='checkbox'?input.checked:input.value);(saved[row.dataset.service]??=[]).push(item)});return saved}
async function save(){if(!loaded)return false;const b=$('anGoogleAccountsSave');b.disabled=true;try{const data=await api('PUT',{services:collect()});services=data.services;render();$('anGoogleAccountsStatus').textContent=t('계정과 발행 선택을 저장했습니다.','Accounts and publishing preferences saved.');return true}catch(error){$('anGoogleAccountsStatus').textContent=error.message;return false}finally{b.disabled=false}}
window.readNeoGooglePublicationAccounts=()=>{if(!loaded)throw new Error(t('발행 계정 설정을 불러오는 중입니다.','Publishing accounts are still loading.'));const result={};for(const [service,items] of Object.entries(services))result[service]=selections[service]??items.filter(x=>x.manual).map(x=>x.id);return result};
window.saveNeoGooglePublicationAccounts=save;
if($('anGoogleManualHeading'))$('anGoogleManualHeading').textContent=t('언어별 발행 계정','Publishing accounts by language');
if(panel){
$('anGoogleAccountsHeading').textContent=t('언어별 Blogger·YouTube 계정','Blogger and YouTube accounts by language');$('anGoogleAccountsHelp').textContent=t('기존 연결은 한국어용으로 유지됩니다. 영어용 계정은 별도로 승인하세요. 자동·수동 발행 대상을 각각 체크할 수 있습니다.','Your existing connections remain assigned to Korean. Authorize the English accounts separately, then select destinations for automatic and manual publishing.');
for(const service of ['blogger','youtube']){const button=$('anGoogleAdd'+(service==='blogger'?'Blogger':'YouTube'));button.textContent=(service==='blogger'?'Blogger':'YouTube')+' '+t('계정 추가','Add account');button.addEventListener('click',()=>{services=collect();const id=crypto.randomUUID();services[service].push({id,name:t('새 계정','New account'),language:'en',automatic:false,manual:false,connected:false});render()})}
$('anGoogleAccountsSave').textContent=t('계정·발행 선택 저장','Save accounts and publishing preferences');$('anGoogleAccountsSave').addEventListener('click',save);
}
api().then(data=>{services=data.services;loaded=true;render()}).catch(error=>{const status=$('anGoogleAccountsStatus')||$('anGoogleManualAccountsList');if(status)status.textContent=error.message});
})();
</script>

              <!-- 방문자 수 집계 -->
        

    <section id="visit" class="position-relative main-bg rounded-4 overflow-hidden text-white w-100 mt-md-4">
        <h2 class="fs-4 p-4 border-white">Visitor Statistics</h2>
        <ul class="p-4">
            <li class="d-flex justify-content-between fs-5 py-2">
            <span class="col-6 position-relative ps-4">Today</span>
            <strong class="col-6 text-end text-white">109</strong>
            </li>
            <li class="d-flex justify-content-between fs-5 py-2">
            <span class="col-6 position-relative ps-4">Yesterday</span>
            <strong class="col-6 text-end text-white">172</strong>
            </li>
            <li class="d-flex justify-content-between fs-5 py-2">
            <span class="col-6 position-relative ps-4">Maximum</span>
            <strong class="col-6 text-end text-white">394</strong>
            </li>
            <li class="d-flex justify-content-between fs-5 py-2">
            <span class="col-6 position-relative ps-4">All</span>
            <strong class="col-6 text-end text-white">9,876</strong>
            </li>
        </ul>
        
    </section>

</div>
<!-- } 콘텐츠 끝 -->


<hr>

<!-- 하단 시작 { -->
<div id="ft" class="my-0 mx-auto text-center main-bt">
  <div id="ft_wr" class="container-xxl position-relative d-flex flex-column text-start" style="padding: 40px 0;margin: 0 auto;">
    <div id="ft_link" class="d-flex flex-column flex-md-row gap-3 px-4 text-start">
      <a class="d-block sub-font fw-bold fs-4 text-decoration-none py-3 px-2" href="https://neoai.kr/bbs/content/company">About Us</a>

<a
  class="d-block sub-font fw-bold fs-4 text-decoration-none py-3 px-2"
  href="mailto:axjxxtv@gmail.com?subject=제휴 및 광고 문의"
>
  Partnership &amp; Advertising Inquiries
</a>


      <a class="d-block sub-font fw-bold fs-4 text-decoration-none py-3 px-2" href="https://neoai.kr/bbs/content/privacy">Privacy policy</a>
      <a class="d-block sub-font fw-bold fs-4 text-decoration-none py-3 px-2" href="https://neoai.kr/bbs/content/provision">Terms of Service</a>
      
    </div>
  </div>
  <div id="ft_copy" class="ft-copy-bg text-center my-0 mx-auto py-4 fs-5 fw-bold" style="color: #999999;">Copyright © <b>neoai.kr.</b> All rights reserved.</div>

  <button type="button" id="top_btn">
    <i class="fa fa-arrow-up" aria-hidden="true"></i><span class="blind">Back to top</span>
  </button>
  
</div>


<!-- } 하단 끝 -->

<script>
  // ver638: 프로필은 기존 Bootstrap dropdown 한 곳에서 처리합니다.
  // 존재하지 않는 .hd_login을 조작하던 중복 클릭 핸들러를 제거했습니다.
  // util box내 메뉴,검색바 이벤트리스너
  var gnb_opener = document.querySelector("#gnb_open");
  var sch_opener = document.querySelector("#user_btn");
  var close_btn = document.querySelector("#gnb_close");
  var hd_sch_wr = document.querySelector("#hd_sch_wr");
  var hd_gnb_wr = document.querySelector("#gnb_mo");
  var sch_close_btn = document.querySelector("#sch_close_btn");

  function handleSearchClick() {
    hd_sch_wr.classList.add("active");
    sch_opener.setAttribute("aria-expanded", "true");
    document.querySelector("#sch_stx").focus();
  }

  function delSearchClick() {
    hd_sch_wr.classList.remove("active");
    sch_opener.setAttribute("aria-expanded", "false");
    sch_opener.focus();
  }

  function handleGnbClick() {
    hd_gnb_wr.classList.add("active");
    gnb_opener.setAttribute("aria-expanded", "true");
    close_btn.focus();
  }

  function delGnbClick() {
    hd_gnb_wr.classList.remove("active");
    gnb_opener.setAttribute("aria-expanded", "false");
    gnb_opener.focus();
  }

  sch_opener.addEventListener("click", handleSearchClick);
  sch_close_btn.addEventListener("click", delSearchClick);
  gnb_opener.addEventListener("click", handleGnbClick);
  close_btn.addEventListener("click", delGnbClick);

  // ver638: 모바일 전용 트리는 이 위임 이벤트 하나만 사용합니다. 데스크톱 ID를 공유하지 않습니다.
  hd_gnb_wr.querySelector(".gnb_mobile_tree").addEventListener("click", function (event) {
    var button = event.target.closest(".gnb_ipad_submenu_toggle");
    var link = event.target.closest("a");
    if (!button && link && link.getAttribute("href") === "#") {
      button = link.parentElement.querySelector(".gnb_ipad_submenu_toggle");
    }
    if (!button) return;
    event.preventDefault();
    var submenu = button.parentElement.nextElementSibling;
    var expanded = button.getAttribute("aria-expanded") !== "true";
    button.setAttribute("aria-expanded", String(expanded));
    button.querySelector(".gnb_toggle_symbol").textContent = expanded ? "−" : "+";
    submenu.setAttribute("aria-hidden", String(!expanded));
  });
  document.addEventListener("keydown", function (event) {
    if (event.key === "Escape") {
      if (hd_gnb_wr.classList.contains("active")) delGnbClick();
      if (hd_sch_wr.classList.contains("active")) delSearchClick();
    }
  });

  // 상단 스크롤 버튼
  $(function () {
    $("#top_btn").on("click", function () {
      $("html, body").animate({
        scrollTop: 0
      }, '500');
      return false;
    });
  });
  </script>


<style>
#ai-global-fab,
#ai-global-drawer{
  box-sizing:border-box;
}
#ai-global-fab{
  position:fixed;
  right:20px;
  bottom:calc(84px + env(safe-area-inset-bottom, 0px));
  z-index:2147483646;
  width:58px;
  height:58px;
  border:0;
  border-radius:50%;
  background:#111;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 28px rgba(0,0,0,.22);
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease;
}
#ai-global-fab.is-drawer-open{
  visibility:hidden;
  pointer-events:none;
}
#ai-global-fab:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(0,0,0,.28);
}
#ai-global-fab:focus-visible{
  outline:3px solid rgba(17,17,17,.28);
  outline-offset:3px;
}
#ai-global-fab svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#ai-global-drawer{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  z-index:2147483647;
  width:min(480px, 94vw);
  height:100vh;
  height:100dvh;
  min-height:260px;
  background:#fff;
  border-right:1px solid #e7e7e7;
  box-shadow:14px 0 40px rgba(0,0,0,.14);
  transform:translateX(-102%);
  transition:transform .24s ease;
  display:flex;
  flex-direction:column;
}
#ai-global-drawer.is-open{
  transform:translateX(0);
}
html.ai-chat-drawer-open ins.adsbygoogle,
html.ai-chat-drawer-open .google-auto-placed,
html.ai-chat-drawer-open [id^="google_ads_iframe"],
html.ai-chat-drawer-open iframe[name^="google_ads_iframe"]{
  visibility:hidden!important;
  pointer-events:none!important;
}
.ai-global-drawer-head{
  height:54px;
  flex:0 0 54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 12px 0 16px;
  border-bottom:1px solid #e8e8e8;
  background:#fff;
}
.ai-global-drawer-title{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",Roboto,Arial,sans-serif;
  font-size:15px;
  font-weight:750;
  color:#202123;
}
.ai-global-drawer-logo{
  width:29px;
  height:29px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#111;
  color:#fff;
  font-size:11px;
  font-weight:800;
}
#ai-global-close{
  width:36px;
  height:36px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#555;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
#ai-global-close:hover{
  background:#f2f2f2;
  color:#111;
}
#ai-global-frame-wrap{
  flex:1;
  min-height:0;
  background:#fff;
}
#ai-global-frame{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#fff;
}
@media(max-width:700px){
  #ai-global-fab{
    right:16px;
    bottom:calc(78px + env(safe-area-inset-bottom, 0px));
    width:54px;
    height:54px;
  }
  #ai-global-drawer{
    width:100vw;
    border-right:0;
  }
}
@media(prefers-reduced-motion:reduce){
  #ai-global-fab,
  #ai-global-drawer{
    transition:none;
  }
}
</style>

<button
  type="button"
  id="ai-global-fab"
  aria-label="Open AI Chatbot"
  aria-controls="ai-global-drawer"
  aria-expanded="false"
  title="AI Chatbot"
>
  <svg viewBox="0 0 24 24" aria-hidden="true">
    <path d="M21 11.5a8.4 8.4 0 0 1-9 8.5 9.8 9.8 0 0 1-4-.9L3 21l1.5-4.2A8.2 8.2 0 0 1 3 12C3 7.6 7 4 12 4s9 3.3 9 7.5Z"/>
    <path d="M8 12h.01M12 12h.01M16 12h.01"/>
  </svg>
</button>

<aside id="ai-global-drawer" aria-label="AI Chatbot" aria-hidden="true">
  <div class="ai-global-drawer-head">
    <div class="ai-global-drawer-title">
      <span class="ai-global-drawer-logo">AI</span>
      <span>AI Chatbot</span>
    </div>
    <button type="button" id="ai-global-close" aria-label="Close AI Chatbot" title="Close">×</button>
  </div>
  <div id="ai-global-frame-wrap"></div>
</aside>

<script>
(() => {
  "use strict";

  if (window.__aiGlobalChatFabLoaded) return;
  window.__aiGlobalChatFabLoaded = true;

  const fab = document.getElementById("ai-global-fab");
  const drawer = document.getElementById("ai-global-drawer");
  const closeBtn = document.getElementById("ai-global-close");
  const frameWrap = document.getElementById("ai-global-frame-wrap");

  if (!fab || !drawer || !closeBtn || !frameWrap) return;

  let frame = null;
  let drawerOpen = false;

  function ensureFrame() {
    if (frame) return frame;

    frame = document.createElement("iframe");
    frame.id = "ai-global-frame";
    frame.title = "AI 챗봇";
    frame.src = "/ai-chatbot/embed";
    frame.loading = "eager";
    frame.setAttribute("allow", "clipboard-read; clipboard-write");
    frameWrap.appendChild(frame);
    return frame;
  }

  function openChat() {
    ensureFrame();
    drawerOpen = true;
    document.documentElement.classList.add("ai-chat-drawer-open");
    drawer.classList.add("is-open");
    fab.classList.add("is-drawer-open");
    drawer.setAttribute("aria-hidden", "false");
    fab.setAttribute("aria-expanded", "true");
    closeBtn.focus({preventScroll:true});
  }

  function closeChat() {
    drawerOpen = false;
    document.documentElement.classList.remove("ai-chat-drawer-open");
    drawer.classList.remove("is-open");
    fab.classList.remove("is-drawer-open");
    drawer.setAttribute("aria-hidden", "true");
    fab.setAttribute("aria-expanded", "false");
    fab.focus({preventScroll:true});
  }

  fab.addEventListener("click", () => {
    if (drawerOpen) closeChat();
    else openChat();
  });
  closeBtn.addEventListener("click", closeChat);
  document.addEventListener("keydown", event => {
    if (event.key === "Escape" && drawerOpen) closeChat();
  });
})();
</script>
<!--카카오애드핏-->
<div style="text-align:center;">

<ins class="kakao_ad_area" style="display:none;"
data-ad-unit = "DAN-U902p1FIxr0fEf28"
data-ad-width = "300"
data-ad-height = "250"></ins>
<script type="text/javascript" src="//t1.kakaocdn.net/kas/static/ba.min.js" async></script>
</div>
</body>
</html>