.tools-hero{padding-top:48px;padding-bottom:24px}@media (width>=768px){.tools-hero{padding-top:80px;padding-bottom:32px}}.tools-nav{top:calc(var(--nav-h) + env(safe-area-inset-top));z-index:30;background:color-mix(in oklab, var(--color-canvas) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-hairline);position:sticky}.tools-nav ul{scrollbar-width:none;gap:4px;padding-block:8px;display:flex;overflow-x:auto}.tools-nav a{white-space:nowrap;min-height:40px;color:var(--color-ink-muted);transition:background-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:9999px;align-items:center;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.tools-nav a:hover,.tools-nav a.is-active{background:var(--color-surface-1);color:var(--color-ink)}.tools-nav li:first-child a{margin-left:-14px}.tools-stack{gap:72px;padding-top:48px;display:grid}@media (width>=768px){.tools-stack{gap:96px;padding-top:64px}}.tool-section{scroll-margin-top:calc(var(--nav-h) + 72px)}.tool-section>.t-lead{max-width:62ch}.tool-panel{background:var(--color-surface-1);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);gap:0;display:grid;overflow:hidden}@media (width>=1024px){.tool-panel{grid-template-columns:5fr 7fr}}.tool-controls{border-bottom:1px solid var(--color-hairline);align-content:start;gap:20px;padding:20px;display:grid}.tool-output{background:var(--color-canvas);min-width:0;padding:20px}@media (width>=1024px){.tool-controls{border-bottom:0;border-right:1px solid var(--color-hairline);padding:28px}.tool-output{padding:28px}}.ctl{gap:8px;min-width:0;display:grid}.ctl-grid{gap:16px;display:grid}.ctl-label{color:var(--color-ink);font-size:14px;font-weight:500}.ctl-hint{color:var(--color-ink-muted);font-size:14px}.field-area{min-height:96px;font-family:var(--font-mono);resize:vertical;padding-block:12px}select.field{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-ink-muted) 50%), linear-gradient(135deg, var(--color-ink-muted) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}.choice{border:0;min-width:0;margin:0;padding:0}.choice .segmented{border-radius:22px;flex-wrap:wrap}.choice .segmented>label{cursor:pointer;font-family:var(--font-mono);flex:1 0 auto}.choice .segmented>label:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.count-row{flex-wrap:wrap;gap:8px;display:flex}.count-input{flex:none;width:104px}.chip{border:1px solid var(--color-hairline-strong);min-width:56px;min-height:48px;font-family:var(--font-mono);color:var(--color-ink-muted);transition:background-color .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out);border-radius:9999px;padding:0 14px;font-size:14px}.chip:hover:not(:disabled){color:var(--color-ink);border-color:#48536b}.chip.is-on{background:var(--color-surface-3);color:var(--color-ink)}.chip:disabled{opacity:.45;cursor:not-allowed}.toggles{gap:4px;margin-top:8px;display:grid}.toggle{cursor:pointer;min-height:44px;color:var(--color-ink);align-items:center;gap:12px;font-size:15px;display:flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle-track{background:var(--color-surface-3);border:1px solid var(--color-hairline-strong);width:40px;height:24px;transition:background-color .2s var(--ease-out);border-radius:9999px;flex:none;position:relative}.toggle-thumb{background:var(--color-ink-muted);width:16px;height:16px;transition:transform .2s var(--ease-out), background-color .2s var(--ease-out);border-radius:9999px;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-track{background:var(--color-accent);border-color:var(--color-accent)}.toggle input:checked+.toggle-track .toggle-thumb{background:var(--color-on-accent);transform:translate(16px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--color-accent);outline-offset:2px}.toggle.is-disabled{opacity:.45;cursor:not-allowed}.out-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.out-actions{flex-wrap:wrap;gap:8px;display:flex}.out-list{border:1px solid var(--color-hairline);border-radius:var(--radius-md);overscroll-behavior:contain;max-height:420px;overflow:auto}.out-list li+li{border-top:1px solid var(--color-hairline)}.out-row{text-align:left;width:100%;min-height:44px;font-size:min(15px, calc((100vw - 2 * var(--gut) - 64px) / 21.6));transition:background-color .16s var(--ease-out);align-items:center;gap:14px;padding:8px 14px;display:flex}.out-row:hover{background:var(--color-surface-1)}.out-row:active{background:var(--color-surface-2)}.out-row:focus-visible{outline-offset:-2px}.out-row .uuid{word-break:break-all}.out-nr{font-family:var(--font-mono);color:var(--color-ink-subtle);flex:none;font-size:12px;display:none}.result-uuid{margin-top:16px;font-size:clamp(14px,4vw,20px)}.badge-bad{color:var(--color-danger);border-color:color-mix(in oklab, var(--color-danger) 35%, transparent);background:color-mix(in oklab, var(--color-danger) 10%, transparent)}.notice{border-radius:var(--radius-md);border:1px solid color-mix(in oklab, var(--color-warning) 35%, transparent);background:color-mix(in oklab, var(--color-warning) 7%, transparent);color:var(--color-ink);margin-top:16px;padding:14px 16px;font-size:15px}.kv{border-top:1px solid var(--color-hairline);margin-top:20px}.kv>div{border-bottom:1px solid var(--color-hairline);gap:4px;padding:12px 0;display:grid}@media (width>=640px){.kv>div{grid-template-columns:160px 1fr;gap:16px}}.kv dt{color:var(--color-ink-muted);font-size:14px}.kv dd{min-width:0;color:var(--color-ink);overflow-wrap:anywhere}.kv-sub{color:var(--color-ink-muted);margin-top:2px;font-size:14px;display:block}.conv-list{display:grid}.conv-row{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.conv-row:first-child{padding-top:0}.conv-label{color:var(--color-ink-muted);font-size:13px}.conv-value{color:var(--color-ink);overflow-wrap:anywhere;margin-top:2px;font-size:14px}.alt-grid{gap:var(--gutter);display:grid}@media (width>=768px){.alt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.alt-card{padding:20px}.alt-value{border-radius:var(--radius-md);background:var(--color-canvas);border:1px solid var(--color-hairline);justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding:6px 6px 6px 14px;font-size:14px;display:flex}.alt-value p{overflow-wrap:anywhere;min-width:0}.alt-meta{gap:24px;margin-top:14px;font-size:14px;display:flex}.alt-meta dt{color:var(--color-ink-muted)}.alt-meta dd{color:var(--color-ink)}.tool-skeleton{border-radius:var(--radius-lg);background:var(--color-surface-1);border:1px solid var(--color-hairline)}.gen-skeleton{min-height:900px}@media (width>=1024px){.gen-skeleton{min-height:620px}}.alt-skeleton{min-height:860px}@media (width>=768px){.alt-skeleton{min-height:470px}}@media (width<=639px){.tool-controls,.tool-output{padding:14px}.out-row{padding:8px 10px}}@media (width>=640px){.out-nr{display:inline}.out-row{font-size:15px}}@media (width<=639px){.out-head{display:grid}.out-actions{grid-template-columns:1fr 1fr;display:grid}}