/* TripChow Communications Hub UI, board 11: the e-mail designer (Templates screen). Same conventions as 92-comms-core.css: every rule under body.tcv2 .tcc,
   one @media screen block, no external hosts. The canvas colours are the brand tokens the designer sets as --e-* variables on .emd-canvas (light or dark),
   so the block mock-ups look like the e-mail the renderer makes; the real, authoritative render is the Preview view (a sandboxed iframe of the server render).
   Phone: the three panels stack under 1100 px and the toolbar scrolls; every control is at least 34 px tall, block actions are real buttons (keyboard + touch). */
@media screen{
body.tcv2 .tcc .emd{display:flex;flex-direction:column;gap:12px}
body.tcv2 .tcc .emd-card>.cb{padding:12px}
body.tcv2 .tcc .emd-esc{display:flex;align-items:flex-end;justify-content:flex-end}
body.tcv2 .tcc .emd-top{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:#F9FAFB}
body.tcv2 .tcc .emd-top .segc button{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;min-height:34px}
body.tcv2 .tcc .emd-top .segc .ic{width:14px;height:14px}
body.tcv2 .tcc .emd-tg{display:inline-flex;align-items:center;gap:4px}
body.tcv2 .tcc .emd-cnt{font-size:11px;font-weight:800;color:var(--mut);min-width:34px}
body.tcv2 .tcc .emd-smp{display:inline-flex;align-items:center;gap:6px}
body.tcv2 .tcc .emd-smp .sel{min-width:150px}
body.tcv2 .tcc .emd-sp{flex:1 1 8px}
body.tcv2 .tcc .emd-status{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11.5px;font-weight:700}
body.tcv2 .tcc .emd-grid{display:grid;grid-template-columns:200px minmax(0,1fr) 340px;gap:14px;align-items:start}
body.tcv2 .tcc .emd-left{position:sticky;top:10px;display:flex;flex-direction:column;gap:8px}
body.tcv2 .tcc .emd-left h6,body.tcv2 .tcc .emd-right h6{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
body.tcv2 .tcc .emd-pals{display:grid;gap:6px}
body.tcv2 .tcc .emd-pal{display:flex;align-items:center;gap:9px;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:11px;padding:7px 10px;cursor:pointer;color:var(--ink);min-height:40px}
body.tcv2 .tcc .emd-pal:hover:not([disabled]){border-color:var(--adm);background:#F0FDF4}
body.tcv2 .tcc .emd-pal[disabled]{opacity:.5;cursor:not-allowed}
body.tcv2 .tcc .emd-pal .ic{width:18px;height:18px;color:var(--adm)}
body.tcv2 .tcc .emd-pal span{display:flex;flex-direction:column;font-size:12.5px;font-weight:800;line-height:1.2}
body.tcv2 .tcc .emd-pal small{font-size:10.5px;font-weight:600;color:var(--mut)}
body.tcv2 .tcc .emd-starters{justify-content:flex-start}
body.tcv2 .tcc .emd-mid{min-width:0}
body.tcv2 .tcc .emd-canvaswrap{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px 10px;overflow:hidden}
body.tcv2 .tcc .emd-canvas{--e-page-bg:#EEF3F0;background:var(--e-page-bg);padding:18px 10px;border-radius:12px;color:var(--e-text);font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
body.tcv2 .tcc .emd-canvas>.emd-list{max-width:600px;margin:0 auto;background:var(--e-card-bg);border:1px solid var(--e-border);border-radius:16px;overflow:hidden}
body.tcv2 .tcc .emd-view.mobile .emd-canvas>.emd-list{max-width:375px}
body.tcv2 .tcc .emd-empty{padding:34px 18px;text-align:center;font-size:13px;font-weight:700;color:var(--e-muted)}
body.tcv2 .tcc .emd-empty.sm{padding:14px 8px;font-size:11.5px;border:1.5px dashed var(--e-border);border-radius:10px}
body.tcv2 .tcc .emd-gen{margin:10px auto 0;max-width:600px}
body.tcv2 .tcc .emd-b{position:relative;outline:2px solid transparent;outline-offset:-2px;cursor:pointer;background:var(--e-card-bg)}
body.tcv2 .tcc .emd-b:hover{outline-color:rgba(13,82,63,.35)}
body.tcv2 .tcc .emd-b:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
body.tcv2 .tcc .emd-b.sel{outline:3px solid var(--adm);outline-offset:-3px;z-index:1}
body.tcv2 .tcc .emd-b.bad{outline:2px dashed var(--red);outline-offset:-2px}
body.tcv2 .tcc .emd-b.sel.bad{outline:3px solid var(--red)}
body.tcv2 .tcc .emd-b.dragging{opacity:.4}
body.tcv2 .tcc .emd-b.drop-before::before,body.tcv2 .tcc .emd-b.drop-after::after{content:"";position:absolute;left:0;right:0;height:4px;background:var(--adm);z-index:3;border-radius:2px}
body.tcv2 .tcc .emd-b.drop-before::before{top:-2px}
body.tcv2 .tcc .emd-b.drop-after::after{bottom:-2px}
body.tcv2 .tcc .emd-col.drop-into{outline:3px solid var(--adm);outline-offset:-3px;background:rgba(13,82,63,.06)}
body.tcv2 .tcc .emd-bar{display:none;align-items:center;gap:6px;padding:4px 6px 4px 8px;background:var(--adm);color:#fff;font-size:11.5px;font-weight:800;min-height:30px;flex-wrap:wrap}
body.tcv2 .tcc .emd-b:hover>.emd-bar,body.tcv2 .tcc .emd-b:focus-within>.emd-bar,body.tcv2 .tcc .emd-b.sel>.emd-bar{display:flex}
body.tcv2 .tcc .emd-b.bad>.emd-bar{background:var(--red)}
body.tcv2 .tcc .emd-bar .emd-grip{cursor:grab;display:inline-flex;padding:2px;opacity:.9}
body.tcv2 .tcc .emd-bar .emd-grip .ic{width:14px;height:14px}
body.tcv2 .tcc .emd-bar .emd-lock{display:inline-flex;gap:4px;align-items:center;font-weight:700;opacity:.95}
body.tcv2 .tcc .emd-bar .emd-lock .ic{width:12px;height:12px}
body.tcv2 .tcc .emd-bar .chip{padding:1px 8px;font-size:10.5px}
body.tcv2 .tcc .emd-bar .emd-acts{margin-left:auto}
body.tcv2 .tcc .emd-acts{display:inline-flex;gap:4px;align-items:center}
body.tcv2 .tcc .emd-bar .btn.ico{width:28px;height:28px;padding:5px;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);color:#fff}
body.tcv2 .tcc .emd-bar .btn.ico:hover:not([disabled]){background:rgba(255,255,255,.28);color:#fff}
body.tcv2 .tcc .emd-bar .btn.ico[disabled]{opacity:.35}
body.tcv2 .tcc .emd-b.nested>.emd-bar{min-height:26px;font-size:10.5px}
body.tcv2 .tcc .emd-mock{pointer-events:none;user-select:none}
body.tcv2 .tcc .emd-mock .emd-col{pointer-events:auto}
body.tcv2 .tcc .emd-mock .emd-b{pointer-events:auto}
body.tcv2 .tcc .m-cond{margin:0 12px 8px;font-size:10.5px;font-weight:700;color:var(--e-muted)}
body.tcv2 .tcc .emd-lnk{text-decoration:underline;color:var(--e-link)}
body.tcv2 .tcc .m-head{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--e-header-bg);color:var(--e-header-text);padding:22px 28px}
body.tcv2 .tcc .m-word{font-size:22px;font-weight:800;letter-spacing:-.3px}
body.tcv2 .tcc .m-tag{font-size:13px;color:var(--e-header-muted);text-align:right}
body.tcv2 .tcc .m-hero{padding:30px 28px 32px}
body.tcv2 .tcc .m-hero.t-light{background:var(--e-card-bg);color:var(--e-text)}
body.tcv2 .tcc .m-hero.t-mint{background:var(--e-mint);color:var(--e-mint-text)}
body.tcv2 .tcc .m-hero.t-brand{background:var(--e-header-bg);color:var(--e-header-text)}
body.tcv2 .tcc .m-hero.al-left{text-align:left}
body.tcv2 .tcc .m-hero.al-center{text-align:center}
body.tcv2 .tcc .m-hero.al-right{text-align:right}
body.tcv2 .tcc .m-himg,body.tcv2 .tcc .m-img{max-width:100%;height:auto;display:block;margin:0 auto 14px;border-radius:8px}
body.tcv2 .tcc .m-h1{font-size:26px;line-height:32px;font-weight:800;margin-bottom:8px;overflow-wrap:anywhere}
body.tcv2 .tcc .m-sub{font-size:15px;line-height:23px;margin-bottom:16px;overflow-wrap:anywhere}
body.tcv2 .tcc .m-btn{display:inline-block;padding:12px 28px;border-radius:10px;font-weight:800;font-size:15px;text-align:center;max-width:100%;overflow-wrap:anywhere}
body.tcv2 .tcc .m-btn.t-primary{background:var(--e-button-bg);color:var(--e-button-text);border:1px solid var(--e-button-bg)}
body.tcv2 .tcc .m-btn.t-secondary{background:var(--e-secondary-bg);color:var(--e-secondary-text);border:1px solid var(--e-secondary-bg)}
body.tcv2 .tcc .m-btn.t-outline{background:transparent;color:var(--e-link);border:2px solid var(--e-link)}
body.tcv2 .tcc .m-btn.full{display:block}
body.tcv2 .tcc .m-hero .m-btn.t-primary{background:var(--e-button-bg);color:var(--e-button-text)}
body.tcv2 .tcc .m-hd{padding:14px 28px 4px;font-weight:800;color:var(--e-text);overflow-wrap:anywhere}
body.tcv2 .tcc .m-hd.l1{font-size:26px;line-height:32px}
body.tcv2 .tcc .m-hd.l2{font-size:20px;line-height:26px}
body.tcv2 .tcc .m-hd.l3{font-size:16px;line-height:22px}
body.tcv2 .tcc .m-p{padding:8px 28px;font-size:15px;line-height:24px;color:var(--e-text);overflow-wrap:anywhere}
body.tcv2 .tcc .m-p.s-small{font-size:13px;line-height:20px}
body.tcv2 .tcc .m-p.s-large{font-size:17px;line-height:26px}
body.tcv2 .tcc .m-p.tn-muted{color:var(--e-muted)}
body.tcv2 .tcc .al-left{text-align:left}
body.tcv2 .tcc .al-center{text-align:center}
body.tcv2 .tcc .al-right{text-align:right}
body.tcv2 .tcc .m-brow,body.tcv2 .tcc .m-imgrow,body.tcv2 .tcc .m-soc,body.tcv2 .tcc .m-pills{padding:10px 28px}
body.tcv2 .tcc .m-imgph{border:2px dashed var(--e-border);border-radius:10px;padding:26px 10px;text-align:center;font-size:12px;font-weight:700;color:var(--e-muted);margin:0 0 10px}
body.tcv2 .tcc .m-cols{display:grid;gap:12px;padding:6px 18px}
body.tcv2 .tcc .m-cols.r50_50{grid-template-columns:1fr 1fr}
body.tcv2 .tcc .m-cols.r60_40{grid-template-columns:3fr 2fr}
body.tcv2 .tcc .m-cols.r40_60{grid-template-columns:2fr 3fr}
body.tcv2 .tcc .emd-view.mobile .m-cols{display:block}
body.tcv2 .tcc .emd-view.mobile .m-cols .emd-col+.emd-col{margin-top:10px}
body.tcv2 .tcc .emd-col{border:1.5px dashed var(--e-border);border-radius:12px;padding:4px;min-width:0}
body.tcv2 .tcc .emd-colhd{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--e-muted);padding:2px 6px}
body.tcv2 .tcc .emd-col .m-p,body.tcv2 .tcc .emd-col .m-hd,body.tcv2 .tcc .emd-col .m-brow,body.tcv2 .tcc .emd-col .m-imgrow,body.tcv2 .tcc .emd-col .m-pills{padding-left:8px;padding-right:8px}
body.tcv2 .tcc .m-tbl{margin:10px 28px;border:1px solid var(--e-border);border-radius:12px;overflow:hidden}
body.tcv2 .tcc .m-ttl{background:var(--e-mint);color:var(--e-mint-text);padding:12px 16px;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
body.tcv2 .tcc .m-row{display:flex;gap:10px;justify-content:space-between;padding:11px 16px;border-top:1px solid var(--e-border);font-size:14px;color:var(--e-text)}
body.tcv2 .tcc .m-ttl+.m-row{border-top:0}
body.tcv2 .tcc .m-n{flex:1;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}
body.tcv2 .tcc .m-n small{color:var(--e-muted);font-size:12px}
body.tcv2 .tcc .m-q{color:var(--e-muted)}
body.tcv2 .tcc .m-pr{font-weight:800;white-space:nowrap}
body.tcv2 .tcc .m-row.tot{padding:7px 16px;font-size:13px}
body.tcv2 .tcc .m-row.st{font-weight:800;font-size:15px}
body.tcv2 .tcc .m-coupon{margin:10px 28px;border:2px dashed var(--e-link);background:var(--e-mint);color:var(--e-mint-text);border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:2px}
body.tcv2 .tcc .m-coupon b{font-family:'Courier New',Courier,monospace;font-size:26px;letter-spacing:3px;overflow-wrap:anywhere}
body.tcv2 .tcc .m-coupon small{font-size:12px}
body.tcv2 .tcc .m-hr{border:0;border-top:1px solid var(--e-border);margin:14px 28px}
body.tcv2 .tcc .m-space{display:flex;align-items:center;justify-content:center;margin:0 28px;border:1px dashed var(--e-border);border-radius:6px;font-size:10px;color:var(--e-muted);font-weight:700}
body.tcv2 .tcc .m-foot{padding:18px 28px 22px;background:var(--e-page-bg,#EEF3F0);border-top:1px solid var(--e-border);font-size:12px;line-height:18px;color:var(--e-muted)}
body.tcv2 .tcc .m-foot>div+div{margin-top:6px}
body.tcv2 .tcc .m-stats{display:flex;gap:10px;padding:10px 28px}
body.tcv2 .tcc .m-tile{flex:1;text-align:center;border-radius:12px;padding:14px 6px;background:var(--e-mint);color:var(--e-mint-text);min-width:0}
body.tcv2 .tcc .m-tile b{display:block;font-size:22px;overflow-wrap:anywhere}
body.tcv2 .tcc .m-tile small{font-size:12px}
body.tcv2 .tcc .m-tile.t-success,body.tcv2 .tcc .m-pill.t-success{background:var(--e-success-bg);color:var(--e-success-text)}
body.tcv2 .tcc .m-tile.t-warn,body.tcv2 .tcc .m-pill.t-warn{background:var(--e-warn-bg);color:var(--e-warn-text)}
body.tcv2 .tcc .m-tile.t-danger,body.tcv2 .tcc .m-pill.t-danger{background:var(--e-danger-bg);color:var(--e-danger-text)}
body.tcv2 .tcc .m-pill.t-info{background:var(--e-info-bg);color:var(--e-info-text)}
body.tcv2 .tcc .m-pill{display:inline-block;margin:0 6px 6px 0;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;background:var(--e-mint);color:var(--e-mint-text)}
body.tcv2 .tcc .emd-pvwrap{border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:8px}
body.tcv2 .tcc .emd-sub{font-size:13px}
body.tcv2 .tcc .emd-frame{background:#F3F4F6;border:1px solid var(--line);border-radius:12px;padding:8px;overflow:auto;text-align:center}
body.tcv2 .tcc .emd-frame iframe{display:inline-block;width:640px;max-width:100%;height:560px;border:0;background:#fff}
body.tcv2 .tcc .emd-frame.mobile iframe{width:375px}
body.tcv2 .tcc .emd-right{position:sticky;top:10px;max-height:calc(100vh - 20px);overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px;display:flex;flex-direction:column;gap:10px}
body.tcv2 .tcc .emd-tabs{align-self:stretch;display:flex}
body.tcv2 .tcc .emd-tabs button{flex:1;min-height:34px}
body.tcv2 .tcc .emd-hint{display:flex;flex-direction:column;gap:6px;align-items:flex-start;color:var(--mut);font-size:12.5px;font-weight:600;line-height:1.5}
body.tcv2 .tcc .emd-hint .ic{width:22px;height:22px;color:var(--adm)}
body.tcv2 .tcc .emd-hint h6{color:var(--ink)}
body.tcv2 .tcc .emd-gl{border-top:1px solid var(--line);padding-top:8px;margin-top:6px}
body.tcv2 .tcc .emd-sh{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:6px}
body.tcv2 .tcc .emd-st{display:flex;align-items:center;gap:8px}
body.tcv2 .tcc .emd-st .ic{width:20px;height:20px;color:var(--adm)}
body.tcv2 .tcc .emd-st h6{color:var(--ink);font-size:14px;text-transform:none;letter-spacing:0}
body.tcv2 .tcc .emd-sa{display:flex;gap:6px}
body.tcv2 .tcc .emd-sa .btn.red,body.tcv2 .tcc .emd-acts .btn.red{color:var(--red)}
body.tcv2 .tcc .emd-note{margin-bottom:8px}
body.tcv2 .tcc .emd-f{margin-top:12px}
body.tcv2 .tcc .emd-f .fl .req{color:var(--red)}
body.tcv2 .tcc .emd-f .fl em.cerr{color:var(--red)}
body.tcv2 .tcc .emd-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
body.tcv2 .tcc .emd-err{display:none;gap:6px;align-items:flex-start;color:var(--red);font-size:12px;font-weight:700;margin-top:5px;line-height:1.4}
body.tcv2 .tcc .emd-err:not(:empty){display:flex}
body.tcv2 .tcc .emd-err .ic{width:14px;height:14px;margin-top:1px}
body.tcv2 .tcc .emd-opts{display:flex;flex-wrap:wrap;gap:6px}
body.tcv2 .tcc .emd-opt{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:6px 11px;font-size:12.5px;font-weight:800;color:var(--ink);cursor:pointer;min-height:34px}
body.tcv2 .tcc .emd-opt.on{border-color:var(--adm);background:#F0FDF4;box-shadow:inset 0 0 0 1px var(--adm)}
body.tcv2 .tcc .emd-opt[disabled]{opacity:.55;cursor:not-allowed}
body.tcv2 .tcc .emd-sw{width:14px;height:14px;border-radius:50%;border:1.5px solid;display:inline-block;flex:none}
body.tcv2 .tcc .emd-chk label{display:flex;gap:8px;align-items:center;font-size:12.5px;font-weight:700;cursor:pointer}
body.tcv2 .tcc .emd-chk input{width:18px;height:18px;accent-color:var(--adm)}
body.tcv2 .tcc .emd-num{display:flex;gap:10px;align-items:center}
body.tcv2 .tcc .emd-num .inp{max-width:110px}
body.tcv2 .tcc .emd-num input[type=range]{flex:1;accent-color:var(--adm);min-height:34px}
body.tcv2 .tcc .emd-list-f{border:1px solid var(--line);border-radius:12px;padding:8px 10px 10px;margin:12px 0 0;min-width:0}
body.tcv2 .tcc .emd-list-f legend{font-size:12px;font-weight:800;padding:0 6px}
body.tcv2 .tcc .emd-list-f legend small{font-weight:600;color:var(--mut)}
body.tcv2 .tcc .emd-row{border:1px solid var(--line);border-radius:10px;padding:8px;margin-bottom:8px;background:#FAFBFC}
body.tcv2 .tcc .emd-rowhd{display:flex;align-items:center;justify-content:space-between;font-size:12px}
body.tcv2 .tcc .emd-rowb .emd-f:first-child{margin-top:6px}
body.tcv2 .tcc .emd-kid{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}
body.tcv2 .tcc .emd-addcol{display:flex;flex-direction:column;gap:4px;margin-top:6px}
body.tcv2 .tcc .emd-sp2{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
body.tcv2 .tcc .emd-adv{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}
body.tcv2 .tcc .emd-adv summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--mut);min-height:30px;display:flex;align-items:center}
body.tcv2 .tcc .emd-cg{margin-bottom:12px}
body.tcv2 .tcc .emd-cg h6{margin-bottom:6px}
body.tcv2 .tcc .emd-cg ul.lint li{flex-wrap:wrap}
body.tcv2 .tcc .emd-vers{display:grid;gap:8px}
body.tcv2 .tcc .emd-vers li{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px;flex-wrap:wrap}
body.tcv2 .tcc .emd-draft .note{margin-bottom:0;align-items:center}
body.tcv2 .tcc .emd-vp{display:flex;flex-direction:column;gap:12px}
body.tcv2 .tcc .emd-vlist{max-height:46vh;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:6px 10px}
body.tcv2 .tcc .emd-vg h6{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin:8px 0 4px}
body.tcv2 .tcc .emd-var{display:flex;gap:8px;align-items:baseline;width:100%;text-align:left;border:0;background:transparent;padding:7px 8px;border-radius:8px;cursor:pointer;flex-wrap:wrap;color:var(--ink);font-size:13px;min-height:36px}
body.tcv2 .tcc .emd-var:hover,body.tcv2 .tcc .emd-var:focus-visible{background:#F0FDF4}
body.tcv2 .tcc .emd-var code{font-size:11px;background:rgba(0,0,0,.06);padding:0 5px;border-radius:4px}
body.tcv2 .tcc .emd-var small{color:var(--mut);margin-left:auto}
body.tcv2 .tcc .emd-media{display:flex;flex-direction:column;gap:10px}
body.tcv2 .tcc .emd-mtools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body.tcv2 .tcc .emd-mtools label.btn{cursor:pointer}
body.tcv2 .tcc .emd-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:50vh;overflow:auto}
body.tcv2 .tcc .emd-mi{display:flex;flex-direction:column;gap:4px;border:1.5px solid var(--line);border-radius:10px;background:#fff;padding:6px;cursor:pointer;text-align:left;min-width:0}
body.tcv2 .tcc .emd-mi:hover,body.tcv2 .tcc .emd-mi:focus-visible{border-color:var(--adm)}
body.tcv2 .tcc .emd-mi img{width:100%;height:80px;object-fit:cover;border-radius:6px;background:#F3F4F6}
body.tcv2 .tcc .emd-mi span{font-size:10.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.tcv2 .tcc .mo .emd-stgrid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
body.tcv2 .tcc .emd-st-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:12px;cursor:pointer;color:var(--ink);min-width:0}
body.tcv2 .tcc .emd-st-card:hover,body.tcv2 .tcc .emd-st-card:focus-visible{border-color:var(--adm);background:#F0FDF4}
body.tcv2 .tcc .emd-st-card b{font-size:14px}
body.tcv2 .tcc .emd-st-card small{font-size:12px;font-weight:600;color:var(--mut);line-height:1.4}
body.tcv2 .tcc .emd-st-card em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--adm)}
@media (max-width:1180px){
body.tcv2 .tcc .emd-grid{grid-template-columns:minmax(0,1fr) 320px}
body.tcv2 .tcc .emd-left{grid-column:1 / -1;position:static}
body.tcv2 .tcc .emd-pals{display:flex;overflow-x:auto;padding-bottom:4px;gap:6px}
body.tcv2 .tcc .emd-pal{flex:none;min-width:140px}
body.tcv2 .tcc .emd-pal small{display:none}
body.tcv2 .tcc .emd-starters{align-self:flex-start}
}
@media (max-width:900px){
body.tcv2 .tcc .emd-grid{grid-template-columns:minmax(0,1fr)}
body.tcv2 .tcc .emd-right{position:static;max-height:none}
body.tcv2 .tcc .emd-top{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
body.tcv2 .tcc .emd-top>*{flex:none}
body.tcv2 .tcc .emd-sp{display:none}
body.tcv2 .tcc .emd-status{flex:none}
body.tcv2 .tcc .emd-canvaswrap{padding:8px 4px}
body.tcv2 .tcc .emd-canvas{padding:8px 2px}
body.tcv2 .tcc .m-head,body.tcv2 .tcc .m-hero{padding-left:16px;padding-right:16px}
body.tcv2 .tcc .m-p,body.tcv2 .tcc .m-hd,body.tcv2 .tcc .m-brow,body.tcv2 .tcc .m-imgrow,body.tcv2 .tcc .m-soc,body.tcv2 .tcc .m-pills,body.tcv2 .tcc .m-stats,body.tcv2 .tcc .m-foot{padding-left:16px;padding-right:16px}
body.tcv2 .tcc .m-tbl,body.tcv2 .tcc .m-coupon,body.tcv2 .tcc .m-hr,body.tcv2 .tcc .m-space{margin-left:16px;margin-right:16px}
body.tcv2 .tcc .m-cols{display:block;padding:6px 10px}
body.tcv2 .tcc .m-cols .emd-col+.emd-col{margin-top:10px}
body.tcv2 .tcc .m-h1{font-size:22px;line-height:28px}
body.tcv2 .tcc .emd-bar .btn.ico{width:34px;height:34px}
body.tcv2 .tcc .emd-b:hover>.emd-bar{display:none}
body.tcv2 .tcc .emd-b.sel>.emd-bar,body.tcv2 .tcc .emd-b:focus-within>.emd-bar{display:flex}
body.tcv2 .tcc .emd-frame iframe{width:100%}
body.tcv2 .tcc .emd-frame.mobile iframe{width:375px}
body.tcv2 .tcc .emd-media .emd-mgrid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}
}
}