.av-portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.av-portfolio-card__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.av-portfolio-meta{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--av-text-soft);font-size:.9rem}.av-portfolio-editor{display:grid;gap:24px;grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:start}.av-portfolio-editor__left,.av-portfolio-editor__right{display:flex;flex-direction:column;gap:1rem}.av-portfolio-section-list{display:grid;gap:.75rem}.av-portfolio-section-button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .9rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:var(--av-surface-soft, rgba(255, 255, 255, .05));color:var(--av-text-strong, #fff);text-align:left}.av-portfolio-section-button.is-active{border-color:#38bdf873;box-shadow:0 0 0 1px #38bdf859}.av-portfolio-section-button__meta{font-size:.8rem;color:var(--av-text-soft)}.av-portfolio-preview-frame iframe{width:100%;height:560px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0b1120}.av-portfolio-form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.av-portfolio-date-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.av-portfolio-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.av-portfolio-template-card{display:grid;gap:.5rem;width:100%;text-align:left;padding:.9rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:var(--av-surface-soft, rgba(255, 255, 255, .05))}.av-portfolio-template-card.is-selected{border-color:#38bdf873;box-shadow:0 0 0 1px #38bdf859}.av-portfolio-preview-cta{margin-top:1rem}.av-portfolio-item-list{display:grid;gap:12px}.av-portfolio-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:var(--av-surface-soft, rgba(255, 255, 255, .05));border:1px solid rgba(255,255,255,.08)}.av-portfolio-item-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.av-portfolio-ai-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:.75rem}.av-portfolio-ai-header .av-label{min-width:0}.av-portfolio-ai-header .av-ai-assist{margin-left:auto;flex-shrink:0}.av-portfolio-preview{display:grid;gap:24px}.av-portfolio-preview__header{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start}.av-portfolio-preview__name{margin:0;font-size:2rem}.av-portfolio-preview__headline{margin:0;color:var(--av-text-soft)}.av-portfolio-preview__contact{display:grid;gap:6px;font-size:.9rem;color:var(--av-text-soft)}.av-portfolio-preview__section,.av-portfolio-preview__list{display:grid;gap:12px}.av-portfolio-preview__item-title{margin:0;font-weight:600}.av-portfolio-preview__tags{display:flex;flex-wrap:wrap;gap:6px}.av-portfolio-preview__tag{font-size:.75rem;padding:4px 8px;border-radius:999px;background:var(--av-surface-soft, rgba(255, 255, 255, .06))}@media(max-width:900px){.av-portfolio-editor{grid-template-columns:1fr}.av-portfolio-preview-frame iframe{height:480px}}.av-portfolio-section-status{display:inline-flex;align-items:center;justify-content:center;color:var(--av-text-soft);opacity:.85}.av-portfolio-status-icon{width:1.05rem;height:1.05rem}.av-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.av-portfolio-drawer-footer{position:sticky;bottom:0;display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;background:var(--av-surface, #0b1120);border-top:1px solid rgba(255,255,255,.08)}.av-portfolio-drawer-footer__action{display:flex}.av-portfolio-drawer-footer__action :where(button,a){width:100%;white-space:nowrap}@media(min-width:640px){.av-portfolio-drawer-footer{flex-direction:row;justify-content:flex-end;align-items:center}.av-portfolio-drawer-footer__action{width:auto}.av-portfolio-drawer-footer__action :where(button,a){width:auto}}.av-portfolio-actions-row{align-items:center;gap:.65rem}.av-portfolio-visibility-indicator{margin:0;font-size:.85rem;color:var(--av-text-soft);opacity:.9;white-space:nowrap}@media(max-width:640px){.av-portfolio-visibility-indicator{width:100%}}