.case-app{min-height:calc(100dvh - var(--broadcast-height,0px))}.case-app.ohf-studio>.ohf-shell{min-height:calc(100dvh - var(--broadcast-height,0px));height:auto;overflow:visible}.case-app .ohf-studio-sidebar-slot{top:calc(var(--broadcast-height,0px) + 10px);height:calc(100dvh - var(--broadcast-height,0px) - 20px);position:sticky}.case-app .ohf-studio-navlink[aria-current=page]{color:var(--accent);background:#20261a;border-color:#35421d}.case-main{min-width:0;padding-left:24px}.case-header{top:var(--broadcast-height,0px);z-index:30;background:var(--bg);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 18px 0 8px;display:flex;position:sticky}.case-header-location{color:var(--tx2);font-size:13px;text-decoration:none}.case-header-actions{align-items:center;gap:12px;min-width:0;display:flex}.case-header-actions .home-account{background:0 0}.case-account-pending{border:1px solid var(--line-2);background:var(--s1);border-radius:8px;width:64px;height:34px}.case-mobile-brand,.case-mobile-nav{display:none}.case-content{max-width:1680px;margin:0 auto;padding:35px 28px 64px 8px}.case-intro{margin-bottom:30px}.case-eyebrow{color:var(--accent);letter-spacing:.08em;font-size:11px;font-weight:600}.case-intro h1{color:var(--tx);letter-spacing:-.035em;margin-top:10px;font-size:clamp(24px,2.7vw,38px);font-weight:550;line-height:1.25}.case-categories{scrollbar-width:none;align-items:center;gap:8px;margin-bottom:30px;padding:4px 2px;display:flex;overflow-x:auto}.case-categories a{border:1px solid var(--line-2);color:var(--tx2);border-radius:9px;flex-shrink:0;padding:9px 17px;font-size:12px;text-decoration:none;transition:color .15s,background .15s}.case-categories a:hover{color:var(--tx);background:var(--s1)}.case-categories a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}.case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px;display:grid}.case-card,.case-card-link{min-width:0}.case-card-link{color:inherit;border-radius:12px;text-decoration:none;display:block}.case-cover{aspect-ratio:16/9;background:var(--s1);box-shadow:inset 0 0 0 1px var(--line-2);isolation:isolate;border-radius:11px;position:relative;overflow:hidden}.case-cover>img,.case-cover>video{object-fit:cover;width:100%;height:100%}.case-cover>video{opacity:0;position:absolute;inset:0}.case-cover>video[data-playing=true]{opacity:1}.case-cover-arrow{width:26px;height:26px;color:var(--plate-ink);background:var(--plate);opacity:0;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:absolute;top:10px;right:10px}.case-card-link:hover .case-cover-arrow,.case-card-link:focus-visible .case-cover-arrow{opacity:1}.case-media-mark{min-width:28px;min-height:24px;color:var(--plate-ink);background:var(--plate);border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;font-size:9px;display:flex;position:absolute;bottom:10px;right:10px}.case-card-title{white-space:nowrap;text-overflow:ellipsis;margin-top:12px;font-size:13px;font-weight:550;overflow:hidden}.case-creator{color:var(--tx3);align-items:center;gap:7px;margin-top:8px;font-size:11px;display:flex}.case-creator>img{background:var(--s2);border-radius:50%;flex-shrink:0;width:24px;height:24px}.case-creator>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.case-empty{text-align:center;color:var(--tx3);padding:50px 0}.case-back{color:var(--tx2);align-items:center;gap:10px;margin-bottom:24px;font-size:12px;text-decoration:none;display:inline-flex}.case-back:hover{color:var(--accent)}.case-detail-grid{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start;gap:32px;display:grid}.case-detail-media{border:1px solid var(--line-2);background:#101212;border-radius:14px;flex-direction:column;justify-content:center;min-width:0;min-height:340px;display:flex;overflow:hidden}.case-detail-media>img,.case-detail-media>video{object-fit:contain;width:100%;max-height:72dvh;display:block}.case-detail-audio{gap:20px;padding:24px;display:grid}.case-detail-audio img{border-radius:10px;width:100%}.case-detail-audio audio{width:100%}.case-detail-info{min-width:0;padding:10px 0}.case-detail-category{border:1px solid var(--line-2);color:var(--accent);border-radius:6px;padding:5px 10px;font-size:11px;text-decoration:none;display:inline-block}.case-detail-info h1{letter-spacing:-.03em;overflow-wrap:anywhere;margin:16px 0 22px;font-size:27px;font-weight:550;line-height:1.3}.case-detail-creator{border-bottom:1px solid var(--line-2);gap:10px;padding-bottom:24px}.case-detail-creator>img{width:40px;height:40px}.case-detail-creator>div{gap:3px;display:grid}.case-detail-creator small{color:var(--tx3);font-size:10px}.case-detail-creator span{color:var(--tx);font-size:13px}.case-detail-info>p{color:var(--tx2);margin:24px 0;font-size:13px;line-height:1.8}.case-detail-info dl>div{border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:16px;padding-top:18px;font-size:12px;display:flex}.case-detail-info dt{color:var(--tx3)}.case-media-error{color:var(--danger);padding:16px;font-size:12px}.case-app a:focus-visible,.case-app button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:1100px){.case-main{padding-left:20px}.case-content{padding-right:18px}.case-grid{gap:26px 14px}.case-detail-grid{grid-template-columns:minmax(0,1fr);gap:22px}.case-detail-info{max-width:640px}}@media (max-width:850px){.case-main{padding-left:0}.case-header{min-height:64px;padding:12px 16px}.case-mobile-brand{display:block}.case-mobile-brand .ohf-studio-brand{gap:6px;margin:0;font-size:19px}.case-mobile-brand .ohf-studio-brand>svg{width:26px;height:26px}.case-header-location{display:none}.case-header-actions{gap:8px}.case-header .case-create{display:none}.case-mobile-nav{border-bottom:1px solid var(--line-2);scrollbar-width:none;align-items:center;gap:18px;padding:6px 16px 14px;display:flex;overflow-x:auto}.case-mobile-nav>a{color:var(--tx2);white-space:nowrap;flex-shrink:0;font-size:12px;text-decoration:none}.case-app .case-mobile-nav>.ohf-studio-navlink{gap:6px;width:auto;min-height:30px;margin:0;padding:4px 9px}.case-content{padding:28px 16px 48px}.case-intro,.case-categories{margin-bottom:24px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}}@media (max-width:520px){.case-grid{grid-template-columns:minmax(0,1fr);gap:26px}.case-header{gap:6px;padding-inline:14px}.case-header-actions{gap:6px}.case-header .ohf-studio-pricing{display:none}.case-header .ohf-studio-auth-button{padding-inline:10px}.case-card-title{font-size:14px}.case-detail-media{min-height:0}.case-detail-audio{padding:14px}.case-detail-info h1{font-size:25px}}@media (prefers-reduced-motion:reduce){.case-categories a,.case-cover-arrow{transition:none}}.case-video-thumbnail{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.case-generation{border-top:1px solid var(--line-2);margin-top:24px;padding-top:20px}.case-generation h2{margin:18px 0 10px;font-size:13px;font-weight:600}.case-generation p{color:var(--tx2);overflow-wrap:anywhere;font-size:12px;line-height:1.8}.case-prompt{white-space:pre-wrap}.case-references{gap:16px;display:grid}.case-references img,.case-references video{object-fit:contain;background:#101212;border-radius:8px;width:100%;max-height:240px}.case-references audio{width:100%}.case-references figcaption{color:var(--tx3);overflow-wrap:anywhere;margin-top:6px;font-size:11px;line-height:1.6}.case-sharing-links a{color:var(--accent)}.case-pagination{justify-content:center;gap:24px;padding:24px 0;font-size:13px;display:flex}.case-pagination a{color:var(--accent)}.case-detail-tags{flex-wrap:wrap;gap:8px;display:flex}