.tools-page{padding:clamp(96px,11vw,150px) 0 90px;max-width:1600px;margin:auto;color:var(--ink)}.tools-wrap{width:min(calc(100% - 72px),1320px);margin:auto}.tools-eyebrow{font:11px/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.13em;display:flex;gap:12px;align-items:center;color:var(--muted)}.tools-eyebrow a{color:var(--blue)}.tools-eyebrow span:last-child{margin-left:auto}.tools-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;margin:35px 0 40px;align-items:end}.tools-heading h1{font-size:clamp(48px,6.5vw,94px);line-height:.98;letter-spacing:-.07em;font-weight:650;margin:0;max-width:900px}.tools-heading p{font-size:17px;line-height:1.65;max-width:450px;margin:0;color:var(--muted)}.tools-meta{display:flex;flex-wrap:wrap;gap:10px 30px;border-top:1px solid var(--line);padding:18px 0 30px;font:10px/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.tools-meta span{display:flex;align-items:center;gap:8px}.tools-meta i{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%}.tools-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:40px 0}.tool-card{background:var(--paper);padding:30px;min-height:320px;position:relative;display:flex;flex-direction:column;transition:background .2s,transform .2s}.tool-card:hover{background:var(--surface);z-index:1}.tool-card-top{display:flex;justify-content:space-between;align-items:center;font:11px var(--font-mono);color:var(--muted)}.tool-card-symbol{height:90px;display:flex;align-items:center;color:var(--blue);font:42px var(--font-mono);letter-spacing:-.14em}.tool-card h2{font-size:29px;letter-spacing:-.045em;line-height:1.1;margin:0 0 14px}.tool-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 30px}.tool-card-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:center;font:10px var(--font-mono);text-transform:uppercase}.tool-card-bottom svg{transition:transform .2s}.tool-card:hover .tool-card-bottom svg{transform:translate(3px,-3px)}.tool-directory-note{font-size:15px;max-width:850px;line-height:1.7;color:var(--muted)}.tool-workspace{border:1px solid var(--line);background:var(--surface);overflow:hidden}.tool-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--paper)}.tool-toolbar-spacer{flex:1}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);font:12px/1.4 var(--font-sans);font-weight:600;cursor:pointer;transition:background .15s,transform .15s;white-space:nowrap}.tool-btn:hover:not(:disabled){background:var(--paper-deep)}.tool-btn:active:not(:disabled){transform:translateY(1px)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn-primary{background:var(--blue);color:var(--button-ink,#fff);border-color:var(--blue)}.tool-btn-primary:hover:not(:disabled){background:var(--blue-dark)}.tool-btn-small{min-height:30px;padding:5px 9px;font-size:11px}.tool-btn-danger{color:#b42318}.tool-file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.tool-file-label{position:relative}.tool-file-label:focus-within{outline:3px solid var(--blue);outline-offset:3px}.tool-body{padding:24px}.tool-columns{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:410px}.tool-controls{border-right:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:20px}.tool-output{padding:24px;min-width:0}.tool-field{display:flex;flex-direction:column;gap:8px;font-size:12px;min-width:0}.tool-field>span:first-child{font-weight:650}.tool-field small{font-size:11px;line-height:1.5;color:var(--muted)}.tool-field input,.tool-field select,.tool-field textarea,.tool-input{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--ink);font:13px/1.5 var(--font-sans);min-height:40px}.tool-field textarea{resize:vertical}.tool-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5}.tool-check input{margin-top:3px;accent-color:var(--blue)}.tool-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-button-row{display:flex;flex-wrap:wrap;gap:8px}.tool-small{font:11px/1.6 var(--font-mono);color:var(--muted)}.tool-notice{padding:13px 16px;font-size:12px;line-height:1.6;background:color-mix(in srgb,var(--blue) 5%,var(--surface));border-left:3px solid var(--blue);margin:12px 0;overflow-wrap:anywhere}.tool-notice-error{border-color:#b42318;background:color-mix(in srgb,#b42318 5%,var(--surface));color:var(--ink)}.tool-status{border-top:1px solid var(--line);padding:14px 22px;min-height:50px;font:11px/1.5 var(--font-mono);color:var(--muted)}.tool-status-line{display:flex;gap:10px;align-items:center}.tool-status-line>span:nth-child(2){flex:1}.tool-status-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}.tool-status progress{width:100%;height:3px;display:block;margin-top:10px;accent-color:var(--blue)}.tool-spin{animation:tool-spin 1s linear infinite}@keyframes tool-spin{to{transform:rotate(1turn)}}.tool-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 22px}.tool-empty>div{color:var(--blue);margin-bottom:20px}.tool-empty h3{font-size:23px;letter-spacing:-.035em;margin:0 0 10px}.tool-empty p{color:var(--muted);font-size:13px;line-height:1.65;max-width:350px;margin:0}.tool-privacy{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:11px;line-height:1.7;margin:16px 0 24px}.tool-privacy svg{flex-shrink:0;margin-top:2px}.tool-inspector{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}.tool-inspector summary{display:flex;align-items:center;gap:10px;padding:20px 0;font:12px var(--font-mono);cursor:pointer;list-style:none}.tool-inspector summary::-webkit-details-marker{display:none}.tool-inspector summary>span{margin-left:auto}.tool-inspector>div{padding:0 0 24px;max-width:900px;font-size:13px;line-height:1.8;color:var(--muted)}.tool-inspector p{margin:8px 0}.tool-inspector code{font-size:11px;background:var(--paper-deep);padding:2px 5px}.tool-inspector a{text-decoration:underline;color:var(--blue)}.tool-help{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:55px;padding-top:30px;border-top:1px solid var(--line)}.tool-help h2{font-size:22px;letter-spacing:-.03em}.tool-help li,.tool-help p{font-size:13px;line-height:1.8;color:var(--muted)}.tool-help ol{padding-left:18px}.tool-help a{color:var(--blue);text-decoration:underline}.tool-help-item{margin:0 0 22px}.tool-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.tool-metric{padding:19px;border-right:1px solid var(--line)}.tool-metric:last-child{border:0}.tool-metric strong{display:block;font-size:24px;letter-spacing:-.045em;font-weight:600;overflow-wrap:anywhere}.tool-metric span{font:9px/1.5 var(--font-mono);text-transform:uppercase;color:var(--muted)}.tool-table-scroll{overflow:auto;max-width:100%;min-height:220px;max-height:560px}.tool-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.tool-table th{position:sticky;top:0;background:var(--paper);z-index:1;text-align:left;font:10px var(--font-mono);text-transform:uppercase;letter-spacing:.03em;padding:12px 14px}.tool-table td,.tool-table th{border-bottom:1px solid var(--line)}.tool-table td{padding:10px 14px;max-width:280px;overflow:hidden;text-overflow:ellipsis}.tool-table tbody tr:hover{background:var(--paper)}.tool-table td:first-child,.tool-table th:first-child{color:var(--muted);width:45px}.tool-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;border-top:1px solid var(--line)}.tool-history{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tool-history li{padding:8px 10px;background:var(--paper);font:10px var(--font-mono)}.tool-tabs{display:flex;gap:3px;padding:3px;background:var(--paper-deep);border-radius:4px}.tool-tabs button{border:0;background:transparent;font-size:12px;padding:7px 11px;cursor:pointer;color:var(--muted)}.tool-tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 5px #0000000d}.tool-segments{display:flex;flex-direction:column;max-height:520px;overflow:auto}.tool-segment{display:grid;grid-template-columns:85px minmax(0,1fr);gap:14px;border-bottom:1px solid var(--line);padding:15px 0;align-items:start}.tool-segment button{font:10px var(--font-mono);color:var(--blue);background:none;text-align:left;cursor:pointer;padding:5px 0}.tool-segment textarea{min-height:55px;resize:vertical;background:transparent;border:1px solid var(--line);padding:10px;color:var(--ink);font:14px/1.6 var(--font-sans);width:100%}.tool-audio{width:100%;height:40px;margin:0 0 20px}.tool-model{padding:15px;border:1px solid var(--line);font:10px/1.7 var(--font-mono);overflow-wrap:anywhere}.tool-model strong{color:var(--blue)}.tool-preview{background:var(--paper-deep);min-height:250px;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.tool-preview canvas,.tool-preview img,.tool-preview video{max-width:100%;max-height:540px;-o-object-fit:contain;object-fit:contain}.tool-preview img{height:auto}.tool-preview canvas{box-shadow:0 8px 30px #00000015}.tool-page-list{display:flex;flex-wrap:wrap;gap:8px;padding:16px;border-bottom:1px solid var(--line);max-height:230px;overflow:auto}.tool-page-item{padding:10px;border:1px solid var(--line);background:var(--surface);min-width:90px;font:11px var(--font-mono);position:relative}.tool-page-item[aria-current=true]{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 5%,var(--surface))}.tool-page-item label{display:flex;align-items:center;gap:8px;margin-bottom:9px}.tool-page-item .tool-button-row{gap:3px}.tool-page-item button{padding:4px;min-height:27px}.tool-paste{min-height:170px;font:12px/1.6 var(--font-mono)!important}.tool-result-text{width:100%;min-height:320px;resize:vertical;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:16px;font:14px/1.7 var(--font-sans)}.tool-output-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.tool-output-head h3{font-size:16px;letter-spacing:-.03em;margin:0}.tool-corners{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-corners fieldset{border:1px solid var(--line);padding:9px;min-width:0}.tool-corners legend{font:9px var(--font-mono);color:var(--muted);padding:0 4px}.tool-corners input{width:100%;padding:7px;font-size:11px;min-height:32px}.tool-corners label{font-size:10px;gap:4px}.tool-local-chip{display:inline-flex;align-items:center;gap:6px;font:9px var(--font-mono);text-transform:uppercase;background:var(--paper-deep);padding:6px 8px;border-radius:3px}.tool-readout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tool-readout>div{padding:13px;border:1px solid var(--line);font:11px var(--font-mono)}.tool-readout span{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}@media (max-width:1050px){.tools-heading{gap:30px}.tools-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-columns{grid-template-columns:240px minmax(0,1fr)}.tool-controls,.tool-output{padding:18px}.tool-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-metric:nth-child(2){border-right:0}.tool-metric:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:700px){.tools-wrap{width:calc(100% - 32px)}.tools-heading{grid-template-columns:1fr;gap:22px;margin:28px 0}.tools-heading h1{font-size:54px}.tools-heading p{font-size:15px}.tools-eyebrow{font-size:9px}.tools-eyebrow span:last-child{display:none}.tools-directory{grid-template-columns:1fr}.tool-card{min-height:270px;padding:24px}.tool-card-symbol{height:66px}.tool-columns{grid-template-columns:1fr}.tool-controls{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-controls>.tool-button-row,.tool-controls>.tool-check,.tool-controls>.tool-corners,.tool-controls>.tool-history,.tool-controls>.tool-model,.tool-controls>.tool-notice{grid-column:1/-1}.tool-toolbar{padding:14px;gap:8px}.tool-btn{font-size:11px;padding:10px 12px}.tool-body,.tool-output{padding:16px}.tool-help{grid-template-columns:1fr;gap:20px;margin-top:30px}.tool-meta{gap:8px}.tool-segment{grid-template-columns:64px minmax(0,1fr);gap:8px}.tool-metric{padding:15px}.tool-metric strong{font-size:21px}.tool-preview{padding:12px}.tool-pagination{padding:12px;font-size:10px}.tool-model,.tool-privacy{font-size:10px}.tool-table td,.tool-table th{padding:10px}.tool-status{padding:12px 14px}}@media (prefers-reduced-motion:reduce){.tool-spin{animation:none}.tool-btn,.tool-card,.tool-card-bottom svg{transition:none}}.tool-corners input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;padding:6px 4px}.tool-corners input::-webkit-inner-spin-button,.tool-corners input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tools-eyebrow>a{display:inline-flex;align-items:center;gap:6px}.tool-release{display:inline-flex;align-self:flex-start;width:-moz-fit-content;width:fit-content;font:10px/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);border:1px solid var(--line);padding:4px 7px;background:var(--paper-deep)}.tool-card>.tool-release{margin:-4px 0 14px}