.g7-brand{display:flex;align-items:center;gap:15px;font-size:14px;font-weight:750;color:var(--lime)}.g7-brand img{background:white;border-radius:14px;object-fit:contain;padding:5px}.g7-brand small{display:block;font-size:12px;color:#d7ccec;margin-top:5px}.g7-code{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:26px}.g7-code code{font-size:24px;background:#ffffff12;border:1px dashed #b49bcf;border-radius:12px;padding:16px;user-select:all;color:white}.g7-code button{display:flex;gap:9px;align-items:center;background:var(--lime);color:var(--deep);border:0;border-radius:12px;min-height:48px;padding:14px 18px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}#g7-copy-status{display:block;font-size:13px;margin-top:10px;min-height:20px}.g7-visual{padding:30px;border:1px solid #ffffff30;border-radius:25px;background:linear-gradient(150deg,#9b6df422,#ffffff08)}.g7-visual-label{font-size:12px;letter-spacing:2px;color:#ddceef;font-weight:750}.g7-visual>div{display:flex;align-items:center;gap:25px;border:1px solid #ffffff35;border-radius:18px;padding:20px;margin-top:20px;background:#ffffff08}.g7-visual>div>.ico{width:48px;height:48px;color:var(--lime)}.g7-visual strong{display:block;color:white;font-size:40px;margin-top:8px}.g7-visual>div>span{font-size:15px;color:#e5ddef}.g7-connector{display:flex;gap:12px;align-items:center;padding:22px 0 0 25px;font-size:14px;color:var(--lime)}.g7-visual p{font-size:14px;margin-bottom:0}.g7-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.g7-facts article,.g7-reading{padding:26px;border:1px solid var(--line);border-radius:18px;background:white}.g7-facts article>.ico{width:32px;height:32px;color:var(--violet)}.g7-facts h3{font-size:22px;margin:17px 0 12px}.g7-facts p{font-size:16px;margin:0}.g7-tool{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:28px;background:white;border:1px solid var(--line);border-radius:22px}.g7-tool label{display:block;font-size:15px;font-weight:700;margin-bottom:20px}.g7-tool input,.g7-tool select{display:block;width:100%;min-height:48px;margin-top:8px;border:1px solid #c8b8dc;border-radius:10px;padding:10px;font:inherit;font-size:17px;color:var(--ink);background:#faf7fe}.g7-tool button{padding:12px 17px;min-height:44px;border:1px solid #b9a4d2;border-radius:10px;background:white;color:#64408e;font:inherit;font-size:15px;cursor:pointer}.g7-tool output{display:grid;grid-template-columns:1fr 1fr;gap:13px}.g7-tool output>div{padding:20px;border-radius:15px;background:#f0eafa;min-width:0}.g7-tool output span{font-size:14px;color:#705f86;display:block}.g7-tool output strong{font-size:25px;display:block;margin-top:10px;overflow-wrap:anywhere}.g7-tool output>p{grid-column:1/-1;font-size:15px}.g7-tool progress{width:100%;height:12px;margin-top:15px;accent-color:#794ce0}.g7-note{margin-top:24px;border:1px solid var(--line);border-radius:14px;background:#ede6f8;padding:22px}.g7-note summary{font-size:16px;font-weight:700;cursor:pointer}.g7-note p{font-size:15px}.g7-reading{margin-top:24px}.g7-reading h3{font-size:22px;margin-top:0}.g7-reading li{font-size:16px;line-height:1.7}.g7-page :is(input,select,button,summary,a):focus-visible{outline:3px solid #9c73d0;outline-offset:4px}#g7-validity[data-state]{border-left:3px solid #d4b4fa;padding-left:14px}@media(max-width:850px){.g7-facts,.g7-tool{grid-template-columns:1fr}.g7-tool{padding:22px}}@media(max-width:460px){.g7-tool output{grid-template-columns:1fr}.g7-visual{padding:23px}.g7-brand{align-items:flex-start}.g7-brand img{width:48px;height:48px}.g7-code code{font-size:21px}}