.studio-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;max-width:900px;margin:0 auto 26px}.studio-category-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;min-width:0;min-height:185px;padding:28px;border:1px solid #838b9660;border-radius:22px;background:linear-gradient(135deg,#29323a,#14191e);color:#fff;text-align:left;cursor:pointer;font:inherit;box-shadow:0 12px 32px #0002;transition:transform .18s,border-color .18s}.studio-category-card:hover{transform:translateY(-3px);border-color:#ff8a24}.studio-category-card:focus-visible,.studio-category-back:focus-visible{outline:3px solid #ff8a24;outline-offset:4px}.studio-category-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:17px;color:#ff9c45;background:#ff8a001c}.studio-category-icon svg{width:38px;height:38px}.studio-category-card strong{font-size:clamp(21px,3vw,30px);line-height:1.15;letter-spacing:-.025em}.studio-category-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:22px}.studio-category-toolbar h3{margin:0;font-size:28px}.studio-category-back{font:inherit;border:1px solid #88938d80;background:transparent;color:inherit;border-radius:12px;padding:12px 18px;min-height:46px;cursor:pointer}.studio-category-excluded{display:none!important}.studio-category-modules[hidden],.studio-category-grid[hidden],.studio-category-toolbar[hidden]{display:none!important}[data-theme=light] .studio-category-card{background:linear-gradient(135deg,#fff,#f2eee5);color:#20352d;border-color:#cbd2ca}[data-theme=light] .studio-category-icon{color:#c75a0d;background:#f7dfc9}@media(max-width:540px){.studio-category-grid{gap:12px}.studio-category-card{min-height:158px;padding:20px 16px;gap:18px;border-radius:18px}.studio-category-icon{width:50px;height:50px;border-radius:14px}.studio-category-icon svg{width:32px;height:32px}.studio-category-toolbar{gap:12px}.studio-category-toolbar h3{font-size:24px}}

/* Portrait category artwork: height is 1.5 times the width. */
.studio-category-card{position:relative;aspect-ratio:2/3;min-height:0!important;padding:0!important;gap:0;overflow:hidden;background:#f6e7d0!important;border-color:#c8ae8a;color:#21372c!important;justify-content:flex-end}.studio-category-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.studio-category-card strong{position:relative;z-index:1;display:flex;align-items:flex-end;width:100%;padding:30px 24px;min-height:22%;font-size:clamp(22px,3vw,34px);background:linear-gradient(transparent,#f6e7d0 65%);text-shadow:0 1px 0 #fff5}.studio-category-card:hover{border-color:#ff8a24}.studio-category-grid{align-items:start}@media(max-width:540px){.studio-category-card strong{padding:24px 12px;font-size:clamp(17px,5.3vw,24px);letter-spacing:-.04em}.studio-category-card{border-radius:18px}}