.pet-like-button__label{align-items:baseline;gap:.25em;display:inline-flex}.pet-like-button__count{font-variant-numeric:tabular-nums}.pet-like-button_liked svg{color:#ff668a}
.pet-share-panel{padding:var(--spacing-2xl)}.pet-share-panel__controls{gap:var(--spacing-md);display:grid}.pet-share-panel__control{gap:var(--spacing-xs);display:grid}.pet-share-panel__control-label{font-weight:650}.pet-share-panel__segmented{gap:var(--spacing-xs);flex-wrap:wrap;display:inline-flex}.pet-share-panel__segment{min-width:48px;min-height:32px;padding:0 var(--spacing-md);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--g-color-text-secondary);font:inherit;cursor:pointer;background:#ffffff08}.pet-share-panel__segment_active{border-color:var(--g-color-line-brand);color:var(--g-color-text-primary);background:#3b82f629}.pet-share-panel__select-wrap{width:min(100%,240px);display:inline-flex}.pet-share-panel__select{width:100%;min-height:36px;padding:0 var(--spacing-md);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--g-color-text-primary);font:inherit;background:#ffffff0a}.pet-share-panel__snippets{gap:var(--spacing-md);display:grid}.pet-share-panel__snippet{gap:var(--spacing-xs);min-width:0;display:grid}.pet-share-panel__label{font-weight:650}.pet-share-panel__row{align-items:center;gap:var(--spacing-sm);min-width:0;padding:var(--spacing-xs)var(--spacing-xs)var(--spacing-xs)var(--spacing-md);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#ffffff0a;grid-template-columns:minmax(0,1fr) auto;display:grid}.pet-share-panel__code{min-width:0;color:var(--g-color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;overflow:hidden}.pet-share-panel__button{flex:none}.pet-share-panel__button .g-button__text{align-items:center;gap:var(--spacing-xs);display:inline-flex}@media (max-width:520px){.pet-share-panel__button span{display:none}}
.state-preview{overflow:hidden}.state-preview__stage{border-bottom:1px solid var(--line);background:#0003;place-items:center;min-height:320px;display:grid}.state-preview__sprite{aspect-ratio:192/208;background-repeat:no-repeat;width:min(192px,58vw)}.state-preview__controls{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.state-preview__button{padding:var(--spacing-md);background:var(--bg-elevated);color:var(--muted-strong);cursor:pointer;text-align:left;border:0;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.state-preview__button small{color:var(--muted);font-size:12px}.state-preview__button--active{color:var(--fg);background:#ffbe5c24}
:root{--bg:#090b12;--bg-elevated:#13151d;--fg:#f4f1eb;--muted:#f4f1eb9e;--muted-strong:#f4f1ebc7;--line:#ffd68f29;--line-strong:#ffd68f47;--acc:#ffbd4a;--acc-hover:#ffd37a;--acc-soft:#ffbd4a29;--teal:#7ce0d6;--green:#87d37c;--red:#ff6f6f;--blue:#8bb8ff;--surface:#ffffff0e;--surface-hover:#ffffff17;--pill-bg:#ffffff14;--pill-border:#ffffff1f;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:40px;--spacing-5xl:48px;--spacing-6xl:60px;--spacing-7xl:80px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-full:999px;--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.pet-detail__breadcrumbs{margin-bottom:var(--spacing-lg)}.pet-detail__header{margin-bottom:var(--spacing-3xl)}.pet-detail__lead{max-width:720px}.pet-detail__actions{margin-top:var(--spacing-md)}.pet-detail__metrics{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.pet-detail__metric{align-items:center;gap:var(--spacing-xs);min-height:36px;padding:0 var(--spacing-md);border:1px solid var(--line-strong);border-radius:var(--radius-md);color:var(--g-color-text-secondary);font-variant-numeric:tabular-nums;background:#ffffff0a;font-size:14px;display:inline-flex}.pet-detail__body{gap:var(--spacing-2xl);display:grid}@media (min-width:1024px){.pet-detail__body{grid-template-columns:minmax(0,1fr) 360px;align-items:start}}.pet-detail__preview-card,.pet-detail__meta-card{padding:var(--spacing-2xl)}.pet-detail__side{gap:var(--spacing-2xl);display:grid}.pet-detail__back{margin-top:var(--spacing-3xl);display:inline-block}