:root{--gi-shell-navy:#061528;--gi-shell-navy-2:#0c2948;--gi-shell-mist:#e8f0f7;--gi-shell-blue:#8fc2ff;--gi-shell-cyan:#6fe0d5;--gi-shell-line:rgba(232,240,247,.18);--gi-shell-body:"Avenir Next","PingFang SC","PingFang HK","Microsoft YaHei",sans-serif;--gi-shell-serif:"Iowan Old Style","Songti SC","STSong",serif}
[hidden]{display:none!important}
.gi-site-header{position:fixed;inset:0 0 auto;z-index:100;height:86px;padding:0 clamp(20px,4.5vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--gi-shell-mist);background:rgba(6,21,40,.97);border-bottom:1px solid var(--gi-shell-line);transition:height .28s ease,background .28s ease,backdrop-filter .28s ease}
.gi-site-header.is-scrolled{height:68px;background:rgba(6,21,40,.94);backdrop-filter:blur(18px)}
.gi-brand{width:max-content;display:inline-flex;align-items:center;gap:15px;color:inherit;text-decoration:none}.gi-brand img{width:46px;height:46px;object-fit:contain;transition:width .28s ease,height .28s ease,transform .28s ease}.gi-brand:hover img{transform:translateY(-2px)}.gi-brand strong{display:flex;align-items:center;gap:.34em;font:600 17px/1 var(--gi-shell-body);letter-spacing:.025em;white-space:nowrap}.gi-brand strong span:first-child{color:var(--gi-shell-mist)}.gi-brand strong span:last-child{color:var(--gi-shell-blue);font-weight:500}.gi-brand strong::after{width:4px;height:4px;margin-left:.12em;border-radius:1px;background:var(--gi-shell-cyan);content:""}.gi-site-header.is-scrolled .gi-brand{gap:13px}.gi-site-header.is-scrolled .gi-brand img{width:39px;height:39px}.gi-site-header.is-scrolled .gi-brand strong{font-size:15px}
.gi-desktop-nav{display:flex;align-items:center;gap:clamp(24px,3vw,48px)}.gi-desktop-nav a{position:relative;padding:12px 0;color:rgba(232,240,247,.72);text-decoration:none;font:600 9px/1 var(--gi-shell-body);letter-spacing:.18em;text-transform:uppercase;transition:color .2s ease}.gi-desktop-nav a::after{content:"";position:absolute;right:0;bottom:5px;left:0;height:1px;background:var(--gi-shell-cyan);transform:scaleX(0);transition:transform .2s ease}.gi-desktop-nav a:hover,.gi-desktop-nav a[aria-current=page]{color:var(--gi-shell-mist)}.gi-desktop-nav a:hover::after,.gi-desktop-nav a[aria-current=page]::after{transform:scaleX(1)}
.gi-header-actions{justify-self:end;display:flex;align-items:center;gap:14px}.gi-account-cluster{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid rgba(143,194,255,.2);border-radius:999px;background:rgba(4,17,34,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.gi-account-button,.gi-logout-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:0 13px;white-space:nowrap;font:650 10px/1 var(--gi-shell-body);letter-spacing:.07em;transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.gi-account-button{max-width:190px;color:var(--gi-shell-navy);background:var(--gi-shell-cyan);box-shadow:0 5px 18px rgba(111,224,213,.16)}.gi-account-button [data-shell-account-label]{overflow:hidden;text-overflow:ellipsis}.gi-account-button:hover{background:#94f1e7;box-shadow:0 8px 24px rgba(111,224,213,.24);transform:translateY(-1px)}.gi-account-button.is-member{color:var(--gi-shell-mist);background:rgba(143,194,255,.09);box-shadow:none;cursor:default}.gi-account-symbol{width:18px;height:18px;position:relative;flex:0 0 18px;border-radius:50%;background:var(--gi-shell-navy)}.gi-account-symbol::before{content:"";position:absolute;top:4px;left:7px;width:4px;height:4px;border:1px solid var(--gi-shell-cyan);border-radius:50%}.gi-account-symbol::after{content:"";position:absolute;bottom:3px;left:4px;width:8px;height:4px;border:1px solid var(--gi-shell-cyan);border-radius:7px 7px 4px 4px}.gi-account-button.is-member .gi-account-symbol{background:var(--gi-shell-cyan)}.gi-account-button.is-member .gi-account-symbol::before,.gi-account-button.is-member .gi-account-symbol::after{border-color:var(--gi-shell-navy)}.gi-logout-button{color:rgba(232,240,247,.72);background:transparent;padding:0 11px}.gi-logout-button:hover{color:#fff;background:rgba(255,255,255,.09)}.gi-logout-symbol{width:15px;height:15px;position:relative;flex:0 0 15px}.gi-logout-symbol::before{content:"";position:absolute;inset:2px 6px 2px 1px;border:1px solid currentColor;border-right:0;border-radius:3px 0 0 3px}.gi-logout-symbol::after{content:"↗";position:absolute;right:-1px;top:-2px;font-size:13px;line-height:1}
.gi-language-switcher{position:relative}.gi-language-button{width:66px;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border:1px solid rgba(232,240,247,.3);color:var(--gi-shell-mist);background:transparent;font:700 9px/1 var(--gi-shell-body);letter-spacing:.12em}.gi-language-button:hover,.gi-language-button[aria-expanded=true]{border-color:#438cff;background:rgba(67,140,255,.1)}.gi-language-menu{position:absolute;top:calc(100% + 10px);right:0;width:170px;padding:7px;color:var(--gi-shell-mist);background:#0b2440;border:1px solid rgba(143,194,255,.22);box-shadow:0 20px 60px rgba(0,0,0,.26);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.gi-language-menu.is-open{opacity:1;visibility:visible;transform:none}.gi-language-menu button{width:100%;display:flex;justify-content:space-between;padding:11px 10px;border:0;color:inherit;background:transparent;font:500 11px/1 var(--gi-shell-body);text-align:left}.gi-language-menu button:hover,.gi-language-menu button.is-active{color:var(--gi-shell-cyan);background:rgba(67,140,255,.11)}.gi-language-menu button span{font-size:9px;opacity:.55}.gi-menu-toggle,.gi-mobile-menu{display:none}
.gi-auth-dialog{width:min(548px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:24px;background:transparent;overflow:visible;outline:none}.gi-auth-dialog::backdrop{background:rgba(2,10,20,.76);backdrop-filter:blur(12px) saturate(.8)}.gi-auth-dialog form{position:relative;max-height:calc(100dvh - 28px);overflow:auto;padding:34px 38px 36px;border:1px solid rgba(143,194,255,.32);border-radius:24px;background:linear-gradient(145deg,#fbfdfc,#f2f7f7);box-shadow:0 30px 90px rgba(1,9,19,.46),0 1px 0 rgba(255,255,255,.75) inset;color:var(--gi-shell-navy);font-family:var(--gi-shell-body)}.gi-auth-mark{display:block;width:44px;height:4px;margin-bottom:25px;border-radius:99px;background:linear-gradient(90deg,var(--gi-shell-cyan) 0 68%,var(--gi-shell-navy-2) 68%)}.gi-auth-dialog form>p{margin:0 42px 8px 0;color:#597080;font-size:9px;font-weight:700;letter-spacing:.2em}.gi-auth-dialog h2{margin:0 45px 22px 0;font:500 34px/1.08 var(--gi-shell-serif);letter-spacing:-.025em}.gi-auth-close{position:absolute;top:18px;right:18px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(11,33,55,.13);border-radius:50%;color:#496274;background:rgba(255,255,255,.65);font:300 22px/1 var(--gi-shell-body)}.gi-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:21px;padding:4px;border-radius:12px;background:#e5edee}.gi-auth-tabs button{min-height:38px;border:0;border-radius:9px;color:#637782;background:transparent;font:650 11px/1 var(--gi-shell-body)}.gi-auth-tabs button.active{color:var(--gi-shell-navy);background:#fff;box-shadow:0 3px 12px rgba(7,26,46,.09)}.gi-auth-dialog label{display:block;margin-top:14px;color:#324c5d;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.gi-auth-dialog input{width:100%;height:50px;margin-top:7px;padding:0 14px;border:1px solid rgba(11,33,55,.17);border-radius:10px;color:var(--gi-shell-navy);background:rgba(255,255,255,.88);font:14px/1 var(--gi-shell-body);outline:none}.gi-auth-dialog input:focus{border-color:#348eaa;background:#fff;box-shadow:0 0 0 3px rgba(99,223,202,.18)}.gi-auth-dialog :is(button,input):focus-visible{outline:2px solid #348eaa;outline-offset:2px}.gi-auth-dialog label small{display:block;margin-top:6px;color:#627681;font-size:10px;font-weight:500;letter-spacing:0;text-transform:none}.gi-auth-submit{width:100%;height:51px;margin-top:20px;border:0;border-radius:11px;color:#fff;background:var(--gi-shell-navy);font:700 11px/1 var(--gi-shell-body);letter-spacing:.08em;box-shadow:0 10px 22px rgba(7,26,46,.18)}.gi-auth-submit:hover{background:#0c2a48;transform:translateY(-1px)}.gi-social-divider{display:flex;align-items:center;gap:12px;margin:23px 0 14px;color:#71848d;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.gi-social-divider::before,.gi-social-divider::after{content:"";height:1px;background:rgba(11,33,55,.16);flex:1}.gi-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gi-google-option{grid-column:1/-1}.gi-social-provider{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid rgba(11,33,55,.17);border-radius:10px;background:#fff;font:650 11px/1 var(--gi-shell-body)}.gi-social-provider img{width:19px;height:19px}.gi-github-provider{color:#fff;background:#17212b;border-color:#17212b}.gi-social-provider:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(7,26,46,.11)}.gi-social-provider.is-unavailable{opacity:.46;border-style:dashed;cursor:not-allowed;filter:saturate(.25)}.gi-social-option small{display:block;margin:6px 2px 0;color:#8a5a37;font-size:10px;line-height:1.35}.gi-auth-message{display:block;min-height:15px;margin:13px 2px 0;color:#a34335;font-size:11px;line-height:1.45}
body[data-tool-slug] main{padding-top:86px}
@media(max-width:860px){.gi-site-header{height:72px;grid-template-columns:1fr auto}.gi-brand{gap:12px}.gi-brand img{width:41px;height:41px}.gi-brand strong{font-size:15px}.gi-desktop-nav,.gi-account-cluster{display:none}.gi-menu-toggle{width:38px;height:38px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:8px;border:0;color:var(--gi-shell-mist);background:transparent}.gi-menu-toggle span{display:block;width:100%;height:1px;background:currentColor;transition:transform .2s ease}.gi-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.gi-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.gi-mobile-menu{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:100px 28px 50px;color:var(--gi-shell-mist);background:var(--gi-shell-navy);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s}.gi-mobile-menu.is-open{opacity:1;visibility:visible}.gi-mobile-menu a{padding:18px 0;border-bottom:1px solid var(--gi-shell-line);color:inherit;text-decoration:none;font:500 38px/1 var(--gi-shell-serif)}.gi-mobile-menu button{width:100%;padding:18px 0;border:0;border-top:1px solid var(--gi-shell-line);color:var(--gi-shell-mist);background:transparent;text-align:left;font:650 13px/1 var(--gi-shell-body);letter-spacing:.08em;text-transform:uppercase}body[data-tool-slug] main{padding-top:72px}}
@media(max-width:520px){.gi-site-header{padding:0 17px}.gi-brand img{width:39px;height:39px}.gi-brand strong{font-size:14.5px}.gi-header-actions{gap:5px}.gi-language-button{width:58px}.gi-auth-dialog,.gi-auth-dialog form{border-radius:18px}.gi-auth-dialog form{padding:28px 22px 26px}.gi-auth-dialog h2{font-size:30px}.gi-social-grid{grid-template-columns:1fr}.gi-google-option{grid-column:auto}}