.pub{background:var(--bg,#fff);min-height:100dvh;color:var(--ink,#111827);flex-direction:column;display:flex}.pub-header{border-bottom:1px solid var(--line,#e5e7eb);justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(16px,4vw,40px);display:flex}.pub-brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.pub-brand span{letter-spacing:-.04em;text-transform:lowercase;font-size:17px;font-weight:900}.pub-studio-link{color:var(--muted-2,#6b7280);font-size:12px;font-weight:700;text-decoration:none}.pub-studio-link:hover{color:var(--ink,#111827)}.pub-main{flex:1;width:100%;max-width:1100px;min-height:0;margin:0 auto;padding:clamp(20px,5vw,48px)}.pub-hero{margin-bottom:28px}.pub-cover{border:1px solid var(--line,#e5e7eb);border-radius:14px;width:100%;overflow:hidden;box-shadow:0 24px 60px #00000029}.pub-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.pub-card{border:1px solid var(--line,#e5e7eb);color:inherit;background:#fff;border-radius:14px;flex-direction:column;gap:4px;padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.pub-card:hover{border-color:var(--ink,#111827);transform:translateY(-2px);box-shadow:0 14px 34px #0000001a}.pub-card-k{text-transform:uppercase;letter-spacing:.14em;color:var(--muted,#9ca3af);font-size:11px;font-weight:700}.pub-card strong{letter-spacing:-.02em;font-size:18px;font-weight:800}.pub-card em{color:var(--muted-2,#6b7280);font-size:13px;font-style:normal}.pub-intro{max-width:680px;margin-bottom:26px}.pub-tagline{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(18px,2.6vw,24px);font-weight:800}.pub-about{color:var(--muted-2,#6b7280);margin:0;font-size:15px;line-height:1.7}.pub-empty{color:var(--muted-2,#6b7280);font-size:15px}.pub-links{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.pub-link{border:1px solid var(--line,#e5e7eb);color:var(--ink,#111827);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s}.pub-link:hover{border-color:var(--ink,#111827);background:var(--line-soft,#f3f4f6)}.pub-viewer{flex-direction:column;align-items:center;gap:16px;display:flex}.pub-viewer-stage{cursor:pointer;width:100%}.pub-slide-frame,.pub-movie-frame{border:1px solid var(--line,#e5e7eb);border-radius:12px;width:100%;overflow:hidden;box-shadow:0 24px 60px #0000002e}.pub-movie-frame{cursor:pointer;background:#000}.pub-viewer-bar{align-items:center;gap:14px;width:100%;max-width:520px;display:flex}.pub-viewer-bar button{border:1px solid var(--line,#e5e7eb);cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700}.pub-viewer-bar button:disabled{opacity:.4;cursor:default}.pub-viewer-bar input[type=range]{flex:1}.pub-viewer-bar span{color:var(--muted-2,#6b7280);white-space:nowrap;font-size:13px;font-weight:700}@media (max-width:640px){.pub-header{flex-wrap:wrap;gap:10px}.pub-viewer-bar{flex-wrap:wrap;justify-content:center}}