.PortfolioWorkspace-module__k5FTuG__workspace{--panel:#e8e8e8;--canvas:#e8e8e8;--ink:#2d3748;--muted:#4a5568;--line:#4a90a433;--accent:#3d7a8c;--on-accent:#fff;--shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;--shadow-sm:4px 4px 8px #c8c8c8,-4px -4px 8px #fff;--inset:inset 4px 4px 8px #c8c8c8,inset -4px -4px 8px #fff;--pressed:inset 2px 2px 5px #c8c8c8,inset -2px -2px 5px #fff;max-width:1800px;height:100dvh;color:var(--ink);flex-direction:column;gap:16px;margin:auto;padding:96px 32px 14px;display:flex;overflow:visible}.dark .PortfolioWorkspace-module__k5FTuG__workspace{--panel:#1a1a2e;--canvas:#1a1a2e;--ink:#f7fafc;--muted:#cbd5e0;--line:#64b5f633;--accent:#64b5f6;--on-accent:#1a1a2e;--shadow:8px 8px 16px #121220,-8px -8px 16px #222240;--shadow-sm:4px 4px 8px #121220,-4px -4px 8px #222240;--inset:inset 4px 4px 8px #121220,inset -4px -4px 8px #222240;--pressed:inset 2px 2px 5px #121220,inset -2px -2px 5px #222240}.PortfolioWorkspace-module__k5FTuG__workspace button,.PortfolioWorkspace-module__k5FTuG__workspace select,.PortfolioWorkspace-module__k5FTuG__workspace a{touch-action:manipulation}.PortfolioWorkspace-module__k5FTuG__workspace :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.PortfolioWorkspace-module__k5FTuG__topbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;display:flex}.PortfolioWorkspace-module__k5FTuG__topbar h1{letter-spacing:normal;align-items:center;gap:16px;font-size:1.75rem;font-weight:600;line-height:1.2;display:flex}.PortfolioWorkspace-module__k5FTuG__panels{flex:1;grid-template-columns:310px minmax(0,1fr);gap:20px;min-height:min-content;display:grid}.PortfolioWorkspace-module__k5FTuG__selector{background:var(--panel);box-shadow:var(--shadow);scrollbar-width:thin;border:1px solid #0000;border-radius:16px;flex-direction:column;min-height:0;padding:16px 14px;display:flex;overflow:auto}.PortfolioWorkspace-module__k5FTuG__selectorHeading{letter-spacing:.11em;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.6875rem;font-weight:600;display:flex}.PortfolioWorkspace-module__k5FTuG__selectorHeading>span:last-child{letter-spacing:0;font-size:.75rem}.PortfolioWorkspace-module__k5FTuG__projectList{flex-direction:column;gap:16px;display:flex}.PortfolioWorkspace-module__k5FTuG__projectGroup h2{color:var(--muted);margin-bottom:7px;font-size:.75rem;font-weight:500;line-height:1.3}.PortfolioWorkspace-module__k5FTuG__projectButtons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.PortfolioWorkspace-module__k5FTuG__projectButtons button{background:var(--panel);min-height:40px;box-shadow:var(--shadow-sm);text-align:left;color:var(--ink);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:5px;padding:8px 9px;font-size:.875rem;font-weight:500;line-height:1.2;transition:background .15s,border-color .15s,box-shadow .2s;display:flex;position:relative}.PortfolioWorkspace-module__k5FTuG__projectButtons button:hover{box-shadow:var(--shadow)}.PortfolioWorkspace-module__k5FTuG__projectButtons button[aria-selected=true]{box-shadow:var(--pressed);color:var(--accent);font-weight:500}.PortfolioWorkspace-module__k5FTuG__projectButtons button>span:first-child{padding-right:10px}.PortfolioWorkspace-module__k5FTuG__selectedMark{color:var(--accent);flex-shrink:0;font-size:.5rem;position:absolute;right:8px}.PortfolioWorkspace-module__k5FTuG__detailPanel{background:var(--panel);min-width:0;min-height:0;box-shadow:var(--shadow);border:1px solid #0000;border-radius:16px;overflow:visible}.PortfolioWorkspace-module__k5FTuG__detail{flex-direction:column;height:100%;min-height:0;display:flex}.PortfolioWorkspace-module__k5FTuG__detailHeader{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.PortfolioWorkspace-module__k5FTuG__detailHeader h2{letter-spacing:normal;margin-top:7px;font-size:clamp(1.15rem,1.65vw,1.75rem);font-weight:600;line-height:1.25}.PortfolioWorkspace-module__k5FTuG__category{color:var(--accent);font-size:.75rem;line-height:1.4}.PortfolioWorkspace-module__k5FTuG__category span{color:var(--muted);padding-left:5px}.PortfolioWorkspace-module__k5FTuG__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.PortfolioWorkspace-module__k5FTuG__actions a{white-space:nowrap;border:1px solid var(--line);border-radius:12px;align-items:center;min-height:40px;padding:9px 12px;font-size:.8125rem;display:inline-flex}.PortfolioWorkspace-module__k5FTuG__actions a:hover{box-shadow:var(--shadow)}.PortfolioWorkspace-module__k5FTuG__actions .PortfolioWorkspace-module__k5FTuG__primaryAction{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.PortfolioWorkspace-module__k5FTuG__detailBody{flex:1;grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);min-height:0;display:grid}.PortfolioWorkspace-module__k5FTuG__gallery{border-right:1px solid var(--line);flex-direction:column;gap:12px;min-width:0;min-height:0;padding:18px;display:flex}.PortfolioWorkspace-module__k5FTuG__galleryToolbar{flex-shrink:0;align-items:end;gap:10px;display:flex}.PortfolioWorkspace-module__k5FTuG__galleryToolbar label{color:var(--muted);flex-direction:column;flex:1;gap:5px;min-width:0;font-size:.6875rem;display:flex}.PortfolioWorkspace-module__k5FTuG__galleryToolbar select{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:12px;width:100%;min-width:0;min-height:38px;padding:5px 8px;font-size:.875rem}.PortfolioWorkspace-module__k5FTuG__galleryToolbar>p{letter-spacing:.08em;color:var(--muted);padding-block:7px;font-size:.6875rem;font-weight:500}.PortfolioWorkspace-module__k5FTuG__pageCounter{white-space:nowrap;color:var(--muted);margin-left:auto;padding-bottom:10px;font-size:.75rem}.PortfolioWorkspace-module__k5FTuG__imageStage{aspect-ratio:16/10;background:var(--canvas);width:100%;min-height:80px;max-height:420px;box-shadow:var(--inset);border:1px solid var(--line);border-radius:16px;flex:0 auto;position:relative;overflow:hidden}.PortfolioWorkspace-module__k5FTuG__screenshot{-o-object-fit:contain;object-fit:contain;padding:10px}.PortfolioWorkspace-module__k5FTuG__galleryFooter{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.PortfolioWorkspace-module__k5FTuG__galleryFooter p{color:var(--muted);font-size:.75rem;line-height:1.4}.PortfolioWorkspace-module__k5FTuG__galleryFooter>div{gap:6px;display:flex}.PortfolioWorkspace-module__k5FTuG__galleryFooter button{border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--ink);border-radius:12px;font-size:1.4rem;line-height:1}.PortfolioWorkspace-module__k5FTuG__galleryFooter button:hover{box-shadow:var(--shadow)}.PortfolioWorkspace-module__k5FTuG__projectInfo{background:var(--panel);box-shadow:var(--inset);border-radius:16px;align-self:stretch;margin:14px;padding:16px}.PortfolioWorkspace-module__k5FTuG__detailTabs{gap:10px;margin-bottom:18px;display:flex}.PortfolioWorkspace-module__k5FTuG__detailTabs button{border:1px solid var(--line);min-height:38px;box-shadow:var(--shadow-sm);border-radius:12px;padding:8px 14px;font-size:.875rem;font-weight:500}.PortfolioWorkspace-module__k5FTuG__detailTabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent);box-shadow:var(--pressed)}.PortfolioWorkspace-module__k5FTuG__metadata{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.PortfolioWorkspace-module__k5FTuG__metadata dt{color:var(--muted);margin-bottom:5px;font-size:.6875rem}.PortfolioWorkspace-module__k5FTuG__metadata dd{font-size:.875rem;line-height:1.4}.PortfolioWorkspace-module__k5FTuG__infoBlock+.PortfolioWorkspace-module__k5FTuG__infoBlock{margin-top:16px}.PortfolioWorkspace-module__k5FTuG__infoBlock h3{letter-spacing:.015em;margin-bottom:9px;font-size:.75rem;font-weight:600}.PortfolioWorkspace-module__k5FTuG__infoBlock p,.PortfolioWorkspace-module__k5FTuG__learningGoals{color:var(--muted);font-size:1rem;line-height:1.5}.PortfolioWorkspace-module__k5FTuG__technologies{flex-wrap:wrap;gap:6px;display:flex}.PortfolioWorkspace-module__k5FTuG__technologies li{border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:.8125rem;line-height:1.4}.PortfolioWorkspace-module__k5FTuG__learningGoals{padding-left:18px;list-style:outside}.PortfolioWorkspace-module__k5FTuG__learningGoals li+li{margin-top:9px}.PortfolioWorkspace-module__k5FTuG__mobileSelector{display:none}.PortfolioWorkspace-module__k5FTuG__actions a,.PortfolioWorkspace-module__k5FTuG__galleryFooter button,.PortfolioWorkspace-module__k5FTuG__technologies li{background:var(--panel);box-shadow:var(--shadow-sm)}.PortfolioWorkspace-module__k5FTuG__galleryToolbar select,.PortfolioWorkspace-module__k5FTuG__mobileSelector select{background:var(--panel);box-shadow:var(--inset)}.PortfolioWorkspace-module__k5FTuG__technologies{gap:8px}.PortfolioWorkspace-module__k5FTuG__technologies li{border:0;border-radius:9999px;padding:5px 10px}.PortfolioWorkspace-module__k5FTuG__actions .PortfolioWorkspace-module__k5FTuG__primaryAction{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.PortfolioWorkspace-module__k5FTuG__actions a:active,.PortfolioWorkspace-module__k5FTuG__galleryFooter button:active,.PortfolioWorkspace-module__k5FTuG__projectButtons button:active{box-shadow:var(--pressed)}@media (min-width:1200px) and (min-height:900px){.PortfolioWorkspace-module__k5FTuG__workspace{height:900px}}@media (min-width:900px) and (max-height:800px){.PortfolioWorkspace-module__k5FTuG__workspace{gap:12px;padding-top:88px}.PortfolioWorkspace-module__k5FTuG__topbar h1{font-size:1.5rem}.PortfolioWorkspace-module__k5FTuG__selector{padding:12px}.PortfolioWorkspace-module__k5FTuG__selectorHeading{margin-bottom:10px}.PortfolioWorkspace-module__k5FTuG__projectList{gap:12px}.PortfolioWorkspace-module__k5FTuG__projectButtons button{min-height:36px;padding:7px 8px}.PortfolioWorkspace-module__k5FTuG__detailHeader{padding:16px 18px}.PortfolioWorkspace-module__k5FTuG__gallery{padding:14px}.PortfolioWorkspace-module__k5FTuG__projectInfo{padding:16px}}@media (min-width:1200px) and (min-height:651px) and (max-height:750px){.PortfolioWorkspace-module__k5FTuG__projectList{gap:10px}.PortfolioWorkspace-module__k5FTuG__projectButtons{gap:8px}.PortfolioWorkspace-module__k5FTuG__projectButtons button{min-height:32px;padding:5px 8px}}@media (min-width:900px) and (max-width:1199px){.PortfolioWorkspace-module__k5FTuG__workspace{height:auto;min-height:100dvh;padding-inline:20px}.PortfolioWorkspace-module__k5FTuG__panels{grid-template-columns:280px minmax(0,1fr);gap:14px}.PortfolioWorkspace-module__k5FTuG__detailHeader{flex-wrap:wrap;gap:10px}.PortfolioWorkspace-module__k5FTuG__detailBody{flex-direction:column;display:flex}.PortfolioWorkspace-module__k5FTuG__gallery{border-right:0;border-bottom:1px solid var(--line)}.PortfolioWorkspace-module__k5FTuG__imageStage{flex:none;height:260px}.PortfolioWorkspace-module__k5FTuG__detail{height:auto}}@media (min-width:1200px) and (max-height:650px){.PortfolioWorkspace-module__k5FTuG__detail{height:auto}.PortfolioWorkspace-module__k5FTuG__workspace{height:auto;min-height:100dvh}.PortfolioWorkspace-module__k5FTuG__imageStage{min-height:220px}}@media (max-width:899px){.PortfolioWorkspace-module__k5FTuG__workspace{gap:20px;height:auto;min-height:100dvh;padding:84px 18px 20px;overflow:visible}.PortfolioWorkspace-module__k5FTuG__topbar h1{gap:10px;font-size:1.6rem}.PortfolioWorkspace-module__k5FTuG__mobileSelector{z-index:20;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:7px;padding:12px;display:flex;position:sticky;top:64px}.PortfolioWorkspace-module__k5FTuG__mobileSelector label{color:var(--muted);font-size:.75rem}.PortfolioWorkspace-module__k5FTuG__mobileSelector select{background:var(--panel);width:100%;min-height:44px;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:8px;font-size:1rem}.PortfolioWorkspace-module__k5FTuG__selector{display:none}.PortfolioWorkspace-module__k5FTuG__panels{flex:none;display:block}.PortfolioWorkspace-module__k5FTuG__detailPanel{overflow:visible}.PortfolioWorkspace-module__k5FTuG__detailHeader{flex-direction:column;align-items:start;gap:14px;padding:18px}.PortfolioWorkspace-module__k5FTuG__detailHeader h2{font-size:1.5rem}.PortfolioWorkspace-module__k5FTuG__detailBody{flex-direction:column;display:flex}.PortfolioWorkspace-module__k5FTuG__gallery{border-right:0;border-bottom:1px solid var(--line);gap:12px;padding:16px}.PortfolioWorkspace-module__k5FTuG__imageStage{aspect-ratio:16/10;flex:none;min-height:0}.PortfolioWorkspace-module__k5FTuG__projectInfo{padding:20px;overflow:visible}.PortfolioWorkspace-module__k5FTuG__screenshot{padding:8px}.PortfolioWorkspace-module__k5FTuG__actions a{min-height:44px}.PortfolioWorkspace-module__k5FTuG__detail{height:auto}}@media (min-width:768px) and (max-width:899px){.PortfolioWorkspace-module__k5FTuG__workspace{padding-top:100px}.PortfolioWorkspace-module__k5FTuG__mobileSelector{top:80px}}@media (prefers-reduced-motion:reduce){.PortfolioWorkspace-module__k5FTuG__workspace *{transition:none!important}}