.portfolio-workspace{background-color:var(--bg-main);box-sizing:border-box;flex-direction:column;width:100%;padding:60px 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.workspace-header{margin-top:0;margin-bottom:40px;padding:0}.meta-bracket{letter-spacing:.2em;color:var(--text-tertiary);margin-top:0;margin-bottom:8px;font-family:monospace;font-size:.68rem}.portfolio-workspace .heading{letter-spacing:-.04em;color:var(--text-primary);margin:0 0 24px;font-size:max(1.8rem,min(4vw,2.5rem));font-weight:700;line-height:1.15}.portfolio-workspace .projects-actions{justify-content:flex-start;width:100%;padding-bottom:24px;display:flex}.portfolio-workspace .search-input-cont{background:var(--bg-secondary);width:100%;max-width:400px;transition:background-color var(--transition-speed)ease;border-radius:8px;align-items:center;padding:10px 14px;display:flex}.portfolio-workspace .search-input-cont:focus-within{background:var(--bg-muted)}.portfolio-workspace .search-icon{color:var(--text-muted);width:14px;height:14px;margin-right:10px}.portfolio-workspace .search-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:.85rem}.bento-workspace-grid{grid-template-columns:repeat(6,1fr);grid-auto-flow:dense;align-items:stretch;gap:16px;display:grid}.bento-cell{background-color:var(--bg-secondary);box-shadow:var(--shadow-color);transition:background-color var(--transition-speed)ease,box-shadow var(--transition-speed)ease;border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden}.bento-cell:hover{background-color:var(--bg-muted);box-shadow:var(--shadow-hover)}.bento-cell.standard{grid-column:span 2}.bento-cell.wide-accent{grid-column:span 3}.bento-cell.large-hero{grid-column:span 4}.bento-cell.tall-showcase{grid-area:span 2/span 2}.cell-details{box-sizing:border-box;flex-direction:column;flex-grow:1;padding:24px;display:flex}.header-meta-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.category-tag{text-transform:uppercase;color:var(--text-tertiary);font-family:monospace;font-size:.65rem;font-weight:500}.title-brand-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.mini-logo-dock{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.brand-logo-img{object-fit:contain;max-width:70%;max-height:70%}.cell-details h2{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600}.description-text{color:var(--text-secondary);margin:0 0 24px;font-size:.85rem;font-weight:400;line-height:1.5}.micro-canvas-stage{background:#000;border-radius:6px;width:calc(100% - 32px);height:240px;margin:16px 16px 0;position:relative;overflow:hidden}.project-iframe{background:#000;border:none;width:100%;height:100%}.terminal-switch-btn{background:var(--bg-muted);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-speed)ease,color var(--transition-speed)ease;border:none;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:.72rem;font-weight:500}.bento-cell:hover .terminal-switch-btn{background:var(--bg-main)}.terminal-switch-btn:hover,.terminal-switch-btn.active{color:var(--bg-main);background:var(--text-primary)!important}.cell-footer-row{justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.runtime-stack-badges{flex-wrap:wrap;gap:4px;max-width:85%;display:flex}.runtime-badge{background-color:var(--bg-muted);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:.65rem}.bento-cell:hover .runtime-badge{background-color:var(--bg-main)}.action-node-link{color:var(--text-muted);transition:color var(--transition-speed)ease}.bento-cell:hover .action-node-link{color:var(--link-color)}.action-node-link:hover{color:var(--link-hover)}@media screen and (max-width:1100px){.bento-workspace-grid{grid-template-columns:repeat(4,1fr);gap:16px}.bento-cell.large-hero{grid-column:span 4}.bento-cell.wide-accent,.bento-cell.standard{grid-column:span 2}.bento-cell.tall-showcase{grid-area:span 1/span 2!important}}@media screen and (max-width:1000px){.bento-workspace-grid{grid-template-columns:repeat(2,1fr)}.bento-cell.large-hero,.bento-cell.wide-accent,.bento-cell.standard,.bento-cell.tall-showcase{grid-area:span 1/span 2!important}}@media screen and (max-width:540px){.portfolio-workspace{padding:32px 20px}.cell-details{padding:24px 5px}.workspace-header{margin-bottom:24px}.bento-workspace-grid{grid-template-columns:1fr;gap:12px}.bento-cell.large-hero,.bento-cell.wide-accent,.bento-cell.standard,.bento-cell.tall-showcase{grid-area:span 1/span 1!important}.micro-canvas-stage{height:180px}}