:where([data-background]){--tool-page-background:#f7f9f5;--tool-hero-start:#fafbf7;--tool-hero-end:#edf5e9;--tool-hero-accent:#cfe4c399;--tool-hero-secondary:#eddeb247;--tool-header-background:#fafbf7eb;--tool-footer-background:#f3f6f1;--tool-orbit-color:#466f5017;--tool-text-color:#27342c;--tool-title-color:#24352b;--tool-muted-color:#718078;--tool-subtle-color:#8a948d;--tool-surface:#fff;--tool-surface-soft:#fbfcfa;--tool-surface-muted:#f4f8f3;--tool-control-background:#fff;--tool-border-color:#dfe7de;--tool-border-soft:#e6ebe5;--tool-accent-color:#376f4d;--tool-accent-soft:#edf5eb;--tool-card-shadow:0 18px 52px #344d3a12;--tool-menu-background:#fffffffa}:where([data-background=sand]){--tool-page-background:#faf7f1;--tool-hero-start:#fffaf1;--tool-hero-end:#f4eee2;--tool-hero-accent:#e5d2ab8f;--tool-hero-secondary:#cbdfc647;--tool-header-background:#fdfaf4f0;--tool-footer-background:#f6f1e8;--tool-orbit-color:#8b71471a}:where([data-background=mist]){--tool-page-background:#f3f7f8;--tool-hero-start:#f8fbfc;--tool-hero-end:#e9f2f5;--tool-hero-accent:#bed8e299;--tool-hero-secondary:#d5e0ed5c;--tool-header-background:#f7fafbf0;--tool-footer-background:#edf3f5;--tool-orbit-color:#4772841a}:where([data-background=ocean]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tool-page-background:#101826;--tool-hero-start:#141f30;--tool-hero-end:#0d1727;--tool-hero-accent:#467da652;--tool-hero-secondary:#45867733;--tool-header-background:#0b1322f0;--tool-footer-background:#0b1322;--tool-orbit-color:#79b89224;--tool-text-color:#d8e3f0;--tool-title-color:#e5edf6;--tool-muted-color:#93a4b8;--tool-subtle-color:#71839a;--tool-surface:#142238;--tool-surface-soft:#111d31;--tool-surface-muted:#16263d;--tool-control-background:#0b1322;--tool-border-color:#29415f;--tool-border-soft:#203853;--tool-accent-color:#79b892;--tool-accent-soft:#79b89224;--tool-card-shadow:0 18px 52px #02081447;--tool-menu-background:#111d31fa}.file-tool-page{min-height:100%;color:var(--tool-text-color);background:var(--tool-page-background)}.file-tool-shell{width:min(1120px,100% - 40px);margin:0 auto}.file-tool-hero{border-bottom:1px solid var(--tool-border-soft);background:radial-gradient(circle at 84% 25%,var(--tool-hero-accent),transparent 28%),radial-gradient(circle at 7% 100%,var(--tool-hero-secondary),transparent 25%),linear-gradient(115deg,var(--tool-hero-start),var(--tool-hero-end));position:relative;overflow:hidden}.file-tool-hero:after,.file-tool-hero:before{border:1px solid var(--tool-orbit-color);content:"";border-radius:50%;position:absolute}.file-tool-hero:before{width:270px;height:270px;top:-115px;right:6%}.file-tool-hero:after{width:96px;height:96px;top:20px;right:13%}.file-tool-hero-inner{z-index:1;justify-content:space-between;align-items:center;gap:42px;min-height:250px;padding-top:50px;padding-bottom:50px;display:flex;position:relative}.file-tool-label{color:#688274;letter-spacing:.15em;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.file-tool-label>span{width:34px;height:34px;color:var(--tool-accent-color);background:var(--tool-accent-soft);letter-spacing:0;border-radius:10px;place-items:center;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;display:grid}.file-tool-hero h1{color:var(--tool-title-color);letter-spacing:-.045em;margin:18px 0 12px;font-size:clamp(36px,5vw,50px)}.file-tool-hero p{max-width:680px;color:var(--tool-muted-color);margin:0;font-size:15px;line-height:1.75}.file-local-chip{border:1px solid var(--tool-border-color);color:var(--tool-text-color);background:color-mix(in srgb,var(--tool-surface) 82%,transparent);box-shadow:var(--tool-card-shadow);border-radius:999px;flex:none;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:650;display:inline-flex}.file-local-chip>span{color:var(--tool-accent-color);font-size:16px}.file-tool-workspace{padding:34px 0 84px}.file-tool-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:20px;display:grid}.file-tool-grid.single-preview{grid-template-columns:minmax(310px,.65fr) minmax(0,1.35fr)}.file-tool-card{border:1px solid var(--tool-border-color);color:var(--tool-text-color);background:var(--tool-surface);box-shadow:var(--tool-card-shadow);border-radius:18px;overflow:hidden}.file-card-heading{border-bottom:1px solid var(--tool-border-soft);background:var(--tool-surface-soft);align-items:center;gap:13px;padding:22px 23px;display:flex}.file-step-number{width:42px;height:42px;color:var(--tool-accent-color);background:var(--tool-accent-soft);border-radius:12px;flex:none;place-items:center;font-family:Georgia,serif;font-size:12px;font-weight:700;display:grid}.file-card-heading h2{color:var(--tool-title-color);margin:0 0 4px;font-size:20px}.file-card-heading p{color:var(--tool-muted-color);margin:0;font-size:13px;line-height:1.55}.file-card-body{padding:22px}.file-drop-zone{border:1px dashed color-mix(in srgb,var(--tool-accent-color) 38%,var(--tool-border-color));background:var(--tool-surface-muted);text-align:center;border-radius:14px;place-items:center;min-height:230px;padding:28px;transition:border-color .2s,background .2s,transform .2s;display:grid;position:relative}.file-drop-zone.is-dragging,.file-drop-zone:hover{border-color:var(--tool-accent-color);background:var(--tool-accent-soft);transform:translateY(-1px)}.file-drop-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.drop-icon{width:58px;height:58px;color:var(--tool-accent-color);background:var(--tool-accent-soft);border-radius:17px;place-items:center;margin:0 auto 15px;font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:800;display:grid}.file-drop-zone strong{color:var(--tool-title-color);font-size:17px;display:block}.file-drop-zone p{color:var(--tool-muted-color);margin:8px auto 0;font-size:13px;line-height:1.65}.file-drop-zone small{color:var(--tool-subtle-color);margin-top:13px;font-size:12px;display:block}.file-select-button{color:#fff;background:var(--tool-accent-color);border-radius:10px;justify-content:center;align-items:center;min-height:42px;margin-top:17px;padding:0 18px;font-size:13px;font-weight:750;display:inline-flex}.file-sample-button{color:var(--tool-accent-color);background:0 0;border:0;margin:12px auto 0;padding:7px 10px;font-size:12px;font-weight:700;display:block}.file-sample-button:hover{text-decoration:underline}.selected-file{border:1px solid var(--tool-border-soft);background:var(--tool-surface-soft);border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding:12px 13px;display:grid}.selected-file-icon{width:38px;height:38px;color:var(--tool-accent-color);background:var(--tool-accent-soft);border-radius:10px;place-items:center;font-family:Consolas,monospace;font-size:10px;font-weight:800;display:grid}.selected-file small,.selected-file strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.selected-file strong{color:var(--tool-title-color);font-size:13px}.selected-file small{margin-top:4px}.icon-button,.selected-file small{color:var(--tool-muted-color);font-size:12px}.icon-button{border:1px solid var(--tool-border-color);background:var(--tool-surface);border-radius:8px;padding:7px 9px}.file-options{margin-top:20px}.file-options>label,.file-section-label{color:var(--tool-title-color);margin-bottom:10px;font-size:13px;font-weight:750;display:block}.size-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.size-option{border:1px solid var(--tool-border-color);min-height:42px;color:var(--tool-muted-color);background:var(--tool-surface-soft);border-radius:9px;justify-content:center;align-items:center;gap:7px;font-family:Consolas,monospace;font-size:12px;display:flex}.size-option:has(input:checked){border-color:var(--tool-accent-color);color:var(--tool-accent-color);background:var(--tool-accent-soft)}.size-option input{accent-color:var(--tool-accent-color)}.file-actions{gap:9px;margin-top:18px;display:flex}.file-download-actions{grid-template-columns:1fr;gap:9px;margin-top:9px;display:grid}.file-download-note{color:var(--tool-subtle-color);text-align:center;margin:9px 2px 0;font-size:11px;line-height:1.55}.file-primary-button,.file-secondary-button{border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:13px;font-weight:750;transition:transform .2s,opacity .2s;display:inline-flex}.file-primary-button{border:1px solid var(--tool-accent-color);color:#fff;background:var(--tool-accent-color);flex:1}.file-secondary-button{border:1px solid var(--tool-border-color);color:var(--tool-text-color);background:var(--tool-surface)}.file-primary-button:hover:not(:disabled),.file-secondary-button:hover:not(:disabled){transform:translateY(-1px)}.file-primary-button:disabled,.file-secondary-button:disabled{cursor:not-allowed;opacity:.45}.file-error{color:#99534c;background:#fff6f5;border:1px solid #efd7d3;border-radius:10px;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 12px;font-size:12px;line-height:1.55;display:flex}.file-error>span{color:#fff;background:#c96e64;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-weight:800;display:grid}.file-limit-note,.file-privacy-note{color:var(--tool-muted-color);background:var(--tool-surface-muted);border-radius:10px;align-items:flex-start;gap:9px;margin-top:18px;padding:12px 13px;font-size:12px;line-height:1.65;display:flex}.file-limit-note>span,.file-privacy-note>span{color:#fff;background:var(--tool-accent-color);border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:11px;font-weight:800;display:grid}.file-preview-body{place-items:center;min-height:495px;padding:24px;display:grid}.file-empty-state{max-width:330px;color:var(--tool-muted-color);text-align:center}.file-empty-state>span{width:70px;height:70px;color:var(--tool-accent-color);background:var(--tool-accent-soft);border-radius:21px;place-items:center;margin:0 auto 17px;font-family:Consolas,monospace;font-size:17px;font-weight:800;display:grid}.file-empty-state h3{color:var(--tool-title-color);margin:0;font-size:21px}.file-empty-state p{margin:10px 0 0;font-size:13px;line-height:1.7}.image-preview-panel{width:100%}.image-preview-stage{border:1px solid var(--tool-border-soft);background-color:var(--tool-surface-muted);background-image:linear-gradient(45deg,color-mix(in srgb,var(--tool-border-color) 50%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--tool-border-color) 50%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--tool-border-color) 50%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--tool-border-color) 50%,transparent) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:14px;place-items:center;min-height:330px;display:grid;overflow:hidden}.image-preview-stage img{-o-object-fit:contain;object-fit:contain;width:min(280px,78%);height:min(280px,78vw);max-height:280px;display:block}.image-crop-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.image-crop-heading span,.image-crop-heading strong{display:block}.image-crop-heading strong{color:var(--tool-title-color);font-size:14px}.image-crop-heading div>span{color:var(--tool-muted-color);margin-top:4px;font-size:12px}.image-crop-heading>span{color:var(--tool-accent-color);font-family:Consolas,monospace;font-size:13px;font-weight:750}.image-crop-stage{aspect-ratio:1;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;width:min(100%,430px);min-height:0;margin:0 auto;position:relative}.image-crop-stage canvas{cursor:grab;width:100%;height:100%;display:block}.image-crop-stage canvas.is-dragging{cursor:grabbing}.image-crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33.15%,#ffffff85 0 33.5%,#0000 0 66.5%,#ffffff85 0 66.85%,#0000 0),linear-gradient(#0000 33.15%,#ffffff85 0 33.5%,#0000 0 66.5%,#ffffff85 0 66.85%,#0000 0);position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffffe0,inset 0 0 34px #07141224}.image-crop-controls{color:var(--tool-muted-color);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-top:14px;font-size:14px;display:grid}.image-crop-controls input[type=range]{width:100%;accent-color:var(--tool-accent-color)}.image-crop-controls button{border:1px solid var(--tool-border-color);min-height:34px;color:var(--tool-text-color);background:var(--tool-surface-soft);border-radius:8px;padding:0 12px;font-size:12px;font-weight:700}.image-crop-controls button:hover{border-color:var(--tool-accent-color);color:var(--tool-accent-color)}.image-output-meta{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.image-output-meta div{border:1px solid var(--tool-border-soft);background:var(--tool-surface-soft);border-radius:9px;padding:11px}.image-output-meta span,.image-output-meta strong{display:block}.image-output-meta span{color:var(--tool-subtle-color);font-size:11px}.image-output-meta strong{color:var(--tool-title-color);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;overflow:hidden}.file-feedback-toast{z-index:70;border:1px solid var(--tool-border-color);max-width:min(360px,100vw - 32px);color:var(--tool-text-color);background:color-mix(in srgb,var(--tool-surface) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;align-items:center;gap:11px;padding:13px 16px;font-size:13px;font-weight:700;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 18px 50px #2645302e}.file-feedback-toast>span{color:#fff;background:var(--tool-accent-color);border-radius:8px;flex:none;place-items:center;width:25px;height:25px;display:grid}.docx-preview-card .file-card-heading{justify-content:space-between}.docx-actions{grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:18px;display:grid}.docx-heading-copy{align-items:center;gap:13px;display:flex}.docx-page-count{color:var(--tool-accent-color);background:var(--tool-accent-soft);border-radius:999px;flex:none;padding:6px 10px;font-size:11px;font-weight:750}.docx-preview-scroll{scrollbar-gutter:stable;background:#e9ece8;min-height:570px;max-height:780px;padding:0;overflow:auto}.docx-preview-host{width:100%;min-height:520px}.docx-preview-host .docx-wrapper{box-sizing:border-box;flex-direction:column;align-items:center;background:0 0!important;width:100%!important;min-width:0!important;padding:24px!important;display:flex!important}.docx-preview-host .docx-wrapper>section.docx{zoom:var(--docx-preview-scale,1);flex:none;margin:0 auto 24px!important;box-shadow:0 10px 28px #1a2a1f24!important}.docx-preview-host .docx-wrapper>section.docx:last-child{margin-bottom:0!important}.docx-loading{min-height:520px;color:var(--tool-muted-color);place-items:center;font-size:13px;display:grid}.docx-loading>div{text-align:center}.docx-spinner{border:3px solid var(--tool-border-color);border-top-color:var(--tool-accent-color);border-radius:50%;width:34px;height:34px;margin:0 auto 12px;animation:.8s linear infinite file-tool-spin}@keyframes file-tool-spin{to{transform:rotate(1turn)}}[data-background=ocean] .file-error{color:#e6a6a9;background:#2b1b29;border-color:#653d49}[data-background=ocean] .docx-preview-scroll{background:#101b2b}@media (width<=900px){.file-tool-grid,.file-tool-grid.single-preview{grid-template-columns:1fr}.file-preview-body{min-height:420px}}@media (width<=720px){.file-tool-shell{width:min(100% - 28px,1120px)}.file-tool-hero-inner{flex-direction:column;align-items:flex-start;gap:22px;min-height:auto;padding-top:42px;padding-bottom:42px}.file-tool-workspace{padding-top:24px;padding-bottom:60px}.file-card-body,.file-preview-body{padding:18px}.file-feedback-toast{bottom:16px;right:16px}}@media (width<=480px){.file-tool-hero h1{font-size:35px}.file-card-heading{align-items:flex-start;padding:18px}.file-drop-zone{min-height:210px;padding:20px 15px}.image-output-meta,.size-options{grid-template-columns:repeat(2,minmax(0,1fr))}.file-actions{flex-direction:column}.file-download-actions{grid-template-columns:1fr}.file-secondary-button{min-height:42px}.docx-preview-scroll{min-height:500px}.docx-actions{grid-template-columns:1fr}.image-crop-controls{grid-template-columns:auto minmax(0,1fr) auto}.image-crop-controls button{grid-column:1/-1}.docx-preview-host .docx-wrapper{padding:12px!important}}@media print{body.docx-print-mode{background:#fff!important}body.docx-print-mode *{visibility:hidden!important}body.docx-print-mode .docx-print-area,body.docx-print-mode .docx-print-area *{visibility:visible!important}body.docx-print-mode .docx-print-area{background:#fff!important;width:100%!important;max-height:none!important;padding:0!important;position:absolute!important;inset:0!important;overflow:visible!important}body.docx-print-mode .docx-preview-host,body.docx-print-mode .docx-wrapper{background:#fff!important;min-height:0!important;padding:0!important}body.docx-print-mode .docx-wrapper>section.docx{box-shadow:none!important;zoom:1!important;margin:0 auto!important}}.utility-workspace{padding:34px 0 84px}.utility-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.utility-grid.compact-left{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)}.utility-card{border:1px solid var(--tool-border-color);color:var(--tool-text-color);background:var(--tool-surface);box-shadow:var(--tool-card-shadow);border-radius:18px;overflow:hidden}.utility-date-card{z-index:2;position:relative;overflow:visible}.utility-card-heading{border-bottom:1px solid var(--tool-border-soft);background:var(--tool-surface-soft);align-items:center;gap:13px;min-height:86px;padding:20px 22px;display:flex}.utility-card-heading.between{justify-content:space-between}.heading-actions,.heading-inline{align-items:center;gap:9px;display:flex}.heading-inline>span,.utility-card-heading>span{width:42px;height:42px;color:var(--tool-accent-color);background:var(--tool-accent-soft);border-radius:12px;flex:none;place-items:center;font-family:Georgia,serif;font-size:12px;font-weight:800;display:grid}.utility-card-heading h2{color:var(--tool-title-color);margin:0 0 4px;font-size:20px}.utility-card-heading p{color:var(--tool-muted-color);margin:0;font-size:13px;line-height:1.5}.utility-card-body{padding:22px}.utility-label{color:var(--tool-title-color);margin-bottom:8px;font-size:13px;font-weight:750;display:block}.utility-label-spaced{margin-top:18px}.markdown-editor,.utility-input,.utility-textarea{border:1px solid var(--tool-border-color);width:100%;color:var(--tool-text-color);background:var(--tool-control-background);outline:0;font-size:14px;transition:border-color .2s,box-shadow .2s}.utility-input{border-radius:10px;height:48px;padding:0 14px}.utility-textarea{resize:vertical;border-radius:11px;min-height:300px;padding:14px;line-height:1.7}.markdown-editor:focus,.utility-input:focus,.utility-textarea:focus{border-color:var(--tool-accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--tool-accent-color) 14%,transparent)}.code-input,.cron-input,.diff-results code,.hash-results code,.regex-results code,.utility-code-output,.uuid-list code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.utility-primary,.utility-secondary,.utility-small-button{border-radius:9px;justify-content:center;align-items:center;font-size:12px;font-weight:750;display:inline-flex}.utility-primary,.utility-secondary{min-height:44px;margin-top:16px;padding:0 18px}.utility-primary{border:1px solid var(--tool-accent-color);color:#fff;background:var(--tool-accent-color)}.utility-secondary,.utility-small-button{border:1px solid var(--tool-border-color);color:var(--tool-text-color);background:var(--tool-surface)}.utility-small-button{min-height:34px;padding:0 11px}.full-width{width:100%}.utility-primary:disabled{cursor:not-allowed;opacity:.55}.utility-error,.utility-note,.utility-warning{border-radius:10px;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 12px;font-size:12px;line-height:1.6;display:flex}.utility-note{color:var(--tool-muted-color);background:var(--tool-surface-muted)}.utility-warning{color:#806c3d;background:#fffaf0;border:1px solid #eadfbe}.utility-error{color:#99534c;background:#fff6f5;border:1px solid #efd7d3}.utility-error>span,.utility-note>span,.utility-warning>span{color:#fff;background:var(--tool-accent-color);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.utility-error>span,.utility-warning>span{background:#c8795f}.utility-warning p,.utility-warning strong{margin:0;display:block}.utility-warning p{margin-top:2px}.utility-code-output{min-height:458px;max-height:660px;color:var(--tool-text-color);background:var(--tool-control-background);white-space:pre-wrap;margin:0;padding:22px;font-size:13px;line-height:1.75;overflow:auto}.utility-status-pill{padding:6px 9px;border-radius:999px!important;width:auto!important;height:auto!important;font-family:inherit!important;font-size:11px!important}.utility-empty{min-height:480px;color:var(--tool-muted-color);text-align:center;place-items:center;padding:40px;display:grid}.utility-empty>span{width:66px;height:66px;color:var(--tool-accent-color);background:var(--tool-accent-soft);border-radius:19px;place-items:center;margin:0 auto 15px;font-family:Consolas,monospace;font-size:18px;display:grid}.utility-empty h3{color:var(--tool-title-color);margin:0;font-size:19px}.utility-empty p{margin:8px 0 0;font-size:13px}.utility-toast{z-index:70;border:1px solid var(--tool-border-color);max-width:min(360px,100vw - 32px);color:var(--tool-text-color);background:color-mix(in srgb,var(--tool-surface) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;align-items:center;gap:10px;padding:13px 16px;font-size:13px;font-weight:700;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 18px 50px #2645302e}.utility-toast>span{color:#fff;background:var(--tool-accent-color);border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.fade-enter-active,.fade-leave-active{transition:opacity .18s,transform .18s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(6px)}.uuid-list{max-height:590px;overflow:auto}.uuid-list>div{border-bottom:1px solid var(--tool-border-soft);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:53px;padding:8px 14px;display:grid}.uuid-list>div>span{color:var(--tool-subtle-color);font-size:11px}.uuid-list code{color:var(--tool-text-color);text-overflow:ellipsis;font-size:12px;overflow:hidden}.hash-results button,.regex-results button,.timezone-meta button,.uuid-list button{color:var(--tool-accent-color);background:var(--tool-accent-soft);border:0;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:750}.regex-input-row{grid-template-columns:minmax(0,1fr) 90px;gap:10px;display:grid}.regex-results{max-height:590px;padding:12px;overflow:auto}.regex-results article{border:1px solid var(--tool-border-soft);background:var(--tool-surface-soft);border-radius:10px;padding:13px}.regex-results article+article{margin-top:8px}.regex-match-top{color:var(--tool-subtle-color);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.regex-results code{overflow-wrap:anywhere;color:var(--tool-title-color);margin-top:9px;font-size:13px;display:block}.regex-results p{color:var(--tool-muted-color);margin:8px 0 0;font-size:11px}.hash-results{max-height:660px;padding:12px;overflow:auto}.hash-results article{border:1px solid var(--tool-border-soft);background:var(--tool-surface-soft);border-radius:10px;padding:15px 58px 15px 15px;position:relative}.hash-results article+article{margin-top:9px}.hash-results article.featured{border-color:color-mix(in srgb,var(--tool-accent-color) 48%,var(--tool-border-color));background:var(--tool-accent-soft)}.hash-results article.featured code,.hash-results article.featured strong{color:var(--tool-accent-color)}.hash-results article>div{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hash-results strong{color:var(--tool-title-color);font-size:13px}.hash-results small{color:var(--tool-subtle-color);font-size:11px}.hash-results code{overflow-wrap:anywhere;color:var(--tool-muted-color);font-size:12px;line-height:1.6;display:block}.hash-results button{position:absolute;top:50%;right:13px;transform:translateY(-50%)}.hash-input{min-height:210px}.hash-warning{margin-top:10px}.jwt-layout{gap:18px;display:grid}.jwt-input{min-height:140px}.jwt-summary,.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.jwt-summary article,.stat-grid article{border:1px solid var(--tool-border-color);background:var(--tool-surface);box-shadow:var(--tool-card-shadow);border-radius:12px;padding:15px}.jwt-summary span,.jwt-summary strong,.stat-grid small,.stat-grid span,.stat-grid strong{display:block}.jwt-summary span,.stat-grid span{color:var(--tool-subtle-color);font-size:11px;font-weight:700}.jwt-summary strong{color:var(--tool-title-color);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:13px;overflow:hidden}.jwt-summary strong.danger{color:#b35d58}.jwt-code{min-height:300px}.counter-layout,.diff-layout,.timezone-layout{gap:18px;display:grid}.stat-grid strong{color:var(--tool-accent-color);margin-top:6px;font-family:Georgia,serif;font-size:30px}.stat-grid small{color:var(--tool-muted-color);margin-top:5px;font-size:11px}.counter-input{min-height:330px}.detail-stat-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.detail-stat-row div{background:var(--tool-surface-muted);border-radius:9px;padding:11px}.detail-stat-row span,.detail-stat-row strong{display:block}.detail-stat-row span{color:var(--tool-subtle-color);font-size:11px}.detail-stat-row strong{color:var(--tool-title-color);margin-top:5px;font-size:13px}.diff-input{min-height:285px}.diff-result-card{margin-top:0}.diff-stats{gap:6px;display:flex}.diff-stats span{color:var(--tool-muted-color);background:var(--tool-surface-muted);border-radius:7px;padding:5px 8px;font-size:11px;font-weight:750}.diff-results{background:var(--tool-control-background);max-height:520px;overflow:auto}.diff-results>div{border-bottom:1px solid var(--tool-border-soft);min-height:30px;color:var(--tool-muted-color);grid-template-columns:42px 42px 28px minmax(0,1fr);align-items:stretch;display:grid}.diff-results>div>b,.diff-results>div>span{border-right:1px solid var(--tool-border-soft);place-items:center;font-size:10px;font-weight:500;display:grid}.diff-results code{overflow-wrap:anywhere;white-space:pre-wrap;padding:6px 10px;font-size:12px}.diff-results .add{color:#38704a;background:#eff8ed}.diff-results .remove{color:#9d514d;background:#fff1ef}.markdown-editor{resize:vertical;border:0;border-radius:0;min-height:610px;padding:20px;font-family:SFMono-Regular,Consolas,monospace;line-height:1.75;display:block}.markdown-preview{min-height:610px;color:var(--tool-text-color);background:var(--tool-surface);padding:24px 28px;font-size:14px;line-height:1.8}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:var(--tool-title-color);line-height:1.35}.markdown-preview h1{border-bottom:1px solid var(--tool-border-soft);padding-bottom:10px;font-size:30px}.markdown-preview h2{margin-top:30px;font-size:22px}.markdown-preview code{color:var(--tool-accent-color);background:var(--tool-accent-soft);border-radius:5px;padding:2px 5px;font-family:Consolas,monospace}.markdown-preview pre{background:var(--tool-control-background);border-radius:10px;padding:16px;overflow:auto}.markdown-preview pre code{color:var(--tool-text-color);background:0 0;padding:0}.markdown-preview blockquote{border-left:4px solid var(--tool-accent-color);color:var(--tool-muted-color);background:var(--tool-surface-muted);margin-left:0;padding:10px 15px}.markdown-preview a{color:var(--tool-accent-color);text-decoration:underline}.duration-result{padding:28px 22px}.duration-main{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.duration-main article{border:1px solid var(--tool-border-soft);background:var(--tool-surface-soft);text-align:center;border-radius:12px;grid-template-rows:42px 18px;align-items:center;min-width:0;padding:15px 8px 12px;display:grid}.duration-main span,.duration-main strong{display:block}.duration-main strong{color:var(--tool-title-color);font-variant-numeric:tabular-nums;align-self:center;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(28px,3vw,38px);line-height:1}.duration-main span{color:var(--tool-subtle-color);align-self:end;margin-top:0;font-size:12px;line-height:18px}.duration-totals{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px;display:grid}.duration-totals button{border:1px solid var(--tool-border-soft);color:var(--tool-text-color);background:var(--tool-surface-soft);border-radius:10px;padding:14px}.duration-totals span,.duration-totals strong{display:block}.duration-totals span{color:var(--tool-subtle-color);font-size:11px}.duration-totals strong{color:var(--tool-accent-color);margin-top:6px;font-size:15px}.cron-fields{color:var(--tool-subtle-color);text-align:center;grid-template-columns:repeat(5,1fr);margin-top:8px;font-size:10px;display:grid}.cron-examples{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.cron-examples button{border:1px solid var(--tool-border-color);color:var(--tool-muted-color);background:var(--tool-surface-soft);border-radius:8px;padding:7px 9px;font-size:11px}.cron-results{padding:12px}.cron-results article{border-bottom:1px solid var(--tool-border-soft);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:57px;padding:8px 10px;display:grid}.cron-results article>span{color:var(--tool-subtle-color);font-family:Georgia,serif;font-size:12px}.cron-results small,.cron-results strong{display:block}.cron-results strong{color:var(--tool-title-color);font-size:13px}.cron-results small{color:var(--tool-muted-color);margin-top:3px;font-family:Consolas,monospace;font-size:11px}.cron-results button{color:var(--tool-accent-color);background:var(--tool-accent-soft);border:0;border-radius:7px;padding:6px 9px;font-size:11px}.timezone-form{display:grid}.timezone-selects{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:end;gap:12px;margin-top:18px;display:grid}.timezone-selects>button{border:1px solid var(--tool-border-color);width:42px;height:42px;color:var(--tool-accent-color);background:var(--tool-accent-soft);border-radius:10px;place-items:center;font-size:19px;display:grid}.utility-el-select{--el-color-primary:var(--tool-accent-color);--el-text-color-regular:var(--tool-text-color);--el-text-color-primary:var(--tool-title-color);--el-border-color:var(--tool-border-color);--el-fill-color-blank:var(--tool-control-background);--el-bg-color-overlay:var(--tool-menu-background);width:100%}.utility-el-select .el-select__wrapper{background:var(--tool-control-background);min-height:46px;box-shadow:0 0 0 1px var(--tool-border-color) inset;border-radius:10px}.utility-el-select .el-select-dropdown,.utility-el-select .el-select-dropdown__item{color:var(--tool-text-color);background:var(--tool-menu-background)}.utility-el-select .el-select-dropdown__item.is-selected{color:var(--tool-accent-color)}.utility-el-date-picker{--el-color-primary:var(--tool-accent-color);--el-text-color-regular:var(--tool-text-color);--el-text-color-primary:var(--tool-title-color);--el-text-color-placeholder:var(--tool-subtle-color);--el-border-color:var(--tool-border-color);--el-fill-color-blank:var(--tool-control-background);width:100%!important}.utility-el-date-picker.el-date-editor.el-input,.utility-el-date-picker.el-date-editor.el-input__wrapper{width:100%}.utility-el-date-picker .el-input__wrapper{background:var(--tool-control-background);min-height:48px;box-shadow:0 0 0 1px var(--tool-border-color) inset;border-radius:10px;padding:0 14px;transition:box-shadow .2s}.utility-el-date-picker .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--tool-accent-color) inset}.utility-el-date-picker .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--tool-accent-color) inset,0 0 0 3px color-mix(in srgb,var(--tool-accent-color) 14%,transparent)}.utility-el-date-picker .el-input__inner{color:var(--tool-text-color);font-variant-numeric:tabular-nums;font-size:14px}.utility-el-date-picker .el-input__prefix,.utility-el-date-picker .el-input__suffix{color:var(--tool-muted-color)}.utility-date-popper.el-picker__popper{--el-color-primary:var(--tool-accent-color);--el-text-color-regular:var(--tool-text-color);--el-text-color-primary:var(--tool-title-color);--el-text-color-placeholder:var(--tool-subtle-color);--el-border-color:var(--tool-border-color);--el-border-color-light:var(--tool-border-soft);--el-fill-color-blank:var(--tool-menu-background);--el-fill-color-light:var(--tool-surface-soft);--el-bg-color-overlay:var(--tool-menu-background);--el-datepicker-inrange-bg-color:var(--tool-accent-soft);border-color:var(--tool-border-color);background:var(--tool-menu-background);box-shadow:0 18px 46px #0a162538}.utility-date-popper .el-date-picker__header-label,.utility-date-popper .el-date-table td .el-date-table-cell__text,.utility-date-popper .el-date-table th,.utility-date-popper .el-picker-panel,.utility-date-popper .el-picker-panel__icon-btn,.utility-date-popper .el-time-spinner__item{color:var(--tool-text-color);background:var(--tool-menu-background)}.utility-date-popper .el-date-table td.available:hover .el-date-table-cell__text,.utility-date-popper .el-time-spinner__item:hover:not(.is-disabled):not(.is-active){color:var(--tool-accent-color);background:var(--tool-accent-soft)}.utility-date-popper .el-date-table td.current:not(.disabled) .el-date-table-cell__text,.utility-date-popper .el-time-spinner__item.is-active:not(.is-disabled){color:#fff;background:var(--tool-accent-color)}.utility-date-popper .el-date-picker__time-header,.utility-date-popper .el-picker-panel__footer{border-color:var(--tool-border-soft);background:var(--tool-menu-background)}.utility-date-popper .el-popper__arrow:before{border-color:var(--tool-border-color);background:var(--tool-menu-background)}.timezone-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.timezone-result{min-height:190px;padding:28px}.timezone-result h2,.timezone-result strong,.timezone-result>span{display:block}.timezone-result>span{color:var(--tool-subtle-color);letter-spacing:.08em;font-size:11px;font-weight:750}.timezone-result h2{color:var(--tool-title-color);margin:12px 0 20px;font-size:18px}.timezone-result strong{color:var(--tool-accent-color);font-size:clamp(18px,3vw,25px);line-height:1.5}.timezone-meta{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.timezone-meta>div{min-width:0;padding:18px 70px 18px 18px;position:relative}.timezone-meta>div+div{border-left:1px solid var(--tool-border-soft)}.timezone-meta span,.timezone-meta strong{display:block}.timezone-meta span{color:var(--tool-subtle-color);font-size:11px}.timezone-meta strong{color:var(--tool-title-color);text-overflow:ellipsis;margin-top:6px;font-family:Consolas,monospace;font-size:13px;overflow:hidden}.timezone-meta button{position:absolute;top:50%;right:15px;transform:translateY(-50%)}[data-background=ocean] .utility-warning{color:#d6c18f;background:#29251d;border-color:#5d5134}[data-background=ocean] .utility-error{color:#e6a6a9;background:#2b1b29;border-color:#653d49}[data-background=ocean] .diff-results .add{color:#a8d4bb;background:#122b2c}[data-background=ocean] .diff-results .remove{color:#e6a6a9;background:#2b1b29}@media (width<=900px){.timezone-result-grid,.utility-grid,.utility-grid.compact-left{grid-template-columns:1fr}.jwt-summary,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timezone-meta{grid-column:auto}}@media (width<=720px){.utility-workspace{padding-top:24px;padding-bottom:60px}.utility-card-body{padding:18px}.detail-stat-row{grid-template-columns:repeat(2,1fr)}.utility-toast{bottom:16px;right:16px}}@media (width<=520px){.utility-card-heading{align-items:flex-start;min-height:0;padding:17px}.utility-card-heading.between{flex-direction:column;align-items:flex-start}.heading-actions{width:100%}.heading-actions button{flex:1}.regex-input-row,.timezone-meta,.timezone-selects{grid-template-columns:1fr}.timezone-selects>button{transform:rotate(90deg)}.timezone-meta>div+div{border-top:1px solid var(--tool-border-soft);border-left:0}.duration-totals,.jwt-summary,.stat-grid{grid-template-columns:1fr 1fr}.duration-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.duration-main article{min-width:0}.duration-main strong{font-size:28px}.diff-results>div{grid-template-columns:30px 30px 24px minmax(0,1fr)}}