.watch-editor-controls {display:grid;grid-template-columns:minmax(0,1fr);align-items:start;min-width:0;}
.watch-own-status-section {display:grid;grid-template-columns:minmax(0,1fr);min-width:0;margin:0;}
.watch-own-status-section>.watch-status-heading {grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:flex-start;min-width:0;min-height:44px;color:var(--ink-muted);}
.watch-own-status-section>.watch-status-heading>span {min-width:0;display:flex;align-items:center;justify-content:flex-start;min-height:44px;text-align:left;}
.watch-entry-dialog .watch-editor-controls [data-rating-clear] {display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;flex:none;margin:0;padding:0;border:0;border-radius:.25rem;background:transparent;color:var(--ink-muted);font:inherit;font-weight:400;line-height:1.4;text-align:center;box-shadow:none;}
.watch-entry-dialog .watch-editor-controls [data-rating-clear] svg {display:block;flex:none;}
.watch-entry-dialog .watch-editor-controls [data-rating-clear]:disabled {opacity:.45;cursor:default;}
.watch-entry-dialog .watch-editor-controls [data-rating-clear]:enabled:hover:where(html[data-hearth-hover="true"] *) {color:var(--clay);}
.watch-entry-dialog .watch-editor-controls [data-rating-clear]:focus-visible {outline:2px solid var(--focus);outline-offset:3px;}
.watch-entry-dialog .watch-own-status {grid-row:2;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:0;min-width:0;margin:0;padding:0;border:0;}
/* Start the visible status circles at the same inset as the section heading.
   Keep the full 44px touch target and center each icon inside its circle. */
