/* Together › Títulos. */
#titles-look .together-card-body>label,.titles-opening>label{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:12px;margin:0;font:14px/1.45 var(--proof-font-family);color:var(--proof-text)}
#titles-look .together-card-body>label:has(input[type=checkbox]){display:flex;justify-content:space-between}
#titles-look select,.titles-opening input{height:36px;min-height:36px;padding:0 10px;border:1px solid var(--proof-control-border);border-radius:8px;background-color:var(--proof-surface);color:var(--proof-text);font:13px var(--proof-font-family);width:100%}
#titles-look select#title-max-lines{width:110px}
#editor #titles-look input[type=checkbox]{appearance:none;width:40px;height:22px;min-height:22px;border-radius:20px;background:var(--proof-control-border);border:0;padding:3px;margin:0;cursor:pointer;flex:none}
#editor #titles-look input[type=checkbox]::before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--proof-duration-fast,120ms) var(--proof-ease,ease)}
#editor #titles-look input[type=checkbox]:checked{background:var(--proof-primary)}
#editor #titles-look input[type=checkbox]:checked::before{transform:translateX(18px)}
#titles-look .restore-section{align-self:flex-start;border:0;background:none;padding:0;min-height:0;font:600 13px/1.4 var(--proof-font-family);color:var(--proof-selection-text);cursor:pointer}
.titles-opening{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.titles-opening>label:first-of-type{display:block;margin:0}
.titles-opening #title-text{display:block;width:100%;min-height:58px;padding:9px 11px;border:1px solid var(--proof-control-border);border-radius:8px;background:var(--proof-surface);color:var(--proof-text);font:14px/1.45 var(--proof-font-family);resize:vertical}
.titles-opening #title-duration{width:96px}
.titles-heading{display:flex;align-items:center;justify-content:space-between;font:600 15px/1.4 var(--proof-font-family);color:var(--proof-text)}
.titles-heading small{font:400 12px/1.4 var(--proof-font-family);color:var(--proof-text-muted)}
.titles-note{margin:0;font:13px/1.45 var(--proof-font-family);color:var(--proof-text-muted)}
.titles-note[hidden]{display:none}
.titles-items{display:flex;flex-direction:column;gap:8px}
.titles-row{border:1px solid var(--proof-border);border-radius:8px;background:var(--proof-surface)}
.titles-row.titles-open{border:2px solid var(--proof-primary)}
.titles-row-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;width:100%;border:0;background:none;padding:9px 11px;min-height:0;text-align:left;font:13px/1.4 var(--proof-font-family);color:var(--proof-text);cursor:pointer;border-radius:8px}
.titles-row-time{color:var(--proof-text-muted);font-variant-numeric:tabular-nums}
.titles-open .titles-row-time{color:var(--proof-selection-text);font-weight:600}
.titles-row-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.titles-row-main:focus-visible{outline:var(--proof-focus-width,2px) solid var(--proof-focus);outline-offset:2px}
.titles-inline:empty{display:none}
.titles-inline{padding:0 11px 11px}
.titles-inline #timeline-properties{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;min-width:0}
.titles-inline #timeline-property-title-text-label{display:block;font-size:0;margin:0}
.titles-inline #timeline-property-title-text{display:block;width:100%;min-height:40px;padding:9px 11px;border:1px solid var(--proof-control-border);border-radius:8px;background:var(--proof-surface);color:var(--proof-text);font:14px/1.45 var(--proof-font-family);resize:vertical}
.titles-inline .deepcut-property-actions{display:flex;align-items:center;gap:8px;margin:0}
.titles-inline :is(#timeline-property-apply,#timeline-property-cancel,#timeline-property-remove){width:auto;min-height:34px;height:34px;padding:0 13px;font:500 13px/1.4 var(--proof-font-family);border-radius:8px}
.titles-inline :is(#timeline-property-cancel,#timeline-property-remove){border:1px solid var(--proof-border);background:var(--proof-surface);color:var(--proof-text)}
.titles-inline #deepcut-property-message{font-size:12px;margin:0}
.together-add{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;border:0;background:none;padding:2px 0;min-height:0;font:600 13px/1.4 var(--proof-font-family);color:var(--proof-selection-text);cursor:pointer}
#editor .together-add svg{width:15px;height:15px}
.together-add[hidden]{display:none}
.together-add:disabled{color:var(--proof-disabled-text);cursor:default}
#editor.together #title-help,#editor.together #title-duration-help,#editor.together #title-max-lines-help,#editor.together #timed-title-settings-help{display:none!important}

/* Titles alone lead with content; shared appearance remains in its settings owner. */
#editor.proof-editor.together[data-together-tab=titulos] #deepcut-inspector>#editor-settings-host{order:1;padding-top:0}
#editor.together[data-together-tab=titulos] .together-list[data-together=titulos]{padding-top:18px;padding-bottom:18px}
.titles-opening[hidden],.titles-edit-fields[hidden],.titles-empty[hidden],.titles-heading[hidden]{display:none!important}
#titles-look{border:0;border-top:1px solid var(--proof-border);border-radius:0;background:transparent;margin-bottom:20px}
#titles-look>summary{padding:14px 0;flex-wrap:wrap;gap:7px}
#titles-look .together-card-scope{background:none;padding:0;color:var(--proof-text-muted);font-size:11px;order:1;flex-basis:100%}
#titles-look .together-card-body{padding:4px 0 0;border:0}
#titles-look .titles-sample{display:block;padding:18px 12px;text-align:center;border-radius:8px;background:repeating-conic-gradient(#5d6069 0% 25%,#767983 0% 50%) 0 0/16px 16px;font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.titles-restore{align-self:flex-start;border:0;background:none;color:var(--proof-selection-text);padding:4px 0;font:500 12px/1.4 var(--proof-font-family);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.titles-heading>b{font-weight:600}.titles-heading small{margin-left:5px}
#together-title-add{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:7px 10px;border:1px solid var(--proof-border);border-radius:7px;background:var(--proof-surface);color:var(--proof-selection-text);font:500 12px/1.4 var(--proof-font-family)}
#together-title-add svg{width:16px;height:16px}
.titles-row{border:1px solid transparent;background:transparent}
.titles-row.titles-open{border:1px solid var(--proof-primary);background:var(--proof-surface)}
.titles-row-main{display:flex;justify-content:space-between;gap:10px;padding:11px 12px}
.titles-row-main>span{min-width:0}.titles-row-main svg{width:14px;height:14px;flex:none;color:var(--proof-text-muted)}
.titles-row-text{display:block;font-size:14px;font-weight:550;text-overflow:ellipsis}
.titles-row-time{display:block;font-size:12px;margin-top:5px}
.titles-open .titles-row-main{background:var(--proof-selection);color:var(--proof-selection-text);border-radius:7px 7px 0 0}
.titles-open .titles-row-main svg{transform:rotate(90deg);color:inherit}
.titles-inline{padding:13px 12px 12px}
#editor.together .titles-inline #timeline-property-title-text-label{font:500 12px/1.4 var(--proof-font-family);color:var(--proof-text)}
#editor.together .titles-inline #timeline-property-title-text{min-height:64px;margin-top:6px;resize:vertical}
.titles-edit-fields{display:flex;flex-direction:column;gap:7px}
.titles-time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#editor.together .titles-time-inputs label{display:block;font:500 12px/1.4 var(--proof-font-family);color:var(--proof-text);margin:0}
#editor.together .titles-time-inputs input{display:block;width:100%;min-width:0;height:35px;min-height:35px;margin-top:6px;padding:6px 9px;border:1px solid var(--proof-control-border);border-radius:6px;background:var(--proof-surface);color:var(--proof-text);font:13px var(--proof-font-family);font-variant-numeric:tabular-nums}
#editor.together .titles-time-inputs input[hidden]{display:none!important}
.titles-duration{display:block;position:relative}
#editor.together .titles-duration input{padding-right:66px;appearance:textfield}
.titles-duration input::-webkit-inner-spin-button{appearance:none}
.titles-duration>span{position:absolute;right:9px;top:10px;color:var(--proof-text-muted);font-size:11px;pointer-events:none}
#title-opening-anchor{display:block;margin-top:6px;padding:9px 0;color:var(--proof-text-muted)}
#title-opening-anchor[hidden]{display:none}
#title-edited-help,#title-edit-pending{font:12px/1.5 var(--proof-font-family);color:var(--proof-text-muted);margin:0}
#title-edit-pending:empty{display:none}
#editor.together .titles-inline .deepcut-property-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:7px;align-items:center}
#editor.together .titles-inline :is(#timeline-property-apply,#timeline-property-cancel,#timeline-property-remove){width:auto;flex:none;font-size:12px;padding:0 10px;min-height:34px;height:34px}
#editor.together .titles-inline #timeline-property-remove{margin-left:auto;border:0;color:var(--proof-error);background:none;padding:0 4px}
.titles-empty{text-align:center;padding:22px 16px 8px}
.titles-empty h3{font:600 19px/1.3 var(--proof-font-family);margin:0 0 8px}
.titles-empty p{font:13px/1.5 var(--proof-font-family);color:var(--proof-text-muted);max-width:28ch;margin:0 auto 18px}
.titles-empty small{display:block;margin-top:10px;font-size:12px;color:var(--proof-text-muted)}
.titles-row-main:focus-visible,.titles-restore:focus-visible,#together-title-add:focus-visible{outline:2px solid var(--proof-focus);outline-offset:2px}

#editor.together .titles-inline :is(.timeline-property-fields,#deepcut-property-extra:empty){display:none!important}
.titles-reference[hidden]{display:none!important}
.titles-reference>p{font-size:13px;color:var(--proof-text-muted)}