.tool-widget:has(.cg-app){padding:0;border:0;background:transparent;box-shadow:none}
.cg-app{--cg-border:rgba(148,163,184,.18);--cg-card:rgba(15,23,42,.84);--cg-muted:#94a3b8;width:100%}
.cg-shell{padding:1.2rem;border:1px solid var(--cg-border);border-radius:20px;background:radial-gradient(circle at 0 0,rgba(56,189,248,.16),transparent 32%),radial-gradient(circle at 100% 0,rgba(139,92,246,.11),transparent 30%),linear-gradient(155deg,#111827,#080f1d);box-shadow:0 20px 55px rgba(0,0,0,.28)}
.cg-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}
.cg-kicker{margin:0 0 .35rem;color:#7dd3fc;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.cg-hero h2{margin:0;color:#f8fafc;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.035em}
.cg-hero p:not(.cg-kicker){max-width:650px;margin:.45rem 0 0;color:var(--cg-muted);font-size:.88rem;line-height:1.55}
.cg-standard{padding:.38rem .65rem;border:1px solid var(--cg-border);border-radius:999px;background:rgba(2,8,20,.45);color:#cbd5e1;font-size:.7rem;font-weight:750;white-space:nowrap}
.cg-presets{display:flex;gap:.4rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}
.cg-presets button{flex:0 0 auto;padding:.45rem .7rem;border:1px solid var(--cg-border);border-radius:999px;background:rgba(2,8,20,.42);color:#cbd5e1;font:inherit;font-size:.72rem;font-weight:750;cursor:pointer}
.cg-presets button:hover,.cg-presets button.active{border-color:rgba(56,189,248,.5);background:rgba(14,165,233,.15);color:#e0f2fe}
.cg-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1rem;align-items:start}
.cg-card{padding:1rem;border:1px solid var(--cg-border);border-radius:16px;background:var(--cg-card)}
.cg-card-head,.cg-card-head>div{display:flex;align-items:center;gap:.5rem}
.cg-card-head{justify-content:space-between;margin-bottom:.8rem}
.cg-card-head h3{margin:0;color:#e2e8f0;font-size:.93rem}
.cg-step{display:grid;width:1.4rem;height:1.4rem;place-items:center;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#8b5cf6);color:#07101e;font-size:.7rem;font-weight:900}
.cg-text-btn{border:0;background:transparent;color:#7dd3fc;font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}
.cg-fields{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}
.cg-fields label,.cg-label{display:block;color:#cbd5e1;font-size:.72rem;font-weight:750}
.cg-fields small{display:block;margin:.12rem 0 .3rem;color:var(--cg-muted);font-weight:500}
.cg-input,.cg-output{box-sizing:border-box;width:100%;border:1px solid var(--cg-border);border-radius:9px;outline:0;background:rgba(2,8,20,.55);color:#f1f5f9;font:inherit}
.cg-input{min-height:41px;padding:.6rem .68rem}.cg-output{padding:.7rem;resize:vertical;line-height:1.5}
.cg-mono{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace}
.cg-input:focus,.cg-output:focus,.cg-text-btn:focus-visible,.cg-presets button:focus-visible,.cg-copy-row button:focus-visible{border-color:rgba(56,189,248,.65);box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.cg-help-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin:.65rem 0 .8rem}
.cg-help-grid span{padding:.4rem;border:1px solid var(--cg-border);border-radius:8px;color:var(--cg-muted);font-size:.66rem;text-align:center}
.cg-help-grid code{color:#7dd3fc;font-weight:800}
.cg-label{margin:.6rem 0 .35rem}.cg-copy-row{display:grid;grid-template-columns:1fr auto;gap:.45rem}
.cg-copy-row button{padding:.55rem .7rem;border:1px solid var(--cg-border);border-radius:9px;background:rgba(56,189,248,.1);color:#7dd3fc;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}
.cg-expression{font-size:.96rem;font-weight:750;letter-spacing:.03em}
.cg-status{margin-top:.65rem;padding:.55rem .65rem;border-radius:9px;background:rgba(52,211,153,.09);color:#a7f3d0;font-size:.75rem}
.cg-status.is-error{background:rgba(248,113,113,.1);color:#fecaca}
.cg-zone{display:flex;align-items:center;gap:.4rem;color:#cbd5e1;font-size:.72rem;cursor:pointer}.cg-zone input{accent-color:#0ea5e9}
.cg-explanation{padding:.75rem;border:1px solid rgba(56,189,248,.2);border-radius:11px;background:rgba(14,165,233,.07)}
.cg-explanation span,.cg-explanation strong{display:block}.cg-explanation span{color:var(--cg-muted);font-size:.67rem}.cg-explanation strong{margin-top:.25rem;color:#e0f2fe;font-size:.9rem}
.cg-next-head{display:flex;justify-content:space-between;align-items:center;margin:.85rem 0 .45rem}
.cg-next-head h4{margin:0;color:#e2e8f0;font-size:.8rem}.cg-next-head span{color:var(--cg-muted);font-size:.66rem}
.cg-next{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none}
.cg-next li{display:flex;align-items:center;gap:.55rem;padding:.5rem .6rem;border:1px solid var(--cg-border);border-radius:9px;background:rgba(2,8,20,.3);color:#cbd5e1;font-size:.72rem}
.cg-next li>span{display:grid;width:1.25rem;height:1.25rem;place-items:center;border-radius:50%;background:rgba(56,189,248,.14);color:#7dd3fc;font-weight:800}
.cg-note{margin:.7rem 0 0;color:var(--cg-muted);font-size:.68rem;line-height:1.45}
.cg-command-card{margin-top:1rem}.cg-safety{display:flex;gap:.45rem;margin-top:.7rem;padding:.65rem .75rem;border:1px solid rgba(251,191,36,.2);border-radius:9px;background:rgba(251,191,36,.06);color:#fde68a;font-size:.7rem;line-height:1.45}.cg-safety span{color:#d6c888}
@media(max-width:950px){.cg-layout{grid-template-columns:1fr}.cg-fields{grid-template-columns:repeat(3,1fr)}}
@media(max-width:580px){.cg-shell{padding:.75rem;border-radius:14px}.cg-hero{flex-direction:column}.cg-card{padding:.8rem;border-radius:13px}.cg-fields{grid-template-columns:1fr 1fr}.cg-help-grid{grid-template-columns:1fr 1fr}.cg-safety{flex-direction:column}}