.work-favorite-stars{align-self:flex-start;display:inline-grid;grid-template-columns:repeat(5,var(--control-h));flex:0 0 auto;min-width:0}
.work-favorite-star{box-sizing:border-box;display:grid;place-items:center;width:100%;min-width:var(--control-h);height:var(--control-h);padding:0;border:0;border-radius:var(--radius-s);background:transparent;color:var(--c-border-input);font-family:inherit;cursor:pointer}
.work-favorite-star:hover svg{stroke:var(--c-gold-text)}.work-favorite-star:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.work-favorite-star:disabled{cursor:default}
.work-favorite-star svg{width:var(--sp-32);height:var(--sp-32);fill:var(--c-white);stroke:var(--c-border-input);stroke-width:1.2;stroke-linejoin:round}.work-favorite-star[aria-pressed=true] svg{fill:var(--c-star);stroke:var(--c-gold-text)}
.work-private-memo{display:flex;flex-direction:column;gap:var(--sp-12);margin:0 var(--sp-16) var(--sp-20);padding:var(--sp-16);border:1px solid var(--c-border);border-radius:var(--radius-l);background:var(--c-white)}
.work-memo-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-8)}.work-memo-heading label{font-size:var(--fs-ui-body);font-weight:800;line-height:var(--lh-normal)}.work-memo-heading span{font-size:var(--fs-ui-compact);color:var(--c-text-sub);font-variant-numeric:tabular-nums}
.work-private-memo .field{margin:0}.work-private-memo textarea{box-sizing:border-box;width:100%;min-width:0;min-height:var(--control-h);height:var(--control-h);max-height:var(--work-note-editor-height,calc(3 * var(--control-h)));padding:var(--sp-8) var(--sp-12);border:0;border-radius:var(--radius-m);background:var(--c-bg-soft);color:var(--c-navy);line-height:var(--lh-normal);resize:none;overflow-y:auto;font-size:var(--fs-16);font-weight:400;font-family:var(--font-body);}.work-private-memo textarea:disabled{background:var(--c-bg-soft)}
.work-private-memo textarea:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.work-note-feedback{margin:0;font-size:var(--fs-ui-compact);font-weight:700;line-height:var(--lh-relaxed);-webkit-text-size-adjust:100%;text-size-adjust:100%}.work-note-feedback.error{color:var(--c-error)}
.work-credit-profile{display:inline-flex;align-items:center;gap:var(--sp-8);min-width:0;min-height:var(--control-h);padding:var(--sp-4) var(--sp-8);border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-white);color:var(--c-navy);text-decoration:none}
.work-credit-profile img,.work-credit-icon{display:grid;place-items:center;flex:none;width:var(--sp-32);height:var(--sp-32);border-radius:50%;object-fit:cover;background:var(--c-bg-soft)}
.work-credit-icon svg{width:var(--sp-20);height:var(--sp-20);fill:currentColor}
.work-credit-copy{display:flex;flex-direction:column;min-width:0;gap:var(--sp-2)}
.work-credit-profile small{color:var(--c-text-sub);font-size:var(--fs-ui-meta);line-height:var(--lh-normal)}
.work-credit-profile strong{font-size:var(--fs-ui-body);line-height:var(--lh-normal);overflow-wrap:anywhere}
.work-credit-profile:hover{color:var(--c-pink);border-color:var(--c-pink-border)}
.work-credit-profile:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.work-extra-fields{display:flex;flex-direction:column;gap:var(--sp-12);min-width:0;margin:var(--sp-16) 0;padding:var(--sp-12);border:1px solid var(--c-border);border-radius:var(--radius-m)}
.work-extra-fields legend{padding:0 var(--sp-4);font-size:var(--fs-ui-body);font-weight:800}
.work-credit-row,.work-reference-row{padding:var(--sp-12) 0;border-bottom:1px solid var(--c-border)}


