/* 2026-11-09 tools2: 글자수 세기 */
#gg-app.cc-app{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:10px;margin:10px 0 18px;box-shadow:0 6px 24px rgba(15,23,42,.06)}
.cc-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:2px 2px 10px;border-bottom:1px solid #eef0f4;margin-bottom:10px}
.cc-tabs{display:flex;gap:6px;overflow-x:auto;max-width:100%;scrollbar-width:thin}
.cc-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:48px;padding:6px 12px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;white-space:nowrap;color:#374151}
.cc-tab span{font-size:14px;font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis}
.cc-tab small{font-size:12px;color:#64748b}
.cc-tab[aria-selected=true]{border-color:#4f46e5;background:#eef2ff;color:#3730a3}
.cc-tab.is-over small{color:#dc2626;font-weight:700}
.cc-tab i{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;font-style:normal;font-size:11px;display:grid;place-items:center;color:#b91c1c}
.cc-tb{min-height:48px;padding:0 14px;border:1.5px dashed #c7d2fe;border-radius:12px;background:#fff;font-weight:700;color:#4f46e5;cursor:pointer;white-space:nowrap}
.cc-sp{flex:1}
.cc-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}
.cc-qhd{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.cc-title{flex:1 1 220px;min-height:46px;padding:8px 12px;border:1.5px solid #d1d5db;border-radius:12px;font-size:16px;font-weight:700}
.cc-lim{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#4b5563}
.cc-limit,.cc-basis,.cc-limnum{min-height:46px;padding:6px 10px;border:1.5px solid #d1d5db;border-radius:12px;font-size:15px;background:#fff}
.cc-limnum{width:110px}
.cc-meter{height:10px;border-radius:999px;background:#eef2f7;overflow:hidden}
.cc-meter i{display:block;height:100%;width:0;background:#22c55e;border-radius:999px;transition:width .15s}
.cc-app.is-near .cc-meter i{background:#f59e0b}.cc-app.is-over .cc-meter i{background:#dc2626}
.cc-mtxt{margin:6px 2px 8px;font-size:14px;color:#334155}
.cc-app.is-over .cc-mtxt{color:#b91c1c}
.cc-ta{display:block;width:100%;min-height:min(62vh,640px);padding:16px 18px;border:1.5px solid #d1d5db;border-radius:14px;font-size:17px;line-height:1.75;font-family:inherit;color:#111827;resize:vertical;background:#fff}
.cc-ta:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.18)}
.cc-app.is-over .cc-ta{border-color:#fca5a5}
.cc-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cc-tools .gg-btn{min-height:44px}
.cc-side{display:flex;flex-direction:column;gap:12px;align-self:start;position:sticky;top:calc(var(--gg-top,0px) + 12px)}
.cc-big{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cc-big>div{border-radius:16px;padding:12px 14px;background:#f8fafc;border:1px solid #e5e7eb}
.cc-big>div:first-child{background:#4f46e5;border-color:#4f46e5;color:#fff}
.cc-big small{display:block;font-size:13px;font-weight:700;opacity:.85}
.cc-big b{font-size:34px;line-height:1.15;font-variant-numeric:tabular-nums}
.cc-big span{font-size:14px;margin-left:3px}
.cc-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}
.cc-grid>div{border:1px solid #e5e7eb;border-radius:12px;padding:8px 10px;background:#fff}
.cc-grid dt{font-size:12px;color:#64748b;font-weight:700}
.cc-grid dd{margin:2px 0 0;font-size:20px;font-weight:800;color:#0f172a;font-variant-numeric:tabular-nums}
.cc-nl{font-size:14px;min-height:40px}
.cc-freq{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}
.cc-freq b{font-size:14px}
.cc-freq__l{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 0}
.cc-fw{font-size:13px;background:#f1f5f9;border-radius:999px;padding:4px 9px;color:#334155}
.cc-fw b{color:#4f46e5;font-size:12px}
.cc-fw.is-hot{background:#fee2e2;color:#991b1b}.cc-fw.is-hot b{color:#b91c1c}
.cc-sum table{width:100%;border-collapse:collapse;margin-top:6px;font-size:13px}
.cc-sum td{border-top:1px solid #eef0f4;padding:6px 4px}.cc-sum td:last-child{text-align:right;font-weight:700}
.cc-sum tr.is-over td:last-child{color:#dc2626}
.cc-sum>b{font-size:14px}
.cc-app .ga-savewrap{position:relative}
@media (max-width:1023px){
  .cc-body{grid-template-columns:1fr}
  .cc-side{position:static;order:-1}
  .cc-big b{font-size:28px}
  .cc-grid{grid-template-columns:repeat(3,1fr)}
  .cc-grid dd{font-size:17px}
  .cc-ta{min-height:46vh;font-size:16px}
  .cc-freq,.cc-sum{display:none}
  .cc-app.cc-showmore .cc-freq,.cc-app.cc-showmore .cc-sum{display:block}
}
.cc-lim span{white-space:nowrap}
.cc-qhd .cc-basis{flex:0 0 auto;width:auto}
.cc-qhd .cc-title{flex:1 1 100%;min-width:0}
@media (max-width:1023px){
  .cc-qhd .cc-title{flex:1 1 100%}
  .cc-qhd .cc-lim{flex:1 1 auto}.cc-qhd .cc-limit{flex:1}
  .cc-big>div{padding:8px 12px}.cc-big b{font-size:26px}
  .cc-grid>div{padding:5px 8px}.cc-grid dd{font-size:15px}.cc-grid dt{font-size:11px}
  .cc-side{gap:8px}
}