:root{color:#2c3e50;font-synthesis:none;text-rendering:optimizelegibility;--header:#001529;--header-hover:#0b2b49;--footer:#ebeef5;--text:#2c3e50;--muted:#7b8490;--line:#dcdfe6;--line-strong:#c0c4cc;--danger:#d94b42;background:#fff;font-family:Avenir,Avenir Next,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.page-shell{background:#fff;grid-template-rows:64px 1fr 40px;min-height:100dvh;display:grid}.site-header{background:var(--header);place-items:center;display:grid;box-shadow:0 1px #0000001f}.site-header a{color:#fff;letter-spacing:0;font-size:20px;font-weight:700;line-height:1;text-decoration:none;transition:opacity .15s}.site-header a:hover{opacity:.82}.site-header a:focus-visible,.icon-preview:focus-visible,.clear-button:focus-visible,.copy-button:focus-visible{outline-offset:4px;outline:3px solid #ffffffb3}.main-content{place-items:center;padding:48px 24px 72px;display:grid}.api-tool{width:min(100%,1000px)}.input-group{border:1px solid var(--line-strong);background:#fff;border-radius:4px;grid-template-columns:auto minmax(140px,1fr) 64px;min-height:54px;transition:border-color .15s,box-shadow .15s;display:grid;overflow:hidden;box-shadow:0 8px 28px #00152912}.input-group:focus-within{border-color:var(--header);box-shadow:0 0 0 3px #0015291a,0 10px 30px #00152917}.input-group.has-error{border-color:var(--danger)}.api-prefix,.icon-preview{background:#f5f7fa;justify-content:center;align-items:center;display:flex}.api-prefix{border-right:1px solid var(--line);color:#303133;white-space:nowrap;padding:0 16px;font-size:16px;font-weight:700}.prefix-short{display:none}.input-control{background:#fff;min-width:0;display:flex;position:relative}.input-control input{color:#303133;background:#fff;border:0;outline:0;width:100%;min-width:0;padding:0 50px 0 16px;font-size:17px}.input-control input::placeholder{color:#a5abb3}.clear-button{color:#a0a5ab;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:color .12s,background-color .12s;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.clear-button span{font-size:22px;line-height:1}.clear-button:hover{color:#60656c;background:#f1f3f5}.clear-button:focus-visible{outline-offset:-5px;outline-color:#0015294d}.icon-preview{border-left:1px solid var(--line);cursor:pointer}span.icon-preview{cursor:default}.icon-preview:focus-visible{outline-offset:-4px;outline-color:#0015294d}.icon-preview img{object-fit:contain;width:32px;height:32px;transition:opacity .15s}.icon-preview.is-loading img{opacity:.32;animation:.9s ease-in-out infinite alternate preview-pulse}.tool-meta{justify-content:space-between;align-items:center;gap:16px;min-height:36px;padding:8px 2px 0;display:flex}.status-text{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.status-text.is-error{color:var(--danger)}.copy-button{min-height:28px;color:var(--header);cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:13px;font-weight:700}.copy-button:hover{text-underline-offset:3px;text-decoration:underline}.site-footer{background:var(--footer);color:var(--text);border-top:1px solid #d8dce4;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.site-footer a{color:var(--header-hover);font-weight:600;text-decoration:none}.site-footer a:hover{text-underline-offset:2px;text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes preview-pulse{to{opacity:.7}}@media (width<=720px){.main-content{padding:40px 16px 64px}.input-group{grid-template-columns:56px minmax(0,1fr) 56px;min-height:52px}.api-prefix{padding:0;font-size:13px}.prefix-full{display:none}.prefix-short{display:inline}.input-control input{padding:0 46px 0 12px;font-size:16px}}@media (width<=420px){.page-shell{grid-template-rows:58px 1fr 40px}.site-header a{font-size:18px}.main-content{place-items:start center;padding-top:min(18vh,120px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}