.public-artwork-theme{--zilla-card-caption-height:54px;--zilla-card-bottom-inset:8px;--zilla-card-start-inset:calc(10 / 520);--zilla-card-end-inset:calc(14 / 520);--zilla-card-body-ratio:calc(1 - var(--zilla-card-end-inset));--zilla-card-ratio:calc(520 / 568);--zilla-card-command-size:44px}.zilla-artwork-card{isolation:isolate;margin:0;display:flow-root;position:relative;container:zilla-card/inline-size}.zilla-artwork-image{margin:calc(100% * var(--zilla-card-start-inset)) calc(100% * var(--zilla-card-end-inset)) 0 calc(100% * var(--zilla-card-start-inset));aspect-ratio:1;position:relative}.zilla-artwork-light{z-index:-2;pointer-events:none;view-transition-name:zilla-artwork-light;position:absolute;inset:0;overflow:clip}.zilla-artwork-light-paint{position:absolute;inset:0}.zilla-artwork-light[data-playing=true]>span{-webkit-mask-image:linear-gradient(165deg,#0000 32%,#000 46% 54%,#0000 68%);mask-image:linear-gradient(165deg,#0000 32%,#000 46% 54%,#0000 68%);-webkit-mask-size:300% 300%;mask-size:300% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}::view-transition-old(zilla-artwork-light){-webkit-mask-image:linear-gradient(165deg,#0000 32%,#000 46% 54%,#0000 68%);mask-image:linear-gradient(165deg,#0000 32%,#000 46% 54%,#0000 68%);-webkit-mask-size:300% 300%;mask-size:300% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.zilla-artwork-light[data-playing=true]{z-index:2}.zilla-artwork-light[data-playing=true]>span{animation:zilla-card-light-sweep var(--artwork-effect-duration,.9s) linear both}.zilla-artwork-caption{--zilla-card-unit:calc(100cqi / 520);padding-bottom:max(var(--zilla-card-bottom-inset), calc(8 * var(--zilla-card-unit)));color:var(--ink);line-height:1.25}.zilla-artwork-identity{height:max(var(--zilla-card-caption-height), calc(54 * var(--zilla-card-unit)));padding-inline:calc(20 * var(--zilla-card-unit)) calc(14 * var(--zilla-card-unit));align-items:center;gap:calc(8 * var(--zilla-card-unit));grid-template-columns:minmax(0,1fr) auto;display:grid}.zilla-artwork-identity-commands{padding-inline:calc(20 * var(--zilla-card-unit));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.zilla-artwork-identity-commands .zilla-character-name{text-wrap:balance;min-width:0}.zilla-artwork-identity-commands .zilla-palette{justify-self:end}.builder-card-commands{grid-template-columns:max(var(--zilla-card-command-size), calc(32 * var(--zilla-card-unit)));display:grid}.builder-card-overlay-commands{z-index:3;inset-inline-start:calc(50% + 100cqw * (var(--zilla-card-end-inset) - var(--zilla-card-start-inset)) / 2);grid-template-columns:44px;display:none;position:absolute;bottom:12px;transform:translate(-50%)}.zilla-character-name{font-size:max(13px, calc(17 * var(--zilla-card-unit)));letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-weight:850}.zilla-palette{min-width:max-content}.zilla-palette-swatches{align-items:center;gap:calc(4 * var(--zilla-card-unit));display:flex}.zilla-palette-swatches button{box-sizing:border-box;width:max(24px, calc(22 * var(--zilla-card-unit)));height:max(44px, calc(22 * var(--zilla-card-unit)));appearance:none;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;min-width:0;min-height:0;margin:0;padding:0;transition:transform .14s cubic-bezier(.23,1,.32,1);display:grid;position:relative}.zilla-palette-swatches button[hidden]{display:none}.zilla-palette-face{width:max(20px, calc(18 * var(--zilla-card-unit)));height:max(20px, calc(18 * var(--zilla-card-unit)));border:1.5px solid var(--illustration-ink);box-shadow:1px 2px 0 var(--illustration-ink), inset 0 0 0 1px var(--illustration-paper);border-radius:50%;display:block;position:relative}:where(html[data-color-mode=dark]) .zilla-palette-face{border-color:var(--ink)}.zilla-palette-face>canvas{border-radius:50%}.zilla-palette-swatches button[data-pressed=true]{transition-duration:80ms;transform:translateY(1px)scale(.985)}.zilla-palette-swatches button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@container zilla-card (width<=351px){.zilla-artwork-identity-commands{gap:2px;padding-inline:8px}}@container zilla-card (width<=327px){.zilla-artwork-identity-commands{padding-inline:calc(20 * var(--zilla-card-unit)) calc(14 * var(--zilla-card-unit));grid-template-columns:minmax(0,1fr) auto}.builder-card-commands{display:none}.builder-card-overlay-commands{display:grid}}@keyframes zilla-card-light-sweep{0%{opacity:0;-webkit-mask-position:36.6025% 0;mask-position:36.6025% 0}20%,80%{opacity:var(--artwork-effect-strength,.72)}to{opacity:0;-webkit-mask-position:63.3975% 100%;mask-position:63.3975% 100%}}@media (prefers-reduced-motion:reduce){.zilla-palette-swatches button,.zilla-palette-swatches button[data-pressed=true]{transition:none;transform:none}.zilla-artwork-light[data-playing=true]{display:none}}@media (forced-colors:active){.zilla-palette-face{forced-color-adjust:none;box-shadow:none;border-color:canvastext}.zilla-artwork-light[data-playing=true]{display:none}}