/* Highlights reuse the source publication and the Studio's rounded surfaces. */
.highlight-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid #C5B5F42B;border-radius:28px;background:radial-gradient(ellipse at 100% 10%,#FF00A80B,transparent 65%),var(--brand-surface,#343440);margin-bottom:25px;}
.highlight-intro h2{font-size:28px;letter-spacing:-1px;line-height:1.2;margin:0 0 13px;}
.highlight-intro p:not(.eyebrow){font-size:11px;line-height:1.8;color:var(--brand-muted,#B8B7CA);max-width:550px;margin:0;}
.highlight-capacity{flex:none;min-width:110px;padding:20px 22px;background:#C5B5F409;border:1px solid #C5B5F42A;border-radius:23px;font-size:40px;letter-spacing:-1.5px;text-align:center;line-height:1;}
.highlight-capacity small{display:block;font-size:9px;letter-spacing:0;color:var(--brand-muted,#B8B7CA);margin-top:10px;}
.highlight-studio-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:24px;align-items:start;}
.highlight-studio-layout .panel{min-width:0;}
.highlight-list-panel .panel-header{flex-wrap:wrap;}
.highlight-editor-list{display:flex;flex-direction:column;gap:13px;}
.highlight-editor-card{display:grid;grid-template-columns:24px 78px minmax(0,1fr);gap:8px 12px;align-items:start;min-width:0;padding:14px;border:1px solid #E4E5F023;border-radius:23px;background:#292A335C;}
.highlight-editor-card.editing{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 3%,#292A33);}
.highlight-order{grid-row:1/3;font-size:10px;color:var(--brand-lilac,#C5B5F4);padding-top:7px;letter-spacing:.5px;}
.highlight-cover{position:relative;overflow:hidden;border-radius:15px;background:var(--brand-surface-raised,#3D3C4B);aspect-ratio:4/5;min-width:0;isolation:isolate;}
.highlight-cover>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%;}
.highlight-editor-card>.highlight-cover{grid-row:1/3;}
.highlight-format{position:absolute;bottom:7px;left:7px;right:7px;padding:5px 6px;border-radius:10px;background:#292A33D9;color:#F3F4FA;font-size:6px;line-height:1.5;text-align:center;}
.highlight-card-copy{min-width:0;padding-top:4px;}
.highlight-card-copy h3{margin:0 0 6px;font-size:13px;line-height:1.4;letter-spacing:-.3px;overflow-wrap:anywhere;}
.highlight-card-copy p{font-size:9px;color:var(--brand-muted,#B8B7CA);line-height:1.7;margin:0 0 8px;overflow-wrap:anywhere;}
.highlight-card-copy>span{font-size:8px;line-height:1.6;color:var(--brand-lilac,#C5B5F4);}
.highlight-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;grid-column:3;padding-top:6px;}
.highlight-card-actions .icon-action{width:30px;height:30px;font-size:13px;}
.highlight-card-actions .icon-action svg{width:12px;height:12px;}
.highlight-remove{font-size:8px;min-height:30px;padding:6px 10px;border:1px solid #E4E5F023;border-radius:100px;color:var(--brand-muted,#B8B7CA);}
.highlight-remove:hover{color:#FFB4CE;border-color:#FFB4CE55;}
.highlight-cover-note,.highlight-cover-missing{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;padding:10px;background:linear-gradient(145deg,#5B4A6E,#343440);}
.highlight-cover-note>span{font-size:28px;line-height:1;letter-spacing:-2px;font-weight:700;color:var(--brand-lilac,#C5B5F4);}
.highlight-cover-note>small{font-size:5px;line-height:1.6;letter-spacing:.5px;color:#C5B5F4;}
.highlight-cover-note>strong{font-size:9px;line-height:1.5;overflow-wrap:anywhere;max-height:42px;overflow:hidden;}
.highlight-cover-missing{align-items:center;text-align:center;background:#3D3C4B;}
.highlight-cover-missing svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;}
.highlight-cover-missing small{font-size:7px;line-height:1.5;color:var(--brand-muted,#B8B7CA);}
.highlight-empty{padding:30px 22px;border:1px dashed #C5B5F43D;border-radius:23px;text-align:center;}
.highlight-empty>span{display:grid;place-items:center;margin:0 auto 21px;width:46px;height:46px;border-radius:50%;background:#C5B5F414;color:var(--brand-lilac,#C5B5F4);}
.highlight-empty>span svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;}
.highlight-empty h3{font-size:20px;line-height:1.25;letter-spacing:-.6px;margin:0 0 13px;}
.highlight-empty p{font-size:11px;line-height:1.8;color:var(--brand-muted,#B8B7CA);margin:0 0 23px;}
.highlight-ownership-note,.highlight-access-note{font-size:9px;line-height:1.9;color:var(--brand-muted,#B8B7CA);margin:19px 0 0;}
.highlight-permission-note{font-size:11px;line-height:1.8;color:#E3CEF8;padding:18px 22px;margin:0 0 24px;border:1px solid #C5B5F43B;border-radius:21px;background:#C5B5F40A;}
.highlight-form-panel .panel-header{gap:15px;flex-wrap:wrap;}
.highlight-form-panel .panel-header .eyebrow{margin-bottom:8px;}
.highlight-form-panel .form-field select{width:100%;text-overflow:ellipsis;}
.highlight-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:13px;margin:22px 0 12px;}
.highlight-preview-heading>span{font-size:7px;letter-spacing:1.2px;color:var(--brand-lilac,#C5B5F4);}
.highlight-preview-heading>small{font-size:8px;color:var(--brand-muted,#B8B7CA);}
.highlight-preview-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:17px;align-items:center;border:1px solid #C5B5F433;border-radius:24px;padding:12px;background:#292A3366;}
.highlight-preview-card>.highlight-cover{aspect-ratio:4/5;border-radius:17px;}
.highlight-preview-card>div:last-child{min-width:0;}
.highlight-preview-card>div:last-child>span{display:inline-block;font-size:8px;line-height:1.7;color:var(--brand-lilac,#C5B5F4);margin-bottom:10px;}
.highlight-preview-card strong{display:block;font-size:19px;line-height:1.2;letter-spacing:-.6px;overflow-wrap:anywhere;}
.highlight-preview-card>div:last-child>small{display:block;font-size:9px;line-height:1.8;color:var(--brand-muted,#B8B7CA);margin-top:11px;overflow-wrap:anywhere;}
.highlight-preview-card .highlight-cover-note>strong{font-size:10px;max-height:45px;letter-spacing:-.1px;}
.highlight-preview-empty{padding:28px 23px;border-radius:21px;border:1px dashed #C5B5F432;font-size:11px;line-height:1.8;color:var(--brand-muted,#B8B7CA);text-align:center;}
.highlight-form-help{font-size:10px;color:var(--brand-lilac,#C5B5F4);line-height:1.8;}
.highlight-form-help button{font-size:inherit;padding:0;color:var(--accent);text-decoration:underline;}
.highlight-form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:23px;}
.highlight-form-actions>span{font-size:8px;color:var(--brand-muted,#B8B7CA);}
.highlight-form-actions .accent-button{font-size:10px;}
@media(max-width:1150px){.highlight-studio-layout{grid-template-columns:1fr;}.highlight-editor-card{grid-template-columns:24px 84px minmax(0,1fr);}.highlight-card-actions{grid-column:3;}.highlight-form-panel{max-width:none;}.highlight-preview-card{max-width:460px;}}
@media(max-width:760px){
  .highlight-intro{padding:23px 21px;gap:18px;border-radius:25px;align-items:flex-start;}
  .highlight-intro h2{font-size:23px;letter-spacing:-.6px;}
  .highlight-intro p:not(.eyebrow){font-size:10px;}
  .highlight-capacity{font-size:30px;min-width:64px;padding:15px 10px;border-radius:19px;}
  .highlight-capacity small{font-size:6px;line-height:1.7;}
  .highlight-studio-layout{gap:18px;}
  .highlight-editor-card{grid-template-columns:18px 66px minmax(0,1fr);padding:12px;gap:10px;border-radius:20px;}
  .highlight-editor-card>.highlight-cover{grid-row:1;}
  .highlight-card-actions{grid-column:2/-1;gap:8px;padding:0;}
  .highlight-card-actions .icon-action{width:32px;height:32px;}
  .highlight-card-copy{padding:0;}
  .highlight-card-copy h3{font-size:12px;}
  .highlight-card-copy p{font-size:8px;}
  .highlight-card-copy>span{font-size:7px;}
  .highlight-preview-card{grid-template-columns:90px minmax(0,1fr);gap:13px;padding:10px;border-radius:21px;}
  .highlight-preview-card strong{font-size:17px;}
  .highlight-preview-card>div:last-child>span{font-size:7px;}
  .highlight-preview-card>div:last-child>small{font-size:8px;}
  .highlight-form-actions .accent-button{flex:1;}
  .highlight-empty{padding:25px 18px;}
  .highlight-empty h3{font-size:18px;}
  .highlight-ownership-note,.highlight-access-note{font-size:9px;}
}
@media(max-width:370px){.highlight-intro{flex-direction:column;}.highlight-capacity{display:flex;gap:10px;align-items:center;font-size:26px;min-width:0;padding:12px 17px;}.highlight-capacity small{margin:0;font-size:8px;}.highlight-list-panel,.highlight-form-panel{padding:18px;}.highlight-editor-card{grid-template-columns:16px 56px minmax(0,1fr);gap:8px;}.highlight-preview-card{grid-template-columns:80px minmax(0,1fr);}.highlight-form-actions{flex-direction:column;align-items:stretch;}.highlight-form-actions .accent-button{width:100%;}}