.cloud-minimal {
    margin: 0;
    padding: 20px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
    background: #fff;
}

.clouds-wrap {
    padding: 28px 0 48px;
}

.clouds-minimal-inner {
    max-width: 1000px;
    margin: 0 auto;
}

.clouds-title {
    margin: 0 0 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    color: #444;
    font-size: 1.6rem;
    font-weight: 700;
}

.page-sheet .clouds-title {
    font-family: "PT Serif", Georgia, serif;
    font-size: 28px;
    color: var(--text, #1e1c1d);
    border-bottom-color: var(--line, #e6e6e0);
}

.clouds-empty {
    margin: 0;
    padding: 18px;
    color: #666;
}

.cloud-crumbs {
    margin-bottom: 20px;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 4px;
}

.cloud-crumbs a {
    color: #0066cc;
    text-decoration: none;
}

.cloud-crumbs a:hover {
    text-decoration: underline;
}

.cloud-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.cloud-list > li {
    margin: 0;
    padding: 0;
}

.cloud-list-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    color: inherit;
    text-decoration: none;
    background: #fff;
}

.cloud-list > li:last-child .cloud-list-item {
    border-bottom: none;
}

.cloud-list-item:hover {
    background: #f9f9f9;
    text-decoration: none;
}

.cloud-list-item--folder {
    font-weight: 700;
    color: #0066cc;
}

.cloud-icon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background: center / 24px 24px no-repeat;
}

.cloud-icon-folder {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230066cc'%3E%3Cpath d='M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z'/%3E%3C/svg%3E");
}

.cloud-icon-file {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666'%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z'/%3E%3C/svg%3E");
}

.cloud-list-body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cloud-list-title {
    word-break: break-word;
}

.cloud-list-desc {
    color: #666;
    font-size: 0.9em;
    font-weight: 400;
}

.cloud-list-size {
    flex: 0 0 auto;
    margin-left: 12px;
    color: #666;
    font-size: 0.9em;
    font-weight: 400;
    white-space: nowrap;
}