.portfolio-renderer[data-v-3586c2c7]{background:#f3f4f6;border-radius:.5rem;width:100%;height:100%;min-height:320px;display:flex;position:relative;overflow:hidden}.dark .portfolio-renderer[data-v-3586c2c7]{background:#0f172a}.portfolio-overlay[data-v-3586c2c7]{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.portfolio-overlay-text[data-v-3586c2c7]{color:#6b7280;font-size:.875rem}.dark .portfolio-overlay-text[data-v-3586c2c7]{color:#94a3b8}.portfolio-download-link[data-v-3586c2c7],.portfolio-preview-download[data-v-3586c2c7]{color:#059669;border:1px solid #a7f3d0;border-radius:.375rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;text-decoration:none}.portfolio-download-link[data-v-3586c2c7]:hover,.portfolio-preview-download[data-v-3586c2c7]:hover{background:#ecfdf5}.portfolio-spinner[data-v-3586c2c7]{border:3px solid #e5e7eb;border-top-color:#059669;border-radius:50%;width:36px;height:36px;animation:1s linear infinite portfolio-spin-3586c2c7}@keyframes portfolio-spin-3586c2c7{to{transform:rotate(1turn)}}.portfolio-body[data-v-3586c2c7]{width:100%;height:100%;min-height:0;display:flex}.portfolio-sidebar[data-v-3586c2c7]{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:260px;transition:margin-left .24s cubic-bezier(.2,.8,.25,1),transform .24s cubic-bezier(.2,.8,.25,1),opacity .18s;display:flex;overflow:hidden auto}.portfolio-body--collapsed>.portfolio-sidebar[data-v-3586c2c7]{opacity:0;pointer-events:none;margin-left:-260px;transform:translate(-12px)}@media (prefers-reduced-motion:reduce){.portfolio-sidebar[data-v-3586c2c7]{transition:none}}.dark .portfolio-sidebar[data-v-3586c2c7]{background:#1e293b;border-right-color:#334155}.portfolio-sidebar-head[data-v-3586c2c7]{border-bottom:1px solid #e5e7eb;padding:.875rem 1rem}.dark .portfolio-sidebar-head[data-v-3586c2c7]{border-bottom-color:#334155}.portfolio-badge[data-v-3586c2c7]{color:#059669;letter-spacing:.08em;background:#ecfdf5;border-radius:.25rem;padding:.125rem .4rem;font-size:.625rem;font-weight:700;display:inline-block}.dark .portfolio-badge[data-v-3586c2c7]{background:#05966926}.portfolio-title[data-v-3586c2c7]{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin-top:.5rem;font-size:.875rem;font-weight:600;overflow:hidden}.dark .portfolio-title[data-v-3586c2c7]{color:#f1f5f9}.portfolio-count[data-v-3586c2c7]{color:#6b7280;margin-top:.125rem;font-size:.75rem}.dark .portfolio-count[data-v-3586c2c7]{color:#94a3b8}.portfolio-list[data-v-3586c2c7]{flex-direction:column;gap:.25rem;margin:0;padding:.5rem;list-style:none;display:flex}.portfolio-item[data-v-3586c2c7]{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;transition:background .12s;display:flex}.portfolio-item[data-v-3586c2c7]:hover{background:#f3f4f6}.dark .portfolio-item[data-v-3586c2c7]:hover{background:#334155}.portfolio-item--active[data-v-3586c2c7]{background:#ecfdf5;border-color:#a7f3d0}.dark .portfolio-item--active[data-v-3586c2c7]{background:#05966929;border-color:#05966966}.portfolio-list>li[data-v-3586c2c7]:first-child{border-bottom:1px solid #e5e7eb;margin-bottom:.125rem;padding-bottom:.375rem}.dark .portfolio-list>li[data-v-3586c2c7]:first-child{border-bottom-color:#334155}.portfolio-item--cover[data-v-3586c2c7]{background:#ecfdf5;border-color:#a7f3d0}.portfolio-item--cover .portfolio-item-name[data-v-3586c2c7]{font-weight:600}.dark .portfolio-item--cover[data-v-3586c2c7]{background:#0596691a;border-color:#0596694d}.portfolio-item--cover.portfolio-item--active[data-v-3586c2c7]{border-color:#059669}.dark .portfolio-item--cover.portfolio-item--active[data-v-3586c2c7]{background:#05966929;border-color:#05966999}.portfolio-item-kind[data-v-3586c2c7]{color:#475569;background:#f1f5f9;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.625rem;font-weight:700;display:flex}.dark .portfolio-item-kind[data-v-3586c2c7]{color:#cbd5e1;background:#334155}.portfolio-item-kind--cover[data-v-3586c2c7]{color:#059669;background:#ecfdf5}.portfolio-item-meta[data-v-3586c2c7]{flex-direction:column;min-width:0;display:flex}.portfolio-item-name[data-v-3586c2c7]{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.dark .portfolio-item-name[data-v-3586c2c7]{color:#e2e8f0}.portfolio-item-sub[data-v-3586c2c7]{color:#9ca3af;font-size:.6875rem}.portfolio-item-version[data-v-3586c2c7]{color:#047857;letter-spacing:.02em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.25rem;margin-right:.25rem;padding:0 .3rem;font-size:.5625rem;font-weight:700;line-height:1.5;display:inline-block}.dark .portfolio-item-version[data-v-3586c2c7]{color:#6ee7b7;background:#05966929;border-color:#05966966}.portfolio-preview[data-v-3586c2c7]{background:#dbdee2;flex-direction:column;flex:1;min-width:0;display:flex}.dark .portfolio-preview[data-v-3586c2c7]{background:#0f172a}.portfolio-preview-head[data-v-3586c2c7]{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .875rem;display:flex}.dark .portfolio-preview-head[data-v-3586c2c7]{background:#1e293b;border-bottom-color:#334155}.portfolio-sidebar-toggle[data-v-3586c2c7]{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.portfolio-sidebar-toggle[data-v-3586c2c7]:hover{color:#111827;background:#f3f4f6}.dark .portfolio-sidebar-toggle[data-v-3586c2c7]{color:#94a3b8}.dark .portfolio-sidebar-toggle[data-v-3586c2c7]:hover{color:#f1f5f9;background:#334155}.portfolio-sidebar-toggle--collapsed svg[data-v-3586c2c7]{transform:scaleX(-1)}.portfolio-preview-name[data-v-3586c2c7]{color:#111827;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8125rem;font-weight:600;overflow:hidden}.dark .portfolio-preview-name[data-v-3586c2c7]{color:#f1f5f9}.portfolio-preview-stage[data-v-3586c2c7]{flex:1;min-height:0;display:flex;overflow:auto}.portfolio-preview-stage[data-v-3586c2c7]>*{flex:1;min-width:0}.portfolio-cover[data-v-3586c2c7]{min-width:0;min-height:0;display:flex}.portfolio-cover>[data-v-3586c2c7-s]{flex:1;min-width:0}@media (max-width:640px){.portfolio-body[data-v-3586c2c7]{flex-direction:column}.portfolio-sidebar[data-v-3586c2c7]{border-bottom:1px solid #e5e7eb;border-right:none;width:100%;max-height:40%}.portfolio-body--collapsed>.portfolio-sidebar[data-v-3586c2c7]{margin-left:0;display:none}}