.work-people-strip{box-sizing:border-box;display:flex;align-items:center;gap:var(--sp-8);min-width:0;max-width:100%;padding:var(--sp-4);overflow-x:auto;overscroll-behavior-x:contain;touch-action:auto;cursor:auto}
.work-people-strip>*{flex:none;white-space:nowrap}
.work-people-strip:focus-visible{outline:var(--focus-ring);outline-offset:calc(-1 * var(--focus-offset))}

/* 概要パネルのおすすめ。作品一覧と同じカードをスマホでは1列にする。 */
.work-recommendations{position:relative;min-width:0;margin-top:var(--sp-24);padding-bottom:var(--sp-32)}
.work-recommendations h2{margin:0 var(--sp-16) var(--sp-16);font-family:var(--font-heading);font-size:var(--fs-ui-heading);font-weight:800;line-height:var(--lh-normal)}
.work-recommendations .work-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-24) var(--sp-16)}
.work-recommendations .work-tile{position:relative;min-width:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.work-recommendations .work-thumbnail-link{display:block;text-decoration:none;border-radius:0}
.work-recommendations .work-art{position:relative;width:100%;aspect-ratio:16/9;border-radius:0;overflow:hidden;background:var(--c-deco-lilac)}
.work-recommendations .work-thumb{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}
.work-recommendations .work-caption,.ten-selected-work .work-caption{display:flex;align-items:flex-start;gap:var(--sp-8);padding:var(--sp-8) var(--sp-16) 0}
.work-recommendations .work-caption-copy,.ten-selected-work .work-caption-copy{min-width:0;flex:1}
.work-recommendations .work-caption h3,.ten-selected-work .work-caption h3{margin:0;font-size:var(--fs-ui-body);font-weight:700;line-height:var(--lh-normal);-webkit-text-size-adjust:100%;text-size-adjust:100%}
.work-recommendations .work-title,.ten-selected-work .work-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;text-decoration:none}
.work-recommendations .work-caption p,.ten-selected-work .work-caption p{margin:var(--sp-4) 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--fs-ui-meta);line-height:var(--lh-relaxed);color:var(--c-text-sub);font-weight:400;}
.work-recommendations .work-singer-link,.ten-selected-work .work-singer-link{display:block;flex:none;width:var(--control-h);min-height:var(--control-h)}
.work-recommendations .work-singer-avatar,.ten-selected-work .work-singer-avatar{position:relative;display:grid;place-items:center;width:var(--sp-32);height:var(--sp-32);border-radius:50%;overflow:hidden;background:var(--c-bg-soft);color:var(--c-navy)}
.work-recommendations .work-singer-avatar img,.ten-selected-work .work-singer-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.work-recommendations .work-singer-avatar svg,.ten-selected-work .work-singer-avatar svg{width:var(--sp-24);height:var(--sp-24);fill:none;stroke:currentColor;stroke-width:1.8}
.work-recommendations-state{margin:0 0 var(--sp-12);font-size:var(--fs-ui-body);line-height:var(--lh-relaxed);color:var(--c-text-sub)}
.work-recommendations a:focus-visible,.work-recommendations button:focus-visible,.work-recommendations summary:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.page-frame .work-recommendations{padding-right:0;padding-left:0}
.work-page-browse>:not(.work-grid){margin-right:var(--sp-16);margin-left:var(--sp-16)}
.work-recommendations-state{margin-right:var(--sp-16);margin-left:var(--sp-16)}


.work-memo-heading label{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-4)}
.work-memo-lock{width:var(--sp-16);height:var(--sp-16);flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.work-priority-label{margin:0;font-size:var(--fs-ui-body);font-weight:800;line-height:var(--lh-normal)}

.work-recommendations-actions{margin-top:var(--sp-12);padding-inline:var(--sp-16);display:flex;flex-wrap:wrap;gap:var(--sp-8);justify-content:center}
.work-recommendations-actions button{width:auto;max-width:100%;min-height:var(--control-h)}