.root
{
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    min-width: 0;     /* grid 子项默认 min-width auto，长内容会撑破列宽 */
}

.cloud
{
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.cloudEmpty
{
    color: var(--text-muted);
    font-size: var(--fs-13);
    padding: var(--space-3) 0;
}

/* meta 行（大小 · 来源 · 时间）总是可见，是用户决定要不要 "显示" 内容的依据。 */
.metaRow
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--fs-11);
    color: var(--text-muted);
    padding: var(--space-2) var(--space-3);
    background: var(--surface-sunken);
    border: 1px solid var(--divider);
    border-radius: var(--radius-control);
}
.metaSize { font-family: var(--font-mono); }
.metaFrom { color: var(--success); font-weight: 600; }

/* shade：默认隐藏态的占位。dashed 边 + muted 文字。 */
.shade
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-3);
    background: var(--surface-sunken);
    border: 1px dashed var(--divider);
    border-left: 3px solid var(--text-muted);
    border-radius: var(--radius-control);
    color: var(--text-muted);
    font-size: var(--fs-12);
    text-align: center;
}
.shade svg { flex-shrink: 0; }

/* 显示态内容：mono 字体，让 URL / token / 代码片段对齐;
   长文本可滚动,防止撑高 panel。 */
.content
{
    background: var(--surface-sunken);
    border: 1px solid var(--divider);
    border-left: 3px solid var(--success);
    border-radius: var(--radius-control);
    padding: var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--fs-12);
    line-height: 1.55;
    color: var(--text);
    white-space: pre-wrap;
    word-break: break-all;
    max-height: 220px;
    overflow: auto;
}

.divider
{
    height: 1px;
    background: var(--divider);
    margin: var(--space-2) 0;
}

.uploadHint { color: var(--text-muted); font-size: var(--fs-11); }

/* 按钮组：占满 panel 宽，多按钮均分；单按钮即 block。 */
.actions
{
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    width: 100%;
}
.actions > *
{
    flex: 1 1 auto;
    min-width: 0;
}
/* 按钮内文字允许换行（覆盖 Button 默认 nowrap），窄列宽下不溢出。 */
.actions button
{
    white-space: normal;
    line-height: 1.25;
}