.watch-entry-dialog .watch-own-status label {position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:flex-start;width:44px;min-width:44px;min-height:44px;flex:none;max-width:100%;margin:0;padding:0;cursor:pointer;}
.watch-entry-dialog .watch-own-status input {position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0;}
.watch-entry-dialog .watch-own-status label>span {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;max-width:100%;padding:0;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-muted);font-size:.8rem;font-weight:400;line-height:1.5;text-align:center;overflow-wrap:anywhere;}
.watch-entry-dialog .watch-own-status label>span svg {display:block;flex:none;}
.watch-entry-dialog .watch-own-status input:checked+span {border-color:var(--clay);}
.watch-entry-dialog .watch-own-status input:focus-visible+span {outline:2px solid var(--focus);outline-offset:3px;}
.watch-entry-dialog .watch-own-status:disabled label {opacity:.5;cursor:default;}
.watch-own-status-section [data-personal-status-notice] {grid-row:3;margin:0;min-height:1.5em;text-align:left;overflow-wrap:anywhere;}
.watch-type-section {box-sizing:border-box;min-width:0;margin:0;padding:0;border:0;}
.watch-entry-dialog .watch-type-section .object-kind-pills {display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:0 .15rem;min-width:0;margin:0;padding:0;border:0;}
.watch-entry-dialog .watch-type-section .object-kind-pills legend {box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:44px;margin:0;padding:0;color:var(--ink-muted);font-weight:400;text-align:left;}
.watch-entry-dialog .watch-type-section .object-kind-pills label {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;max-width:100%;margin:0;padding:0;}
.watch-entry-dialog .watch-type-section .object-kind-pills label>span {display:inline-flex;align-items:center;justify-content:center;min-height:0;max-width:100%;padding:.15rem .35rem;background:transparent;font-size:.8rem;line-height:1.5;text-align:center;overflow-wrap:anywhere;}
.watch-entry-dialog .watch-type-section .object-kind-pills input:checked+span {border-color:var(--clay);color:var(--ink-muted);background:transparent;}
.watch-entry-dialog .watch-type-section .object-kind-pills input:focus-visible+span {outline:2px solid var(--focus);outline-offset:3px;}
.watch-entry-dialog .watch-type-section .object-kind-pills:disabled label {cursor:default;}
.watch-entry-dialog .watch-editor-controls>.collection-object-ratings {grid-column:1/-1;min-width:0;margin:.5rem 0 0;}
.watch-own-note [role=status] {flex-basis:100%;}
@media(forced-colors:active){.watch-entry-dialog .watch-own-status input:checked+span,.watch-entry-dialog .watch-type-section .object-kind-pills input:checked+span {border-color:Highlight;outline:1px solid Highlight;}.watch-entry-dialog .watch-editor-controls [data-rating-clear]:disabled {color:GrayText;opacity:1;}}
[data-personal-load-notice]:empty {display:none;}
[data-personal-status-notice],[data-personal-note-notice] {min-height:1.5em;margin-block:.35rem;font-size:.8rem;color:var(--ink-muted);}
.watch-entry-dialog .watch-member-contributions {min-width:0;margin:1rem 0 0;padding:0;border:0;border-top:1px solid var(--line);}
.watch-member-contributions h2,.watch-status-view-settings h2 {font:inherit;color:var(--ink-muted);font-size:.85rem;font-weight:400;margin:0 0 .65rem;}
.watch-entry-dialog .watch-member-contributions>summary {display:flex;align-items:center;gap:.65rem;min-height:44px;padding:.35rem 0;border:0;color:var(--ink-muted);font-weight:400;cursor:pointer;list-style:none;}
.watch-member-contributions>summary::-webkit-details-marker {display:none;}
.watch-member-row {min-width:0;padding:.75rem 0;border-bottom:1px solid var(--line);font-size:.85rem;}
.watch-member-row:last-child {border-bottom:0;}
.watch-member-heading {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,max-content) minmax(0,max-content);align-items:center;gap:.65rem;min-width:0;min-height:44px;}
.watch-member-heading>span {min-width:0;overflow-wrap:anywhere;}
.watch-member-heading>span:not(:first-child) {color:var(--ink-muted);text-align:end;}
.watch-member-status {display:inline-flex;align-items:center;justify-content:center;width:24px;min-height:24px;line-height:1;}
.watch-member-status svg {display:block;width:20px;height:20px;flex:none;}
.watch-member-contributions .watch-note {margin:.35rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere;}
.watch-status-overview {justify-self:center;min-width:44px;display:flex;justify-content:center;align-items:center;gap:.35rem;min-height:44px;padding:.25rem .35rem;border:0;background:transparent;box-shadow:none;color:var(--ink-muted);max-width:9rem;}
.watch-status-count,.watch-person-icon {display:inline-flex;align-items:center;justify-content:center;gap:.15rem;white-space:nowrap;}
.watch-status-count svg,.watch-person-icon svg {width:18px;height:18px;flex:none;}
.watch-person-initial {font-size:.7rem;}
.watch-status-count {font-size:.75rem;}
.watch-person-more-desktop,.watch-person-more-mobile {font-size:.8rem;}
.watch-person-more-mobile {display:none;}
.watch-personal-popover {position:fixed;inset:auto;margin:0;width:min(23rem,calc(100vw - 2rem));max-height:min(28rem,60dvh);overflow:auto;padding:1rem;border:1px solid var(--line);border-radius:.65rem;background:var(--paper);color:var(--ink);box-shadow:0 .5rem 2rem #0003;z-index:30;}
.watch-personal-popover ul {padding:0;margin:0;list-style:none;}
.watch-personal-popover li {display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;font-size:.85rem;}
.watch-personal-popover li+li {border-top:1px solid var(--line);}
.watch-personal-popover li>span:first-child {min-width:0;overflow-wrap:anywhere;}
.watch-personal-popover li>span:last-child {white-space:nowrap;color:var(--ink-muted);}
.watch-status-view-settings {margin-top:1.5rem;}
.watch-status-view-settings fieldset {display:flex;flex-wrap:wrap;gap:.5rem;border:0;padding:0;}
.watch-status-view-settings label {display:flex;align-items:center;gap:.5rem;min-height:44px;}
.watch-status-view-settings button,[data-personal-note-notice] button,[data-personal-status-notice] button {min-height:44px;}
.watch-entry-dialog .collection-object-ratings [data-rating-members] {display:none;}
@media(max-width:600px){.watch-person-third,.watch-person-more-desktop {display:none;}.watch-person-more-mobile {display:inline;}.watch-status-overview {max-width:7.5rem;gap:.25rem;}.watch-status-count {flex-direction:column;gap:0;line-height:1.1;}.watch-status-count svg {width:16px;height:16px;}.watch-member-row {font-size:.8rem;}.watch-member-heading {gap:.4rem;}}
@media(forced-colors:active){.watch-personal-popover {background:Canvas;border-color:CanvasText;}.watch-status-overview {color:ButtonText;}}

.watch-status-overview:focus-visible,.watch-member-contributions summary:focus-visible {outline:2px solid var(--focus);outline-offset:3px;}


/* Preserve the editor's reading order in both standard and thumb-corner forms. */
:root body .watch-entry-dialog .watch-editor-controls {order:1;}
:root body .watch-entry-dialog.has-collection-ratings .collection-object-tags {order:2;}
:root body .watch-entry-dialog.has-collection-ratings .watch-own-note {order:3;}
:root body .watch-entry-dialog .watch-member-contributions {order:4;}
:root body .watch-entry-dialog.has-collection-ratings form.watch-object-editor>.plans-message,
:root body .watch-entry-dialog.has-collection-ratings.thumb-corner form.watch-object-editor>.plans-message {order:5;}

/* Keep the existing personal rating inside the compact controls band. */
.watch-entry-dialog .watch-editor-controls>.collection-object-ratings:not([hidden]) {display:grid;grid-template-columns:minmax(0,max-content) 44px minmax(0,1fr) auto;align-items:center;gap:0;}
.watch-entry-dialog .watch-editor-controls>.collection-object-ratings h2 {grid-column:1;grid-row:1;min-width:0;margin:0;overflow-wrap:anywhere;}
.watch-entry-dialog .watch-editor-controls .collection-own-rating {display:contents;}
.watch-entry-dialog .watch-editor-controls .collection-own-rating label {grid-column:4;grid-row:1;justify-self:end;gap:.4rem;}
.watch-entry-dialog .watch-editor-controls .collection-own-rating label input {width:3.25rem;min-width:44px;min-height:44px;}
.watch-entry-dialog .watch-editor-controls .collection-rating-input-icon svg {width:1.35rem;height:1.35rem;}
.watch-entry-dialog .watch-editor-controls .collection-own-rating [data-rating-clear] {grid-column:2;grid-row:1;}
.watch-entry-dialog .watch-editor-controls .collection-rating-picker {grid-column:1/-1;grid-row:2;margin:0;}
.watch-entry-dialog .watch-editor-controls [data-rating-notice] {grid-column:1/-1;}

/* Poster and synopsis sit below the title without changing its editing layout. */
.watch-entry-dialog .watch-entry-catalog {--watch-poster-width:clamp(3.5rem,20vw,5rem);display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:.9rem;min-width:0;margin:0 0 1.2rem;}
.watch-entry-dialog .watch-entry-catalog.has-poster {grid-template-columns:var(--watch-poster-width) minmax(0,1fr);}
/* An explicit height also reserves the same space for failed images in WebKit. */
.watch-entry-dialog .watch-entry-poster {display:block;width:var(--watch-poster-width);height:calc(var(--watch-poster-width)*1.5);aspect-ratio:2/3;object-fit:cover;border-radius:.35rem;background:var(--paper-raised);}
.watch-entry-dialog .watch-entry-overview {min-width:0;margin:0;color:var(--ink-muted);font-size:.875rem;font-weight:400;line-height:var(--leading,1.55);white-space:pre-line;overflow-wrap:anywhere;}
.watch-entry-dialog :is(.watch-entry-catalog,.watch-entry-poster,.watch-entry-overview)[hidden] {display:none;}
