/* v0.8.1 template library and editor. Kept scoped to avoid changing legacy notice pages. */
.ts-library-head,.ts-editor-head,.ts-scope-card,.ts-editor-action-row,.ts-preview-head,.ts-history-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ts-library-head{padding:12px 0 4px}.ts-library-head h3,.ts-editor-head h3{margin:2px 0 4px}.ts-library-head p,.ts-editor-head p{margin:0}.ts-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent,#870033)}
.ts-library-tools{display:flex;align-items:end;gap:20px;padding:14px 0;border-bottom:1px solid var(--line,#e4e1e8)}.ts-library-tools label{display:grid;gap:6px;font-size:12px;flex:1;max-width:520px}.ts-library-tools input,.ts-editor-fields input,.ts-editor-fields select,.ts-popover input{min-height:36px;padding:7px 10px;border:1px solid var(--line,#d8d0dc);font:inherit;background:var(--surface,#fff)}.ts-result-count,.ts-help{color:var(--muted,#77717c);font-size:12px;line-height:1.65}
.ts-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(430px,1fr));gap:12px;margin:16px 0}.ts-card{border:1px solid var(--line,#e4e1e8);padding:16px;background:var(--surface,#fff);display:flex;flex-direction:column;gap:14px;min-width:0}.ts-card-title{display:flex;align-items:center;gap:8px}.ts-card h3{margin:0;overflow-wrap:anywhere}.ts-card p{margin:4px 0;line-height:1.65;color:var(--muted,#706971)}.ts-card-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted,#706971);font-size:12px}.ts-badge{font-size:11px;padding:3px 7px;background:#f4e9ef;color:#81021f;white-space:nowrap}.ts-card-actions{display:flex;gap:8px;flex-wrap:wrap}.ts-card-actions .btn{font-size:12px;padding:6px 9px}
.ts-editor-shell{border:1px solid var(--line,#e4e1e8);border-left:3px solid var(--accent,#8b0028);padding:18px;margin-top:12px;position:relative}.ts-back{border:0;background:transparent;color:var(--accent,#870033);padding:0;cursor:pointer;font:inherit}.ts-draft-state{font-size:12px;color:var(--muted,#77717c);padding:5px 8px;background:var(--surface-soft,#faf8fa)}.ts-scope-card{margin:16px 0;padding:12px 14px;background:var(--surface-soft,#faf8fa);border:1px solid var(--line,#e4e1e8)}.ts-scope-card p{margin:4px 0 0;color:var(--muted,#706971);font-size:12px}.ts-scope-card select{min-height:36px;padding:7px 10px;border:1px solid var(--line,#d8d0dc);font:inherit}.ts-scope-note{color:var(--accent,#870033);font-size:12px}
.ts-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:18px;align-items:start}.ts-editor-main{min-width:0}.ts-editor-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.ts-editor-fields label,.ts-popover label{display:grid;gap:6px;font-size:12px}.ts-toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:7px;background:var(--surface-soft,#f5f2f6);border:1px solid var(--line,#ded8e1);border-bottom:0}.ts-tool{border:1px solid transparent;background:transparent;color:#594e5c;padding:6px 8px;border-radius:4px;font:inherit;font-size:12px;cursor:pointer}.ts-tool:hover,.ts-tool:focus-visible{background:#e9dce5;color:#81021f;border-color:#dcc3ce}.ts-work-area{position:relative}.ts-content{min-height:300px;padding:16px;border:1px solid var(--line,#ded8e1);outline:none;line-height:1.8;overflow-wrap:anywhere;background:var(--surface,#fff)}.ts-content:focus{box-shadow:inset 0 0 0 1px #a5536a}.ts-content h1{font-size:25px;line-height:1.35;margin:4px 0 14px}.ts-content h2{font-size:20px;line-height:1.45;margin:4px 0 12px}.ts-content h3{font-size:17px;line-height:1.5;margin:4px 0 10px}.ts-content blockquote{margin:10px 0;padding:10px 13px;border-left:3px solid var(--accent,#870033);background:#f8f1f4}.ts-bullet{padding-left:14px}.ts-variable{display:inline-block;padding:1px 6px;border-radius:4px;background:#eee7ef;color:#690b30;font-size:.92em;white-space:nowrap}.ts-content img{max-width:100%;height:auto;border-radius:4px}.ts-editor-action-row{justify-content:flex-start;border-top:1px solid var(--line,#e4e1e8);margin-top:14px;padding-top:12px;position:sticky;bottom:0;background:var(--surface,#fff);z-index:2}.ts-preview-pane{border:1px solid var(--line,#e4e1e8);padding:14px;position:sticky;top:55px;background:var(--surface,#fff)}.ts-preview-head{margin-bottom:8px}.ts-preview-head span{font-size:11px;color:var(--muted,#77717c)}.ts-preview-audience{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0}.ts-preview-audience button{border:0;background:transparent;padding:5px 7px;color:var(--muted,#706971);font:inherit;font-size:12px;cursor:pointer}.ts-preview-audience button.is-active{color:var(--accent,#870033);border-bottom:2px solid var(--accent,#870033)}.ts-phone{min-height:220px;padding:16px;border:1px solid var(--line,#e4e1e8);border-radius:8px;background:#f8f6f8;line-height:1.8;overflow-wrap:anywhere}.ts-phone h1{font-size:21px;margin:3px 0 12px}.ts-phone h2{font-size:18px;margin:3px 0 10px}.ts-phone h3{font-size:16px;margin:3px 0 9px}.ts-phone blockquote{margin:8px 0;padding:8px 10px;border-left:3px solid var(--accent,#870033);background:#f2e8ed}
.ts-popover[hidden]{display:none!important}.ts-popover{position:absolute;z-index:5;background:var(--surface,#fff);border:1px solid var(--line,#d7ced9);box-shadow:0 12px 30px #23172422;padding:12px;width:min(410px,calc(100vw - 50px));max-height:440px;overflow:auto}.ts-popover[data-ts-popover=field]{top:45px;left:120px}.ts-popover[data-ts-popover=emoji]{top:45px;left:330px}.ts-popover[data-ts-popover=link]{position:fixed;right:20px;top:25%;display:grid;gap:10px}.ts-popover details{margin-top:9px}.ts-popover summary{cursor:pointer;font-size:12px;color:var(--muted,#706971)}.ts-chip-list{display:flex;gap:5px;flex-wrap:wrap;padding:7px 0}.ts-chip-list button{border:1px solid var(--line,#ded8e1);background:var(--surface-soft,#faf8fa);padding:5px 7px;border-radius:4px;font:inherit;font-size:12px;cursor:pointer}.ts-chip-list button:hover{border-color:var(--accent,#870033);color:var(--accent,#870033)}.ts-emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:10px}.ts-emoji-grid button{border:1px solid transparent;background:var(--surface-soft,#faf8fa);padding:6px 2px;cursor:pointer}.ts-emoji-grid button:hover{border-color:var(--accent,#870033)}.ts-emoji-grid span,.ts-emoji-grid small{display:block;text-align:center}.ts-emoji-grid span{font-size:22px}.ts-emoji-grid small{font-size:10px;color:var(--muted,#77717c);margin-top:2px}.ts-upload-label{margin-top:10px;display:block!important;color:var(--accent,#870033);cursor:pointer}.ts-history{margin-top:16px;border-top:1px solid var(--line,#e4e1e8);padding-top:10px}.ts-history summary{cursor:pointer;color:var(--accent,#870033);font-size:12px}.ts-history-row{padding:9px 0;border-bottom:1px solid var(--line,#e4e1e8);font-size:12px;color:var(--muted,#706971)}
.desktop-shell .ts-editor-shell{max-width:1500px}.desktop-shell .ts-content{min-height:260px}.desktop-shell .ts-card{min-height:168px}.desktop-shell .ts-preview-pane{max-height:calc(100vh - 120px);overflow:auto}
@media(max-width:1150px){.ts-editor-grid{grid-template-columns:1fr}.ts-preview-pane{position:static}.ts-editor-fields{grid-template-columns:1fr 1fr}.ts-cards{grid-template-columns:1fr}.ts-scope-card{align-items:flex-start;flex-wrap:wrap}.ts-scope-note{flex-basis:100%}}
@media(max-width:620px){.ts-editor-fields{grid-template-columns:1fr}.ts-library-tools{display:block}.ts-library-tools label{max-width:none}.ts-result-count{display:block;margin-top:8px}.ts-editor-shell{padding:12px}.ts-card{padding:12px}.ts-scope-card{display:block}.ts-scope-card select{width:100%;margin-top:10px}.ts-popover[data-ts-popover=field],.ts-popover[data-ts-popover=emoji]{left:4px;max-width:calc(100% - 8px)}}

.ts-phone .ts-ordered,.ts-content .ts-ordered{padding-left:16px}.ts-phone hr,.ts-content hr{border:0;border-top:1px solid var(--line,#e4e1e8);margin:12px 0}
.ts-editor-steps{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0;padding:9px 12px;background:#fbfafc;border:1px solid var(--line,#e4e1e8);color:var(--muted,#77717c);font-size:12px}.ts-editor-steps span{display:inline-flex;align-items:center;gap:5px}.ts-editor-steps span+span:before{content:'→';margin-right:3px;color:#b5aab5}.ts-editor-steps b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e6dbe2;color:#6b1737;font-size:11px}.ts-editor-steps .is-active{color:var(--accent,#870033);font-weight:600}.ts-editor-steps .is-active b{background:var(--accent,#870033);color:#fff}
.ts-copy-assistant{margin:12px 0 14px;padding:12px 14px;border:1px solid #decbd5;background:#fffafc}.ts-copy-assistant-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ts-copy-assistant-head p{margin:3px 0 0}.ts-step-badge{white-space:nowrap;color:var(--accent,#870033);font-size:11px}.ts-copy-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.ts-copy-preset{display:grid;gap:4px;text-align:left;border:1px solid var(--line,#ded8e1);background:#fff;padding:9px;cursor:pointer;font:inherit}.ts-copy-preset:hover,.ts-copy-preset:focus-visible{border-color:var(--accent,#870033);box-shadow:0 0 0 2px #87003318}.ts-copy-preset strong{font-size:12px;color:#382d38}.ts-copy-preset small{color:var(--muted,#77717c);font-size:11px;line-height:1.45}.ts-quality{margin-top:12px;border:1px solid var(--line,#e4e1e8);background:#fbfafc;padding:11px 13px}.ts-quality-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.ts-quality-head span{color:var(--muted,#77717c);font-size:11px}.ts-quality ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:5px}.ts-quality li{display:flex;gap:7px;align-items:flex-start;font-size:12px}.ts-quality li>span{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:11px;font-weight:700;background:#e7e1e8;color:#665b68;flex:0 0 auto}.ts-quality li.is-ok>span{background:#e2f2e7;color:#24643d}.ts-quality li.is-warn>span{background:#fff0cf;color:#8a5b00}.ts-quality li.is-bad>span{background:#fbe1e5;color:#9b1d36}.ts-quality li strong,.ts-quality li small{display:block}.ts-quality li small{margin-top:1px;color:var(--muted,#77717c);line-height:1.45}.ts-field-search{width:100%;box-sizing:border-box;margin:8px 0;padding:7px 9px;border:1px solid var(--line,#d8d0dc);font:inherit}.ts-variable[title]{cursor:help}.ts-draft-recovery{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin:12px 0;border:1px solid #d9c4cf;border-left:3px solid var(--accent,#870033);background:#fffafc}.ts-draft-recovery p{margin:3px 0 0}.ts-draft-recovery-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:620px){.ts-copy-presets{grid-template-columns:1fr 1fr}.ts-copy-assistant-head,.ts-draft-recovery{display:block}.ts-step-badge{display:block;margin-top:7px}.ts-copy-preset{min-height:72px}.ts-draft-recovery-actions{margin-top:8px}.ts-editor-steps{line-height:1.5}.ts-editor-steps span+span:before{content:'';margin:0}}

.ts-tool-group{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding-inline:6px;border-inline-end:1px solid var(--line,#ddd)}
.ts-tool-group:last-child{border-inline-end:0}.ts-heading-tools{position:relative}.ts-heading-tools summary{cursor:pointer;padding:7px 9px;white-space:nowrap}.ts-heading-tools[open]{background:var(--panel,#fff)}
.ts-copy-assistant>summary{cursor:pointer;font-weight:650;padding:10px 0}.ts-editor-steps button{padding:8px 12px}.ts-comparison-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ts-comparison-columns pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;padding:12px;background:var(--surface,#faf8f6);font:inherit}.ts-comparison-columns del{background:#ffe2e2;text-decoration:none}.ts-comparison-columns ins{background:#e0f1e4;text-decoration:none}
@media(max-width:700px){.ts-comparison-columns{grid-template-columns:1fr}.ts-tool-group{padding-inline:0;border:0}}

@media(min-width:801px){.desktop-shell .ts-editor-shell{max-width:none;width:100%;box-sizing:border-box}.desktop-shell .ts-content{min-height:clamp(260px,32dvh,460px)}.desktop-shell .ts-editor-grid{grid-template-columns:minmax(0,1fr) minmax(340px,min(26vw,460px))}}
@media(max-width:1150px){.desktop-shell .ts-editor-grid{grid-template-columns:minmax(0,1fr)}}
