.tool-widget:has(.gi-app){padding:0;border:0;background:transparent;box-shadow:none}
.gi-app{--gi-border:rgba(148,163,184,.18);--gi-card:rgba(15,23,42,.84);--gi-muted:#94a3b8;width:100%}
.gi-app [hidden]{display:none!important}
.gi-shell{padding:1.2rem;border:1px solid var(--gi-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,.1),transparent 30%),linear-gradient(155deg,#111827,#080f1d);box-shadow:0 20px 55px rgba(0,0,0,.28)}
.gi-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}
.gi-kicker{margin:0 0 .35rem;color:#7dd3fc;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.gi-hero h2{margin:0;color:#f8fafc;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.035em}
.gi-hero p:not(.gi-kicker){max-width:650px;margin:.45rem 0 0;color:var(--gi-muted);font-size:.88rem;line-height:1.55}
.gi-hero-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.gi-presets{display:flex;gap:.4rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}
.gi-presets button{flex:0 0 auto;padding:.45rem .7rem;border:1px solid var(--gi-border);border-radius:999px;background:rgba(2,8,20,.42);color:#cbd5e1;font:inherit;font-size:.72rem;font-weight:750;cursor:pointer}
.gi-presets button:hover,.gi-presets button.active{border-color:rgba(56,189,248,.5);background:rgba(14,165,233,.15);color:#e0f2fe}
.gi-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:1rem;align-items:start}
.gi-card{padding:1rem;border:1px solid var(--gi-border);border-radius:16px;background:var(--gi-card)}
.gi-card-head,.gi-card-head>div{display:flex;align-items:center;gap:.5rem}.gi-card-head{justify-content:space-between;margin-bottom:.75rem}
.gi-card-head h3{margin:0;color:#e2e8f0;font-size:.92rem}.gi-card-head>span{color:var(--gi-muted);font-size:.68rem}
.gi-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}
.gi-search{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.45rem;padding:.55rem .65rem;border:1px solid var(--gi-border);border-radius:10px;background:rgba(2,8,20,.48);color:#7dd3fc}
.gi-search input{min-width:0;border:0;outline:0;background:transparent;color:#e2e8f0;font:inherit;font-size:.78rem}
.gi-group h4{margin:.85rem 0 .5rem;color:#cbd5e1;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}
.gi-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.gi-check-grid label{display:flex;align-items:flex-start;gap:.5rem;padding:.58rem;border:1px solid var(--gi-border);border-radius:10px;background:rgba(2,8,20,.3);cursor:pointer;transition:border-color .16s ease,background .16s ease}
.gi-check-grid label:hover,.gi-check-grid label:has(input:checked){border-color:rgba(56,189,248,.4);background:rgba(14,165,233,.08)}
.gi-check-grid input{margin-top:.15rem;accent-color:#0ea5e9}.gi-check-grid span,.gi-check-grid strong,.gi-check-grid small{display:block}
.gi-check-grid strong{color:#e2e8f0;font-size:.75rem}.gi-check-grid small{margin-top:.13rem;color:var(--gi-muted);font-size:.63rem}
.gi-text-btn{border:0;background:transparent;color:#7dd3fc;font:inherit;font-size:.74rem;font-weight:800;cursor:pointer}
.gi-output,.gi-custom{box-sizing:border-box;width:100%;padding:.8rem;border:1px solid var(--gi-border);border-radius:11px;outline:0;resize:vertical;background:rgba(2,8,20,.58);color:#dbeafe;font:400 .76rem/1.5 "JetBrains Mono",ui-monospace,Consolas,monospace;white-space:pre}
.gi-output{min-height:480px}.gi-custom{min-height:110px}
.gi-output:focus,.gi-custom:focus,.gi-search:focus-within,.gi-text-btn:focus-visible{border-color:rgba(56,189,248,.65);box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.gi-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.55rem}
.gi-stats span{padding:.45rem;border:1px solid var(--gi-border);border-radius:8px;color:var(--gi-muted);font-size:.62rem;text-align:center}.gi-stats strong{color:#e2e8f0}
.gi-status{margin-top:.6rem;padding:.55rem .65rem;border-radius:9px;background:rgba(52,211,153,.08);color:#a7f3d0;font-size:.7rem;line-height:1.4}.gi-status.is-warning{background:rgba(251,191,36,.08);color:#fde68a}
.gi-custom-card{margin-top:1rem}.gi-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}.gi-safety span{color:#d6c888}
@media(max-width:950px){.gi-layout{grid-template-columns:1fr}.gi-output{min-height:360px}}
@media(max-width:580px){.gi-shell{padding:.75rem;border-radius:14px}.gi-hero{flex-direction:column}.gi-card{padding:.8rem;border-radius:13px}.gi-check-grid{grid-template-columns:1fr}.gi-stats{grid-template-columns:1fr 1fr}.gi-safety{flex-direction:column}.gi-hero-actions,.gi-hero-actions .btn{width:100%}}