/* Studio editor and public Studio page. Scoped under .dz (see designer.css). */
.dz .dz-preview { background: var(--dz-card); border: 1px solid var(--dz-rule); border-radius: 4px; overflow: hidden; padding-bottom: 16px; }
.dz .dz-preview .dz-hero { margin: 0; }
.dz .dz-preview .dz-hero img.dz-banner { height: 130px; }
.dz .dz-preview .dz-logo { width: 64px; height: 64px; margin-top: -32px; }
.dz .dz-preview-body { padding: 8px 16px 0; }
.dz .dz-preview-name { font: 400 22px/30px 'Libre Baskerville', Georgia, serif; margin: 6px 0 2px; word-break: break-word; }
.dz .dz-preview-bio { font: 400 16px/25px 'Libre Baskerville', Georgia, serif; color: var(--dz-ink-2); margin: 6px 0 0; word-break: break-word; }
.dz .dz-linkbox { font: 500 15px/22px Montserrat, Arial, sans-serif; border: 1px solid var(--dz-edge); border-radius: 4px; background: var(--dz-field); padding: 10px 12px; word-break: break-all; margin: 0 0 10px; }
.dz fieldset.dz-fieldset { border: 0; padding: 0; min-width: 0; margin-left: 0; margin-right: 0; }
.dz fieldset.dz-fieldset legend { border: 0; padding: 0; margin-bottom: 6px; width: auto; font: 600 14px/20px Montserrat, Arial, sans-serif; }
.dz [hidden] { display: none !important; }
.dz .dz-field.has-error .dz-chips { border-left: 6px solid var(--dz-bad); padding-left: 8px; }

/* public Studio page */
.dz .dz-studio-page .dz-hero { margin: 0 -16px; }
.dz .dz-studio-head { padding-top: 10px; }
.dz .dz-studio-head h1 { font: 400 28px/36px 'Libre Baskerville', Georgia, serif; margin: 10px 0 8px; word-break: break-word; }
.dz .dz-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.dz .dz-tags li { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 12px; border: 1px solid var(--dz-edge); border-radius: 4px; font: 600 13px Montserrat, Arial, sans-serif; background: var(--dz-card); }
.dz .dz-studio-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; }
.dz .dz-studio-actions .dz-btn { width: auto; flex: 1 1 200px; }
.dz .dz-bio { font: 400 17px/27px 'Libre Baskerville', Georgia, serif; color: var(--dz-ink-2); margin: 10px 0 0; word-break: break-word; }
.dz .dz-ownerbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; padding: 12px 16px; border: 1px solid var(--dz-ink); border-radius: 4px; background: var(--dz-card); margin: 12px 0; font: 600 15px/22px Montserrat, Arial, sans-serif; }
.dz .dz-ownerbar .dz-btn { width: auto; min-height: 44px; }
.dz .dz-empty { padding: 24px 16px; background: var(--dz-card); border: 1px solid var(--dz-rule); border-radius: 4px; font: 500 16px/24px Montserrat, Arial, sans-serif; }
.dz .dz-portfolio { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (min-width: 768px) { .dz .dz-portfolio { grid-template-columns: repeat(3, 1fr); } }
.dz .dz-portfolio figure { margin: 0; background: var(--dz-card); border: 1px solid var(--dz-rule); border-radius: 4px; overflow: hidden; }
.dz .dz-portfolio img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.dz .dz-portfolio figcaption { padding: 10px 12px; font: 600 14px/20px Montserrat, Arial, sans-serif; }
@media (min-width: 992px) { .dz .dz-studio-page .dz-hero { margin: 0; } .dz .dz-studio-head h1 { font-size: 44px; line-height: 52px; } }