.gb402-template{display:grid;grid-template-columns:minmax(180px,.9fr) 1.1fr;gap:28px;align-items:center;margin:18px 0 32px;background:#102b3e;border:1px solid #c6a56866;border-radius:18px;overflow:hidden;color:#f3f0e7}.gb402-template>img{width:100%;height:260px;object-fit:cover;display:block}.gb402-template>div{padding:20px 24px 20px 0}.gb402-template h2{font-size:23px;line-height:1.35;margin:0 0 12px}.gb402-template p{font-size:14px;line-height:1.8;color:#cedde4;margin:0 0 20px}.gb402-actions{display:flex;gap:10px;flex-wrap:wrap}.gb402-actions button,.gb402-workspace header button{font:500 13px/1.4 system-ui,sans-serif;min-height:42px;border:1px solid #7790a3;border-radius:10px;background:#173a53;color:#fff;padding:10px 14px;cursor:pointer}.gb402-actions .s33-primary{background:#edca76;border-color:#edca76;color:#14271d}.gb402-workspace{width:min(1440px,97vw);height:94dvh;max-width:97vw;max-height:94dvh;padding:0;border:1px solid #587483;border-radius:16px;background:#081d2c;color:#f8f4e9;overflow:hidden}.gb402-workspace[open]{display:flex;flex-direction:column}.gb402-workspace::backdrop{background:#020d19c9;backdrop-filter:blur(8px)}.gb402-workspace>header{display:flex;align-items:center;gap:12px;padding:12px 18px;flex:none;background:#0b2937}.gb402-workspace>header h2{font-size:17px;line-height:1.4;margin:0 auto 0 0}.gb402-workspace .gb402-keep{margin:0;padding:7px 18px;font-size:12px;line-height:1.5;color:#c0cfd4;background:#102431;flex:none}.gb402-workspace iframe{border:0;width:100%;flex:1;min-height:0;background:#fff}.gb402-workspace button:focus-visible,.gb402-template button:focus-visible{outline:3px solid #e9ca7a;outline-offset:3px}@media(max-width:650px){.gb402-template{grid-template-columns:1fr;gap:0;margin:16px 0 25px}.gb402-template>img{height:200px}.gb402-template>div{padding:18px}.gb402-template h2{font-size:20px}.gb402-template p{font-size:13px}.gb402-workspace{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0;margin:0}.gb402-workspace>header{gap:7px;padding:9px 10px;flex-wrap:wrap}.gb402-workspace>header h2{font-size:14px}.gb402-workspace header button{font-size:11px;padding:8px 10px;min-height:40px}.gb402-workspace .gb402-keep{font-size:11px;padding:6px 10px}}
