.studio-page{--paper:#f8f7f3;--ink:#242722;--muted:#6d7166;--line:#dddcd3;--accent:#546347}.studio-public{width:min(1120px,100% - 80px);min-height:70vh;margin:auto}.studio-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:40px;padding:76px 0 52px;display:flex}.studio-kicker{letter-spacing:.16em;color:var(--muted);margin:0 0 20px;font-size:11px;font-weight:600}.studio-intro h1{letter-spacing:-.06em;align-items:start;gap:24px;margin:0;font:500 clamp(58px,7vw,92px)/1.05 Georgia,Times New Roman,serif;display:flex}.memo-asterisk{font:36px/1.3 var(--font-sans);color:#727c5b;transform:rotate(-12deg)}.tools-heading-arrow{font:54px/1 var(--font-sans);color:#6e7a63;padding-top:5px}.studio-intro-copy{margin:0 0 5px;font-size:19px;line-height:1.9}.studio-intro-copy span{color:var(--muted);font-size:13px}.memo-layout{grid-template-columns:190px minmax(0,1fr);gap:64px;display:grid}.memo-index{align-self:start;padding-top:38px;position:sticky;top:32px}.memo-index .studio-kicker{margin:0 0 18px}.memo-index nav{gap:3px;display:grid}.memo-index nav a{color:var(--muted);border-radius:3px;justify-content:space-between;gap:16px;padding:11px 14px;font-size:14px;text-decoration:none;display:flex}.memo-index nav a[aria-current]{color:#38432c;background:#e9ebdf}.memo-index nav a span:last-child{font-variant-numeric:tabular-nums;font-size:12px}.memo-index nav a:hover{background:#eeeee6}.memo-index-note{border-top:1px solid var(--line);font:14px/2 var(--font-serif);color:var(--muted);margin:42px 0 0;padding:20px 14px}.memo-feed{min-width:0}.studio-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:28px 0;display:flex}.studio-result{color:var(--muted);font-size:12px}.studio-public-search{border-bottom:1px solid #bdc0b3;align-items:center;gap:8px;width:210px;max-width:100%;display:flex}.studio-public-search input{outline-offset:3px;width:100%;min-width:0;color:var(--ink);background:0 0;border:0;min-height:44px;padding:10px 0;font-size:14px}.studio-public-search button{width:40px;min-height:44px;color:var(--ink);background:0 0;border:0;flex-shrink:0;font-size:22px}.studio-active-filter{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:12px;display:flex}.studio-active-filter a{white-space:nowrap;align-items:center;min-height:30px;display:inline-flex}.memo-note{border-bottom:1px solid var(--line);grid-template-columns:130px minmax(0,1fr);gap:22px;padding:38px 0 40px;scroll-margin-top:24px;display:grid}.memo-note-margin{color:var(--muted);flex-direction:column;gap:18px;padding-top:8px;font-size:11px;display:flex}.memo-dot{background:#a6ac83;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e8eadb}.memo-dot--building{background:#b68b55;box-shadow:0 0 0 4px #f0e7d9}.memo-dot--shipped{background:#56785d;box-shadow:0 0 0 4px #e1eadf}.memo-note-content{min-width:0}.memo-note-top{color:var(--muted);align-items:center;gap:14px;font-size:11px;display:flex}.memo-stage{letter-spacing:.05em}.memo-pinned{color:#7d6747}.memo-permalink{margin-left:auto;padding:6px 10px;font:17px/1 Georgia;text-decoration:none}.memo-note h2{font:500 25px/1.55 var(--font-serif);letter-spacing:-.025em;overflow-wrap:anywhere;margin:10px 0 18px}.memo-body,.memo-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;color:#4c5147;font-size:15px;line-height:2}.studio-tags{flex-wrap:wrap;gap:4px 16px;margin-top:22px;display:flex}.studio-tags a{color:#626d57;overflow-wrap:anywhere;align-items:center;min-height:30px;font-size:11px;text-decoration:none;display:inline-flex}.memo-more summary{cursor:pointer;list-style:none}.memo-more summary::-webkit-details-marker{display:none}.memo-expand,.memo-collapse{text-underline-offset:5px;color:var(--accent);margin-top:12px;font-size:12px;text-decoration:underline;display:block}.memo-collapse,.memo-more[open] .memo-excerpt,.memo-more[open] .memo-expand{display:none}.memo-more[open] .memo-collapse{margin:0 0 20px;display:block}.studio-empty{text-align:center;padding:58px 24px 72px}.studio-empty h2{font:400 28px/1.5 var(--font-serif);letter-spacing:-.035em;margin:28px 0 12px}.studio-empty p:not(.studio-kicker){color:var(--muted);max-width:440px;margin:0 auto 20px;font-size:13px;line-height:1.9}.studio-empty>a{min-height:44px;color:var(--accent);align-items:center;font-size:13px;display:inline-flex}.memo-paper{text-align:left;background:#efefe5;border:1px solid #dddfcf;width:144px;height:140px;margin:0 auto 12px;padding:24px 20px;transform:rotate(-5deg);box-shadow:5px 5px #f6f5ed,6px 6px #dddfcf}.memo-paper span{color:#8b9475;margin-bottom:18px;font-size:25px;line-height:1;display:block}.memo-paper i{border-top:1px solid #cdd1bf;margin-top:13px;display:block}.memo-paper i:last-child{width:65%}.studio-bottom-note{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin-top:42px;padding:26px 0 0;font-size:12px;display:flex}.studio-bottom-note a{min-height:44px;color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.tools-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:32px;padding:24px 0;display:flex}.tools-categories{gap:8px;display:flex}.tools-categories a{white-space:nowrap;min-height:44px;color:var(--muted);border-radius:3px;padding:10px 16px;font-size:13px;text-decoration:none}.tools-categories a[aria-current]{color:#f8f7f3;background:#292e25}.tools-categories span{opacity:.8;padding-left:12px;font-size:10px}.tools-categories a:hover:not([aria-current]){background:#eaece3}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;display:grid}.tool-card{border-bottom:1px solid var(--line);flex-direction:column;min-width:0;padding:36px 0 28px;display:flex}.tool-card header{align-items:center;gap:14px;display:flex}.tool-symbol{color:#536044;background:#e8eadf;border:1px solid #d8ddca;border-radius:5px;place-items:center;width:40px;height:40px;font:27px/1 Georgia;display:grid}.tool-symbol--mcp{color:#4e6664;background:#e5e9e8;border-color:#d3dcd9}.tool-symbol--automation{color:#79664b;background:#ece7dc;border-color:#dfd7c7}.tool-category{letter-spacing:.04em;color:var(--muted);font-size:11px}.tool-state{color:#546447;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.tool-state:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.tool-state.is-building{color:#8a7352}.tool-card h2{letter-spacing:-.025em;overflow-wrap:anywhere;margin:24px 0 12px;font-size:24px;font-weight:550;line-height:1.5}.tool-description{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.9}.tool-card .studio-tags{margin:18px 0 8px}.tool-card footer{flex-wrap:wrap;align-items:center;gap:16px;margin-top:auto;padding-top:24px;font-size:12px;display:flex}.tool-open{align-items:center;gap:30px;min-height:44px;font-weight:550;text-decoration:none;display:flex}.tool-open span{font-size:18px;transition:transform .2s}.tool-open:hover span{transform:translate(2px,-2px)}.tool-source{color:var(--muted);padding:12px 0;text-decoration:none}.tool-pinned{color:#817354;margin-left:auto;font-size:11px}.tool-coming{color:var(--muted);padding:12px 0}.tools-empty{padding-block:64px 60px}.tools-empty-art{justify-content:center;gap:14px;margin:0 0 40px;display:flex}.tools-empty-art span{color:#778465;background:#eeefe7;border:1px solid #d9ddcf;border-radius:6px;place-items:center;width:64px;height:64px;font:34px/1 Georgia;display:grid;transform:rotate(-8deg)}.tools-empty-art span:nth-child(2){color:#687e72;background:#e8ece8;border-color:#d6ded5;transform:translateY(-12px)rotate(4deg)}.tools-empty-art span:nth-child(3){color:#968368;background:#f0ebe0;border-color:#e2dacb;transform:rotate(10deg)}.tools-empty .studio-kicker{margin-bottom:12px}.tools-empty h2{margin-top:12px}.studio-pagination{justify-content:center;align-items:center;gap:24px;padding-top:32px;font-size:13px;display:flex}.studio-pagination a{padding:10px 0;text-decoration:none}@media (width<=900px){.studio-intro{flex-direction:column;align-items:start;gap:24px;padding-top:48px}.studio-intro-copy br{display:none}.studio-intro-copy span{margin-left:16px}.memo-layout{grid-template-columns:150px minmax(0,1fr);gap:32px}.memo-note{grid-template-columns:1fr;gap:14px}.memo-note-margin{flex-direction:row;align-items:center;gap:12px}.tools-bar{gap:20px}.tools-categories{gap:0}.tools-categories a{padding-inline:12px}.studio-public-search{width:180px}}@media (width<=640px){.studio-public{width:calc(100% - 40px)}.studio-intro{gap:24px;padding:38px 0 30px}.studio-intro h1{gap:18px;font-size:60px}.memo-asterisk{font-size:28px}.studio-intro-copy{font-size:17px}.studio-intro-copy br{display:block}.studio-intro-copy span{margin:0;font-size:12px}.memo-layout{display:block}.memo-index{padding-top:24px;position:static}.memo-index>.studio-kicker,.memo-index-note{display:none}.memo-index nav{flex-wrap:wrap;gap:4px;display:flex}.memo-index nav a{gap:10px;min-height:44px;padding:10px;font-size:12px}.studio-toolbar{padding:18px 0}.studio-public-search{width:170px}.studio-public-search input{font-size:16px}.memo-note{padding:28px 0}.memo-note h2{font-size:23px}.memo-body{font-size:14px}.studio-empty{padding:42px 8px 48px}.studio-empty h2{font-size:24px}.studio-bottom-note{flex-direction:column;align-items:start;gap:0;margin-top:24px}.tools-bar{flex-direction:column;align-items:stretch;gap:16px;padding-block:20px}.tools-categories{flex-wrap:wrap;gap:2px}.tools-categories a{padding:10px 12px;font-size:12px}.tools-bar .studio-public-search{width:100%}.tools-grid{grid-template-columns:1fr}.tool-card{padding:28px 0 22px}.tool-card h2{font-size:23px}.tools-empty{padding-block:44px}.tools-empty-art{margin-bottom:32px}.tools-empty-art span{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){.tool-open span{transition:none}.studio-page{scroll-behavior:auto}}