.templates-workspace{min-width:0;background:#f3f6f5;color:#172629}.templates-workspace *{box-sizing:border-box}.templates-topbar{display:flex;align-items:center;gap:14px}.templates-topbar .topbar__title{flex:1}.templates-prototype,.templates-notice{padding:8px 10px;border-left:3px solid #08777d;background:#e7f1f0;color:#526366}.templates-body{padding:14px 18px 24px}.templates-notice{margin:0 0 14px}.templates-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.templates-toolbar input{min-width:210px;flex:1}.templates-toolbar input,.templates-toolbar select,.templates-toolbar button,.templates-form input,.templates-form select,.templates-form textarea{min-height:38px;padding:8px 9px;border:1px solid #d7e1df;background:#fff}.templates-toolbar button{background:#08777d;color:#fff}.templates-grid{display:grid;grid-template-columns:250px minmax(300px,1fr) 300px;border:1px solid #d7e1df;background:#fff}.templates-list{border-right:1px solid #d7e1df}.templates-list header,.templates-editor>header,.templates-preview>header{padding:13px 15px;border-bottom:1px solid #d7e1df}.templates-grid h2{margin:0;font-size:16px;font-weight:500}.templates-grid header p{margin:3px 0 0;color:#5b6d70}.templates-item{width:100%;padding:12px 15px;border:0;border-bottom:1px solid #d7e1df;background:#fff;text-align:left}.templates-item[aria-pressed=true]{box-shadow:inset 3px 0 #08777d;background:#f8fbfa}.templates-item b,.templates-item small{display:block}.templates-item small{color:#5b6d70}.templates-badge{display:inline-block;margin-top:7px;padding:3px 7px;background:#e7f1f0;color:#08777d}.templates-badge.draft{background:#fff0e2;color:#98500c}.templates-editor{min-width:0}.templates-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px 15px}.templates-form label{display:grid;gap:4px;color:#5b6d70}.templates-form input,.templates-form select,.templates-form textarea{width:100%;color:#172629}.templates-form textarea{min-height:150px;resize:vertical}.templates-form .is-full,.templates-form fieldset{grid-column:1/-1}.templates-form fieldset{margin:0;padding:0;border:0}.templates-form legend{margin-bottom:5px;color:#5b6d70}.templates-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.templates-channels button,.templates-vars button,.templates-actions button{min-height:38px;border:1px solid #d7e1df;background:#fff}.templates-channels button[aria-pressed=true]{border-color:#08777d;background:#e7f1f0;color:#08777d}.templates-vars{display:flex;flex-wrap:wrap;gap:6px}.templates-vars button{padding:0 8px;background:#e7f1f0;color:#08777d}.templates-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 15px 15px}.templates-actions button{padding:0 12px}.templates-actions .primary{border-color:#08777d;background:#08777d;color:#fff}.templates-live{min-height:20px;margin:0 15px 10px;color:#08777d}.templates-preview{min-width:0;border-left:1px solid #d7e1df;background:#fafcfb}.templates-preview article{margin:14px;padding:18px;border:1px solid #d7e1df;background:#fff}.templates-preview article>div:first-child{display:flex;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #d7e1df}.templates-preview strong{color:#08777d}.templates-preview h3{font-size:17px;font-weight:500}.templates-preview dl div{display:flex;justify-content:space-between;gap:10px;padding:5px 0}.templates-preview dd{margin:0;text-align:right}.templates-safe{margin:14px;padding:10px;border-left:3px solid #28794f;background:#e7f1f0;color:#526366}.templates-workspace button:focus-visible,.templates-workspace input:focus-visible,.templates-workspace select:focus-visible,.templates-workspace textarea:focus-visible{outline:3px solid #08777d;outline-offset:2px}
@media(max-width:1100px){html,body,.app-shell,.templates-workspace{min-width:0}.templates-grid{grid-template-columns:220px minmax(0,1fr)}.templates-preview{grid-column:1/-1;border-left:0;border-top:1px solid #d7e1df}}
@media(max-width:680px){.templates-topbar{height:auto;min-height:96px;padding:12px;flex-wrap:wrap}.templates-prototype{order:3;width:100%}.templates-body{padding:12px}.templates-grid{grid-template-columns:1fr}.templates-list{border-right:0}.templates-form{grid-template-columns:1fr}.templates-form .is-full,.templates-form fieldset{grid-column:auto}.templates-preview{grid-column:auto}.templates-channels{grid-template-columns:1fr}}
@media(pointer:coarse){.templates-workspace button,.templates-workspace input,.templates-workspace select,.templates-workspace textarea{min-height:44px}}