.page-tool{font-size:16px;line-height:normal}.page-tool .ig-main{color:var(--ui-text);text-align:left;max-width:1180px;margin:0 auto;padding:0 32px 110px}.page-tool h2{letter-spacing:-.02em;color:var(--ui-text-highlighted);text-wrap-style:balance;margin:56px 0 14px;font-size:30px;font-weight:700;line-height:1.15}.page-tool h3{color:var(--ui-text-highlighted);margin:28px 0 8px;font-size:18px;font-weight:600}.page-tool .explainer p,.page-tool .explainer li,.page-tool .tool-cta p,.page-tool .tool-cta li{font-size:16px;line-height:1.6}.page-tool .ph-lede a,.page-tool .explainer a{color:#c9bcf7;font-weight:600;text-decoration:none}.page-tool .ph-lede a:hover,.page-tool .explainer a:hover{color:var(--ui-text-highlighted)}.page-tool code{background:var(--ui-bg-muted);border:1px solid var(--ui-border-muted);color:var(--ui-text-toned);border-radius:6px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.page-tool .tool{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:40px;display:grid}.page-tool .tool__result{top:calc(var(--navbar-height-total,0px) + 24px);grid-area:1/2/span 2;position:sticky}.page-tool .tool__settings{grid-area:1/1}.page-tool .tool__permissions{grid-area:2/1}.page-tool fieldset{border:0;min-width:0;margin:0;padding:0}.page-tool .field{margin-bottom:28px}.page-tool .field__legend{color:var(--ui-text-highlighted);margin-bottom:10px;font-size:15px;font-weight:600}.page-tool .hint{color:var(--ui-text-muted);margin:6px 0 0;font-size:14px;line-height:1.5;display:block}.page-tool .error{color:var(--ui-error);margin:6px 0 0;font-size:14px}.page-tool .warning{color:var(--ui-warning);margin:6px 0 0;font-size:14px}.page-tool .status{color:var(--ui-success);min-height:1.5em;margin:8px 0 0;font-size:14px}.page-tool .permissions__title{margin-top:8px}.page-tool .presets{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.page-tool .permission-group{border-top:1px solid var(--ui-border-muted);margin-top:22px;padding-top:18px}.page-tool .permission-group__legend{color:var(--ui-text-highlighted);margin-bottom:10px;font-size:18px;font-weight:600}.page-tool .permission-group__count{color:var(--ui-text-dimmed);margin-left:8px;font-size:14px;font-weight:400}.page-tool .permission__label{font-weight:600}.page-tool .permission__api{overflow-wrap:anywhere;margin-left:6px;font-size:12px;font-weight:400}.page-tool .explainer{max-width:32em;color:var(--ui-text-toned);margin-top:24px}.page-tool .explainer ol,.page-tool .explainer ul{list-style:revert;margin:0 0 14px;padding-left:24px}.page-tool .explainer li{margin-bottom:8px}.page-tool .explainer p{margin:0 0 14px}.page-tool .explainer strong{color:var(--ui-text-highlighted)}.page-tool .tool-cta{border:1px solid var(--ui-border-accented);background:radial-gradient(420px 160px at 100% 0%, #947cea1f, transparent 70%), var(--ui-bg-elevated);border-radius:16px;max-width:720px;margin-top:56px;padding:28px}.page-tool .tool-cta h2{margin-top:0}.page-tool .tool-cta p{max-width:32em;color:var(--ui-text-muted);margin:0 0 18px}@media (width<=1099px){.page-tool .tool{grid-template-columns:minmax(0,1fr)}.page-tool .tool__result,.page-tool .tool__settings,.page-tool .tool__permissions{grid-area:auto/1}.page-tool .tool__result{position:static}}@media (width<=767px){.page-tool .ig-main{padding:0 16px 64px}.page-tool h2{margin-top:44px;font-size:26px}.page-tool .tool-cta{padding:22px 18px}}