.design-folder{color:var(--ucl-ink);font-size:16px}.folder-heading{display:flex;justify-content:space-between;gap:14px;margin:12px 0 18px}.folder-heading p{margin:0}.folder-heading [data-folder-status]{font-size:14px;color:var(--ucl-muted);margin-top:8px}.folder-heading [data-error=true]{color:var(--ucl-danger)}.folder-details{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:16px}.folder-details .field{margin:0}.saved-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.saved-option{min-width:0;border:1px solid var(--ucl-line);border-radius:12px;overflow:hidden;background:var(--ucl-surface)}.saved-option>img{display:block;width:100%;height:195px;object-fit:contain;background:#0c2032}.saved-option-fields{padding:14px}.saved-option-fields .field{margin:0 0 12px}.saved-option-actions{display:flex;align-items:center;gap:6px}.saved-option-actions>span{font-size:14px;color:var(--ucl-muted);margin-right:auto}.saved-option-actions .btn{font-size:14px;padding:7px 10px}.folder-empty{grid-column:1/-1;padding:24px;border:1px dashed var(--ucl-line);border-radius:10px;color:var(--ucl-muted);line-height:1.7}.folder-sharing{margin-top:24px;border-top:1px solid var(--ucl-line);padding-top:20px}.folder-share-actions{display:flex;flex-wrap:wrap;gap:8px}.folder-sharing p{font-size:14px;color:var(--ucl-muted);margin:12px 0;line-height:1.6}.folder-sharing input{width:100%;min-height:46px;padding:10px;border:1px solid var(--ucl-line);border-radius:8px;color:var(--ucl-ink);background:var(--ucl-surface);font:inherit;font-size:14px}@media(max-width:700px){.folder-details,.saved-option-grid{grid-template-columns:1fr}.folder-share-actions .btn{flex:1}.saved-option>img{height:220px}}

.design-folder{display:flex;flex-direction:column;max-height:calc(100dvh - 160px);min-height:0}.folder-content{overflow:auto;min-height:0;padding-right:4px}.folder-sharing{flex:none;margin-top:12px;padding-top:12px;background:var(--ucl-surface)}.folder-sharing p{margin:8px 0}.folder-details{display:block}.folder-details>summary{cursor:pointer;font-size:14px}.saved-option-grid{display:flex;flex-direction:column;gap:12px}.saved-option{display:grid;grid-template-columns:150px minmax(0,1fr)}.saved-option>img{height:130px;align-self:start}.saved-option-fields{padding:12px;display:flex;flex-direction:column}.option-summary{order:-1;font-weight:650;font-size:15px;margin-bottom:4px;overflow-wrap:anywhere}.saved-option-fields details>summary{font-size:14px;padding:4px 0;min-height:44px}.saved-option-actions [data-remove]{margin-left:auto}.folder-details .field{margin:10px 0}.saved-option-actions{flex-wrap:wrap}
@media(max-width:699px){.design-folder{max-height:calc(100dvh - 126px)}.saved-option{grid-template-columns:90px minmax(0,1fr)}.saved-option>img{height:90px}.saved-option-actions .btn{padding:6px}.saved-option-actions>span{display:none}.folder-share-actions .btn{font-size:14px}}
.saved-option-use{order:-1;align-self:flex-start;margin:4px 0 8px;min-height:44px}.saved-option[data-current=true]{border-color:var(--ucl-brand)}.saved-option[data-current=true] .saved-option-use{background:var(--ucl-brand-tint);color:var(--ucl-ink);border-color:var(--ucl-line);opacity:1}