.layout{flex-direction:column;min-height:100dvh;display:flex}.site-header{z-index:100;background:var(--topbar-bg);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);position:sticky;top:0}.categorybar{width:calc(100% - 48px);margin:0 auto}.categorybar-wrap{box-shadow:0 5px 14px #293a310d}.categorybar{align-items:center;gap:6px;min-height:52px;display:flex}.categorybar__link,.topbar__home-link{min-height:34px;color:var(--text-secondary);white-space:nowrap;border-radius:5px;align-items:center;gap:7px;padding:7px 13px;font-size:.9rem;transition:color .2s,background .2s;display:inline-flex}.categorybar__link:hover,.categorybar__link--active{color:var(--cyan);background:var(--cyan-dim)}.topbar__home-link{color:#fff;background:var(--cyan);box-shadow:0 4px 12px var(--cyan-glow)}.topbar__home-link:hover{filter:brightness(.96)}.main{flex:1;width:100%;margin:0 auto;padding:28px 24px 48px}.main--home{max-width:1298px;padding-top:34px;padding-bottom:48px}.main :is(.json-tool,.diff-tool,.b64-tool,.beau-tool,.rx-tool,.url-tool,.jwt-tool,.clr-tool,.lorem-tool,.hash-tool,.uuid-tool,.ts-tool,.lc-tool){height:auto;min-height:min(680px,100dvh - 180px);animation:none}.main :is(.json-panes,.diff-inputs,.b64-panes,.beau-panes,.rx-main,.url-panes,.jwt-sections,.lorem-output,.hash-results,.uuid-output,.lc-panes){min-height:300px}.main .jwt-tool,.main :is(.ts-tool,.hash-tool,.clr-tool){min-height:0}.main :is(.json-toolbar__controls,.diff-toolbar__controls,.b64-toolbar__controls,.beau-toolbar__controls,.url-toolbar__controls,.lorem-toolbar__options,.uuid-toolbar__actions,.lc-toolbar__right){flex-wrap:wrap}.main :is(.json-pane,.diff-pane,.b64-pane,.beau-pane,.rx-pane,.url-pane,.jwt-section,.lc-pane){min-width:0}.site-footer{color:var(--text-muted);background:var(--bg-raised);border-top:1px solid var(--border-subtle);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:18px 20px;font-size:.76rem;display:flex}.site-footer span{color:var(--text-secondary)}@media (width<=760px){.categorybar{scrollbar-width:none;width:calc(100% - 28px);overflow-x:auto}.categorybar::-webkit-scrollbar{display:none}.categorybar__link,.topbar__home-link{padding-inline:11px}.main{padding:18px 14px 34px}.main--home{padding-top:24px}.main :is(.json-tool,.diff-tool,.b64-tool,.beau-tool,.rx-tool,.url-tool,.jwt-tool,.clr-tool,.lorem-tool,.hash-tool,.uuid-tool,.ts-tool,.lc-tool){min-height:0}.main :is(.json-panes,.diff-inputs,.b64-panes,.beau-panes,.rx-main,.url-panes,.jwt-sections,.lorem-output,.hash-results,.uuid-output,.lc-panes){min-height:220px}}.home{flex-direction:column;gap:22px;display:flex}.catalog-heading{justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 2px 2px;display:flex}.catalog-heading h1{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.45rem,3vw,2rem);line-height:1.2}.catalog-heading p{color:var(--text-muted);margin-top:5px;font-size:.86rem}.catalog-heading__count{color:var(--text-muted);flex-shrink:0;font-size:.8rem}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px;display:grid}.tool-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:14px;min-height:94px;padding:17px 20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 22px #2a38300b}.tool-card:hover{z-index:1;border-color:color-mix(in srgb, var(--cyan) 40%, transparent);transform:translateY(-2px);box-shadow:0 12px 30px #18c5911f}.tool-card__icon-wrap{width:50px;height:50px;color:var(--text-muted);background:var(--bg-surface);border-radius:50%;flex:none;place-items:center;transition:color .2s,background .2s;display:grid}.tool-card:hover .tool-card__icon-wrap{color:var(--cyan);background:var(--cyan-dim)}.tool-card__body{flex:1;min-width:0}.tool-card__name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:700;line-height:1.3;overflow:hidden}.tool-card__desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:.74rem;line-height:1.45;display:-webkit-box;overflow:hidden}.tool-card__arrow{color:var(--cyan);opacity:0;flex:none;font-size:1.35rem;transition:opacity .2s,transform .2s;transform:translate(-6px)}.tool-card:hover .tool-card__arrow{opacity:1;transform:translate(0)}@media (width<=940px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.catalog-heading{flex-direction:column;align-items:flex-start;gap:8px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:86px}}.json-tool{gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.json-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.json-toolbar__tabs{background:var(--bg-raised);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);gap:2px;padding:3px;display:flex}.json-toolbar__tab{color:var(--text-secondary);border-radius:4px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.json-toolbar__tab:hover{color:var(--text-primary)}.json-toolbar__tab--active{background:var(--cyan-dim);color:var(--cyan)}.json-toolbar__controls{align-items:center;gap:var(--space-sm);display:flex}.json-toolbar__indent{color:var(--text-secondary);align-items:center;gap:6px;font-size:.85rem;display:flex}.json-toolbar__indent select{font-family:var(--font-mono);background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;outline:none;padding:6px 10px;font-size:.85rem}.json-toolbar__btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:8px 14px;font-size:.9rem;font-weight:500;transition:all .2s}.json-toolbar__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.json-panes{gap:var(--space-md);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.json-pane{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;min-width:0;display:flex;overflow:hidden}.json-pane__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.json-pane__meta{font-family:var(--font-mono);color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:.85rem;font-weight:400}.json-pane__copy{text-transform:uppercase;letter-spacing:.06em;color:var(--cyan);border-radius:3px;padding:4px 10px;font-size:.85rem;font-weight:600;transition:all .2s}.json-pane__copy:hover:not(:disabled){background:var(--cyan-dim)}.json-pane__copy:disabled{color:var(--text-muted);opacity:.5}.json-pane__copy--done{color:var(--lime)!important}.json-pane__editor{padding:var(--space-md);background:var(--bg-base);tab-size:2;white-space:pre;border:none;border-radius:0;flex:1;font-size:.95rem;line-height:1.65;overflow:auto}.json-pane__editor--output{min-height:0;font-family:var(--font-body);color:var(--text-primary);text-align:left;margin:0;padding:20px 24px;font-size:1rem;line-height:1.85}.json-pane__editor--output code{font:inherit}.json-pane__editor--output:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.json-pane__editor--empty{color:var(--text-muted)}.json-token--key{color:#004dcc}.json-token--string{color:#00803c}.json-token--number{color:#c34b00}.json-token--boolean{color:#8b20c2}.json-token--null{color:#bd1751}.json-token--punctuation{color:var(--text-secondary)}[data-theme=dark] .json-token--key{color:#64a8ff}[data-theme=dark] .json-token--string{color:#5bdf88}[data-theme=dark] .json-token--number{color:#ffad51}[data-theme=dark] .json-token--boolean{color:#cf8aff}[data-theme=dark] .json-token--null{color:#ff7ca8}.json-pane__error{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);font-family:var(--font-mono);color:#f55;background:#ff55550f;flex:1;font-size:.9rem;line-height:1.5;display:flex}.json-pane__error-icon{background:#ff555526;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:.625rem;font-weight:700;display:grid}@media (width<=768px){.json-panes{grid-template-columns:1fr}.json-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.json-pane__editor{min-height:200px}}.diff-tool{gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.diff-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.diff-toolbar__tabs{background:var(--bg-raised);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);gap:2px;padding:3px;display:flex}.diff-toolbar__tab{color:var(--text-secondary);border-radius:4px;padding:8px 16px;font-size:.8125rem;font-weight:500;transition:all .2s}.diff-toolbar__tab:hover{color:var(--text-primary)}.diff-toolbar__tab--active{background:var(--magenta-dim);color:var(--magenta)}.diff-toolbar__controls{align-items:center;gap:var(--space-sm);display:flex}.diff-toolbar__stats{font-family:var(--font-mono);gap:8px;font-size:.75rem;font-weight:600;display:flex}.diff-toolbar__stat--added{color:var(--lime)}.diff-toolbar__stat--removed{color:var(--magenta)}.diff-toolbar__btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .2s}.diff-toolbar__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.diff-inputs{gap:var(--space-md);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.diff-pane{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.diff-pane__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.diff-pane__meta{font-family:var(--font-mono);color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:.75rem;font-weight:400}.diff-pane__editor{padding:var(--space-md);background:var(--bg-base);tab-size:2;white-space:pre;border:none;border-radius:0;flex:1;font-size:.8125rem;line-height:1.65;overflow:auto}.diff-output{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;max-height:50vh;display:flex;overflow:hidden}.diff-output__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.diff-split{flex:1;grid-template-columns:1fr 1fr;display:grid;overflow:auto}.diff-split__col{border-right:1px solid var(--border-subtle);overflow-x:auto}.diff-split__col:last-child{border-right:none}.diff-inline{flex:1;overflow:auto}.diff-line{font-family:var(--font-mono);min-height:1.65em;font-size:.8125rem;line-height:1.65;display:flex}.diff-line__no{text-align:right;width:40px;color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 8px 0 4px;font-size:.75rem}.diff-line__no--old,.diff-line__no--new{width:36px}.diff-line__prefix{text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;width:20px;font-weight:700}.diff-line__text{padding-right:var(--space-md);white-space:pre;flex:1}.diff-line--equal{background:0 0}.diff-line--equal .diff-line__prefix{color:var(--text-muted)}.diff-line--added{background:#aaff0014}.diff-line--added .diff-line__prefix{color:var(--lime)}.diff-line--added .diff-line__text{color:var(--text-primary)}.diff-line--removed{background:#ff008014}.diff-line--removed .diff-line__prefix{color:var(--magenta)}.diff-line--removed .diff-line__text{color:var(--text-primary)}.diff-line--empty{background:var(--bg-surface);opacity:.4}.diff-hl{color:inherit;background:0 0;border-radius:2px;padding:0}.diff-hl--removed{background:#ff008040}.diff-hl--added{background:#aaff0038}[data-theme=light] .diff-hl--removed{background:#a3005233}[data-theme=light] .diff-hl--added{background:#47750033}.diff-match{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9375rem;display:flex}.diff-match__icon{color:var(--lime);font-size:1.1rem;font-weight:700}@media (width<=768px){.diff-inputs,.diff-split{grid-template-columns:1fr}.diff-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.diff-pane__editor{min-height:150px}}.b64-tool{gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.b64-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.b64-toolbar__tabs{background:var(--bg-raised);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);gap:2px;padding:3px;display:flex}.b64-toolbar__tab{color:var(--text-secondary);border-radius:4px;padding:8px 16px;font-size:.8125rem;font-weight:500;transition:all .2s}.b64-toolbar__tab:hover{color:var(--text-primary)}.b64-toolbar__tab--active{background:var(--amber-dim);color:var(--amber)}.b64-toolbar__controls{align-items:center;gap:var(--space-sm);display:flex}.b64-toolbar__btn,.b64-toolbar__file-btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);cursor:pointer;padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .2s}.b64-toolbar__btn:hover,.b64-toolbar__file-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.b64-panes{gap:var(--space-md);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.b64-pane{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.b64-pane__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.b64-pane__meta{font-family:var(--font-mono);color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:.75rem;font-weight:400}.b64-pane__copy{text-transform:uppercase;letter-spacing:.06em;color:var(--amber);border-radius:3px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.b64-pane__copy:hover:not(:disabled){background:var(--amber-dim)}.b64-pane__copy:disabled{opacity:.5;cursor:default}.b64-pane__editor{padding:var(--space-md);font-family:var(--font-mono);background:var(--bg-base);tab-size:2;white-space:pre-wrap;word-break:break-all;border:none;border-radius:0;flex:1;font-size:.8125rem;line-height:1.65;overflow:auto}.b64-pane__editor--output{color:var(--text-primary);cursor:default}.b64-error{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--magenta);background:#ff008014;border:1px solid #ff008033;font-size:.8125rem;display:flex}.b64-error__icon{font-weight:700}@media (width<=768px){.b64-panes{grid-template-columns:1fr}.b64-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.b64-pane__editor{min-height:150px}}.beau-tool{gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.beau-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.beau-toolbar__tabs{background:var(--bg-raised);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);gap:2px;padding:3px;display:flex}.beau-toolbar__tab{color:var(--text-secondary);border-radius:4px;padding:8px 16px;font-size:.8125rem;font-weight:500;transition:all .2s}.beau-toolbar__tab:hover{color:var(--text-primary)}.beau-toolbar__tab--active{background:var(--lime-dim);color:var(--lime)}.beau-toolbar__controls{align-items:center;gap:var(--space-sm);display:flex}.beau-toolbar__lang{align-items:center;gap:4px;display:flex;position:relative}.beau-toolbar__lang select{font-family:var(--font-mono);background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;outline:none;padding:6px 10px;font-size:.75rem}.beau-toolbar__auto{text-transform:uppercase;letter-spacing:.08em;color:var(--lime);background:var(--lime-dim);border-radius:3px;padding:1px 5px;font-size:.6875rem;font-weight:700}.beau-toolbar__indent{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;display:flex}.beau-toolbar__indent select{font-family:var(--font-mono);background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;outline:none;padding:6px 10px;font-size:.75rem}.beau-toolbar__btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .2s}.beau-toolbar__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.beau-panes{gap:var(--space-md);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.beau-pane{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.beau-pane__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.beau-pane__meta{font-family:var(--font-mono);color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:.75rem;font-weight:400}.beau-pane__spinner{font-family:var(--font-mono);color:var(--lime);margin-left:4px;animation:1s ease-in-out infinite pulse-glow}.beau-pane__copy{text-transform:uppercase;letter-spacing:.06em;color:var(--lime);border-radius:3px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.beau-pane__copy:hover:not(:disabled){background:var(--lime-dim)}.beau-pane__copy:disabled{opacity:.5;cursor:default}.beau-pane__editor{padding:var(--space-md);font-family:var(--font-mono);background:var(--bg-base);tab-size:2;white-space:pre;border:none;border-radius:0;flex:1;font-size:.8125rem;line-height:1.65;overflow:auto}.beau-pane__editor--output{color:var(--text-primary);cursor:default}.beau-error{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--magenta);background:#ff008014;border:1px solid #ff008033;font-size:.8125rem;display:flex}.beau-error__icon{font-weight:700}@media (width<=768px){.beau-panes{grid-template-columns:1fr}.beau-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.beau-pane__editor{min-height:150px}}.rx-tool{gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.rx-pattern{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);align-items:center;gap:2px;display:flex}.rx-pattern__slash{color:var(--violet);-webkit-user-select:none;user-select:none;font-size:1.125rem;font-weight:600}.rx-pattern__input{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em;background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.rx-pattern__input::placeholder{color:var(--text-muted)}.rx-pattern__flags{color:var(--violet);min-width:2ch;font-size:.875rem;font-weight:600}.rx-flags{flex-wrap:wrap;gap:4px;display:flex}.rx-flags__btn{font-family:var(--font-mono);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);background:var(--bg-raised);border:1px solid var(--border-subtle);justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.rx-flags__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.rx-flags__btn--active{background:var(--violet-dim);color:var(--violet);border-color:var(--violet)}.rx-error{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--magenta);background:#ff008014;border:1px solid #ff008033;font-size:.8125rem;display:flex}.rx-error__icon{font-weight:700}.rx-main{gap:var(--space-md);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.rx-pane{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.rx-pane__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.rx-pane__meta{font-family:var(--font-mono);color:var(--violet);text-transform:none;letter-spacing:0;font-size:.75rem;font-weight:600}.rx-pane__editor{padding:var(--space-md);font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;background:var(--bg-base);color:var(--text-primary);resize:none;border:none;border-radius:0;outline:none;flex:1;margin:0;font-size:.8125rem;line-height:1.65}.rx-pane__rendered{padding:var(--space-md);font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary);background:var(--bg-base);flex:1;font-size:.8125rem;line-height:1.65;overflow-y:auto}.rx-pane__rendered--empty{color:var(--text-muted)}.rx-hl{background:var(--violet-dim);color:var(--violet);-webkit-text-fill-color:var(--violet);border-radius:2px;padding:0 1px}.rx-matches-bar{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.rx-matches-bar__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.rx-matches{padding:var(--space-sm);gap:var(--space-sm);display:flex;overflow-x:auto}.rx-matches__empty{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:.8125rem}.rx-match{padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-shrink:0}.rx-match__header{align-items:center;gap:var(--space-sm);margin-bottom:4px;display:flex}.rx-match__idx{font-family:var(--font-mono);color:var(--violet);font-size:.75rem;font-weight:700}.rx-match__pos{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.rx-match__text{font-family:var(--font-mono);background:var(--violet-dim);color:var(--violet);word-break:break-all;border-radius:3px;padding:2px 6px;font-size:.8125rem;display:inline-block}.rx-match__groups{padding-left:var(--space-md);border-left:2px solid var(--border-subtle);margin-top:6px}.rx-match__group{align-items:center;gap:var(--space-sm);padding:2px 0;font-size:.75rem;display:flex}.rx-match__group-name{font-family:var(--font-mono);color:var(--text-secondary);font-weight:600}.rx-match__group-name:after{content:":"}.rx-match__group-val{font-family:var(--font-mono);color:var(--violet)}@media (width<=768px){.rx-main{grid-template-columns:1fr}.rx-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.rx-pane__editor,.rx-pane__rendered{min-height:150px}}.url-tool{gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.url-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.url-toolbar__tabs{background:var(--bg-raised);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);gap:2px;padding:3px;display:flex}.url-toolbar__tab{color:var(--text-secondary);border-radius:4px;padding:8px 16px;font-size:.8125rem;font-weight:500;transition:all .2s}.url-toolbar__tab:hover{color:var(--text-primary)}.url-toolbar__tab--active{background:var(--teal-dim);color:var(--teal)}.url-toolbar__controls{align-items:center;gap:var(--space-sm);display:flex}.url-toolbar__scope{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;display:flex}.url-toolbar__scope select{font-family:var(--font-mono);background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;outline:none;padding:6px 10px;font-size:.75rem}.url-toolbar__btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .2s}.url-toolbar__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.url-panes{gap:var(--space-md);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.url-pane{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.url-pane__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.url-pane__meta{font-family:var(--font-mono);color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:.75rem;font-weight:400}.url-pane__copy{text-transform:uppercase;letter-spacing:.06em;color:var(--teal);border-radius:3px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.url-pane__copy:hover:not(:disabled){background:var(--teal-dim)}.url-pane__copy:disabled{opacity:.5;cursor:default}.url-pane__copy--done{color:var(--lime)!important}.url-pane__editor{padding:var(--space-md);font-family:var(--font-mono);background:var(--bg-base);tab-size:2;white-space:pre-wrap;word-break:break-all;border:none;border-radius:0;flex:1;font-size:.8125rem;line-height:1.65;overflow:auto}.url-pane__editor--output{color:var(--teal)}.url-params{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.url-params__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.url-params__table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.8125rem}.url-params__table th{text-align:left;padding:var(--space-sm) var(--space-md);color:var(--text-muted);border-bottom:1px solid var(--border-subtle);font-size:.75rem;font-weight:600}.url-params__table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);word-break:break-all}.url-params__table tr:last-child td{border-bottom:none}.url-params__key{color:var(--teal);font-weight:600}.url-params__val{color:var(--text-primary)}.url-error{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--magenta);background:#ff008014;border:1px solid #ff008033;font-size:.8125rem;display:flex}.url-error__icon{font-weight:700}@media (width<=768px){.url-panes{grid-template-columns:1fr}.url-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.url-pane__editor{min-height:150px}}.jwt-tool{gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.jwt-input{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.jwt-input__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.jwt-input__controls{gap:var(--space-sm);display:flex}.jwt-input__btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .2s}.jwt-input__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.jwt-input__editor{padding:var(--space-md);font-family:var(--font-mono);background:var(--bg-base);resize:vertical;word-break:break-all;border:none;border-radius:0;min-height:80px;font-size:.8125rem;line-height:1.65}.jwt-error{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--magenta);background:#ff008014;border:1px solid #ff008033;font-size:.8125rem;display:flex}.jwt-error__icon{font-weight:700}.jwt-sections{gap:var(--space-md);flex:1;grid-template-columns:1fr 1fr 1fr;min-height:0;display:grid}.jwt-section{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.jwt-section__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.jwt-section__header--header{color:var(--rose)}.jwt-section__header--payload{color:var(--teal)}.jwt-section__header--signature{color:var(--violet)}.jwt-section__body{padding:var(--space-md);font-family:var(--font-mono);background:var(--bg-base);white-space:pre-wrap;word-break:break-all;flex:1;font-size:.8125rem;line-height:1.65;overflow:auto}.jwt-section__copy{text-transform:uppercase;letter-spacing:.06em;color:var(--rose);border-radius:3px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.jwt-section__copy:hover{background:var(--rose-dim)}.jwt-section__copy--done{color:var(--lime)!important}.jwt-claims{border-collapse:collapse;width:100%}.jwt-claims td{vertical-align:top;padding:4px 0}.jwt-claims__key{color:var(--rose);padding-right:var(--space-md);white-space:nowrap;font-weight:600}.jwt-claims__val{color:var(--text-primary);word-break:break-all}.jwt-claims__val--expired{color:var(--magenta);font-weight:700}.jwt-claims__val--valid{color:var(--lime)}.jwt-claims__sub{color:var(--text-muted);font-size:.75rem;font-weight:400;display:block}.jwt-sig-raw{color:var(--violet);word-break:break-all}@media (width<=768px){.jwt-sections{grid-template-columns:1fr}.jwt-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}}input.range-slider{--range-color:var(--cyan);appearance:none;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;min-width:0;height:32px;margin:0;padding:0;display:block}input.range-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--range-color) 0 var(--range-fill), var(--bg-overlay) var(--range-fill) 100%);border-radius:3px;height:6px}input.range-slider::-moz-range-track{background:linear-gradient(to right, var(--range-color) 0 var(--range-fill), var(--bg-overlay) var(--range-fill) 100%);border-radius:3px;height:6px}input.range-slider::-moz-range-progress{background:0 0}input.range-slider::-webkit-slider-thumb{appearance:none;background:var(--range-color);border:0;border-radius:50%;width:16px;height:16px;margin-top:-5px}input.range-slider::-moz-range-thumb{background:var(--range-color);border:0;border-radius:50%;width:16px;height:16px}input.range-slider:focus-visible{outline:2px solid var(--range-color);outline-offset:3px;box-shadow:none}input.range-slider:disabled{cursor:not-allowed}.clr-tool{gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.clr-input-row{gap:var(--space-md);align-items:stretch;display:flex}.clr-input{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;flex:1;display:flex;overflow:hidden}.clr-input__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.clr-input__controls{gap:var(--space-sm);display:flex}.clr-input__btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .2s}.clr-input__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.clr-input__field{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-base);display:flex}.clr-input__text{font-family:var(--font-mono);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.clr-input__text::placeholder{color:var(--text-muted)}.clr-input__picker{border:2px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background:0 0;width:40px;height:40px;padding:0}.clr-input__picker::-webkit-color-swatch-wrapper{padding:0}.clr-input__picker::-webkit-color-swatch{border:none;border-radius:4px}.clr-formats{gap:var(--space-md);flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));min-height:0;display:grid}.clr-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.clr-card__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.clr-card__copy{text-transform:uppercase;letter-spacing:.06em;color:var(--orange);border-radius:3px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.clr-card__copy:hover:not(:disabled){background:var(--orange-dim)}.clr-card__copy:disabled{opacity:.5;cursor:default}.clr-card__copy--done{color:var(--lime)!important}.clr-card__value{padding:var(--space-md);font-family:var(--font-mono);color:var(--orange);background:var(--bg-base);word-break:break-all;flex:1;align-items:center;font-size:1rem;line-height:1.65;display:flex}.clr-sliders{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.clr-sliders__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);font-size:.75rem;font-weight:600}.clr-slider-row{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);display:flex}.clr-slider-row:last-child{border-bottom:none}.clr-slider-row__label{font-family:var(--font-mono);color:var(--text-muted);text-align:center;width:16px;font-size:.75rem;font-weight:600}input.clr-slider-row__input{--range-color:var(--orange);flex:1}.clr-slider-row__val{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;width:36px;font-size:.75rem}.clr-empty{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:.8125rem;display:flex}@media (width<=768px){.clr-input-row{flex-direction:column}.clr-formats{grid-template-columns:1fr}.clr-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}}.lorem-tool{gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.lorem-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.lorem-toolbar__tabs{background:var(--bg-raised);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);gap:2px;padding:3px;display:flex}.lorem-toolbar__tab{color:var(--text-secondary);border-radius:4px;padding:8px 16px;font-size:.8125rem;font-weight:500;transition:all .2s}.lorem-toolbar__tab:hover{color:var(--text-primary)}.lorem-toolbar__tab--active{background:var(--sky-dim);color:var(--sky)}.lorem-toolbar__options{align-items:center;gap:var(--space-sm);display:flex}.lorem-toolbar__select{border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;font-family:var(--font-body);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);cursor:pointer;padding:8px 12px;transition:all .2s}.lorem-toolbar__select:hover{color:var(--text-primary);border-color:var(--border-medium)}.lorem-toolbar__count{border-radius:var(--radius-sm);width:64px;font-size:.8125rem;font-family:var(--font-mono);text-align:center;background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-primary);padding:8px 10px}.lorem-toolbar__btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .2s}.lorem-toolbar__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.lorem-toolbar__btn--generate{background:var(--sky-dim);color:var(--sky);border-color:#0000}.lorem-toolbar__btn--generate:hover{box-shadow:0 0 12px var(--sky-glow)}.lorem-output{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.lorem-output__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.lorem-output__meta{align-items:center;gap:var(--space-md);display:flex}.lorem-output__stats{font-family:var(--font-mono);color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:.75rem;font-weight:400}.lorem-output__copy{text-transform:uppercase;letter-spacing:.06em;color:var(--sky);border-radius:3px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.lorem-output__copy:hover:not(:disabled){background:var(--sky-dim)}.lorem-output__copy:disabled{opacity:.5;cursor:default}.lorem-output__editor{padding:var(--space-md);font-family:var(--font-body);background:var(--bg-base);white-space:pre-wrap;border:none;border-radius:0;flex:1;font-size:.875rem;line-height:1.7;overflow:auto}@media (width<=768px){.lorem-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.lorem-toolbar{flex-direction:column;align-items:stretch}.lorem-toolbar__options{flex-wrap:wrap}.lorem-output__editor{min-height:200px}}.hash-tool{gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.hash-input{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.hash-input__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.hash-input__controls{gap:var(--space-sm);display:flex}.hash-input__btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .2s}.hash-input__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.hash-input__editor{padding:var(--space-md);font-family:var(--font-mono);background:var(--bg-base);border:none;border-radius:0;flex:1;min-height:180px;font-size:.8125rem;line-height:1.65;overflow:auto}.hash-results{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.hash-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.hash-card__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.hash-card__copy{text-transform:uppercase;letter-spacing:.06em;color:var(--coral);border-radius:3px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.hash-card__copy:hover:not(:disabled){background:var(--coral-dim)}.hash-card__copy:disabled{opacity:.5;cursor:default}.hash-card__copy--done{color:var(--emerald)}.hash-card__value{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;align-items:center;min-height:44px;font-size:.75rem;line-height:1.6;display:flex}@media (width<=768px){.hash-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.hash-input__editor{min-height:120px}.hash-results{grid-template-columns:1fr}}.uuid-tool{gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.uuid-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.uuid-toolbar__group{align-items:center;gap:var(--space-md);display:flex}.uuid-toolbar__label{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.8125rem;font-weight:500;display:flex}.uuid-toolbar__count{border-radius:var(--radius-sm);width:64px;font-size:.8125rem;font-family:var(--font-mono);text-align:center;background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-primary);padding:8px 10px}.uuid-toolbar__checkbox{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;display:flex}.uuid-toolbar__checkbox input[type=checkbox]{accent-color:var(--emerald);width:16px;height:16px}.uuid-toolbar__actions{gap:var(--space-sm);display:flex}.uuid-toolbar__btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .2s}.uuid-toolbar__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.uuid-toolbar__btn--generate{background:var(--emerald-dim);color:var(--emerald);border-color:#0000}.uuid-toolbar__btn--generate:hover{box-shadow:0 0 12px var(--emerald-glow)}.uuid-output{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.uuid-output__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.uuid-output__copy{text-transform:uppercase;letter-spacing:.06em;color:var(--emerald);border-radius:3px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.uuid-output__copy:hover:not(:disabled){background:var(--emerald-dim)}.uuid-output__copy:disabled{opacity:.5;cursor:default}.uuid-output__list{padding:var(--space-sm);flex:1;overflow-y:auto}.uuid-output__item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;transition:background .15s;display:flex}.uuid-output__item:hover{background:var(--bg-surface)}.uuid-output__value{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em;font-size:.8125rem}.uuid-output__item-copy{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);opacity:0;border-radius:3px;padding:4px 8px;font-size:.6875rem;font-weight:600;transition:all .2s}.uuid-output__item:hover .uuid-output__item-copy{opacity:1}.uuid-output__item-copy:hover{color:var(--emerald);background:var(--emerald-dim)}.uuid-output__empty{color:var(--text-muted);padding:var(--space-xl);flex:1;place-items:center;font-size:.875rem;display:grid}@media (width<=768px){.uuid-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.uuid-toolbar{flex-direction:column;align-items:stretch}.uuid-toolbar__group{flex-wrap:wrap}}.ts-tool{gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.ts-input{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.ts-input__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.ts-input__controls{gap:var(--space-sm);display:flex}.ts-input__btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .2s}.ts-input__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.ts-input__btn--now{background:var(--gold-dim);color:var(--gold);border-color:#0000}.ts-input__field{padding:var(--space-md);font-family:var(--font-mono);background:var(--bg-base);border:none;border-radius:0;font-size:.875rem}.ts-results{gap:var(--space-md);flex:1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-content:start;display:grid}.ts-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.ts-card__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.ts-card__copy{text-transform:uppercase;letter-spacing:.06em;color:var(--gold);border-radius:3px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.ts-card__copy:hover{background:var(--gold-dim)}.ts-card__copy--done{color:var(--emerald)}.ts-card__value{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;align-items:center;min-height:44px;font-size:.8125rem;line-height:1.6;display:flex}.ts-empty{color:var(--text-muted);padding:var(--space-xl);flex:1;place-items:center;font-size:.875rem;display:grid}@media (width<=768px){.ts-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.ts-results{grid-template-columns:1fr}.ts-clock__value{font-size:1.125rem}}.nc-tool{gap:var(--space-lg);padding-bottom:var(--space-2xl);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.nc-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 var(--space-sm);font-size:.75rem;font-weight:700}.nc-input-row{gap:var(--space-sm);flex-wrap:wrap;align-items:flex-end;display:flex}.nc-input-field{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.nc-input-field__label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding-left:2px;font-size:.7rem;font-weight:600}.nc-input-field__input{padding:10px var(--space-md);font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);outline:none;font-size:1.05rem;transition:border-color .2s,box-shadow .2s}.nc-input-field__input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-dim)}.nc-input-field__input--error{box-shadow:0 0 0 3px var(--rose-dim);border-color:var(--rose)!important}.nc-prefix-wrap{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.nc-prefix-select-wrap{align-items:center;display:flex;position:relative}.nc-prefix-select{appearance:none;padding:10px 36px 10px var(--space-md);font-family:var(--font-mono);color:var(--indigo);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;outline:none;min-width:90px;font-size:1.05rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.nc-prefix-select:focus{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-dim)}.nc-prefix-chevron{pointer-events:none;color:var(--text-muted);position:absolute;right:10px}.nc-clear-btn{padding:10px var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);white-space:nowrap;flex-shrink:0;align-self:flex-end;font-size:.8125rem;font-weight:500;transition:all .2s}.nc-clear-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.nc-copy-cidr-btn{padding:10px var(--space-md);border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;font-family:var(--font-mono);color:var(--indigo);background:var(--indigo-dim);border:1px solid var(--indigo-dim);white-space:nowrap;flex-shrink:0;align-self:flex-end;align-items:center;gap:7px;transition:all .2s;display:flex}.nc-copy-cidr-btn:hover{background:var(--indigo-glow);border-color:var(--indigo)}.nc-icon-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:inline-flex}.nc-icon-btn:hover{color:var(--indigo);background:var(--indigo-dim)}.nc-icon-btn--sm{padding:2px}.nc-error{color:var(--rose);background:var(--rose-dim);border:1px solid var(--rose-dim);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:.875rem}.nc-stats-row{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.nc-stat{padding:var(--space-md);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:4px;display:flex}.nc-stat__label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.7rem;font-weight:600}.nc-stat__value{font-family:var(--font-mono);color:var(--indigo);word-break:break-all;font-size:1.1rem;font-weight:700}.nc-stat__sub{color:var(--text-muted);font-size:.7rem}.nc-main-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=900px){.nc-main-grid{grid-template-columns:minmax(0,1fr)}}.nc-details{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.nc-detail__rows{flex-direction:column;display:flex}.nc-detail__row{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:7px var(--space-sm);border-radius:var(--radius-sm);border-bottom:1px solid var(--border-subtle);transition:background .15s;display:flex}.nc-detail__row:last-child{border-bottom:none}.nc-detail__row:hover{background:var(--bg-surface)}.nc-detail__row--highlight{background:var(--indigo-dim)}.nc-detail__row--highlight:hover{background:var(--indigo-glow)}.nc-detail__label{color:var(--text-muted);white-space:nowrap;flex-shrink:0;min-width:130px;font-size:.78rem;font-weight:500}.nc-detail__value{align-items:center;gap:6px;min-width:0;display:flex}.nc-detail__mono{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-size:.875rem}.nc-parents{gap:var(--space-sm);padding-top:var(--space-xs);flex-direction:column;display:flex}.nc-parents__title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.7rem;font-weight:600}.nc-parents__list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.nc-parents__chip{font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;transition:all .15s;display:flex}.nc-parents__chip:hover{color:var(--indigo);background:var(--indigo-dim);border-color:var(--indigo-dim)}.nc-binary{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md);overflow:hidden}.nc-bin__legend{gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.nc-bin__legend-net{color:var(--indigo);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.nc-bin__legend-host{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.nc-bin__rows{margin-bottom:var(--space-md);flex-direction:column;gap:4px;display:flex;overflow-x:auto}@media (width<=700px){.nc-input-field{flex-basis:100%;min-width:0}.nc-input-field__input{width:100%}.nc-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.nc-bin__row{align-items:center;gap:var(--space-sm);padding:5px var(--space-sm);border-radius:var(--radius-sm);grid-template-columns:90px 1fr auto;transition:background .15s;display:grid}.nc-bin__row:hover{background:var(--bg-surface)}.nc-bin__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);flex-shrink:0;font-size:.7rem;font-weight:600}.nc-bin__value{font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;font-size:.78rem;overflow-x:auto}.nc-bin__dot{color:var(--border-medium)}.nc-bin__bit--net{color:var(--indigo);font-weight:700}.nc-bin__bit--host{color:var(--text-muted)}.nc-bin__ruler{height:24px;margin:0 var(--space-sm);position:relative}.nc-bin__ruler-mark{color:var(--text-muted);font-size:.6rem;position:absolute;top:8px;transform:translate(-50%)}.nc-bin__ruler-mark--net{color:var(--indigo)}.nc-bin__ruler-boundary{background:var(--indigo);opacity:.7;border-radius:1px;width:2px;height:100%;position:absolute;top:0;transform:translate(-1px)}.nc-cloud-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=700px){.nc-cloud-row{grid-template-columns:1fr}}.nc-cloud-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.nc-cloud-card__header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.nc-cloud-card__provider{font-family:var(--font-display);letter-spacing:.04em;font-size:.875rem;font-weight:700}.nc-cloud-card--aws .nc-cloud-card__provider{color:#f90}.nc-cloud-card--azure .nc-cloud-card__provider{color:#0078d4}.nc-cloud-card__badge{border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:600}.nc-cloud-card__badge--ok{color:var(--emerald);background:var(--emerald-dim)}.nc-cloud-card__badge--warn{color:var(--rose);background:var(--rose-dim)}.nc-cloud-card__body{padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.nc-cloud-card__stat{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.nc-cloud-card__stat span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.nc-cloud-card__stat strong{font-family:var(--font-mono);color:var(--indigo);font-size:1.35rem;font-weight:700}.nc-cloud-card__reserved-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;font-size:.7rem;font-weight:600;display:block}.nc-cloud-card__reserved ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.nc-cloud-card__reserved li{color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;display:flex}.nc-cloud-card__reserved code{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-overlay);border-radius:var(--radius-sm);padding:1px 5px;font-size:.75rem}.nc-cloud-card__note{color:var(--text-muted);font-size:.7rem;line-height:1.5;font-family:var(--font-mono);word-break:break-all;margin:4px 0 0;display:none}.nc-cloud-card__limits{color:var(--text-muted);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle);font-size:.75rem}.nc-splitter{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.nc-splitter__header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.nc-splitter__header .nc-section-title{margin:0}.nc-splitter__controls{align-items:center;gap:var(--space-sm);display:flex}.nc-splitter__label{color:var(--text-secondary);white-space:nowrap;font-size:.8125rem;font-weight:500}.nc-subnet-scroll{border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow-x:auto}.nc-subnet-table{border-collapse:collapse;width:100%;font-size:.8125rem;font-family:var(--font-mono);white-space:nowrap}.nc-subnet-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:8px 12px;font-size:.68rem;font-weight:700}.nc-subnet-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:7px 12px}.nc-subnet-table tr:last-child td{border-bottom:none}.nc-subnet-table tr:hover td{background:var(--bg-surface);color:var(--text-primary)}.nc-subnet-table__num{width:40px;color:var(--text-muted)!important}.nc-subnet-table__cidr{color:var(--indigo);font-weight:600}.lc-tool{gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);flex-direction:column;animation:.4s ease-out both fadeInUp;display:flex}.lc-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.lc-toolbar__left{align-items:center;gap:var(--space-sm);display:flex}.lc-toolbar__title{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.875rem;font-weight:700}.lc-toolbar__right{align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-width:0;display:flex}@media (width<=900px){.lc-toolbar__right{width:100%}}.lc-format-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:700}.lc-format-badge--azure{color:var(--sky);background:var(--sky-dim);border:1px solid var(--sky-dim)}.lc-format-badge--github{color:var(--violet);background:var(--violet-dim);border:1px solid var(--violet-dim)}.lc-format-badge--unknown{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-subtle)}.lc-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.lc-toggle__check{opacity:0;width:0;height:0;position:absolute}.lc-toggle__pill{background:var(--bg-overlay);border:1px solid var(--border-medium);border-radius:999px;flex-shrink:0;width:28px;height:16px;transition:background .2s,border-color .2s;position:relative}.lc-toggle__pill:after{content:"";background:var(--text-muted);border-radius:50%;width:10px;height:10px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.lc-toggle__pill--on{background:var(--rose-dim);border-color:var(--rose)}.lc-toggle__pill--on:after{background:var(--rose);transform:translate(12px)}.lc-toggle__label{color:var(--text-secondary);white-space:nowrap;font-size:.78rem;font-weight:500}.lc-toggle:hover .lc-toggle__label{color:var(--text-primary)}.lc-panes{gap:var(--space-md);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}@media (width<=768px){.lc-panes{grid-template-columns:1fr}}.lc-pane{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;min-height:0;display:flex;overflow:hidden}.lc-pane__header{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.lc-pane__actions{gap:6px;display:flex}.lc-pane__footer{gap:var(--space-md);padding:6px var(--space-md);font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-surface);border-top:1px solid var(--border-subtle);flex-shrink:0;display:flex}.lc-pane__editor{padding:var(--space-md);font-family:var(--font-mono);background:var(--bg-base);color:var(--text-primary);resize:none;white-space:pre;border:none;border-radius:0;outline:none;flex:1;min-height:0;font-size:.8125rem;line-height:1.65;overflow:auto}.lc-pane__editor::placeholder{color:var(--text-muted);font-family:var(--font-mono);white-space:pre-line}.lc-pane__editor--output{color:var(--text-secondary)}.lc-btn{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);cursor:pointer;align-items:center;gap:5px;padding:5px 10px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.lc-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-medium)}.lc-btn:disabled{opacity:.4;cursor:not-allowed}.lc-btn--accent{color:var(--rose);background:var(--rose-dim);border-color:var(--rose-dim)}.lc-btn--accent:hover:not(:disabled){background:var(--rose-glow);border-color:var(--rose);color:var(--rose)}.lc-btn--done{color:var(--lime)!important;background:var(--lime-dim)!important;border-color:var(--lime-dim)!important}.lc-warn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--amber-dim);border:1px solid var(--amber-dim);border-radius:var(--radius-md);color:var(--amber);flex-shrink:0;font-size:.8125rem;display:flex}.image-tool{width:100%}.image-tool__heading{margin:8px 0 24px}.image-tool__heading h1{margin-top:4px;font-size:clamp(1.8rem,4vw,2.6rem)}.image-tool__heading p:last-child{color:var(--text-muted);margin-top:5px;font-size:.84rem}.image-tool__reset{color:var(--text-secondary);border:1px solid var(--border-medium);background:var(--bg-base);border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.image-tool__reset:hover{color:var(--cyan);border-color:var(--cyan)}.image-dropzone{width:100%;min-height:390px;color:var(--text-secondary);border:2px dashed var(--border-medium);background:var(--bg-raised);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:all .2s;display:flex}.image-dropzone:hover,.image-dropzone--dragging{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-dim)}.image-dropzone__icon{background:var(--cyan-dim);border-radius:50%;place-items:center;width:62px;height:62px;margin-bottom:5px;display:grid}.image-dropzone span:last-child{color:var(--text-muted);font-size:.78rem}.image-workspace{width:100%}.image-settings{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;padding:26px 28px;display:grid}.image-settings__file{border-bottom:1px solid var(--border-subtle);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:20px;display:grid}.image-settings__file svg{color:var(--cyan);flex-shrink:0}.image-settings__file>div{flex-direction:column;min-width:0;display:flex}.image-settings__file strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.image-settings__file span{color:var(--text-muted);font-size:.7rem}.image-settings label{color:var(--text-secondary);flex-direction:column;gap:7px;font-size:.76rem;display:flex}.image-settings label span{justify-content:space-between;display:flex}.image-settings select,.image-settings input[type=number]{width:100%;color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-medium);border-radius:6px;padding:9px 10px}.image-settings__disabled{opacity:.45}.image-settings__dimensions{grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;display:grid}.image-settings__dimensions>span{color:var(--text-muted);padding-bottom:8px}.image-settings__compress{color:#fff;background:var(--cyan);border-radius:6px;grid-column:1/-1;justify-self:end;min-width:220px;padding:12px 14px;font-weight:700}.image-settings__compress:disabled{cursor:wait;opacity:.65}.image-result-summary{border-top:1px solid var(--border-subtle);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;padding-top:20px;display:grid}.image-result-summary>div{color:var(--text-muted);background:var(--bg-base);border-radius:6px;flex-direction:column;gap:4px;padding:9px 12px;font-size:.72rem;display:flex}.image-result-summary strong{color:var(--text-primary)}.image-result-summary .is-good{color:var(--cyan)}.image-result-summary a{min-width:128px;color:var(--cyan);background:var(--cyan-dim);border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:.8rem;font-weight:700;display:flex}.image-tool__error{color:#b42318;background:#fff1f0;border:1px solid #ffccc7;border-radius:6px;width:100%;margin:14px 0 0;padding:10px 13px;font-size:.8rem}.image-batch{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:10px;margin-top:20px;padding:22px 28px}.image-batch h2{margin:0 0 14px;font-size:1rem}.image-batch__list{gap:8px;display:grid}.image-batch__row{background:var(--bg-base);border:1px solid var(--border-subtle);min-height:58px;color:var(--text-secondary);border-radius:6px;grid-template-columns:minmax(180px,2fr) minmax(90px,.7fr) minmax(130px,1fr) auto;align-items:center;gap:14px;padding:10px 14px;font-size:.8rem;display:grid}.image-batch__name{flex-direction:column;min-width:0;display:flex}.image-batch__name strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);overflow:hidden}.image-batch__name span,.image-batch__pending{color:var(--text-muted)}.image-batch__row a{color:var(--cyan);background:var(--cyan-dim);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:700;display:inline-flex}.image-batch__summary{border-top:1px solid var(--border-subtle);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:18px;display:flex}.image-batch__summary button{background:var(--cyan);color:#fff;border-radius:6px;align-items:center;gap:7px;padding:10px 16px;font-weight:700;display:inline-flex}.image-batch__summary button:disabled{opacity:.6;cursor:wait}@media (width<=700px){.image-batch{padding:18px}.image-batch__row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.image-batch__name{grid-column:1/-1}.image-batch__summary button{justify-content:center;width:100%}}@media (width<=1000px){.image-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.image-settings__dimensions{grid-column:1/-1}}@media (width<=700px){.image-settings{grid-template-columns:1fr;padding:20px}.image-settings__file,.image-settings__dimensions,.image-settings__compress,.image-result-summary{grid-column:1}.image-result-summary{grid-template-columns:1fr}.image-settings__file{grid-template-columns:auto minmax(0,1fr)}.image-settings__file .image-tool__reset{grid-column:1/-1;justify-content:center}.image-settings__compress{justify-self:stretch}}.image-converter__panel,.image-converter__queue{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:10px;padding:24px}.image-converter__options{border:0;grid-template-columns:220px minmax(220px,1fr) 180px;align-items:center;gap:28px;margin:0;padding:0;display:grid}.image-converter__options label{color:var(--text-secondary);flex-direction:column;gap:10px;font-size:.9rem;display:flex}.image-converter__options label>span{justify-content:space-between;gap:16px;display:flex}.image-converter__options select,.image-converter__options input[type=color]{border:1px solid var(--border-medium);background:var(--bg-base);width:100%;height:40px;color:var(--text-primary);font:inherit;border-radius:6px;padding:6px 10px}.image-converter__options:disabled{opacity:.6}.image-converter__note{color:var(--text-muted);margin:16px 0;font-size:.8rem;line-height:1.7}.image-converter__drop{text-align:center;border:2px dashed var(--border-medium);background:var(--bg-base);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:240px;padding:24px;display:flex}.image-converter__drop>svg{color:var(--cyan)}.image-converter__drop>span{color:var(--text-muted);font-size:.85rem}.image-converter__drop.is-dragging{border-color:var(--cyan);background:var(--cyan-dim)}.image-converter__drop>div,.image-converter__actions>div,.image-converter__row>div:last-child{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.image-converter button,.image-converter__row a{border:1px solid var(--border-medium);background:var(--bg-raised);color:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:.9rem;display:inline-flex}.image-converter button:disabled{opacity:.5}.image-converter__drop button:first-child,.image-converter button.image-converter__primary{background:var(--cyan);color:#fff;border-color:var(--cyan)}.image-converter__queue{margin-top:20px}.image-converter__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.image-converter__list{gap:10px;display:grid}.image-converter__row{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:6px;grid-template-columns:minmax(0,1fr) minmax(140px,.4fr) auto;align-items:center;gap:20px;padding:14px 18px;font-size:.85rem;display:grid}.image-converter__name{flex-direction:column;gap:6px;min-width:0;display:flex}.image-converter__name strong{overflow-wrap:anywhere}.image-converter__name span{color:var(--text-muted)}.image-converter__row a{color:var(--cyan);background:var(--cyan-dim);text-decoration:none}.image-converter__failure{color:#b42318}@media (width<=800px){.image-converter__options{grid-template-columns:1fr;gap:18px}.image-converter__row{grid-template-columns:1fr auto;gap:12px}.image-converter__name{grid-column:1/-1}.image-converter__panel,.image-converter__queue{padding:18px}}:root,[data-theme=dark]{--bg-deep:#06060c;--bg-base:#0a0a14;--bg-raised:#10101e;--bg-surface:#16162a;--bg-overlay:#1c1c36;--border-subtle:#ffffff0f;--border-medium:#ffffff1f;--topbar-bg:#06060cd9;--text-primary:#e8e8f0;--text-secondary:#8888a8;--text-muted:#7b7b96;--cyan:#00e5ff;--cyan-dim:#00e5ff26;--cyan-glow:#00e5ff59;--magenta:#ff0080;--magenta-dim:#ff008026;--magenta-glow:#ff008059;--amber:#ffab00;--amber-dim:#ffab0026;--amber-glow:#ffab0059;--lime:#af0;--lime-dim:#aaff0026;--lime-glow:#aaff0059;--violet:#b388ff;--violet-dim:#b388ff26;--violet-glow:#b388ff59;--teal:#2dd4bf;--teal-dim:#2dd4bf26;--teal-glow:#2dd4bf59;--rose:#f43f5e;--rose-dim:#f43f5e26;--rose-glow:#f43f5e59;--orange:#ff7043;--orange-dim:#ff704326;--orange-glow:#ff704359;--sky:#38bdf8;--sky-dim:#38bdf826;--sky-glow:#38bdf859;--coral:#fb7185;--coral-dim:#fb718526;--coral-glow:#fb718559;--emerald:#34d399;--emerald-dim:#34d39926;--emerald-glow:#34d39959;--gold:#fbbf24;--gold-dim:#fbbf2426;--gold-glow:#fbbf2459;--indigo:#818cf8;--indigo-dim:#818cf826;--indigo-glow:#818cf859;--font-display:"Microsoft YaHei", "微软雅黑", sans-serif;--font-mono:"Microsoft YaHei", "微软雅黑", sans-serif;--font-body:"Microsoft YaHei", "微软雅黑", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:36px;--space-2xl:56px;--space-3xl:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px}[data-theme=light]{--bg-deep:#f6f7f8;--bg-base:#fff;--bg-raised:#fff;--bg-surface:#f1f3f4;--bg-overlay:#e8ecea;--border-subtle:#42564a1a;--border-medium:#42564a2e;--topbar-bg:#fffffff0;--text-primary:#425247;--text-secondary:#667469;--text-muted:#8a948d;--cyan:#20c997;--cyan-dim:#20c9971c;--cyan-glow:#20c9973d;--magenta:#a30052;--magenta-dim:#a300521a;--magenta-glow:#a3005233;--amber:#a36d00;--amber-dim:#a36d001a;--amber-glow:#a36d0033;--lime:#477500;--lime-dim:#4775001a;--lime-glow:#47750033;--violet:#5c2fd6;--violet-dim:#5c2fd61a;--violet-glow:#5c2fd633;--teal:#0d9488;--teal-dim:#0d94881a;--teal-glow:#0d948833;--rose:#be123c;--rose-dim:#be123c1a;--rose-glow:#be123c33;--orange:#c2410c;--orange-dim:#c2410c1a;--orange-glow:#c2410c33;--sky:#0284c7;--sky-dim:#0284c71a;--sky-glow:#0284c733;--coral:#e11d48;--coral-dim:#e11d481a;--coral-glow:#e11d4833;--emerald:#059669;--emerald-dim:#0596691a;--emerald-glow:#05966933;--gold:#ca8a04;--gold-dim:#ca8a041a;--gold-glow:#ca8a0433;--indigo:#4f46e5;--indigo-dim:#4f46e51a;--indigo-glow:#4f46e533;--noise-opacity:.04}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);min-height:100dvh;line-height:1.6}body:before{content:"";z-index:-1;opacity:var(--noise-opacity,.025);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;position:fixed;inset:0}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}button,select{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}textarea,input{font-family:var(--font-mono);background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);resize:none;outline:none;font-size:.875rem;transition:border-color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}.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}.skip-link{top:-100%;left:var(--space-md);z-index:1000;padding:var(--space-sm) var(--space-md);background:var(--cyan);color:var(--bg-deep);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute}.skip-link:focus{top:var(--space-sm)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}textarea:focus-visible,input:focus-visible,select:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-dim);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}