/* Two deliberate stages inside the existing suggestion dialog. */
#films .films-add-panel:has(.tc-composer){width:min(760px,calc(100vw - 32px))}
.tc-composer{display:grid;gap:20px;min-width:0}.tc-steps{display:flex;align-items:center;gap:14px;color:#999;font:12px/1.5 Everett,Arial,sans-serif;padding:0 0 18px;border-bottom:1px solid #ededeb}.tc-steps .is-current{color:#253d24;font-weight:600}.tc-composer.is-picking{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.tc-steps,.tc-next-row{grid-column:1/-1}.tc-search{min-width:0}.tc-selected{min-width:0;padding:0 0 0 20px;border-left:1px solid #ededeb}.tc-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}#films .films-add-panel .tc-heading h3{font:20px/1.25 Canela,Georgia,serif;margin:0;color:#243326}.tc-lineup{list-style:none;padding:0;margin:0;display:grid;gap:0;max-height:330px;overflow-y:auto}.tc-film{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #eee;min-width:0}.tc-number{display:none}.tc-poster{width:38px;aspect-ratio:2/3;position:relative;display:grid;place-items:center;flex:none;background:#f3f3f3;color:#888;font-size:10px;overflow:hidden;border-radius:3px}.tc-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tc-film-copy{display:grid;gap:4px;flex:1;min-width:0}#films .films-add-panel .tc-film-copy strong{font:500 13px/1.35 Everett,Arial,sans-serif}.tc-film-copy>span{font:11px/1.4 Everett,Arial,sans-serif;color:#888}.tc-controls{display:grid;grid-template-columns:24px 24px;gap:1px}.tc-controls button:last-child{grid-column:2;grid-row:1/3;align-self:center}.tc-controls button:nth-child(2){grid-column:1;grid-row:2}.tc-control{width:24px;height:25px;border:0;background:transparent;color:#666;border-radius:4px;cursor:pointer;font:18px/1 Arial,sans-serif!important}.tc-control:hover{background:#eee}.tc-control:disabled{opacity:.2;cursor:default}.tc-control:focus-visible,.tc-next:focus-visible,.tc-back:focus-visible,.tc-skip:focus-visible{outline:2px solid #222;outline-offset:3px}.tc-empty{font:400 13px/1.6 Everett,Arial,sans-serif!important;color:#999;margin:0;padding-top:10px}.tc-next-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ededeb;padding-top:18px;gap:14px}.tc-next{margin-left:auto;background:#334b31;color:white;border:0;border-radius:24px;padding:12px 25px;font:500 13px/1.4 Everett,Arial,sans-serif;cursor:pointer}.tc-next:disabled{opacity:.3;cursor:default}.tc-skip,.tc-back{border:0;background:transparent;padding:6px 0;color:#666;text-decoration:underline;text-underline-offset:4px;font:12px/1.5 Everett,Arial,sans-serif;cursor:pointer}.tc-back{justify-self:start}.tc-title-label{display:grid;gap:6px;font:12px/1.5 Everett,Arial,sans-serif}.tc-title{font-size:18px!important}.tc-preview{display:flex;align-items:center;gap:20px;background:#f7f8f5;border-radius:10px;padding:20px}.tc-preview-posters{display:flex;padding-right:14px}.tc-preview-posters .tc-poster{width:52px;margin-right:-14px;border:2px solid white;box-shadow:0 2px 6px #0002;transform:rotate(-4deg)}.tc-preview-posters .tc-poster:nth-child(2n){transform:rotate(3deg)}.tc-preview-copy{min-width:0}.tc-preview-copy strong{font:500 14px/1.5 Everett,Arial,sans-serif}.tc-preview-copy p{font:12px/1.6 Everett,Arial,sans-serif!important;margin:5px 0 0;color:#777}.tc-upload{border-top:1px solid #eee;padding-top:8px;margin-top:4px}.tc-upload summary{cursor:pointer;font:12px/1.6 Everett,Arial,sans-serif;color:#777;padding:8px 0}.tc-upload .hp-theme-image{margin-top:12px}.tc-saved-lineup{list-style:none;padding:0;margin:16px 0;display:grid;gap:12px}.tc-saved-lineup li{display:flex;align-items:center;gap:12px}.tc-saved-lineup a{color:inherit;text-decoration:underline;text-underline-offset:3px}.tc-saved-lineup .tc-poster{width:40px}
#films .films-add-panel .tc-search .hp-search-results{max-height:300px}#films .films-add-panel .tc-search .hp-result-arrow{font:24px/1 Arial,sans-serif;color:#365438}#films .films-add-panel .tc-search .hp-search-result[aria-disabled=true]{opacity:.55}#films .films-add-panel .tc-search .hp-result-copy strong{font-size:18px}#films .films-add-panel .tc-search .hp-result-copy small{font-size:10px}#films .films-add-panel .tc-search .hp-search-result{gap:9px;padding:10px}#films .films-add-panel .tc-search .hp-result-art{width:36px;min-width:36px}
@media(max-width:600px){.tc-composer.is-picking{grid-template-columns:minmax(0,1fr);gap:16px}.tc-selected{padding:16px 0 0;border-left:0;border-top:1px solid #eee}.tc-lineup{max-height:220px}.tc-controls{display:flex;gap:3px}.tc-control{width:32px;height:36px}.tc-poster{width:40px}.tc-preview{padding:14px;gap:16px}.tc-preview-posters .tc-poster{width:42px}.tc-steps{font-size:11px;gap:10px;padding-bottom:12px}#films .films-add-panel .tc-search .hp-search-results{max-height:225px}.tc-next-row{padding-top:14px}.tc-title{font-size:16px!important}}
#films .films-add-panel:has(.tc-composer){max-width:760px}#films .films-add-panel .tc-heading h3{font:500 13px/1.4 Everett,Arial,sans-serif}.tc-next-row{position:sticky;bottom:0;background:#fff;z-index:2}#films .films-add-panel:has(.tc-composer) .films-submit-row{position:sticky;bottom:-20px;background:#fff;z-index:2;padding:14px 0 4px}#films .films-add-panel .tc-search .hp-search-results{max-height:min(300px,calc(100dvh - 355px))}
@media(max-width:600px){#films .films-add-panel .tc-search .hp-search-results{max-height:200px}.tc-lineup{max-height:190px}.tc-title{font-size:16px!important}.tc-next-row{bottom:-8px;padding-bottom:8px}.tc-composer.is-details{gap:14px}}
.tc-note{margin:0}.tc-note summary{font:12px/1.6 Everett,Arial,sans-serif;color:#666;padding:8px 0;cursor:pointer}.tc-note>label{display:block;font-size:11px;color:#777;margin-top:8px}.tc-preview{padding:14px;gap:16px}.tc-preview-posters .tc-poster{width:42px}.tc-preview-copy p{margin:2px 0 0}.tc-title{font-size:16px!important;font-weight:400!important}.tc-composer.is-details{gap:14px}.tc-composer.is-details .tc-steps{padding-bottom:12px}.tc-back{padding:0}.tc-steps{font-weight:400}.tc-note+.tc-upload{border:0;padding-top:0;margin-top:0}
.tc-title::placeholder{font-size:14px;font-weight:400;color:#999}
/* Annotation revision: a quieter finish, with two plainly visible fields. */
.tc-composer.is-details{gap:20px}.tc-composer.is-details .tc-back{font-size:13px;text-decoration:none;color:#63705e}.tc-composer.is-details .tc-preview{padding:0 0 20px;border-bottom:1px solid #ecefe8;border-radius:0;background:transparent;gap:18px}.tc-composer.is-details .tc-preview-posters{padding:0}.tc-composer.is-details .tc-preview-posters .tc-poster{width:52px;margin:0;border:0;box-shadow:none;transform:none}.tc-composer.is-details .tc-preview-copy strong{font-size:13px;color:#384632}.tc-composer.is-details .tc-preview-copy p{color:#687461;font-size:13px!important;line-height:1.5!important;margin-top:5px}.tc-cover-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:9px}.tc-cover-change,.tc-cover-reset{padding:0;border:0;background:transparent;color:#526648;text-decoration:underline;text-underline-offset:3px;font:12px/1.6 Arial,sans-serif;cursor:pointer}.tc-cover-reset{color:#888;font-size:11px}.tc-cover-change:focus-visible,.tc-cover-reset:focus-visible{outline:2px solid #334b31;outline-offset:4px}.tc-cover-change:disabled,.tc-cover-reset:disabled{opacity:.4;cursor:default}.tc-cover-status{font:11px/1.5 Arial,sans-serif;color:#777}
#films #home-picker .films-add-panel .tc-title-label,#films #home-picker .films-add-panel .tc-note-field{font:400 13px/1.5 Arial,sans-serif;color:#37462e}#films #home-picker .films-add-panel:has(.tc-composer.is-details) .hp-suggest-form{gap:20px}#films #home-picker .films-add-panel .tc-note-field textarea{height:76px;min-height:76px;margin-top:8px;font:400 14px/1.5 Arial,sans-serif;color:#35432e;background:#fff}#films #home-picker .films-add-panel .tc-title{margin-top:7px;background:#fff;font:400 16px/1.5 Arial,sans-serif}#films #home-picker .films-add-panel:has(.tc-composer.is-details) .hp-recommender{margin:0;font-size:11px;color:#88917f}#films #home-picker .films-add-panel:has(.tc-composer.is-details) .films-submit-row{margin-top:0}
#films #home-picker .films-add-panel label.tc-note-field{font:400 13px/1.5 Arial,sans-serif;color:#37462e}