.home-page[data-v-93751b98]{padding:32px 30px 40px}.home-heading[data-v-93751b98]{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:32px}.home-heading h1[data-v-93751b98]{font-size:30px;letter-spacing:-.6px;margin:0 0 10px;font-weight:700}.home-heading p[data-v-93751b98]{margin:0;font-size:15px;color:#79859b}.home-search[data-v-93751b98]{display:flex;align-items:center;gap:12px;flex:0 1 460px;padding:14px 17px;background:#fff;border:1px solid #e1e4ee;border-radius:11px;color:#8063eb}.home-search[data-v-93751b98]:focus-within{border-color:#a594ea;box-shadow:0 0 0 3px #7160df12}.home-search input[data-v-93751b98]{width:100%;min-width:0;border:0;outline:none;background:transparent;color:#283248;font-size:14px}.home-search input[data-v-93751b98]::placeholder{color:#929bad}.home-search input[data-v-93751b98]::-webkit-search-cancel-button{display:none}.home-category[data-v-93751b98]{margin-bottom:30px}.home-category[data-v-93751b98]:last-child{margin-bottom:0}.home-category h2[data-v-93751b98]{font-size:19px;font-weight:650;margin:0 0 15px;scroll-margin-top:24px}.home-category h2 span[data-v-93751b98]{font-size:14px;font-weight:400;color:#79859b;margin-left:9px}.home-grid[data-v-93751b98]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card[data-v-93751b98]{display:flex;align-items:center;gap:16px;min-width:0;min-height:105px;padding:18px;background:#fff;border:1px solid #eef0f5;border-radius:11px;box-shadow:0 3px 12px #28324805;transition:border-color .15s,box-shadow .15s}.tool-card[data-v-93751b98]:hover{border-color:#c9bdf1;box-shadow:0 5px 18px #7160df12}.tool-card-icon[data-v-93751b98]{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border-radius:13px}.tone-green[data-v-93751b98]{background:#e9faef;color:#14af63}.tone-purple[data-v-93751b98]{background:#f1ebff;color:#8051ed}.tone-blue[data-v-93751b98]{background:#e9f3ff;color:#2785f5}.tone-orange[data-v-93751b98]{background:#fff2e4;color:#f18b29}.tone-pink[data-v-93751b98]{background:#ffedf3;color:#ef548e}.tool-card-copy[data-v-93751b98]{min-width:0}.tool-card h3[data-v-93751b98]{font-size:16px;line-height:1.6;font-weight:650;margin:0 0 7px;overflow-wrap:anywhere}.tool-card p[data-v-93751b98]{font-size:14px;line-height:1.8;color:#7c879b;margin:0;overflow-wrap:anywhere}.home-search-summary[data-v-93751b98]{color:#79859b;font-size:13px;margin:-12px 0 24px}.home-empty[data-v-93751b98]{padding:70px 20px;text-align:center;color:#79859b}.home-empty h2[data-v-93751b98]{font-size:18px;color:#46516a}.home-empty p[data-v-93751b98]{line-height:1.8}.home-empty .button[data-v-93751b98]{margin:15px auto 0}@media(max-width:1150px){.home-page[data-v-93751b98]{padding:28px 22px}.home-heading[data-v-93751b98]{gap:20px}.home-search[data-v-93751b98]{flex-basis:350px}}@media(min-width:1001px)and (max-width:1150px){.home-page[data-v-93751b98]{padding:20px}.home-heading[data-v-93751b98]{margin-bottom:14px}.home-heading h1[data-v-93751b98]{font-size:27px;line-height:1.2;margin-bottom:8px}.home-heading p[data-v-93751b98]{font-size:14px;line-height:1.5}.home-category[data-v-93751b98]{margin-bottom:18px}.home-category h2[data-v-93751b98]{font-size:17px;line-height:22px;margin-bottom:10px}.home-grid[data-v-93751b98]{gap:12px}.tool-card[data-v-93751b98]{min-height:76px;padding:10px;gap:12px}.tool-card-icon[data-v-93751b98]{width:44px;height:44px}.tool-card h3[data-v-93751b98]{font-size:14px;margin-bottom:5px}.tool-card p[data-v-93751b98]{font-size:12px}}@media(max-width:1000px){.home-grid[data-v-93751b98]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.home-page[data-v-93751b98]{padding:26px 20px}.home-heading[data-v-93751b98]{align-items:stretch;flex-direction:column;gap:22px}.home-search[data-v-93751b98]{flex-basis:auto}.home-heading h1[data-v-93751b98]{font-size:27px}.home-category[data-v-93751b98]{margin-bottom:26px}.tool-card[data-v-93751b98]{padding:16px;gap:13px}}@media(max-width:560px){.home-grid[data-v-93751b98]{grid-template-columns:minmax(0,1fr);gap:12px}.tool-card[data-v-93751b98]{min-height:94px}.home-category h2[data-v-93751b98]{font-size:16px}.home-page[data-v-93751b98]{padding:24px 16px}.home-empty[data-v-93751b98]{padding:40px 8px}}@media(prefers-reduced-motion:reduce){.tool-card[data-v-93751b98]{transition:none}}.ai-dialog[data-v-0b18c5c1]{width:min(540px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #e3dfef;border-radius:14px;padding:24px;color:#39455b;box-shadow:0 20px 80px #28203930}.ai-dialog[data-v-0b18c5c1]::backdrop{background:#24203866}.ai-dialog header[data-v-0b18c5c1]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.ai-dialog h2[data-v-0b18c5c1]{margin:0;font-size:21px}.ai-dialog p[data-v-0b18c5c1]{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.ai-dialog label[data-v-0b18c5c1]{display:block;font-size:13px;margin:16px 0 9px}.ai-dialog input[data-v-0b18c5c1],.ai-dialog select[data-v-0b18c5c1]{width:100%;padding:11px;border:1px solid #dfe3ed;border-radius:7px;background:#fff;color:inherit}.ai-dialog footer[data-v-0b18c5c1],.ai-detect[data-v-0b18c5c1]{display:flex;gap:10px;margin-top:18px}.ai-dialog footer[data-v-0b18c5c1]{justify-content:flex-end}.ai-dialog details[data-v-0b18c5c1]{font-size:12px;color:#758095}.ai-dialog summary[data-v-0b18c5c1]{cursor:pointer}.tool-guide[data-v-4bebaa03]{margin:24px 30px;padding:24px;border:1px solid #e4e7ee;border-radius:14px;background:#fff;color:#475569;line-height:1.8}.tool-guide h2[data-v-4bebaa03]{font-size:17px;color:#1e293b;margin:0 0 12px}.tool-guide h2[data-v-4bebaa03]:not(:first-child){margin-top:22px}.tool-guide ul[data-v-4bebaa03]{padding-left:22px}.tool-guide nav[data-v-4bebaa03]{display:flex;gap:12px 20px;flex-wrap:wrap}.tool-guide a[data-v-4bebaa03]{color:#2563eb}@media(max-width:640px){.tool-guide[data-v-4bebaa03]{margin:16px;padding:18px}}.static-tool-intro[data-v-14a726d4]{padding:32px 30px 0}.static-tool-intro h1[data-v-14a726d4]{font-size:26px}.topbar-ai-actions[data-v-14a726d4]{display:flex;align-items:center;gap:12px;flex-shrink:0}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#283248;background:#f7f8fb;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b8affb;outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}button svg{flex-shrink:0}.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e7e9f0;display:flex;flex-direction:column;padding:30px 18px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 10px;font-size:23px;font-weight:750;letter-spacing:-.7px}.brand-icon{display:grid;place-items:center;background:#7160df;border-radius:12px;color:#fff;width:41px;height:41px;box-shadow:0 4px 10px #7564df22}.brand small{display:block;font-size:10px;font-weight:400;color:#8790a3;letter-spacing:1px;margin-top:5px}.menu-search{display:flex;align-items:center;gap:8px;background:#f7f8fa;border:1px solid #ecedf2;border-radius:8px;margin:33px 0 27px;padding:10px;color:#9299aa}.menu-search input{border:0;outline:none;background:transparent;width:100%;min-width:0;font-size:12px;color:#394157}.menu-search kbd{background:#fff;border:1px solid #e4e7ee;padding:0 5px;border-radius:4px}.menu-group{margin-bottom:24px}.menu-group h2{font-size:10px;font-weight:500;letter-spacing:1px;color:#939bae;padding:0 13px;margin:0 0 10px}.menu-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:7px;font-size:12px;min-height:42px}.menu-item.active{color:#715bd8;background:#f0ecfc;font-weight:600}.active-dot{width:5px;height:5px;background:#816be2;border-radius:50%;margin-left:auto}.menu-item.planned{color:#8790a2}.planned-icon{font-size:20px;width:17px;line-height:16px}.menu-item small{margin-left:auto;font-size:9px;color:#969ead;background:#f5f6f8;padding:3px 4px;border-radius:3px;white-space:nowrap}.menu-empty{color:#8c93a3;text-align:center}.sidebar-note{margin-top:auto;border:1px solid #eeeff5;background:#fafbfd;padding:13px 10px;border-radius:8px;font-size:11px;color:#526276}.sidebar-note p{font-size:10px;color:#8d96a5;margin-bottom:0}.local-dot{display:inline-block;background:#62ad95;width:6px;height:6px;border-radius:50%;margin-right:5px}.sidebar-footer{padding-top:21px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9da5b3}.sidebar-footer small{font-size:9px;margin-left:3px}.sidebar-footer>span:last-child{display:flex;gap:3px;align-items:center}.main-shell{min-width:0;display:flex;flex-direction:column}.topbar{height:66px;background:#ffffffb8;border-bottom:1px solid #e9ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:15px}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:12px;color:#9199a9}.breadcrumb strong{color:#535c70;font-weight:500}.icon-button{display:grid;place-items:center;border:0;background:none;padding:3px;color:#8b93a3}.privacy-pill{display:flex;align-items:center;gap:6px;color:#638979;background:#eef6f1;border:1px solid #e3eee7;border-radius:20px;padding:6px 10px;font-size:10px;white-space:nowrap}main{width:100%;max-width:1600px;margin:0 auto;flex:1}.tool-page{padding:38px 38px 24px}.tool-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#9099ab}.eyebrow span{margin:0 9px;color:#c5cad5}h1{font-size:28px;letter-spacing:-.7px;font-weight:650;margin:12px 0;display:flex;align-items:center;gap:13px}.version-badge{font-size:9px;border:1px solid #e2dfed;border-radius:5px;letter-spacing:.6px;color:#9a8fb5;padding:4px 6px;font-weight:500}.tool-heading p{font-size:12px;color:#8690a2;margin:0;line-height:1.8}.heading-icon{width:63px;height:63px;background:#eeebf9;color:#9c8bd8;border:1px solid #e6e0f5;border-radius:17px;display:grid;place-items:center}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.primary-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.button{border:1px solid #e1e4ec;background:#fff;padding:10px 15px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;box-shadow:0 1px 2px #29314b04;white-space:nowrap}.button:hover:not(:disabled){border-color:#b9afd9;background:#faf8ff}.button.primary{background:#7561d9;border-color:#7561d9;color:#fff;box-shadow:0 3px 6px #7761da20}.button.primary:hover:not(:disabled){background:#6550cb}.button kbd{font-family:inherit;font-size:9px;color:#e1d9ff;border:1px solid #a391ea;padding:2px 4px;border-radius:3px;margin-left:7px}.text-button{background:transparent;border-color:transparent;box-shadow:none;color:#7a8296;padding-right:0}.toolbar-divider{width:1px;height:20px;background:#e3e6ed;margin:0 7px}.indent-label{display:flex;align-items:center;gap:8px;color:#8991a2;font-size:11px}.indent-label select{background:#fff;border:1px solid #e2e5ed;border-radius:6px;color:#626b80;padding:8px 5px;font-size:11px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.editor-card{background:#fff;border:1px solid #dfe3ed;border-radius:10px;overflow:hidden;min-width:0;box-shadow:0 3px 12px #28314a03}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:7px;height:51px;border-bottom:1px solid #e9ecf2}.editor-header h2{font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px;white-space:nowrap;margin:0}.panel-dot{width:6px;height:6px;border-radius:50%}.input-dot{background:#b3a7e8}.output-dot{background:#74b8a4}.readonly-label{font-size:9px;color:#a1a8b5;font-weight:400;background:#f5f6f9;padding:3px 5px;border-radius:4px}.editor-actions{display:flex;align-items:center;gap:13px}.editor-actions button,.editor-footer button{border:0;background:none;color:#8590a3;padding:3px 0;display:flex;align-items:center;gap:4px;font-size:10px}.editor-actions button:hover:not(:disabled),.editor-footer button:hover:not(:disabled){color:#715bd8}.code-editor{height:410px;font-size:12px}.cm-editor{height:100%}.cm-editor.cm-focused{outline:none}.cm-editor .cm-scroller{font-family:Cascadia Code,Consolas,SFMono-Regular,monospace;line-height:1.9}.cm-editor .cm-content{padding:16px 0}.cm-editor .cm-line{padding-left:12px;padding-right:12px}.cm-editor .cm-gutters{background:#fcfcfe;border-right:1px solid #f0f1f5;color:#bac0cc;min-width:40px}.cm-editor .cm-activeLine,.cm-editor .cm-activeLineGutter{background:#f6f4fc}.cm-editor .cm-placeholder{color:#a3acba;font-family:inherit;font-size:11px}.cm-editor .cm-search{font-size:11px}.cm-editor .cm-search input{max-width:130px}.editor-footer{height:35px;border-top:1px solid #eef0f5;background:#fcfcfe;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#9ba4b4;font-size:10px;gap:6px}.editor-footer i{font-style:normal;padding:0 5px;color:#c4cad5}.editor-footer>div{display:flex;gap:13px}.output-editor-wrap{position:relative}.output-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;padding:20px;text-align:center}.empty-icon{background:#f5f3fb;color:#b4a8d6;width:57px;height:57px;border:1px solid #efebf7;border-radius:15px;display:grid;place-items:center;margin-bottom:20px}.output-empty strong{font-size:12px;font-weight:500;color:#9199a9}.output-empty p{font-size:10px;color:#b0b7c4;line-height:1.7}.workspace-bottom{display:flex;align-items:center;justify-content:space-between;color:#9aa4b3;font-size:10px;margin-top:13px;gap:8px}.workspace-bottom>span{display:flex;align-items:center;gap:5px}.wrap-button{display:flex;align-items:center;gap:6px;background:none;border:0;color:#939dae;font-size:10px}.switch{display:block;background:#d5d8e0;width:23px;height:13px;border-radius:10px;position:relative}.switch:after{content:"";width:9px;height:9px;position:absolute;top:2px;left:2px;border-radius:50%;background:#fff}.switch.on{background:#a094d0}.switch.on:after{left:12px}.status-box{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;background:#f0f1f7;padding:13px 15px;border-radius:7px;margin-top:16px;line-height:1.7}.status-box.success{background:#eef7f1;color:#427960}.status-box.error{background:#fff1f0;color:#b04c4c}.status-box button{display:flex;align-items:center;gap:4px;border:0;background:none;color:inherit;font-size:11px;text-decoration:underline}.limit-error{color:#b04c4c}.tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.tips-grid article{position:relative;padding:18px 15px 17px 47px;background:#ffffff80;border:1px solid #e8eaf1;border-radius:8px}.tip-icon{position:absolute;top:19px;left:16px;color:#a097bd}.tips-grid h3{font-size:11px;font-weight:500;margin:0 0 7px;color:#697389}.tips-grid p{font-size:10px;color:#99a2b1;line-height:1.9;margin:0}.usage-details{margin-top:20px;color:#8892a3;font-size:11px;line-height:1.9}.usage-details summary{cursor:pointer;display:flex;align-items:center;gap:7px;width:fit-content}.usage-details>div{padding:4px 0;max-width:850px}.page-footer{display:flex;justify-content:space-between;padding:20px 38px;border-top:1px solid #ebedf3;font-size:10px;color:#a7aebc;gap:10px}.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.sidebar-collapsed .sidebar{display:none}.not-found{padding:50px}.not-found a{color:#715bd8}@media(min-width:1500px){.code-editor{height:480px}.tool-page{padding-top:48px}}@media(max-width:1100px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.tool-page{padding:28px 22px}.topbar{padding:0 22px}.editor-header{padding:0 10px}.editor-actions{gap:9px}.button{padding:9px 11px}.button kbd{display:none}.tips-grid article{padding-left:15px}.tip-icon{position:static;margin-bottom:8px}.sidebar-collapsed{grid-template-columns:1fr}}@media(max-width:820px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #e7e9f0;padding:16px}.brand{font-size:20px}.brand small,.sidebar-note,.sidebar-footer,.menu-search{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:20px;margin-top:18px}.menu-group{flex-shrink:0;margin:0}.menu-group h2{margin-bottom:4px}.menu-item{display:inline-flex;font-size:11px}.menu-item.planned{display:none}.menu-group:not(:has(a.menu-item)){display:none}.topbar{height:54px}.privacy-pill{font-size:9px}.tool-page{padding:25px 18px}.editor-grid{grid-template-columns:1fr}.code-editor{height:330px}.tips-grid{gap:10px}.page-footer{padding:18px}.heading-icon{width:49px;height:49px}.tool-heading{gap:15px}.tool-heading p{font-size:11px}.workspace-bottom{align-items:flex-start}.workspace-bottom>span{max-width:65%;line-height:1.7}h1{font-size:25px}}@media(max-width:480px){.action-bar{align-items:flex-start}.primary-actions{gap:6px}.toolbar-divider{display:none}.indent-label{flex-basis:100%;margin-top:4px}.text-button{font-size:10px;gap:4px}.button{font-size:11px}.tips-grid{grid-template-columns:1fr}.tips-grid article{padding:15px 15px 15px 45px}.tip-icon{position:absolute;top:16px;left:15px}.privacy-pill,.heading-icon{display:none}.eyebrow,.page-footer,.editor-footer{font-size:9px}}.sidebar nav{min-height:0;overflow-y:auto;margin-bottom:16px}.encoding-options{background:#fff;border:1px solid #e3e5ee;border-radius:8px;padding:14px 16px;margin-bottom:18px}.encoding-options-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.encoding-options p{font-size:12px;color:#717b90;line-height:1.8;margin:10px 0 0;overflow-wrap:anywhere}.encoding-checkbox{font-size:12px;color:#717b90;display:flex;align-items:center;gap:6px}.encoding-checkbox input{accent-color:#7561d9}.encoding-rules{margin-top:24px;padding:20px;background:#fff;border:1px solid #e7e9f0;border-radius:9px;color:#758095;font-size:12px;line-height:1.9}.encoding-rules h2{font-size:13px;color:#4c586e;margin:0 0 10px}.encoding-rules ul{padding-left:18px;margin:0}.encoding-rules p{margin:12px 0 0;color:#8590a2}@media(max-width:820px){.sidebar nav{overflow-x:auto;overflow-y:hidden;margin-bottom:0}.menu-group{max-width:none}.encoding-page .action-bar{flex-wrap:wrap}.encoding-page .text-button{padding:8px}.encoding-options-row{gap:10px}}.trust-banner{display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff7e8;border:1px solid #efdfbd;color:#896428;border-radius:8px;font-size:12px;line-height:1.8;margin-bottom:18px}.hmac-key-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.secret-field{display:flex;align-items:center;gap:10px;color:#778096;font-size:12px;flex:1;min-width:200px}.secret-field input,.time-zone input,.time-input-label input{border:1px solid #dfe3ed;background:#fff;border-radius:6px;padding:10px;color:#39455b;min-width:0}.secret-field input{width:100%;font-family:Consolas,monospace}.jwt-details{margin-top:24px;background:#fff;border:1px solid #e3e6ef;border-radius:9px;padding:18px}.jwt-details h2{font-size:14px;margin:0;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.jwt-details small,.jwt-details p{font-size:11px;color:#858da0;font-weight:400;overflow-wrap:anywhere}.jwt-warnings{font-size:12px;color:#896428;padding-left:18px;line-height:1.8}.table-scroll{overflow-x:auto}.result-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.result-table th{color:#7a8397;background:#f7f8fb;font-weight:500}.result-table td,.result-table th{padding:12px;border-bottom:1px solid #eef0f5;overflow-wrap:anywhere;max-width:300px}.live-clock{padding:24px;background:#efecfa;border:1px solid #e1dcf2;border-radius:10px;display:flex;flex-direction:column;gap:10px;color:#74668f;margin-bottom:22px}.live-clock span{font-size:11px}.live-clock strong{font-family:Consolas,monospace;font-size:26px;color:#594780;font-weight:500;overflow-wrap:anywhere}.live-clock small{font-size:11px}.time-form,.time-results{padding:24px;background:#fff;border:1px solid #e4e7ef;border-radius:10px;margin-bottom:20px}.time-zone input{font-size:12px;width:190px}.time-input-label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#748099;margin:22px 0 18px}.time-input-label input{font-family:Consolas,monospace;font-size:14px;padding:14px}.time-results header{display:flex;align-items:center;justify-content:space-between;gap:12px}.time-results h2{font-size:15px}.time-results dl{margin-bottom:0}.time-results dl>div{display:grid;grid-template-columns:130px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #eef0f5}.time-results dt{font-size:12px;color:#8891a4}.time-results dd{margin:0;font:14px Consolas,monospace;color:#48556d;overflow-wrap:anywhere}@media(max-width:620px){.hmac-key-row{gap:10px}.secret-field{flex-basis:calc(100% - 35px)}.time-form,.time-results{padding:16px}.time-results dl>div{grid-template-columns:90px minmax(0,1fr) 20px;gap:6px}.live-clock{padding:18px}.live-clock strong{font-size:22px}.trust-banner{align-items:flex-start}}.sidebar,.time-form,.time-results,.live-clock{min-width:0}.home-link{margin-bottom:16px}.category-shell .sidebar nav{margin-top:30px}.category-link{width:100%;border:0;background:transparent;text-align:left;margin-bottom:12px;color:#536079}.category-link:hover{background:#f5f2fc;color:#715bd8}.category-shell .sidebar-note{background:none;border:0;padding:12px 8px}@media(max-width:820px){.category-shell .sidebar nav{margin-top:16px;gap:8px}.home-link{flex-shrink:0;margin-bottom:0}.category-link{flex-shrink:0;width:auto;margin-bottom:0;white-space:nowrap}.category-shell .sidebar nav{align-items:center}}.category-shell .menu-item{font-size:14px}@media(min-width:1001px)and (max-width:1100px){.category-shell{grid-template-columns:190px minmax(0,1fr)}.category-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.category-shell .sidebar{padding:20px 12px}.category-shell .topbar{height:42px}.category-shell .brand{padding:0;font-size:21px}}.category-link.active{background:#f0ecfc;color:#715bd8}