.tool-workspace{--tool-font-size:14px;flex-direction:column;gap:0;display:flex}.tool-workspace__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-bottom:.75rem;display:flex}.tool-workspace__toolbar .tool-breadcrumbs{margin-bottom:0}.tool-workspace__toolbar-end{align-items:center;gap:.75rem;margin-left:auto;display:inline-flex}.tool-share{border:1px solid var(--tw-border);background:var(--tw-base);letter-spacing:.02em;height:1.75rem;color:var(--tw-muted);cursor:pointer;border-radius:.375rem;align-items:center;gap:.375rem;padding:0 .625rem;font-size:.75rem;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.tool-share:hover{color:var(--tw-text);border-color:color-mix(in srgb,var(--tw-blue)30%,var(--tw-border));background:var(--tw-shine-soft)}.tool-share__icon{flex-shrink:0;width:.875rem;height:.875rem}.tool-favorite{cursor:pointer;color:var(--tw-muted);justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s,opacity .15s;display:inline-flex}.tool-favorite--toolbar{border:1px solid var(--tw-border);background:var(--tw-base);letter-spacing:.02em;border-radius:.375rem;gap:.375rem;height:1.75rem;padding:0 .625rem;font-size:.75rem;font-weight:500}.tool-favorite--toolbar:hover{color:var(--tw-text);border-color:color-mix(in srgb,var(--tw-blue)30%,var(--tw-border));background:var(--tw-shine-soft)}.tool-favorite--toolbar.tool-favorite--active{color:var(--tw-blue);border-color:color-mix(in srgb,var(--tw-blue)35%,var(--tw-border));background:color-mix(in srgb,var(--tw-blue)8%,var(--tw-shine-soft))}.tool-favorite--card{border:1px solid var(--tw-border);background:var(--tw-elevated);opacity:.9;border-radius:.375rem;width:1.75rem;height:1.75rem;box-shadow:0 1px 3px #00000014}.group\/card:hover .tool-favorite--card,.tool-favorite--card:hover,.tool-favorite--card:focus-visible{opacity:1}.tool-favorite--card:hover{color:var(--tw-text);border-color:color-mix(in srgb,var(--tw-blue)35%,var(--tw-border));background:var(--tw-shine-strong);box-shadow:0 2px 8px #0000001a}.tool-favorite--card.tool-favorite--active{color:var(--tw-blue);border-color:color-mix(in srgb,var(--tw-blue)40%,var(--tw-border));background:color-mix(in srgb,var(--tw-blue)10%,var(--tw-elevated));opacity:1}.tool-favorite--card.tool-favorite--active:hover{background:color-mix(in srgb,var(--tw-blue)14%,var(--tw-shine-strong))}.tool-favorite--card.tool-favorite--card-on-preview{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffe0;opacity:.92;background:#0f172ab8;border:1px solid #ffffff38;box-shadow:0 1px 2px #0000002e,0 4px 12px #00000029}.tool-favorite--card.tool-favorite--card-on-preview:hover,.tool-favorite--card.tool-favorite--card-on-preview:focus-visible{color:var(--tw-blue);border-color:color-mix(in srgb,var(--tw-blue)55%,#ffffff59);box-shadow:0 2px 4px #0003,0 6px 16px #00000038,0 0 0 1px color-mix(in srgb,var(--tw-blue)22%,transparent);background:#0f172ae0}.tool-favorite--card.tool-favorite--card-on-preview.tool-favorite--active{color:var(--tw-blue);border-color:color-mix(in srgb,var(--tw-blue)50%,#ffffff47);background:#0f172ad1}.tool-favorite--card.tool-favorite--card-on-preview.tool-favorite--active:hover{color:var(--tw-blue);border-color:color-mix(in srgb,var(--tw-blue)65%,#ffffff59);background:#0f172aeb}.tool-favorite__icon{flex-shrink:0;width:.875rem;height:.875rem}.tool-workspace__back{width:fit-content;color:var(--tw-muted);font-size:.875rem;transition:color .15s;display:inline-flex}.tool-workspace__back:hover{color:var(--tw-text)}.tool-workspace__header h1{letter-spacing:-.02em;color:var(--tw-text);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:300}.tool-workspace__header{margin-bottom:.75rem}.tool-workspace__header p{max-width:42rem;color:var(--tw-muted);margin-top:.5rem;font-size:.9375rem;line-height:1.55}.tool-workspace__body{flex-direction:column;gap:1.5rem;display:flex}.tool-workspace__sections-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-bottom:.75rem;display:flex}.tool-workspace__sections-toolbar-start{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.tool-workspace__sections-toolbar-start:empty{display:none}.tool-panel{border:1px solid var(--tw-border);background:color-mix(in srgb,var(--tw-elevated)80%,transparent);border-radius:1rem;padding:1rem}@media (min-width:768px){.tool-panel{padding:1.25rem}}.tool-label{letter-spacing:.08em;text-transform:uppercase;color:var(--tw-subtle);margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:block}.tool-input,.tool-textarea,.tool-select{border:1px solid var(--tw-border);background:var(--tw-base);width:100%;font-size:var(--tool-font-size);color:var(--tw-text);border-radius:.625rem;outline:none;padding:.625rem .75rem;transition:border-color .15s,box-shadow .15s}.tool-textarea{resize:vertical;min-height:10rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.55}.tool-input:focus,.tool-textarea:focus,.tool-select:focus{border-color:color-mix(in srgb,var(--tw-blue)45%,var(--tw-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--tw-blue)18%,transparent)}.tool-actions{flex-wrap:wrap;gap:.5rem;display:flex}.tool-btn{border:1px solid var(--tw-border);background:var(--tw-shine-soft);color:var(--tw-text);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.8125rem;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.tool-btn:hover{border-color:color-mix(in srgb,var(--tw-blue)35%,var(--tw-border));background:var(--tw-shine-strong)}.tool-btn--primary{border-color:color-mix(in srgb,var(--tw-blue)40%,var(--tw-border));background:color-mix(in srgb,var(--tw-blue)12%,var(--tw-shine-soft));color:var(--tw-blue)}.tool-btn--primary:hover{background:color-mix(in srgb,var(--tw-blue)20%,var(--tw-shine-soft))}.tool-btn:disabled{opacity:.55;cursor:not-allowed}.tool-message{font-size:var(--tool-font-size);border-radius:.625rem;padding:.625rem .75rem;line-height:1.5}.tool-message--error{border:1px solid color-mix(in srgb,#f87171 35%,var(--tw-border));background:color-mix(in srgb,#ef4444 10%,var(--tw-base));color:color-mix(in srgb,#fca5a5 70%,var(--tw-text))}.tool-message--success{border:1px solid color-mix(in srgb,#34d399 35%,var(--tw-border));background:color-mix(in srgb,#10b981 10%,var(--tw-base));color:color-mix(in srgb,#6ee7b7 70%,var(--tw-text))}.tool-message--info{border:1px solid var(--tw-border);background:var(--tw-shine-soft);color:var(--tw-muted)}.tool-output{border:1px solid var(--tw-border-faint);background:var(--tw-base);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--tool-font-size);white-space:pre-wrap;word-break:break-word;color:var(--tw-text);border-radius:.625rem;padding:.75rem;line-height:1.55;overflow:auto}.tool-table{border-collapse:collapse;width:100%;font-size:var(--tool-font-size)}.tool-table th,.tool-table td{border-bottom:1px solid var(--tw-border-faint);text-align:left;vertical-align:top;padding:.5rem .625rem}.tool-table th{letter-spacing:.06em;text-transform:uppercase;color:var(--tw-subtle);font-size:.6875rem;font-weight:600}.tool-table td{color:var(--tw-muted)}.tool-table tr:last-child td{border-bottom:none}.tool-tabs{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.tool-tab{border:1px solid var(--tw-border-faint);color:var(--tw-muted);cursor:pointer;background:0 0;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}.tool-tab:hover{color:var(--tw-text);background:var(--tw-shine-soft)}.tool-tab--active{border-color:color-mix(in srgb,var(--tw-blue)35%,var(--tw-border));background:color-mix(in srgb,var(--tw-blue)10%,var(--tw-shine-soft));color:var(--tw-blue)}.tool-grid-2{grid-template-columns:minmax(0,1fr);gap:1rem 1.5rem;display:grid}@media (min-width:768px){.tool-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}}.tool-columns-2{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:1rem 1.5rem;display:grid}@media (min-width:1024px){.tool-columns-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}}.tool-flag-row{flex-wrap:wrap;gap:.75rem;display:flex}.tool-flag{color:var(--tw-muted);cursor:pointer;align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}.tool-flag input{accent-color:var(--tw-blue)}.tool-highlight-match{background:color-mix(in srgb,var(--tw-blue)22%,transparent);outline:1px solid color-mix(in srgb,var(--tw-blue)35%,transparent);border-radius:.2rem}.tool-privacy-note{color:var(--tw-subtle);margin-top:.75rem;font-size:.75rem;line-height:1.5}.tool-breadcrumbs{margin-bottom:.5rem}.tool-breadcrumbs__list{color:var(--tw-subtle);flex-wrap:wrap;align-items:center;gap:.375rem;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.tool-breadcrumbs__item:not(:last-child):after{content:"/";color:var(--tw-muted);margin-left:.375rem}.tool-breadcrumbs__item a{color:var(--tw-muted);transition:color .15s}.tool-breadcrumbs__item a:hover,.tool-breadcrumbs__item span[aria-current=page]{color:var(--tw-text)}.tool-font-size{align-items:center;gap:.375rem;display:inline-flex}.tool-font-size__label{letter-spacing:.06em;text-transform:uppercase;color:var(--tw-subtle);margin-right:.25rem;font-size:.75rem;font-weight:500}.tool-font-size__value{font-variant-numeric:tabular-nums;text-align:center;min-width:1.25rem;color:var(--tw-text);font-size:.8125rem;font-weight:700}.tool-font-size__step{border:1px solid var(--tw-border);background:var(--tw-base);width:1.75rem;height:1.75rem;color:var(--tw-muted);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;padding:0;font-size:1rem;font-weight:600;line-height:1;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.tool-font-size__step:hover:not(:disabled){color:var(--tw-blue);border-color:color-mix(in srgb,var(--tw-blue)35%,var(--tw-border));background:color-mix(in srgb,var(--tw-blue)8%,var(--tw-base))}.tool-font-size__step:disabled{opacity:.4;cursor:not-allowed}.tool-diff-line--add{background:#10b98126}.tool-diff-line--remove{background:#ef444426}
