.artwork-page{--bg:var(--surface)}.artwork-page-main{padding-bottom:72px}.artwork-page .public-breadcrumb{min-width:0}.artwork-page .public-breadcrumb>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.artwork-page .public-breadcrumb>a{flex-shrink:0}.artwork-page .post-shell{width:100%;margin:32px 0 0}.artwork-page .post-layout{grid-template-columns:minmax(0,1fr) 300px;gap:44px 36px}.artwork-page .post-details{gap:24px;padding:8px 0 0}.artwork-page .post-heading{gap:18px}.artwork-page .post-heading h1{font:700 32px/1.15 var(--font-ui);letter-spacing:-.045em;margin:0}.artwork-page .post-author{color:var(--text-soft);gap:10px;font-size:12px}.artwork-page .post-author:hover{color:var(--berry-dark)}.artwork-page .post-author__avatar{background:var(--sage);border-radius:6px;flex:0 0 32px;width:32px;height:32px;overflow:hidden}.artwork-page .post-author__avatar img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.artwork-page .post-metadata:empty{display:none}.artwork-page .post-metadata{font:10px var(--mono)}.artwork-page .post-description{font-size:13px;line-height:1.9}.artwork-page .post-description .markdown-render :where(p,ul,ol){margin-block:12px}.artwork-page .post-description a,.artwork-page .post-comment-list .markdown-render a{color:var(--berry-dark);text-underline-offset:3px;text-decoration:underline}.artwork-page .post-action{border-color:var(--line-bright);background:0 0;border-radius:6px}.artwork-page .post-action:hover:not(:disabled){background:var(--surface-alt)}.artwork-page .post-action--primary,.artwork-page .post-comment-tools .post-comment-submit{border-color:var(--berry);background:var(--berry);color:var(--brand-ink);box-shadow:var(--button-shadow)}.artwork-page .post-action--primary:hover:not(:disabled),.artwork-page .post-comment-tools .post-comment-submit:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.artwork-page .post-project-actions{border:0;margin-top:-12px;padding:0}.artwork-page .post-action--quiet{background:0 0;border-color:#0000}.artwork-page .post-like-action.is-liked{color:var(--berry-dark);border-color:var(--brand-line);background:var(--brand-soft)}.artwork-page .post-owner-actions{padding-top:18px}.artwork-page .post-artwork{--artwork-stage-height:clamp(360px, 52vh, 560px);--artwork-stage-padding:clamp(20px, 3vw, 40px);border:1px solid var(--app-line);border-radius:var(--landing-radius);background:var(--app-surface);height:auto;color:var(--app-muted);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.artwork-viewer-top,.artwork-viewer-bottom{background:color-mix(in srgb, var(--app-surface), var(--app-line) 22%);font:10px var(--mono);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.artwork-viewer-top{border-bottom:1px solid var(--app-line)}.artwork-viewer-top>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.artwork-viewer-top>span:last-child{flex-shrink:0}.artwork-page .post-artwork-viewport{height:var(--artwork-stage-height);background:linear-gradient(color-mix(in srgb, var(--app-line) 30%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--app-line) 30%, transparent) 1px, transparent 1px);background-size:16px 16px}.artwork-page .post-artwork .protected-image{width:auto;height:auto}.artwork-viewer-bottom{border-top:1px solid var(--app-line);padding-block:10px}.artwork-page .post-artwork-zoom-controls{border-color:var(--app-line);box-shadow:none;background:var(--app-surface);border-radius:5px;position:static}.artwork-page .post-artwork-zoom-controls button{color:var(--app-muted);border-color:var(--app-line);height:34px}.artwork-page .post-artwork-zoom-controls button:disabled{opacity:.45}.artwork-page .post-artwork-zoom-controls button:hover:not(:disabled){background:var(--app-line)}.artwork-page .post-artwork-zoom-controls .post-artwork-zoom-value{font:11px var(--mono);opacity:1}.artwork-page .post-discussion .post-comments{padding-top:32px}.artwork-page .post-comments h2{font:650 25px/1.2 var(--font-ui);letter-spacing:-.035em;margin-bottom:22px}.artwork-page .post-comment-composer textarea{background:var(--surface);border-color:var(--line-bright);border-radius:7px;min-height:115px;padding:16px;font-size:13px}.artwork-page .post-comment-tools{margin-top:12px}.artwork-page .post-comment-tools button{min-height:36px;font-weight:600}.artwork-page .post-comment-list{margin-top:26px}.artwork-page .post-comments-empty{color:var(--text-soft);margin-top:22px;font-size:13px}.artwork-page .post-comment-reply-composer textarea,.artwork-page .post-gif-picker input{background:var(--surface)}.artwork-page .post-settings{border:1px solid var(--line);border-radius:var(--landing-radius);background:var(--surface-alt);padding:24px}.artwork-page .post-settings .publish-field :is(input,textarea,select){background:var(--surface);border-color:var(--line-bright);color:var(--text)}.artwork-page :where(textarea,select):focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (max-width:1100px){.artwork-page .post-layout{grid-template-columns:minmax(0,1fr) 260px;gap:36px 28px}.artwork-page .post-heading h1{font-size:29px}}@media (max-width:850px){.artwork-page .post-layout{grid-template-columns:minmax(0,1fr)}.artwork-page .post-details{padding:0}.artwork-page .post-artwork{--artwork-stage-height:440px}.artwork-page .post-settings,.artwork-page .post-discussion{grid-column:1}}@media (max-width:480px){.artwork-page .post-shell{margin-top:24px}.artwork-page .post-artwork{--artwork-stage-height:300px;--artwork-stage-padding:20px}.artwork-viewer-top,.artwork-viewer-bottom{padding-inline:12px;font-size:9px}.artwork-page .post-details{gap:20px}.artwork-page .post-settings{padding:18px}.artwork-page-main{padding-bottom:48px}}