
button{font:inherit}.lab-primary{display:flex;justify-content:center;gap:30px}.lab-primary button{border:0;background:none;padding:10px 3px;color:#74746b;cursor:pointer;font-size:14px}.lab-primary button[aria-pressed=true]{color:#292927;box-shadow:0 2px #292927}.lab-main{max-width:1440px;margin:auto;padding:155px 6vw 50px}.lab-intro{padding:24px 0 52px}.lab-intro h1{font-family:Serif,serif;font-size:clamp(32px,3.3vw,63px);font-weight:400;line-height:1.25;margin:0 0 26px}.lab-intro>p:last-child{font-size:18px;line-height:1.85;color:#62625a}.lab-filter-row{border-top:1px solid #29292726;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 32px}#lab-subfilters{display:flex;gap:10px;flex-wrap:wrap}#lab-subfilters button{border:1px solid #29292724;background:transparent;border-radius:30px;padding:9px 16px;font-size:13px;cursor:pointer}#lab-subfilters button[aria-pressed=true]{background:#292927;color:#fbfaf6;border-color:#292927}#lab-count{font-size:13px;white-space:nowrap;color:#74746b}.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.lab-card-item{border:1px solid #2929271a;border-radius:18px;background:#fffdf8;overflow:hidden}.lab-card-item[hidden]{display:none}.lab-visual,.lab-video{height:280px;background:#e8e4d8}.lab-visual{padding:32px;display:flex;flex-direction:column;justify-content:center;gap:16px}.price-visual{background:#e4e9d9}.price-visual>span{font-size:14px;color:#526349}.price-visual strong{font-size:34px;font-weight:500}.price-visual>div{display:flex;justify-content:space-between;border-bottom:1px solid #52634926;padding-bottom:9px;font-size:14px}.lab-visual small{font-size:11px;color:#737668}.chat-visual{background:#e5ebe7}.chat-question{align-self:flex-end;border-radius:14px 14px 2px 14px;background:#cbd8ba;padding:12px 18px;font-size:14px}.chat-options{display:grid;gap:8px;max-width:90%}.chat-options span{padding:9px 14px;border-radius:10px;background:#fffdf8;font-size:13px}.lab-video video{display:block;width:100%;height:100%;object-fit:contain;background:#e8e4d8}.lab-card-copy{padding:28px}.lab-tags{display:flex;justify-content:space-between;gap:14px;color:#75796d;font-size:12px}.lab-card-copy h2{font-family:Serif,serif;font-size:clamp(24px,2vw,32px);line-height:1.4;font-weight:400;margin:20px 0 14px}.lab-card-copy>p{font-size:16px;line-height:1.85;color:#62625a;margin:0 0 22px}.lab-card-copy summary{cursor:pointer;list-style:none;border-top:1px solid #29292720;padding:18px 0 0;display:flex;justify-content:space-between;font-size:14px}.lab-card-copy summary::-webkit-details-marker{display:none}.lab-card-copy details[open] summary span{transform:rotate(45deg)}.lab-notes{padding-top:8px}.lab-notes h3{font-size:16px;margin:24px 0 10px}.lab-notes p{font-size:15px;line-height:1.85;color:#62625a}.lab-notes a{display:inline-block;margin:12px 0;text-decoration:underline;text-underline-offset:4px;font-size:14px}.lab-footer{margin-top:70px;padding-top:25px;border-top:1px solid #29292720;color:#74746b;font-size:13px}.lab-primary button:focus-visible,#lab-subfilters button:focus-visible,summary:focus-visible{outline:2px solid #597147;outline-offset:5px}@media(max-width:800px){.lab-primary{grid-column:1/-1;grid-row:2;gap:35px}.lab-main{padding:145px 22px 40px}.lab-intro{padding:15px 0 30px}.lab-intro>p:last-child{font-size:16px}.lab-grid{grid-template-columns:1fr;gap:24px}.lab-filter-row{align-items:flex-start;gap:10px}#lab-subfilters{gap:8px}#lab-subfilters button{padding:8px 12px}.lab-visual,.lab-video{height:235px}.lab-visual{padding:24px}.lab-card-copy{padding:22px}.price-visual strong{font-size:30px}}

.lab-project-link{display:flex;justify-content:space-between;gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid #29292720;font-size:14px}.lab-project-link:hover{text-decoration:underline;text-underline-offset:4px}.lab-project-link:focus-visible{outline:2px solid #597147;outline-offset:5px}
#graduate-hell{scroll-margin-top:140px}

/* Lab: interests, toolkit, and a single content-category filter. */
.lab-header-note{font-size:11px;letter-spacing:.14em;color:#74746b}
.lab-main{padding-top:125px}.lab-intro{padding-bottom:36px}.lab-intro h1{margin-bottom:18px}
.lab-context{margin-bottom:58px;border-top:1px solid #29292726}
.lab-context-row{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:30px 0;border-bottom:1px solid #29292726;align-items:start}
.lab-context-row h2{font-size:20px;font-weight:400;margin:0;line-height:1.6}.lab-context-row h2>span{display:block;font-size:10px;letter-spacing:.1em;color:#77796e;margin-bottom:10px}
.lab-interests{display:flex;flex-wrap:wrap;gap:10px;padding-top:5px}.lab-interests>span{padding:10px 16px;border:1px solid #65735b33;border-radius:999px;background:#e9eddf;color:#4c5b42;font-size:14px}
.lab-toolbox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lab-toolbox h3{font-size:14px;font-weight:500;margin:3px 0 10px}.lab-toolbox p{font-size:13px;line-height:1.9;color:#727269;margin:0}
.lab-collection-heading .eyebrow{font-size:10px;font-weight:400;color:#77796e;margin-bottom:12px}.lab-collection-heading h2{font-size:28px;font-weight:400;margin:0 0 16px}
.lab-filter-row{border-top:0;padding:0 0 28px}.lab-primary{gap:10px;flex-wrap:wrap;justify-content:flex-start}.lab-primary button{padding:10px 20px;border:1px solid #29292724;border-radius:999px;color:#62625a}.lab-primary button[aria-pressed=true]{box-shadow:none;background:#292927;color:#fbfaf6;border-color:#292927}.lab-primary button:hover{border-color:#292927}
.lab-tags{justify-content:flex-start;flex-wrap:wrap;gap:8px;align-items:center}.lab-tags>span{padding:4px 8px;border-radius:4px;background:#f0eee6}.lab-tags>.lab-kind{background:#e5eadc;color:#4b5f40}.lab-tags>span:last-child{margin-left:auto;background:transparent}
.lab-empty{padding:64px 24px;text-align:center;border:1px dashed #29292733;border-radius:18px}.lab-empty[hidden]{display:none}.lab-empty h3{font-size:23px;font-weight:400}.lab-empty p{color:#727269;font-size:15px;line-height:1.8}.lab-empty button{background:transparent;border:0;border-bottom:1px solid #292927;padding:12px 0;cursor:pointer;color:inherit}.lab-empty button:focus-visible{outline:2px solid #597147;outline-offset:5px}
@media(max-width:800px){.lab-main{padding-top:110px}.lab-context-row{grid-template-columns:1fr;gap:18px;padding:24px 0}.lab-context{margin-bottom:40px}.lab-toolbox{gap:18px}.lab-primary{gap:7px}.lab-primary button{font-size:13px;padding:9px 13px}.lab-filter-row{flex-wrap:wrap;align-items:center}.lab-header-note{display:none}.lab-interests>span{font-size:12px;padding:8px 12px}}
@media(max-width:480px){.lab-toolbox{grid-template-columns:1fr}.lab-toolbox>div{display:grid;grid-template-columns:115px 1fr;gap:10px}.lab-toolbox p br{display:none}.lab-toolbox h3{margin-top:0}.lab-tags{gap:5px}.lab-tags>span{padding:4px 6px}}

#price-thinking,#question-experiment{scroll-margin-top:110px}

/* Keep the introduction light, with the collection visible immediately. */
.lab-main{padding-top:122px}.lab-intro{padding:0 0 28px}.lab-intro h1{margin:0 0 16px}.lab-intro .lab-description{font-size:18px;line-height:1.8;color:#62625a;margin:0}.lab-intro .lab-current{font-size:13px;line-height:1.9;color:#828477;margin:14px 0 0}.lab-filter-row{padding-bottom:24px}
@media(max-width:800px){.lab-main{padding-top:108px}.lab-intro{padding-bottom:24px}.lab-intro .lab-description{font-size:16px}.lab-intro .lab-current{font-size:12px;margin-top:12px}.lab-filter-row{padding-bottom:20px}}

.pending-visual{background:#e6e9df;color:#59634f}.pending-visual>span{font-size:13px;letter-spacing:.08em}.pending-visual strong{font-family:Serif,serif;font-size:36px;font-weight:400;line-height:1.4}.pending-visual small{color:#7b8273}.lab-pending:nth-child(odd) .pending-visual{background:#e4eae6}.lab-pending .lab-card-copy>p{margin-bottom:0}

/* Audio creation: quiet cover, native player, expandable process and lyrics. */
#graduate-hell-music{scroll-margin-top:110px}.music-cover{height:280px;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:18px;background:linear-gradient(135deg,#e7ded0,#d5daca);color:#4e5849}.music-cover>span{font-size:11px;letter-spacing:.15em}.music-cover strong{font-family:Serif,serif;font-weight:400;font-size:44px;line-height:1.15}.music-cover small{font-size:12px}.lab-card-copy audio{display:block;width:100%;margin:0 0 24px}.music-lyrics{margin-top:20px}.music-lyrics pre{font:14px/1.9 GT,'Microsoft YaHei',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#62625a;margin:22px 0 0}@media(max-width:800px){.music-cover{height:235px;padding:24px}.music-cover strong{font-size:38px}}

.sketch-cover{height:280px;background:#e8e4d8;padding:14px;display:flex;justify-content:center}.sketch-cover img{display:block;width:100%;height:100%;object-fit:contain}.lab-card-item[id^="sketch-"]{scroll-margin-top:110px}@media(max-width:800px){.sketch-cover{height:235px}}

/* The title link covers the card; native media controls remain above it. */
.lab-collection .lab-card-item{position:relative;isolation:isolate;border-color:transparent;box-shadow:0 4px 18px #29292705;transition:transform .25s,box-shadow .25s}.lab-card-target{color:inherit;text-decoration:none}.lab-card-target::after{content:'';position:absolute;inset:0;z-index:1;border-radius:18px}.lab-card-target:focus-visible{outline:none}.lab-card-target:focus-visible::after{outline:3px solid #9bae9680;outline-offset:-3px}.lab-collection .lab-card-item:focus-within{box-shadow:0 14px 35px #29292714}.lab-collection video,.lab-collection audio{position:relative;z-index:2}.lab-collection audio{margin:6px 0 0}.lab-collection .sketch-cover{padding:0;height:280px}.lab-collection .sketch-cover img{object-fit:cover;object-position:50% 37%}.lab-collection .lab-card-copy>p:last-child{margin-bottom:0}@media(hover:hover){.lab-collection .lab-card-item:hover{transform:translateY(-5px);box-shadow:0 16px 38px #29292716}}@media(prefers-reduced-motion:reduce){.lab-collection .lab-card-item{transition:none}.lab-collection .lab-card-item:hover{transform:none}}@media(max-width:800px){.lab-collection .sketch-cover{height:270px}}

/* Real interface and diagram previews shared by homepage and collection. */
.visual-calculator,.visual-agent{height:280px;overflow:hidden;background:#e3e9dc;position:relative}.visual-calculator{padding:22px 28px 0;background:linear-gradient(130deg,#dce6cd,#edf0e7)}.visual-calculator img{display:block;width:100%;height:auto;margin-top:-112%;border-radius:15px;box-shadow:0 8px 28px #43543a1a}.visual-agent img{display:block;width:100%;height:100%;object-fit:cover}.home-lab-card .visual-calculator,.home-lab-card .visual-agent{height:220px}.home-lab-card .visual-agent img{object-fit:contain}.home-lab-card .visual-calculator{padding:18px 22px 0}@media(max-width:800px){.lab-card-item .visual-calculator,.lab-card-item .visual-agent{height:235px}.visual-agent img{object-fit:contain}}
