.tools-page{padding-top:40px}.tools-intro{padding:22px 0 36px;max-width:760px}.tools-intro h1{font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-.045em;margin:16px 0}.tools-intro>p{max-width:62ch;color:var(--gp-muted);font-size:18px;line-height:1.65}.tools-back{color:var(--gp-muted);font-size:14px;text-decoration:none}.tools-privacy{display:inline-flex;align-items:center;gap:8px;color:var(--gp-muted);font-size:13px;margin-top:12px}.tools-privacy svg{color:var(--gp-accent)}.tools-list{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin:8px 0 48px}.tools-list a{display:block;padding:30px 0;border-top:1px solid var(--gp-rule);text-decoration:none;color:var(--gp-ink)}.tools-list h2{font-size:24px;letter-spacing:-.03em;margin-bottom:8px}.tools-list a:hover h2{color:var(--gp-accent)}.tools-list p{color:var(--gp-muted);margin:8px 0;max-width:42ch}.tools-list small{color:var(--gp-muted);font-size:12px}.tool-workspace{padding:24px;border:1px solid var(--gp-rule);border-radius:22px;background:var(--gp-surface)}.tool-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.tool-pane{min-width:0}.tool-pane-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:38px;margin-bottom:10px;font-size:14px;font-weight:600}.tool-pane-heading>span{color:var(--gp-muted);font-size:12px;font-weight:400}.tool-pane textarea{width:100%;display:block;min-height:300px;resize:vertical;font-family:var(--gp-font-mono);font-size:13px;line-height:1.7;background:var(--gp-paper);border-radius:12px;box-sizing:border-box}.tool-pane textarea::placeholder{color:var(--gp-muted);opacity:.85}.tool-select-label{display:grid;gap:4px;font-size:11px;color:var(--gp-muted)}.tool-select-label select{font:inherit;font-size:12px;border:1px solid var(--gp-rule);background:var(--gp-paper);color:var(--gp-ink);border-radius:7px;padding:5px;max-width:180px}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.tool-actions .btn{min-height:40px}.tool-options{border:0;padding:0;margin:18px 0;display:grid;gap:12px}.tool-options legend{font-size:13px;font-weight:600;margin-bottom:12px}.tool-check,.tool-options label{display:flex;align-items:center;gap:9px;font-size:13px}.tool-check input,.tool-options input{accent-color:var(--gp-accent);width:16px;height:16px;flex-shrink:0}.tool-check{margin-top:12px}.tool-drop{border:1px dashed color-mix(in srgb,var(--gp-ink) 24%,transparent);border-radius:14px;background:var(--gp-paper);padding:35px 20px;text-align:center;display:grid;justify-items:center;gap:12px;transition:border-color .2s,background .2s}.tool-drop.is-over{border-color:var(--gp-accent);background:var(--ds-selected)}.tool-drop p{font-size:12px;max-width:30ch;margin:0}.tool-drop p,.tool-drop svg{color:var(--gp-muted)}.tool-file-label{position:relative;cursor:pointer;font-weight:600;font-size:15px;padding:8px 12px;border-radius:8px;color:var(--gp-ink)}.tool-file-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.tool-file-label:focus-within{outline:2px solid var(--gp-accent);outline-offset:3px}.tool-filename{overflow-wrap:anywhere;font-size:13px;margin-top:14px;display:flex;gap:12px;justify-content:space-between}.tool-filename span{color:var(--gp-muted);white-space:nowrap}.tool-message{padding:14px 16px;border-radius:10px;font-size:14px;margin:16px 0 0}.tool-error{color:var(--gp-ink);background:color-mix(in srgb,var(--gp-error) 10%,var(--gp-paper));border:1px solid color-mix(in srgb,var(--gp-error) 30%,transparent)}.tool-hint,.tool-status{font-size:13px;line-height:1.6;color:var(--gp-muted);margin:12px 0 0;overflow-wrap:anywhere}.tool-status:empty{display:none}.tool-switch{display:inline-flex;gap:3px;background:var(--gp-paper);padding:3px;border:1px solid var(--gp-rule);border-radius:9px;margin-bottom:12px}.tool-switch button{border:0;color:var(--gp-muted);background:transparent;font:inherit;font-size:13px;border-radius:6px;padding:7px 10px;cursor:pointer}.tool-switch button[aria-pressed=true]{background:var(--ds-selected);color:var(--gp-ink)}.tool-grid-preview{margin-top:28px}.tool-grid-preview h2{font-size:18px}.tool-table-scroll{overflow:auto;max-height:360px;border:1px solid var(--gp-rule);border-radius:10px;margin-top:14px}.tool-table-scroll table{border-collapse:collapse;width:100%;background:var(--gp-paper)}.tool-table-scroll td{padding:0;border:1px solid var(--gp-rule)}.tool-table-scroll input{border:0;border-radius:0;padding:10px;font:inherit;font-size:13px;width:100%;min-width:110px;background:transparent;color:var(--gp-ink)}.tool-image-preview{margin-top:14px;position:relative;width:100%;line-height:0;overflow:hidden;border-radius:8px}.tool-image-preview img{width:100%;height:auto;border-radius:8px;max-height:none}.tool-crop-outline{position:absolute;border:2px solid var(--gp-accent);pointer-events:none;background:color-mix(in srgb,var(--gp-accent) 5%,transparent);box-sizing:border-box}.tool-crop{margin-top:16px;font-size:13px}.tool-crop summary{cursor:pointer}.tool-crop-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.tool-crop-fields label{display:grid;gap:6px;font-size:12px}.tool-crop-fields input{width:100%;min-width:0;padding:8px;font:inherit;color:var(--gp-ink);border:1px solid var(--gp-rule);border-radius:7px;background:var(--gp-paper)}.tool-text-button{margin-top:12px;font:inherit;color:var(--gp-accent);border:0;background:transparent;cursor:pointer;padding:6px 0}.tool-pane progress{width:100%;height:6px;accent-color:var(--gp-accent);margin-top:18px}.tool-guide{padding:42px 0;border-bottom:1px solid var(--gp-rule)}.tool-guide h2{font-size:24px;margin-bottom:16px;letter-spacing:-.03em}.tool-guide li,.tool-guide p{max-width:72ch;line-height:1.8}.tool-guide li+li{margin-top:10px}.tool-related{display:grid;gap:12px;margin-top:20px}.tool-related a{color:var(--gp-ink);text-underline-offset:4px}.tool-app-note{padding:28px 0;max-width:64ch}.tool-app-note p{color:var(--gp-muted);margin-bottom:16px}.tool-loading{padding:60px 20px;text-align:center;color:var(--gp-muted)}@media(max-width:700px){.tools-page{padding-top:20px}.tools-intro{padding-bottom:24px}.tools-list{grid-template-columns:1fr}.tool-workspace{padding:16px;border-radius:16px}.tool-columns{grid-template-columns:minmax(0,1fr);gap:28px}.tool-pane textarea{min-height:230px}.tool-pane-heading{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.tool-drop{transition:none}}