.tgc-app{margin:18px 0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(180deg,rgba(21,34,60,.96),rgba(11,18,32,.98));box-shadow:0 24px 56px rgba(0,0,0,.24)}
.tgc-appHead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 90% 0,rgba(124,58,237,.18),transparent 34%)}
.tgc-appHead h2{margin:5px 0 7px;font-size:clamp(25px,4vw,34px)}.tgc-appHead p,.tgc-editorHint,.tgc-actions p{margin:0;color:#9fb6d7;line-height:1.6}
.tgc-eyebrow{color:#86efac;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.tgc-format{flex:0 0 auto;padding:7px 11px;border:1px solid rgba(96,165,250,.3);border-radius:999px;background:rgba(37,99,235,.14);color:#bfdbfe;font-size:12px;font-weight:800}
.tgc-toolbar{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);scrollbar-width:thin}
.tgc-toolbarGroup{display:flex;flex:0 0 auto;gap:7px}.tgc-toolbarGroup+.tgc-toolbarGroup{padding-left:8px;border-left:1px solid rgba(255,255,255,.1)}
.tgc-toolbar button{min-height:42px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.05);color:#edf5ff;font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.tgc-toolbar button:hover{border-color:rgba(96,165,250,.48);background:rgba(37,99,235,.14)}
.tgc-toolbar button:focus-visible,.tgc-editor:focus-visible,.tgc-actions button:focus-visible{outline:3px solid rgba(96,165,250,.38);outline-offset:2px}
.tgc-editor{min-height:330px;margin:18px 18px 0;padding:20px;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(5,12,24,.72);color:#eef6ff;font-size:16px;line-height:1.75}
.tgc-editor:empty::before{content:attr(data-placeholder);color:#7188aa;pointer-events:none}.tgc-editor h1,.tgc-editor h2,.tgc-editor h3,.tgc-editor p{margin-top:0}
.tgc-editorHint{padding:10px 20px 0;font-size:13px}.tgc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px}
.tgc-metric{min-height:112px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.04)}
.tgc-metric strong{display:block;color:#fff;font-size:28px;line-height:1.1}.tgc-metric span{display:block;margin-top:7px;color:#c4d5ec;font-weight:750}.tgc-metric small{display:block;margin-top:3px;color:#7f96b8}
.tgc-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 18px 20px}.tgc-actions>div{display:flex;gap:10px;flex-wrap:wrap}.tgc-actions button{border:0;cursor:pointer;font:inherit}.tgc-guide{display:grid;gap:18px;margin-top:18px}
@media(max-width:760px){.tgc-appHead,.tgc-actions{align-items:flex-start;flex-direction:column}.tgc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tgc-editor{min-height:280px;margin:14px 14px 0}.tgc-toolbar{padding-inline:14px}.tgc-actions,.tgc-metrics{padding-inline:14px}}
@media(max-width:420px){.tgc-metrics{grid-template-columns:1fr}.tgc-metric{min-height:96px}}