.portfolio-output{display:grid;gap:var(--sp-3,12px)}.portfolio-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3,12px)}.portfolio-hero h1{margin:0 0 6px}.portfolio-hero p{margin:0;max-width:64ch;color:var(--text-secondary)}.portfolio-toolbar{display:grid;grid-template-columns:minmax(200px,2fr) repeat(2,minmax(130px,1fr));gap:var(--sp-3,12px)}.portfolio-toolbar .fld{margin:0;min-width:0}.portfolio-toolbar input,.portfolio-toolbar select{width:100%;min-height:42px;font:inherit;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r,10px);padding:8px 10px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--sp-3,12px)}.portfolio-card{min-width:0;display:flex;flex-direction:column;gap:10px;overflow-wrap:anywhere}.portfolio-card h2{margin:0;font-size:1.1rem}.portfolio-source,.portfolio-description,.portfolio-status{color:var(--text-secondary)}.portfolio-description{white-space:pre-wrap}.portfolio-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:7px;margin-top:auto}.portfolio-archive{flex-basis:100%}.portfolio-archive p{font-size:.95rem;max-width:50ch}.portfolio-archive summary{cursor:pointer;color:var(--text-secondary)}.portfolio-photo:empty{display:none}.portfolio-card.is-archived{border-style:dashed}.portfolio-form{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}.portfolio-form input,.portfolio-form textarea,.portfolio-form select{max-width:100%}.portfolio-output [hidden],.portfolio-form [hidden]{display:none !important}@media(max-width:640px){.portfolio-toolbar{grid-template-columns:1fr 1fr}.portfolio-toolbar>.fld:first-child{grid-column:1/-1}.portfolio-hero{flex-direction:column}.portfolio-hero>.btn{width:100%}.portfolio-grid{grid-template-columns:1fr}}