.utils-page{max-width:800px}.utils-page .intro{font-size:1.8rem;color:var(--color-text-muted);margin-bottom:2rem}.utils-page .utils-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.utils-page .utils-nav-btn{padding:.5rem 1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:4px;font-size:1.4rem;color:var(--color-text-muted);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.utils-page .utils-nav-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-primary);color:var(--color-text)}.utils-page .utils-nav-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.utils-page .utils-nav-link{text-decoration:none;display:inline-flex;align-items:center}.utils-page .utils-nav-link::after{content:'\2192';margin-left:.4rem;font-size:1.2rem}.utils-page .util-section{margin-bottom:0;padding-bottom:0;border-bottom:none}.utils-page .util-section.hidden{display:none}.utils-page .util-section h2{font-size:2.2rem;margin-bottom:.5rem}.utils-page .util-description{font-size:1.6rem;color:var(--color-text-muted);margin-bottom:2rem;line-height:1.6}.utils-page .util-input-group{margin-bottom:1.5rem}.utils-page .util-input-group label{display:block;font-size:1.5rem;font-weight:500;margin-bottom:.5rem}.utils-page .util-input-group input[type=text],.utils-page .util-input-group textarea{width:100%;padding:1rem 1.2rem;border:1px solid var(--color-border-input);border-radius:6px;font-size:1.6rem;font-family:monospace;box-sizing:border-box;background:var(--color-bg);color:var(--color-text)}.utils-page .util-input-group input:focus,.utils-page .util-input-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-shadow)}.utils-page .input-hint{font-size:1.3rem;color:var(--color-text-hint);margin-top:.5rem}.utils-page .input-with-button{display:flex;gap:.75rem}.utils-page .input-with-button input{flex:1}.utils-page .util-btn{padding:.75rem 1.25rem;font-size:1.4rem;font-weight:500;border:1px solid var(--color-border-input);border-radius:6px;background:var(--color-bg-surface);color:var(--color-text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.utils-page .util-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-primary)}.utils-page .json-unwrap-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.utils-page .json-unwrap-label{font-size:1.4rem;font-weight:500;color:var(--color-text)}.utils-page .cron-summary{font-size:1.6rem;font-weight:500;color:var(--color-text);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.utils-page .cron-breakdown{display:grid;gap:.75rem}.utils-page .cron-field{display:flex;align-items:baseline;gap:1rem}.utils-page .cron-field-name{font-size:1.3rem;color:var(--color-text-hint);width:100px;flex-shrink:0}.utils-page .cron-field-value{font-size:1.4rem;font-family:monospace;color:var(--color-primary);min-width:60px}.utils-page .cron-field-desc{font-size:1.4rem;color:var(--color-text)}.utils-page .cron-examples{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.utils-page .cron-examples-title{font-size:1.3rem;color:var(--color-text-hint);margin-bottom:.75rem}.utils-page .cron-examples-list{display:flex;flex-wrap:wrap;gap:.5rem}.utils-page .cron-example{font-size:1.2rem;padding:.4rem .8rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-surface);color:var(--color-text-muted);cursor:pointer;transition:background .15s ease,border-color .15s ease}.utils-page .cron-example:hover{background:var(--color-bg-elevated);border-color:var(--color-primary);color:var(--color-text)}.utils-page .color-picker-input{width:50px;height:42px;padding:2px;border:1px solid var(--color-border-input);border-radius:6px;cursor:pointer;background:var(--color-bg)}.utils-page .color-picker-input::-webkit-color-swatch-wrapper{padding:2px}.utils-page .color-picker-input::-webkit-color-swatch{border:none;border-radius:3px}.utils-page .color-preview-row{display:flex;gap:1.5rem;align-items:flex-start}.utils-page .color-swatch{width:80px;height:80px;border-radius:8px;border:1px solid var(--color-border);flex-shrink:0}.utils-page .color-values{flex:1}.utils-page .color-values .output-row{border-bottom:none;padding:.5rem 0}.utils-page .byte-table{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 2rem}@media(max-width:600px){.utils-page .byte-table{grid-template-columns:1fr}}.utils-page .byte-header{font-size:1.3rem;font-weight:600;color:var(--color-text-muted);padding-bottom:.75rem;border-bottom:1px solid var(--color-border);margin-bottom:.25rem}.utils-page .byte-cell{display:flex;align-items:baseline;gap:1rem;padding:.3rem 0}.utils-page .byte-cell .output-label{width:140px;flex-shrink:0}.utils-page .ascii-table-container{max-height:500px;overflow-y:auto;border:1px solid var(--color-border);border-radius:6px}.utils-page .ascii-table{width:100%;border-collapse:collapse;font-size:1.4rem}.utils-page .ascii-table th,.utils-page .ascii-table td{padding:.6rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.utils-page .ascii-table th{background:var(--color-bg-surface);font-weight:600;position:sticky;top:0;z-index:1}.utils-page .ascii-table tr:last-child td{border-bottom:none}.utils-page .ascii-table tr:hover td{background:var(--color-bg-elevated)}.utils-page .ascii-table .ascii-dec,.utils-page .ascii-table .ascii-hex,.utils-page .ascii-table .ascii-bin{font-family:monospace;color:var(--color-text-muted)}.utils-page .ascii-table .ascii-char{font-family:monospace;font-size:1.5rem;font-weight:600;color:var(--color-primary);min-width:3rem}.utils-page .ascii-table .ascii-char.control{font-size:1.2rem;font-weight:500;color:var(--color-text-hint)}.utils-page .ascii-table .ascii-desc{color:var(--color-text)}.utils-page .ascii-no-results{padding:2rem;text-align:center;color:var(--color-text-muted);font-size:1.4rem}.utils-page .go-time-formats{display:flex;flex-direction:column;gap:.5rem}.utils-page .go-time-format-row{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-surface);cursor:pointer;transition:background .15s ease,border-color .15s ease}.utils-page .go-time-format-row:hover{background:var(--color-bg-elevated);border-color:var(--color-primary)}.utils-page .go-time-format-row.copied{background:var(--color-success);border-color:var(--color-success)}.utils-page .go-time-format-row.copied .go-time-label,.utils-page .go-time-format-row.copied .go-time-code{color:#fff}.utils-page .go-time-label{font-size:1.4rem;color:var(--color-text-muted);width:80px;flex-shrink:0}.utils-page .go-time-code{font-size:1.4rem;font-family:monospace;color:var(--color-text);background:0 0;padding:0}.utils-page .util-output{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:6px;padding:1.5rem;margin-top:1.5rem}.utils-page .util-output.hidden{display:none}.utils-page .output-row{display:flex;align-items:baseline;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.utils-page .output-row:last-child{border-bottom:none;padding-bottom:0}.utils-page .output-row:first-child{padding-top:0}.utils-page .output-label{font-size:1.4rem;color:var(--color-text-hint);width:120px;flex-shrink:0}.utils-page .output-row code{font-size:1.5rem;background:0 0;padding:0;color:var(--color-text)}.utils-page .util-error{color:var(--color-error);font-size:1.5rem;margin-top:1rem;padding:1rem;background:var(--color-error-bg);border-radius:6px}.utils-page .util-error.hidden{display:none}.utils-page .jwt-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.utils-page .jwt-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.utils-page .jwt-section-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.utils-page .jwt-section-badge{font-size:1rem;font-weight:600;padding:.2rem .6rem;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.utils-page .jwt-copy-btn{font-size:1.2rem;padding:.2rem .6rem;border:1px solid var(--color-border);border-radius:3px;background:var(--color-bg-surface);color:var(--color-text-muted);cursor:pointer;transition:background .15s ease,border-color .15s ease}.utils-page .jwt-copy-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-primary);color:var(--color-text)}.utils-page .jwt-copy-btn.copied{background:var(--color-success);border-color:var(--color-success);color:#fff}.utils-page .header-badge{background:#e91e63;color:#fff}.utils-page .payload-badge{background:#9c27b0;color:#fff}.utils-page .signature-badge{background:#00bcd4;color:#fff}.utils-page .jwt-json{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:1rem;margin:0;font-size:1.3rem;line-height:1.5;overflow-x:auto;color:var(--color-text)}.utils-page .jwt-json .json-key{color:#e91e63}.utils-page .jwt-json .json-string{color:#4caf50}.utils-page .jwt-json .json-number{color:#ff9800}.utils-page .jwt-json .json-boolean{color:#2196f3}.utils-page .jwt-json .json-null{color:#9e9e9e}.utils-page .jwt-json .json-description{color:#9e9e9e;font-style:italic}body.colorscheme-dark .utils-page .jwt-json .json-key{color:#f7768e}body.colorscheme-dark .utils-page .jwt-json .json-string{color:#9ece6a}body.colorscheme-dark .utils-page .jwt-json .json-number{color:#ff9e64}body.colorscheme-dark .utils-page .jwt-json .json-boolean{color:#7aa2f7}body.colorscheme-dark .utils-page .jwt-json .json-null{color:#565f89}body.colorscheme-dark .utils-page .jwt-json .json-description{color:#565f89}@media(prefers-color-scheme:dark){body.colorscheme-auto .utils-page .jwt-json .json-key{color:#f7768e}body.colorscheme-auto .utils-page .jwt-json .json-string{color:#9ece6a}body.colorscheme-auto .utils-page .jwt-json .json-number{color:#ff9e64}body.colorscheme-auto .utils-page .jwt-json .json-boolean{color:#7aa2f7}body.colorscheme-auto .utils-page .jwt-json .json-null{color:#565f89}body.colorscheme-auto .utils-page .jwt-json .json-description{color:#565f89}}.utils-page .jwt-signature-value{display:block;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:1rem;font-size:1.3rem;word-break:break-all;color:var(--color-text-muted)}.utils-page .jwt-signature-note{font-size:1.2rem;color:var(--color-text-hint);margin-top:.5rem;font-style:italic}.utils-page .jwt-status-badge{font-size:.85em;font-weight:600;padding:.1rem .4rem;border-radius:3px;text-transform:uppercase;letter-spacing:.03em;margin-left:.3rem;font-style:normal}.utils-page .jwt-status-badge.expired{background:var(--color-error);color:#fff}.utils-page .jwt-status-badge.valid{background:var(--color-success);color:#fff}.utils-page .jwt-status-badge.not-valid{background:var(--color-warning);color:#fff}.utils-page .jwt-warnings{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.utils-page .jwt-warnings.hidden{display:none}.utils-page .jwt-warning{padding:1rem;border-radius:6px;margin-bottom:.75rem;font-size:1.4rem;line-height:1.5}.utils-page .jwt-warning:last-child{margin-bottom:0}.utils-page .jwt-warning strong{display:block;margin-bottom:.5rem}.utils-page .jwt-warning p{margin:0}.utils-page .jwt-warning.critical{background:var(--color-error-bg);border-left:4px solid var(--color-error);color:var(--color-error)}.utils-page .jwt-warning.critical strong{color:var(--color-error)}.utils-page .jwt-warning.warning{background:var(--color-warning-bg);border-left:4px solid var(--color-warning);color:var(--color-warning)}.utils-page .jwt-warning.warning strong{color:var(--color-warning)}.utils-page .jwt-warning.info{background:var(--color-primary-light);border-left:4px solid var(--color-primary);color:var(--color-text)}.utils-page .jwt-warning.info strong{color:var(--color-primary)}