.out{
    white-space:pre-wrap;
    line-height:1.72;
    font-size:14px;
  }
  .outWrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
  }
  .sources{
    font-size:12px;
    color:var(--muted);
    margin-bottom:8px;
  }
  .sources code{
    background:#f2ede4;
    border:1px solid var(--border-soft);
    border-radius:999px;
    padding:3px 8px;
  }
  .outLoading{
    border:1px solid var(--border);
    background:rgba(253,253,251,.9);
    border-radius:18px;
    padding:16px;
    margin-bottom:12px;
  }
  .outLoadingHead{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    color:var(--primary);
    margin-bottom:12px;
  }
  .outLoadingSpinner{
    width:14px;
    height:14px;
    border:2px solid rgba(58,68,90,.2);
    border-top-color:var(--accent);
    border-radius:999px;
    animation:spin .8s linear infinite;
  }
  .outSkeleton{
    display:grid;
    gap:10px;
  }
  .outSkeletonBlock{
    display:grid;
    gap:8px;
  }
  .outSkeletonLine{
    height:10px;
    border-radius:999px;
    background:linear-gradient(90deg, #ebe4d6 20%, #f8f4ec 40%, #ebe4d6 60%);
    background-size:200% 100%;
    animation:skeleton 1.2s ease-in-out infinite;
  }
  .outSkeletonLine.w90{ width:90%; }
  .outSkeletonLine.w86{ width:86%; }
  .outSkeletonLine.w84{ width:84%; }
  .outSkeletonLine.w82{ width:82%; }
  .outSkeletonLine.w79{ width:79%; }
  .outSkeletonLine.w76{ width:76%; }
  .outSkeletonLine.w72{ width:72%; }
  .outSkeletonLine.w68{ width:68%; }
  .outSkeletonLine.w58{ width:58%; }
  .outEmpty{
    border:1px dashed var(--accent-line);
    background:#faf6ee;
    border-radius:20px;
    padding:22px;
    margin-bottom:12px;
    min-height:clamp(260px, 52vh, 560px);
  }
  .outEmptyTitle{
    font-size:15px;
    font-weight:700;
    color:var(--primary);
    line-height:1.55;
    margin-bottom:10px;
  }
  .outSteps{
    margin:0 0 14px;
    padding-left:18px;
    color:var(--slate-ink);
    font-size:14px;
    line-height:1.82;
  }
  .outExampleLabel{
    font-size:12px;
    color:var(--muted);
    margin-bottom:8px;
  }
  .outExampleRow{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .exampleChip{
    border:1px solid var(--accent-line);
    background:var(--accent-soft);
    color:var(--primary);
    border-radius:999px;
    padding:7px 11px;
    font-size:12px;
    cursor:pointer;
    transition:all .15s ease;
  }
  .exampleChip:hover{
    background:var(--primary);
    color:#fff;
    border-color:var(--primary);
  }