:root{color-scheme:light;--bg: #f7f8fb;--surface: #ffffff;--surface-muted: #eef2f6;--text: #18202a;--muted: #657080;--border: #dce2ea;--accent: #0f766e;--accent-strong: #0b5d57;--accent-soft: #dff5f1;--focus: #2563eb;--shadow: 0 12px 32px rgba(24, 32, 42, .08);--page-max: 1600px;--page-gutter: 40px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.image-compression-workbench{display:grid;gap:18px}.image-workbench-sections{display:grid;gap:8px}.image-workbench-sections details{border:1px solid var(--border);background:var(--surface)}.image-workbench-sections summary{display:flex;align-items:baseline;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.image-workbench-sections summary::-webkit-details-marker{display:none}.image-workbench-sections summary:after{content:"+";margin-left:auto;color:var(--muted);font-weight:700}.image-workbench-sections details[open] summary:after{content:"-"}.image-workbench-sections summary strong{min-width:90px;color:var(--text)}.image-workbench-sections summary span{color:var(--muted);font-size:.9rem}.image-workbench-section-content{padding:0 14px 14px}.image-convert-summary{color:var(--muted)}.image-transform-options{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.image-transform-options label{display:grid;gap:6px;color:var(--muted);font-size:.875rem}.image-transform-options .check-control{display:flex;align-items:center;padding-bottom:10px}.image-drop-zone{min-height:190px;border:2px dashed var(--border);background:var(--surface-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease}.image-drop-zone.is-dragging,.image-drop-zone:hover{border-color:var(--accent);background:var(--accent-soft)}.image-drop-zone input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.image-drop-zone>span:not(.button),.image-queue-details span{color:var(--muted)}.image-drop-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);font-size:24px}.image-compression-options,.image-queue-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.image-queue-summary[hidden]{display:none}.field-label,.quality-control span{display:block;margin-bottom:8px;color:var(--muted);font-size:.875rem;font-weight:600}.format-segments{display:flex;flex-wrap:wrap;gap:4px}.format-segments button{min-width:58px;height:36px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.format-segments button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}.format-segments button:disabled:not([aria-pressed=true]){display:none}.quality-control{flex:1;min-width:min(260px,100%)}.quality-control input{width:100%}.image-queue{display:grid;gap:8px}.image-queue-item{min-height:78px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px;border:1px solid var(--border);background:var(--surface)}.image-queue-item img{width:58px;height:58px;object-fit:cover;border:1px solid var(--border)}.image-queue-details{min-width:0;display:grid;gap:3px}.image-queue-details strong,.image-queue-details span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-queue-details span{font-size:.82rem}.image-queue-item.is-complete .image-queue-state{color:#15803d}.image-queue-item.is-error .image-queue-state{color:#b91c1c}.image-queue-actions{display:flex;align-items:center;gap:6px}.icon-button{width:36px;height:36px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:20px;cursor:pointer}.image-privacy-note{margin:0}.image-metadata-workbench{display:grid;gap:16px}.image-metadata-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.image-metadata-actions[hidden]{display:none}.image-metadata-results{display:grid;gap:10px}.image-metadata-card{display:grid;gap:12px;border:1px solid var(--border);background:var(--surface);padding:14px}.image-metadata-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.image-metadata-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-metadata-heading span{flex:0 0 auto;color:var(--muted);font-size:.84rem}.image-metadata-card dl{display:grid;grid-template-columns:repeat(2,minmax(120px,190px) minmax(0,1fr));gap:6px 10px;margin:0}.image-metadata-card dt{color:var(--muted);font-size:.84rem;font-weight:700}.image-metadata-card dd{min-width:0;margin:0;overflow-wrap:anywhere}.image-metadata-card .button{width:fit-content}.asset-workbench,.watermark-workbench{display:grid;gap:16px}.asset-option-grid,.watermark-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.asset-option-grid label,.watermark-options label{display:grid;gap:6px;color:var(--muted);font-size:.875rem;font-weight:700}.asset-preview{margin-top:0}.asset-preview canvas{max-height:480px}.favicon-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px}.favicon-preview-grid>div{display:grid;place-items:center;gap:8px;min-height:110px;border:1px solid var(--border);background:var(--surface-muted);padding:10px}.favicon-preview-grid canvas{max-width:72px;max-height:72px;image-rendering:auto}.favicon-preview-grid span{color:var(--muted);font-size:.8rem}.favicon-code{min-height:92px;margin:0;white-space:pre-wrap}.watermark-result-canvas{width:58px;height:58px;object-fit:cover;border:1px solid var(--border)}.diagram-workbench,.code-image-workbench,.publishing-workbench{display:grid;gap:16px}.publishing-command-bar{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px}.publishing-command-bar label,.publishing-setting-grid label,.publishing-wide-control{display:grid;gap:6px;color:var(--muted);font-size:.84rem;font-weight:700}.publishing-layout{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(420px,1.38fr) minmax(220px,.6fr);gap:12px;align-items:start}.publishing-editor,.publishing-preview-panel,.publishing-settings{min-width:0;border:1px solid var(--border);background:var(--surface)}.publishing-panel-heading{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding:8px 11px}.publishing-panel-heading>span{color:var(--muted);font-size:.82rem}.publishing-panel-heading .button{position:relative;overflow:hidden}.publishing-panel-heading input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.publishing-editor textarea{display:block;width:100%;min-height:610px;resize:vertical;border:0;background:var(--surface);color:var(--text);padding:14px;font:.88rem/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.publishing-editor textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-2px}.publishing-editor>p{margin:0;border-top:1px solid var(--border);padding:10px 12px;font-size:.78rem}.publishing-preview-scroll{min-height:610px;max-height:760px;display:grid;justify-items:center;align-content:start;gap:18px;overflow:auto;background:#dfe5e8;padding:22px}.publishing-page{--publish-width: 900px;--publish-height: auto;--publish-background: #eef3f4;--publish-accent: #0f766e;--publish-font-size: 18px;--publish-padding: 72px;position:relative;width:var(--publish-width);height:var(--publish-height);min-height:360px;display:flex;flex-direction:column;flex:0 0 auto;overflow:hidden;background:var(--publish-background);color:#172025;padding:var(--publish-padding);font-family:Inter,Noto Sans,Noto Sans JP,Noto Sans SC,system-ui,sans-serif;font-size:var(--publish-font-size);line-height:1.68;letter-spacing:0;box-shadow:0 16px 42px #161e2429}.publishing-page.has-overflow{outline:8px solid #dc2626;outline-offset:-8px}.publishing-page[data-align=center] .publishing-page-body{text-align:center}.publishing-page-body{flex:1;min-width:0;min-height:0;overflow:hidden}.publishing-page-body>:first-child{margin-top:0}.publishing-page-body>:last-child{margin-bottom:0}.publishing-page h1{max-width:18ch;margin:0 0 .72em;font-size:2.35em;line-height:1.06;letter-spacing:0}.publishing-page h2{margin:1.55em 0 .55em;font-size:1.42em;line-height:1.2;letter-spacing:0}.publishing-page h3{margin:1.35em 0 .5em;font-size:1.12em}.publishing-page p{margin:0 0 1em}.publishing-page a{color:var(--publish-accent);text-decoration-thickness:2px;text-underline-offset:3px}.publishing-page strong{color:var(--publish-accent)}.publishing-page blockquote{margin:1.35em 0;border-left:5px solid var(--publish-accent);background:#ffffff9e;padding:.8em 1.05em;font-size:1.08em}.publishing-page blockquote p{margin:0}.publishing-page ul,.publishing-page ol{margin:.8em 0 1.15em;padding-left:1.4em}.publishing-page li{margin:.34em 0}.publishing-page table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.86em}.publishing-page th,.publishing-page td{border:1px solid currentColor;padding:.55em .7em;text-align:left}.publishing-page th{background:color-mix(in srgb,var(--publish-accent) 14%,transparent)}.publishing-page pre{max-width:100%;overflow:hidden;margin:1.2em 0;border:1px solid rgba(0,0,0,.12);border-radius:6px;padding:1em!important;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.78em!important;line-height:1.55!important}.publishing-inline-diagram{margin:1.3em 0;overflow:hidden;text-align:center}.publishing-inline-diagram svg{max-width:100%;height:auto}.publishing-code-error{border-color:#b42318!important}.publishing-page>footer{display:flex;justify-content:space-between;gap:20px;min-height:24px;margin-top:2.2em;border-top:1px solid currentColor;padding-top:.7em;opacity:.68;font-size:.68em;font-weight:750}.publishing-page[data-theme=editorial]{background:var(--publish-background)}.publishing-page[data-theme=editorial]:before{position:absolute;inset:0 auto 0 0;width:12px;background:var(--publish-accent);content:""}.publishing-page[data-theme=paper]{background:#fffdf8;color:#27241f}.publishing-page[data-theme=paper] .publishing-page-body{border:1px solid #d9d1c2;background:#ffffffb8;padding:1.5em}.publishing-page[data-theme=midnight]{background:#101820;color:#edf5f4}.publishing-page[data-theme=midnight] blockquote{background:#ffffff14}.publishing-page[data-theme=midnight] pre{border-color:#ffffff29}.publishing-page[data-theme=signal]{background:var(--publish-accent);color:#fff}.publishing-page[data-theme=signal] h1{font-size:2.65em}.publishing-page[data-theme=signal] strong,.publishing-page[data-theme=signal] a{color:#fff}.publishing-page[data-theme=signal] blockquote{border-color:#fff;background:#ffffff24}.publishing-page[data-theme=sakura]{background:#fff4f6;color:#3f3035}.publishing-page[data-theme=sakura] h1,.publishing-page[data-theme=sakura] h2{color:#9f4761}.publishing-page[data-theme=mono]{background:#fff;color:#111;filter:grayscale(1)}.publishing-page[data-theme=mono] h1{max-width:22ch;font-family:Georgia,"Noto Serif JP","Noto Serif SC",serif}.publishing-settings{display:grid;gap:0}.publishing-settings section{display:grid;gap:10px;padding:13px;border-bottom:1px solid var(--border)}.publishing-settings h3{margin:0;font-size:.88rem}.publishing-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.publishing-setting-grid input[type=color]{width:100%;height:38px;border:1px solid var(--border);background:var(--surface);padding:3px}.publishing-wide-control input{min-width:0}.publishing-settings .check-control{display:flex;align-items:center;gap:7px;color:var(--text);font-size:.84rem}.publishing-privacy-note{margin:0;padding:13px;color:var(--muted);font-size:.78rem;line-height:1.5}.diagram-toolbar,.code-image-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.diagram-toolbar label,.code-image-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:.875rem;font-weight:700}.diagram-command-bar{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px}.diagram-command-bar label,.diagram-export-settings label{display:grid;gap:6px;color:var(--muted);font-size:.84rem;font-weight:700}.diagram-studio-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(430px,1.35fr) minmax(230px,.62fr);gap:12px;align-items:start}.diagram-source-panel,.diagram-studio .diagram-preview,.diagram-export-settings{min-width:0;border:1px solid var(--border);background:var(--surface)}.diagram-panel-heading{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding:8px 11px}.diagram-panel-heading>span{color:var(--muted);font-size:.76rem;font-weight:600}.diagram-source-panel textarea{display:block;width:100%;min-height:560px;resize:vertical;border:0;background:var(--surface);color:var(--text);padding:14px;font:.87rem/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.diagram-source-panel textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-2px}.diagram-source-panel>p{min-height:40px;margin:0;border-top:1px solid var(--border);padding:10px 12px;color:#b42318;font-size:.76rem;overflow-wrap:anywhere}.diagram-zoom{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.76rem}.diagram-zoom input{width:92px}.diagram-zoom output{min-width:38px;text-align:right}.diagram-studio .diagram-preview{display:block;color:var(--text);font-size:inherit;font-weight:inherit}.diagram-preview-canvas{min-height:600px;max-height:720px;display:grid;place-items:center;overflow:auto;background-color:#e6e9ed;background-image:linear-gradient(45deg,#d7dce1 25%,transparent 25%),linear-gradient(-45deg,#d7dce1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7dce1 75%),linear-gradient(-45deg,transparent 75%,#d7dce1 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;padding:28px}.diagram-preview-canvas svg{display:block;flex:0 0 auto;box-shadow:0 10px 30px #141c231f}.diagram-export-settings{display:grid}.diagram-export-settings section{display:grid;gap:10px;border-bottom:1px solid var(--border);padding:13px}.diagram-export-settings section:last-child{border-bottom:0}.diagram-export-settings h3{margin:0;font-size:.88rem}.diagram-export-settings input[type=color]{width:100%;height:38px;border:1px solid var(--border);background:var(--surface);padding:3px}.diagram-export-settings p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}.diagram-editor-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:14px}.diagram-editor-grid textarea{min-height:440px}.diagram-preview{min-width:0;display:grid;align-content:start;gap:8px;color:var(--muted);font-size:.9rem;font-weight:700}.diagram-editor-grid .diagram-preview>div{min-height:440px;display:grid;place-items:center;overflow:auto;border:1px solid var(--border);background:var(--surface-muted);padding:16px}.diagram-preview svg{max-width:100%;height:auto}.code-image-workbench .structured-data-editor textarea{min-height:250px}.code-image-stage{overflow:auto;display:grid;place-items:center;min-height:340px;border:1px solid var(--border);background:#0f766e;padding:36px}.code-image-export{width:min(832px,100%);background:#0f766e;padding:36px}.code-image-card{width:min(760px,100%);overflow:hidden;border-radius:8px;box-shadow:0 18px 45px #00000047}.code-window-bar{display:flex;align-items:center;gap:7px;min-height:40px;background:#20252b;color:#cbd5e1;padding:0 14px;font:600 12px/1 ui-monospace,monospace}.code-window-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.code-window-bar i:nth-child(2){background:#febc2e}.code-window-bar i:nth-child(3){background:#28c840}.code-window-bar span{margin-left:auto;text-transform:uppercase}.code-image-card pre{overflow:auto}.code-image-card code{counter-reset:code-line}.code-image-card .line{display:block;min-height:1.6em}.code-image-card.show-line-numbers .line:before{display:inline-block;width:3ch;margin-right:18px;color:#7d8590;content:attr(data-line);text-align:right;user-select:none}.image-pdf-workbench{display:grid;gap:18px}.pdf-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pdf-settings label{display:grid;gap:6px;color:var(--muted);font-size:.875rem}.pdf-file-list{display:grid;gap:8px}.pdf-file-item{min-height:82px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px;border:1px solid var(--border);background:var(--surface)}.pdf-file-item img{width:72px;height:58px;object-fit:cover;border:1px solid var(--border);background:var(--surface-muted)}.pdf-file-details{min-width:0;display:grid;gap:3px}.pdf-file-details strong,.pdf-file-details span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-file-details span{color:var(--muted);font-size:.82rem}.pdf-file-actions,.pdf-actions{display:flex;align-items:center;gap:6px}.pdf-actions{justify-content:space-between;gap:16px;flex-wrap:wrap}.pdf-actions[hidden],.pdf-settings[hidden]{display:none}.pdf-tool-workbench{display:grid;gap:16px}.pdf-drop-zone.is-compact{min-height:128px;padding-block:16px}.pdf-source-list{display:grid;gap:8px}.pdf-source-item{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--border);background:var(--surface)}.pdf-source-item[draggable=true]{cursor:grab}.pdf-source-item[draggable=true]:active{cursor:grabbing}.pdf-source-item[data-state=processing]{border-color:var(--accent)}.pdf-source-item[data-state=complete] .pdf-file-icon{border-color:#15803d;color:#15803d}.pdf-source-item[data-state=failed]{border-color:#b42318}.pdf-source-item[data-state=failed] .pdf-file-details span{color:#b42318}.pdf-file-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface-muted);color:#b42318;font-size:.75rem;font-weight:850}.pdf-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pdf-option-grid[hidden]{display:none}.pdf-option-grid label{display:grid;gap:6px;color:var(--muted);font-size:.875rem;font-weight:700}.pdf-option-grid .pdf-option-wide{grid-column:span 2}.pdf-color-control{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px}.pdf-color-control input[type=color]{width:44px;height:40px;border:1px solid var(--border);background:var(--surface);padding:3px}.pdf-batch-summary{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:.9rem}.pdf-batch-summary[hidden]{display:none}.pdf-batch-summary strong{color:var(--text)}.pdf-tool-actions{display:flex;flex-wrap:wrap;gap:8px}.pdf-tool-actions[hidden]{display:none}.pdf-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.pdf-section-heading span{color:var(--muted);font-size:.86rem}.pdf-page-order{display:grid;gap:10px}.pdf-page-order[hidden]{display:none}.pdf-page-order-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.pdf-page-order-item{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);background:var(--surface-muted);font-weight:750}.pdf-image-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.pdf-image-result{min-width:0;border:1px solid var(--border);background:var(--surface);padding:8px}.pdf-image-result img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:contain;background:var(--surface-muted)}.pdf-image-result>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px}.pdf-result-area{margin-top:0}.pdf-data-results{min-width:0}.pdf-data-table-wrap{overflow:auto;border:1px solid var(--border)}.pdf-data-table-wrap table{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}.pdf-data-table-wrap th,.pdf-data-table-wrap td{padding:9px 11px;border-bottom:1px solid var(--border);white-space:nowrap}.pdf-data-table-wrap th{background:var(--surface-muted);color:var(--text)}.pdf-watermark-preview-panel{display:grid;gap:8px}.pdf-watermark-preview-panel[hidden]{display:none}.pdf-watermark-preview{position:relative;min-height:260px;aspect-ratio:3 / 4;width:min(100%,360px);overflow:hidden;border:1px solid var(--border);background:#fff;box-shadow:0 4px 14px #18202a14}.pdf-watermark-preview span{position:absolute;left:50%;top:50%;max-width:92%;white-space:nowrap;font-weight:700;transform-origin:center}.pdf-watermark-preview[data-position=center] span{translate:-50% -50%}.pdf-watermark-preview[data-position=top-left] span{left:8%;top:8%;transform-origin:left top}.pdf-watermark-preview[data-position=top] span{top:8%;translate:-50% 0}.pdf-watermark-preview[data-position=top-right] span{left:auto;right:8%;top:8%;transform-origin:right top}.pdf-watermark-preview[data-position=left] span{left:8%;translate:0 -50%;transform-origin:left center}.pdf-watermark-preview[data-position=right] span{left:auto;right:8%;translate:0 -50%;transform-origin:right center}.pdf-watermark-preview[data-position=bottom-left] span{left:8%;top:auto;bottom:8%;transform-origin:left bottom}.pdf-watermark-preview[data-position=bottom] span{top:auto;bottom:8%;translate:-50% 0}.pdf-watermark-preview[data-position=bottom-right] span{inset:auto 8% 8% auto;transform-origin:right bottom}.pdf-watermark-preview[data-position=tile]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center}.pdf-watermark-preview[data-position=tile] span{position:static;max-width:110px;overflow:hidden;text-overflow:ellipsis}.image-color-picker{display:grid;gap:18px}.color-picker-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:16px;align-items:start}.color-canvas-wrap{overflow:auto;border:1px solid var(--border);background:var(--surface-muted)}.color-canvas-wrap canvas{display:block;max-width:100%;height:auto;cursor:crosshair}.color-selection-panel{display:grid;gap:12px}.color-selection-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.color-selection-list{display:grid;gap:8px;max-height:500px;overflow-y:auto}.color-selection-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid var(--border);background:var(--surface)}.color-swatch{width:40px;height:40px;border:1px solid var(--border)}.color-selection-details{min-width:0;display:grid;gap:2px}.color-selection-details span{color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-selection-actions{display:flex;gap:4px}@media(max-width:560px){.image-drop-zone{min-height:160px}.image-compression-options{align-items:stretch}.image-queue-item{grid-template-columns:48px minmax(0,1fr)}.image-queue-item img{width:48px;height:48px}.image-queue-actions{grid-column:1 / -1;justify-content:flex-end}.pdf-settings{grid-template-columns:1fr}.pdf-file-item{grid-template-columns:58px minmax(0,1fr)}.pdf-file-item img{width:58px;height:48px}.pdf-file-actions{grid-column:1 / -1;justify-content:flex-end}.pdf-option-grid{grid-template-columns:1fr}.pdf-option-grid .pdf-option-wide{grid-column:auto}.pdf-source-item{grid-template-columns:46px minmax(0,1fr)}.pdf-file-icon{width:46px;height:46px}.pdf-source-item .pdf-file-actions{grid-column:1 / -1}.pdf-section-heading{align-items:flex-start;flex-direction:column}.color-picker-layout{grid-template-columns:1fr}.image-metadata-card dl{grid-template-columns:minmax(95px,120px) minmax(0,1fr)}.asset-option-grid,.watermark-options,.diagram-editor-grid{grid-template-columns:1fr}.diagram-editor-grid textarea,.diagram-editor-grid .diagram-preview>div{min-height:320px}.code-image-stage{place-items:start;padding:18px}.code-image-export{width:756px;padding:18px}.code-image-card{width:720px}.publishing-command-bar,.publishing-setting-grid{grid-template-columns:1fr}.publishing-editor textarea{min-height:340px}.publishing-preview-scroll{min-height:430px;padding:12px}}@media(max-width:1600px){.publishing-layout{grid-template-columns:minmax(260px,.8fr) minmax(400px,1.2fr)}.publishing-settings{grid-column:1 / -1;grid-template-columns:2fr 1fr 1fr}.publishing-settings section{border-right:1px solid var(--border);border-bottom:0}.diagram-studio-layout{grid-template-columns:minmax(270px,.8fr) minmax(420px,1.2fr)}.diagram-export-settings{grid-column:1 / -1;grid-template-columns:repeat(3,1fr)}.diagram-export-settings section{border-right:1px solid var(--border);border-bottom:0}}@media(max-width:820px){.publishing-layout{grid-template-columns:1fr}.publishing-settings{grid-column:auto;grid-template-columns:1fr}.publishing-settings section{border-right:0;border-bottom:1px solid var(--border)}.diagram-command-bar,.diagram-studio-layout{grid-template-columns:1fr}.diagram-export-settings{grid-column:auto;grid-template-columns:1fr}.diagram-export-settings section{border-right:0;border-bottom:1px solid var(--border)}.diagram-source-panel textarea{min-height:340px}.diagram-preview-canvas{min-height:420px;padding:14px}}:root[data-theme=dark]{color-scheme:dark;--bg: #101418;--surface: #161c22;--surface-muted: #202831;--text: #edf2f7;--muted: #9aa7b5;--border: #2d3742;--accent: #14b8a6;--accent-strong: #5eead4;--accent-soft: #123f3a;--shadow: 0 12px 32px rgba(0, 0, 0, .24)}html{background:var(--bg);color:var(--text)}body{margin:0;min-width:320px;font-size:16px;line-height:1.55}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,select{min-height:40px}.container{width:min(var(--page-max),calc(100% - var(--page-gutter)));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:760}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:var(--accent);color:#fff;font-weight:800}.header-actions{display:flex;align-items:center;gap:14px}.nav-link{color:var(--muted);font-weight:650}.language-select{border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:0 34px 0 12px}.theme-toggle{display:grid;width:40px;height:40px;min-height:40px;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;font-size:1rem;font-weight:800}.theme-toggle:hover{border-color:#0f766e73;color:var(--accent-strong)}.site-main{padding:22px 0 56px}.hero,.home-hero{display:grid;gap:18px;padding:8px 0 28px}.hero h1,.home-hero h1,.tool-hero h1{max-width:780px;margin:0;font-size:2.75rem;line-height:1.08;letter-spacing:0}.hero p,.home-hero p,.tool-hero p{max-width:680px;margin:0;color:var(--muted);font-size:1.1rem}.home-hero{justify-items:center;text-align:center;gap:10px;padding:0 0 6px}.home-hero-copy{display:grid;justify-items:center;gap:6px}.home-primary-line{color:var(--text);font-size:1.45rem;font-weight:800}.home-supporting-line{max-width:760px;color:var(--muted);font-size:.98rem;font-weight:650}.home-kicker,.section-eyebrow{margin:0;color:var(--accent-strong);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.home-hero h1{max-width:860px;font-size:2.25rem}.home-hero p{max-width:740px;font-size:1rem}.home-search-panel{display:grid;gap:6px;width:min(760px,100%)}.subpage-hero{display:grid;gap:12px;padding:10px 0 16px}.subpage-hero h1{margin:0;font-size:2.5rem;line-height:1.1;letter-spacing:0}.subpage-hero p{max-width:680px;margin:8px 0 0;color:var(--muted)}.page-tabs{display:flex;gap:8px;margin-top:4px;border-bottom:1px solid var(--border)}.page-tabs a,.page-tabs button{border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;background:transparent;color:var(--muted);padding:8px 12px;cursor:pointer;font-weight:800}.page-tabs a:hover,.page-tabs button:hover{color:var(--accent-strong);text-decoration:none}.page-tabs a[aria-current=page],.page-tabs button[aria-selected=true]{border-color:var(--border);background:var(--surface);color:var(--text)}.compact-tabs{justify-content:center}.search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;color:var(--muted);font-size:.9rem;font-weight:750}.search-panel{margin-top:16px;max-width:680px}.search-input{width:100%;min-height:54px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:0 18px 0 48px;color:var(--text);box-shadow:var(--shadow)}.search-field{position:relative}.search-icon{position:absolute;left:18px;top:50%;width:18px;height:18px;border:2px solid var(--muted);border-radius:50%;transform:translateY(-50%);pointer-events:none}.search-icon:after{position:absolute;right:-6px;bottom:-4px;width:8px;height:2px;border-radius:999px;background:var(--muted);content:"";transform:rotate(45deg)}.section{margin-top:28px}.popular-strip{display:flex;align-items:center;gap:14px;margin-top:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:12px 14px}.popular-strip>span{flex:0 0 auto;color:var(--muted);font-size:.88rem;font-weight:800}.popular-links{display:flex;flex-wrap:wrap;gap:8px}.popular-links a{border:1px solid var(--border);border-radius:999px;background:var(--surface-muted);color:var(--text);padding:6px 10px;font-size:.9rem;font-weight:750}.popular-links a:hover{border-color:#0f766e73;color:var(--accent-strong);text-decoration:none}.directory-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;margin-top:16px;align-items:start}.directory-sidebar{position:sticky;top:84px;display:grid;gap:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:16px}.directory-nav{display:grid;gap:4px}.directory-nav a{border-radius:7px;color:var(--muted);padding:8px 10px;font-weight:750}.directory-nav a:hover{background:var(--accent-soft);color:var(--accent-strong);text-decoration:none}.directory-main .section{margin-top:0}.directory-main .section+.section{margin-top:24px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.section h2{margin:0;font-size:1.35rem}.section-eyebrow+h2{margin-top:2px}.category-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-panel{display:grid;align-content:start;gap:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:16px;scroll-margin-top:88px}.category-panel-header{display:flex;align-items:start;justify-content:space-between;gap:8px}.category-panel h3{margin:0;font-size:1.15rem}.category-panel p{max-width:760px;margin:0;color:var(--muted)}.category-count{flex:0 0 auto;border-radius:999px;background:var(--surface-muted);color:var(--muted);padding:5px 9px;font-size:.78rem;font-weight:800}.category-tool-row{display:grid;gap:8px}.category-tool-links,.planned-tool-list{display:flex;flex-wrap:wrap;gap:8px}.category-tool-links a,.planned-tool-list span{border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:7px 10px;font-size:.9rem;font-weight:700}.category-tool-links a{color:var(--accent-strong)}.category-tool-links a:hover{border-color:#0f766e73;text-decoration:none}.planned-tool-list span{color:var(--muted);background:var(--surface-muted)}.compact-tool-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.compact-tool-grid .tool-card{min-height:132px}.no-results{margin-top:14px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.tool-card{display:grid;min-height:138px;align-content:start;gap:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:16px;color:var(--text)}.tool-card:hover{border-color:#0f766e73;box-shadow:var(--shadow)}.tool-card-topline{display:flex;align-items:start;justify-content:space-between;gap:10px}.tool-card-main{display:grid;gap:10px;color:var(--text)}.tool-card-main:hover{text-decoration:none}.tool-card strong{font-size:1.08rem}.tool-card p{margin:0;color:var(--muted)}.pill{display:inline-flex;width:fit-content;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);padding:4px 10px;font-size:.82rem;font-weight:700}.favorite-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--accent-strong);padding:0 12px;cursor:pointer;font-size:.88rem;font-weight:800}.favorite-button:hover{border-color:#0f766e73;background:var(--accent-soft)}.favorite-button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}.favorite-button.compact{min-height:30px;padding:0 9px;font-size:.78rem}.category-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}.category-list li{border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:8px 12px;color:var(--muted);font-weight:650}.breadcrumb{display:flex;gap:8px;color:var(--muted);font-size:.92rem;margin-bottom:14px}.tool-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.tool-workspace-grid{display:grid;grid-template-columns:230px minmax(0,1fr) 300px;gap:22px;align-items:start}.tool-nav-panel{min-width:0;position:sticky;top:84px;display:grid;gap:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:16px}.tool-side-nav{display:grid;gap:4px}.tool-side-nav a{border-radius:7px;color:var(--muted);padding:8px 10px;font-weight:750}.tool-side-nav a:hover{background:var(--accent-soft);color:var(--accent-strong);text-decoration:none}.tool-side-nav a[aria-current=page]{background:var(--accent);color:#fff}.tool-main-column{min-width:0}.tool-hero{display:grid;gap:10px;margin-bottom:16px}.tool-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-title-row h1{margin:0;font-size:1.65rem}.tool-hero p{font-size:1rem}.tool-hero-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-shell,.content-panel,.ad-slot{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.tool-shell{padding:18px;box-shadow:var(--shadow)}.tool-input-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tool-input-row label{font-weight:750}.tool-actions{display:flex;flex-wrap:wrap;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:0 12px;cursor:pointer;font-weight:700}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.button:hover{border-color:var(--accent)}.text-tool-area{width:100%;min-height:280px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:14px;color:var(--text)}.generic-tool{display:grid;gap:14px}.generic-tool .form-grid{margin:0}.range-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:700}.range-control input{flex:1}.result-area{min-height:120px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);padding:14px}.result-area pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.text-tool-area:focus,.search-input:focus,.language-select:focus,.button:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.structured-data-grid,.encoding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.encoding-grid .structured-data-editor textarea{min-height:260px}.crypto-tool{display:grid;gap:16px}.crypto-tool .structured-data-editor textarea{min-height:180px}.crypto-tool .tool-actions{margin:0}.crypto-uuid-count{display:grid;gap:8px;max-width:180px;color:var(--muted);font-size:.9rem;font-weight:700}.crypto-warning{margin:0;color:#9a6700;font-size:.9rem}.structured-data-editor{display:grid;gap:8px;color:var(--muted);font-size:.9rem;font-weight:700}.structured-data-editor textarea{min-height:320px;width:100%;resize:vertical;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);padding:12px;font:.9rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.structured-data-editor textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}.structured-data-actions{margin-top:16px}.structured-data-status{min-height:1.5em;margin:12px 0 0;color:var(--muted)}.structured-data-status[data-state=error]{color:#b42318}.csv-preview{margin-top:20px}.csv-preview>span{display:block;margin-bottom:8px;color:var(--muted);font-size:.9rem;font-weight:700}.csv-preview-scroll{overflow:auto;border:1px solid var(--border);border-radius:6px}.csv-preview table{width:100%;border-collapse:collapse;font-size:.9rem;text-align:left}.csv-preview th,.csv-preview td{padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.csv-preview th{background:var(--surface-alt);color:var(--text)}@media(max-width:760px){.structured-data-grid,.encoding-grid{grid-template-columns:1fr}.structured-data-editor textarea{min-height:220px}}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.stat{min-height:92px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);padding:14px}.stat span{display:block;color:var(--muted);font-size:.88rem;font-weight:700}.stat strong{display:block;margin-top:6px;font-size:1.8rem;line-height:1}.content-panel{padding:16px;margin-top:14px}.content-panel h2{margin:0 0 12px;font-size:1.18rem}.muted-text{margin:10px 0 0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.form-grid label,.file-control,.readonly-field,.check-control{display:grid;gap:7px;color:var(--muted);font-weight:700}.file-control input,.field-input{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:9px 11px}.check-control{display:flex;align-items:center;align-self:end;min-height:42px}.readonly-field{border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);padding:10px 12px}.readonly-field strong{color:var(--text)}.canvas-preview{display:grid;min-height:220px;place-items:center;overflow:auto;margin-top:16px;border:1px dashed var(--border);border-radius:8px;background:var(--surface-muted);padding:16px}.canvas-preview canvas{max-width:100%;height:auto;border-radius:4px;background:var(--surface)}.photo-preview{min-height:320px}.photo-maker{display:grid;gap:18px}.photo-maker-header{display:grid;gap:8px}.photo-maker-header p{margin:0;color:var(--muted)}.official-source-link{width:fit-content;font-weight:750}.photo-maker-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,300px);gap:18px;align-items:start}.photo-editor,.photo-controls{display:grid;gap:14px}.photo-preview{position:relative;min-height:380px}.photo-preview canvas{cursor:grab;touch-action:none}.photo-preview canvas:active{cursor:grabbing}.photo-empty-state{margin:0;color:var(--muted);text-align:center}.photo-dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-dimension-grid label:last-child{grid-column:span 2}.photo-controls input[type=range]{width:100%;accent-color:var(--accent)}.photo-control-actions{display:flex;flex-wrap:wrap;gap:10px}.text-transform{display:grid;gap:16px}.text-transform-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.text-transform-editor .text-tool-area{min-height:260px;resize:vertical}.text-transform-actions,.text-transform-options{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.text-transform-options .file-control{min-width:min(100%,190px)}.markdown-grid,.diff-inputs,.diff-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.markdown-grid .text-tool-area,.diff-inputs .text-tool-area{min-height:360px;resize:vertical}.markdown-output,.diff-output-grid>section{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);padding:14px}.markdown-output h2,.diff-output-grid h2{margin:0 0 12px;font-size:1rem}.markdown-output [data-markdown-preview]{min-height:300px;overflow-wrap:anywhere}.markdown-output pre{overflow:auto;padding:12px;border-radius:6px;background:var(--surface)}.diff-summary{min-height:1.5rem;color:var(--muted);font-weight:700}.diff-pane{display:grid;max-height:430px;overflow:auto;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.diff-line{min-height:1.65rem;padding:3px 8px;font-family:var(--font-mono);font-size:.86rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.diff-line.added{background:#16a34a24}.diff-line.removed{background:#dc262624}.lorem-workspace,.character-counter,.character-limits{display:grid;gap:16px}.lorem-workspace .text-tool-area{min-height:260px}.character-limits{grid-template-columns:repeat(2,minmax(0,1fr))}.character-limits>div{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.character-limits>div>div{display:flex;justify-content:space-between;gap:10px}.character-limits progress{width:100%;accent-color:var(--accent)}.limit-exceeded{color:var(--danger, #b91c1c)}.notice-box{margin-top:18px;border:1px solid rgba(15,118,110,.25);border-radius:8px;background:var(--accent-soft);padding:16px}.notice-box strong{display:block;color:var(--accent-strong)}.notice-box p{margin:6px 0 0;color:var(--text)}.requirement-table-wrap{overflow-x:auto}.requirement-table{width:100%;border-collapse:collapse;font-size:.95rem}.requirement-table th,.requirement-table td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left;vertical-align:top}.requirement-table th{width:180px;color:var(--muted);font-weight:750}.source-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.source-list li{display:grid;gap:3px}.source-list span{color:var(--muted);font-size:.9rem}.missing-tool{border-color:#f59e0b;background:#fffbeb}.my-tools-empty{display:grid;justify-items:start;gap:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:28px}.my-tools-inline{margin-top:14px}.my-tools-empty h2,.my-tools-empty p{margin:0}.my-tools-empty p{color:var(--muted)}.my-tools-grid>div{min-width:0}.content-panel ol,.content-panel ul{padding-left:22px;margin:0}.content-panel li+li{margin-top:8px}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--border);border-radius:8px;padding:12px 14px;background:var(--surface)}.faq-list summary{cursor:pointer;font-weight:750}.faq-list p{margin:8px 0 0;color:var(--muted)}.side-stack{display:grid;gap:14px}.ad-slot{min-height:96px;display:block;padding:8px;color:var(--muted);background:var(--surface);font-size:.9rem}.ad-label{display:block;margin-bottom:4px;text-align:center;font-size:.75rem}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:16px;padding:24px 0}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.footer-consent-link{color:inherit;font:inherit}.legal-page{max-width:900px;margin-inline:auto}.legal-page .content-panel p{color:var(--muted)}.legal-page>.content-panel{margin-top:0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:22px 0}.legal-page>.content-panel:last-of-type{border-bottom:0}.legal-updated{color:var(--muted);font-size:.9rem}.legal-links{display:grid;gap:6px;margin-top:12px!important}.contact-addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-addresses a{display:grid;gap:4px;min-width:0;border:1px solid var(--border);border-radius:6px;padding:12px;color:var(--text);text-decoration:none}.contact-addresses a:hover{border-color:var(--accent)}.contact-addresses span{color:var(--muted);font-size:.85rem}.contact-addresses strong{overflow-wrap:anywhere}.hidden{display:none!important}.directory-page-header{max-width:820px;margin-bottom:24px}.directory-page-header h1{margin:0;font-size:2rem}.directory-page-header>p{margin:8px 0 18px;color:var(--muted)}.developer-search{display:block;max-width:680px}.developer-directory-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.developer-group-sidebar{position:sticky;top:84px;border-right:1px solid var(--border);padding-right:14px}.developer-group-sidebar nav{display:grid;gap:4px}.developer-group-sidebar a,.developer-tool-groups summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text);font-weight:700}.developer-group-sidebar a{border-radius:6px;padding:9px 10px}.developer-group-sidebar a:hover{background:var(--surface-muted);color:var(--accent-strong);text-decoration:none}.developer-group-sidebar small,.developer-tool-groups small{color:var(--muted)}.developer-group-list{display:grid;gap:28px}.developer-group-section{scroll-margin-top:88px}.developer-group-section .section-header p{margin:4px 0 0;color:var(--muted)}.developer-nav-home{display:inline-block;margin-bottom:10px}.developer-tool-groups{display:grid;gap:5px;min-width:0;max-width:100%}.developer-tool-groups details{border-bottom:1px solid var(--border);padding-bottom:5px;min-width:0;max-width:100%}.developer-tool-groups summary{cursor:pointer;padding:8px 2px}.developer-tool-groups .tool-side-nav{margin-top:2px}@media(max-width:1180px){.tool-workspace-grid{grid-template-columns:220px minmax(0,1fr)}.tool-workspace-grid>.side-stack{grid-column:2}}@media(max-width:1040px){.category-directory{grid-template-columns:1fr}}@media(max-width:900px){:root{--page-gutter: 28px}.header-inner,.footer-inner{align-items:flex-start;flex-direction:column}.home-hero,.directory-layout,.category-directory{grid-template-columns:1fr}.directory-sidebar{position:static}.developer-directory-layout{grid-template-columns:1fr}.developer-group-sidebar{position:static;border-right:0;border-bottom:1px solid var(--border);padding:0 0 12px;overflow-x:auto}.developer-group-sidebar nav{display:flex;width:max-content}.developer-tool-groups details:not([open]){display:none}.developer-tool-groups summary{display:none}.directory-nav{display:flex;flex-wrap:wrap}.tool-workspace-grid{grid-template-columns:1fr}.tool-workspace-grid>.side-stack{grid-column:auto}.tool-nav-panel{position:static}.tool-side-nav{display:flex;width:100%;max-width:100%;min-width:0;overflow-x:auto;padding-bottom:2px}.tool-side-nav a{flex:0 0 auto;white-space:nowrap}.tool-page-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){:root{--page-gutter: 24px}.container{width:min(100% - var(--page-gutter),var(--page-max))}.site-main{padding-top:22px}.hero h1,.home-hero h1{font-size:2rem}.tool-title-row h1{font-size:1.45rem}.home-hero{text-align:left;justify-items:stretch}.home-hero-copy{justify-items:start}.home-primary-line{font-size:1.25rem}.stats-grid,.form-grid,.contact-addresses{grid-template-columns:1fr}.popular-strip,.category-panel-header,.tool-hero-meta{align-items:stretch;flex-direction:column}.requirement-table th{width:130px}.photo-maker-layout{grid-template-columns:1fr}.photo-preview{min-height:280px}.text-transform-editor,.markdown-grid,.diff-inputs,.diff-output-grid,.character-limits{grid-template-columns:1fr}}:root{color-scheme:light;--bg: #f4f6f8;--surface: #ffffff;--surface-soft: #f8fafb;--ink: #17212b;--muted: #64717f;--line: #dce2e7;--brand: #087f73;--brand-dark: #06655d;--brand-soft: #e4f5f2;--blue: #3267d6;--blue-soft: #eaf0ff;--coral: #c34c36;--coral-soft: #fff0ec;--gold: #9b6a05;--gold-soft: #fff6d9;--violet: #7254b6;--violet-soft: #f1edff;--shadow: 0 14px 38px rgba(31, 44, 55, .08);--container: 1480px;--gutter: 36px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - var(--gutter)));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(220,226,231,.9);background:#fffffff0;backdrop-filter:blur(14px)}.header-inner{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:800}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:var(--brand);color:#fff;font-size:13px}.header-nav,.header-actions,.demo-switcher{display:flex;align-items:center;gap:6px}.header-nav{margin-left:auto}.nav-link{padding:8px 10px;border-radius:6px;color:#4f5b67;font-weight:700}.nav-link:hover,.nav-link.active{background:var(--brand-soft);color:var(--brand-dark)}.select-control,.icon-btn{min-height:38px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}.select-control{padding:0 30px 0 10px}.icon-btn{width:38px;display:inline-grid;place-items:center}.icon-btn:hover{border-color:#8fc9c2;color:var(--brand)}.icon-btn svg{width:18px;height:18px}.prototype-bar{background:#17212b;color:#dfe7ed}.prototype-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.prototype-inner strong{color:#fff}.demo-switcher a{padding:4px 9px;border-radius:5px;color:#c7d1da}.demo-switcher a:hover,.demo-switcher a.active{background:#33414d;color:#fff}.page{padding:24px 0 64px}.breadcrumb{display:flex;gap:8px;margin-bottom:14px;color:var(--muted);font-size:13px}.breadcrumb span{color:#9aa4ad}.eyebrow{margin:0 0 4px;color:var(--brand-dark);font-size:12px;font-weight:800;text-transform:uppercase}h1,h2,h3,p{letter-spacing:0}h1{margin:0;font-size:clamp(27px,3vw,40px);line-height:1.1}h2{margin:0;font-size:22px}h3{margin:0;font-size:17px}.muted{color:var(--muted)}.search-box{position:relative}.search-box>svg{position:absolute;left:16px;top:50%;width:20px;height:20px;color:var(--muted);transform:translateY(-50%)}.search-box input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 16px 0 48px;color:var(--ink);outline:0;box-shadow:0 6px 20px #1f2c370d}.search-box input:focus{border-color:#59a9a0;box-shadow:0 0 0 3px #087f731f}.trust-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px;color:#52606c;font-size:13px}.trust-item{display:inline-flex;align-items:center;gap:6px}.trust-item svg{width:16px;height:16px;color:var(--brand)}.home-intro{display:grid;justify-items:center;gap:9px;padding:12px 0 10px;text-align:center}.home-intro h1{font-size:clamp(26px,3vw,36px)}.home-intro>p{max-width:920px;margin:0;color:var(--muted);font-size:14px}.home-search{width:min(760px,100%)}.home-control-row{width:min(760px,100%);display:flex;align-items:center;justify-content:space-between;gap:18px}.legacy-home .home-intro{gap:13px;padding:22px 0 18px}.legacy-home .home-intro h1{font-size:clamp(26px,3.2vw,42px)}.legacy-home .home-intro>p{max-width:720px;font-size:16px}.legacy-home .category-feed{grid-template-columns:1fr}.legacy-home .tool-link-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.legacy-home .right-rail{position:static}.legacy-benefits{max-width:1120px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px 16px;color:var(--muted);font-size:13px}.legacy-benefits span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.legacy-benefits svg{width:16px;height:16px;color:var(--brand)}.directory-command{min-height:126px;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);align-items:center;gap:48px;border-bottom:1px solid var(--line);padding:8px 4px 18px}.command-copy h1{max-width:430px;font-size:clamp(27px,3vw,36px)}.command-copy>p:last-child{margin:8px 0 0;color:var(--muted)}.command-search{display:grid;gap:9px}.command-search .search-box input{min-height:56px;font-size:16px}.command-meta{display:flex;align-items:center;justify-content:space-between;gap:18px}.command-meta .trust-row{justify-content:flex-end}.home-category-nav{position:sticky;top:62px;z-index:20;display:flex;align-items:center;gap:3px;overflow-x:auto;border-bottom:1px solid var(--line);background:#f4f6f8f5;padding:8px 0;backdrop-filter:blur(12px);scrollbar-width:none}.home-category-nav::-webkit-scrollbar{display:none}.home-category-nav a{flex:0 0 auto;border-radius:6px;padding:7px 12px;color:var(--muted);font-size:13px;font-weight:800}.home-category-nav a:hover{background:#fff;color:var(--ink)}.home-category-nav a.active{background:var(--ink);color:#fff}.directory-sheet{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 14px 36px #1f2c370e}.directory-row{--row-accent: var(--brand);min-height:136px;display:grid;grid-template-columns:210px minmax(0,1fr) 112px;align-items:center;gap:20px;border-bottom:1px solid var(--line);border-left:3px solid var(--row-accent);padding:18px 18px 18px 17px;scroll-margin-top:116px}.directory-row:last-child{border-bottom:0}.directory-row:nth-child(2n){background:#fbfcfd}.directory-row.tone-blue{--row-accent: var(--blue)}.directory-row.tone-violet{--row-accent: var(--violet)}.directory-row.tone-green{--row-accent: var(--brand)}.directory-row.tone-gold{--row-accent: #c48a14}.directory-row.tone-coral{--row-accent: var(--coral)}.directory-identity{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:11px}.directory-identity .category-icon{width:38px;height:38px}.directory-identity h2{margin:-2px 0 1px;font-size:18px}.directory-identity strong{color:var(--row-accent);font-size:12px}.directory-identity p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.directory-tools{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:5px 8px}.directory-tools a{min-width:0;min-height:38px;display:flex;align-items:center;gap:8px;border-radius:6px;padding:7px 8px;color:#36424d;font-weight:700;white-space:nowrap}.directory-tools a:hover{background:color-mix(in srgb,var(--row-accent) 8%,white);color:var(--row-accent)}.directory-tools svg{flex:0 0 auto;width:16px;height:16px;color:#8a96a0}.directory-tools a:hover svg{color:var(--row-accent)}.directory-more{min-height:72px;display:grid;grid-template-columns:auto 18px;align-content:center;justify-content:end;gap:2px 6px;border-left:1px solid var(--line);padding-left:17px;color:var(--row-accent);font-size:13px;font-weight:800}.directory-more span{grid-column:1;color:var(--muted);font-size:11px;font-weight:700}.directory-more svg{grid-column:2;grid-row:1 / 3;align-self:center;width:17px;height:17px}.directory-more:hover{color:var(--ink)}.quick-categories{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;margin:8px 0 14px}.quick-category{min-width:0;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:11px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.quick-category:hover{transform:translateY(-2px);border-color:#a8c8c4;box-shadow:var(--shadow)}.quick-category .category-icon{flex:0 0 auto}.quick-category strong{display:block;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.quick-category small{color:var(--muted)}.category-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:var(--brand-soft);color:var(--brand)}.category-icon.blue{background:var(--blue-soft);color:var(--blue)}.category-icon.coral{background:var(--coral-soft);color:var(--coral)}.category-icon.gold{background:var(--gold-soft);color:var(--gold)}.category-icon.violet{background:var(--violet-soft);color:var(--violet)}.category-icon svg{width:18px;height:18px}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.category-feed{display:grid;gap:12px}.home-no-ads{display:block}.home-no-ads .category-feed,.home-no-ads .tool-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-band{border-top:3px solid var(--brand);border-radius:5px 5px 0 0;background:#fff;padding:17px 18px 16px}.category-band.blue{border-color:var(--blue)}.category-band.coral{border-color:var(--coral)}.category-band.gold{border-color:#d29822}.band-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:13px}.band-heading{display:flex;align-items:center;gap:11px}.band-heading p{margin:2px 0 0;color:var(--muted);font-size:13px}.view-all{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;color:var(--brand-dark);font-size:13px;font-weight:800}.view-all svg{width:15px;height:15px}.tool-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px}.tool-link{min-width:0;display:flex;align-items:center;gap:8px;border-radius:6px;padding:8px;color:#303b45;font-weight:700}.tool-link:hover{background:var(--surface-soft);color:var(--brand-dark)}.tool-link svg{flex:0 0 auto;width:16px;height:16px;color:#87939e}.tool-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-rail{display:grid;gap:14px;position:sticky;top:112px}.ad-box{min-height:250px;display:grid;place-items:center;border:1px dashed #b6c0c8;border-radius:7px;background:#eef1f3;color:#78838d;text-align:center}.ad-box.wide{min-height:110px}.ad-box.tall{min-height:600px}.ad-box strong{display:block;color:#5f6b75;font-size:12px;text-transform:uppercase}.ad-box small{display:block;margin-top:4px}.rail-section{border-top:3px solid var(--brand);background:#fff;padding:15px}.rail-section h3{margin-bottom:10px;font-size:15px}.rail-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:7px}.rail-title h3{margin:0}.rail-title span{color:var(--muted);font-size:11px}.rank-list{display:grid;gap:4px}.rank-item{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:7px 3px;border-bottom:1px solid #edf0f2}.rank-item:last-child{border-bottom:0}.rank-item b{color:#9aa4ad;font-size:12px}.rank-item span{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.rail-trending .rank-item:nth-child(-n+3) b{color:var(--coral)}.rail-trending .rank-item:hover span{color:var(--brand-dark)}.rail-site-info{border-top:3px solid var(--ink);background:#fff;padding:15px}.rail-site-heading{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:13px}.rail-site-heading .brand-mark{width:38px;height:38px}.rail-site-heading h2{margin:0;font-size:15px}.rail-site-heading p{margin:2px 0 0;color:var(--muted);font-size:11px}.rail-resource-list{display:grid}.rail-resource-list>a{display:grid;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:9px;border-bottom:1px solid #edf0f2;padding:11px 1px}.rail-resource-list>a>svg{width:17px;height:17px;color:var(--muted)}.rail-resource-list>a>svg:last-child{width:14px;height:14px}.rail-resource-list>a:hover>svg,.rail-resource-list>a:hover strong{color:var(--brand-dark)}.rail-resource-list span{min-width:0}.rail-resource-list strong,.rail-resource-list small{display:block}.rail-resource-list strong{color:var(--ink);font-size:13px}.rail-resource-list small{overflow:hidden;margin-top:1px;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.rail-support{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;padding:12px 1px}.rail-support>svg{width:17px;height:17px;color:var(--brand)}.rail-support strong,.rail-support a{display:block}.rail-support strong{font-size:12px}.rail-support a{margin-top:2px;color:var(--brand-dark);font-size:11px}.rail-site-meta{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:11px;color:var(--muted);font-size:10px}.rail-site-meta strong{margin-top:4px;color:var(--ink);font-size:11px}.rail-footer{border-top:1px solid var(--line);padding:14px 3px;color:var(--muted);font-size:12px}.rail-footer strong{display:block;margin-bottom:8px;color:var(--ink);font-size:12px}.rail-footer nav{display:flex;flex-wrap:wrap;gap:7px 14px}.rail-footer a:hover{color:var(--brand-dark);text-decoration:underline}.category-hero{padding:4px 0 18px}.category-hero p{max-width:760px;margin:8px 0 0;color:var(--muted);font-size:16px}.category-overview-row{display:grid;grid-template-columns:minmax(300px,520px) repeat(3,minmax(125px,1fr));align-items:stretch;gap:9px;margin-top:18px}.category-search{max-width:none;margin:0}.category-search input{height:100%;min-height:58px}.stat{min-height:58px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);border-left:3px solid var(--brand);background:#fff;padding:7px 12px}.stat strong{display:block;font-size:20px}.stat span{color:var(--muted);font-size:12px}.tab-strip{position:sticky;top:62px;z-index:20;display:flex;gap:4px;overflow-x:auto;border:1px solid var(--line);border-radius:7px;background:#fffffff5;padding:5px;box-shadow:0 7px 20px #1f2c370f;scrollbar-width:thin}.tab-strip button{flex:0 0 auto;min-height:36px;border:0;border-radius:5px;background:transparent;padding:0 13px;color:var(--muted);font-size:13px;font-weight:800}.tab-strip button:hover{background:var(--surface-soft);color:var(--ink)}.tab-strip button.active{background:var(--brand);color:#fff}.category-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start;margin-top:18px}.category-main{min-width:0;display:grid;gap:22px}.group-section{scroll-margin-top:125px}.group-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:10px}.group-header p{margin:3px 0 0;color:var(--muted);font-size:13px}.group-count{color:var(--muted);font-size:12px;font-weight:800}.compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.compact-card{min-width:0;min-height:92px;display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:start;gap:10px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:13px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.compact-card:hover{transform:translateY(-1px);border-color:#9bcac5;box-shadow:0 8px 24px #1f2c3712}.compact-card .category-icon{width:34px;height:34px}.card-copy{min-width:0}.card-copy strong{display:block;overflow:hidden;margin:1px 0 3px;text-overflow:ellipsis;white-space:nowrap}.card-copy p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.save-btn{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#8a959f}.save-btn:hover{background:var(--brand-soft);color:var(--brand)}.save-btn svg{width:17px;height:17px}.inline-ad{display:none}.tool-layout{display:grid;grid-template-columns:218px minmax(560px,1fr) 300px;gap:20px;align-items:start}.tool-sidebar{position:sticky;top:82px;min-width:0}.sidebar-home{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--brand-dark);font-weight:800}.sidebar-home svg{width:17px;height:17px}.side-group{border-top:1px solid var(--line);padding:10px 0}.side-group summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800;list-style:none}.side-group summary::-webkit-details-marker{display:none}.side-group summary svg{width:15px;height:15px;color:var(--muted)}.side-links{display:grid;gap:2px;margin-top:7px}.side-links a{border-radius:6px;padding:7px 9px;color:var(--muted);font-size:13px;font-weight:700}.side-links a:hover{background:#fff;color:var(--ink)}.side-links a.active{background:var(--brand);color:#fff}.tool-main{min-width:0}.tool-titlebar{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:11px}.tool-titlebar p{margin:6px 0 0;color:var(--muted)}.title-actions{display:flex;gap:6px}.browser-note{display:flex;align-items:center;gap:8px;border-left:3px solid var(--brand);background:var(--brand-soft);padding:9px 11px;color:#315b56;font-size:13px}.browser-note svg{flex:0 0 auto;width:17px;height:17px;color:var(--brand)}.workspace{margin-top:12px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.dropzone{min-height:225px;display:grid;place-items:center;margin:16px;border:1px dashed #aab7c0;background:var(--surface-soft);text-align:center}.drop-content{display:grid;justify-items:center;gap:7px}.drop-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--blue)}.drop-icon svg{width:23px;height:23px}.drop-content h2{font-size:18px}.drop-content p{margin:0;color:var(--muted)}.primary-btn{min-height:40px;border:0;border-radius:6px;background:var(--brand);padding:0 16px;color:#fff;font-weight:800}.primary-btn:hover{background:var(--brand-dark)}.settings{border-top:1px solid var(--line)}.setting-row{display:grid;grid-template-columns:135px minmax(0,1fr) 26px;align-items:center;gap:14px;min-height:56px;border-bottom:1px solid var(--line);padding:10px 15px}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:14px}.setting-row span{color:var(--muted);font-size:13px}.setting-row svg{width:17px;height:17px;color:var(--muted)}.setting-row.open{align-items:start;min-height:94px}.slider-wrap{display:grid;gap:5px}.slider-wrap input{width:100%;accent-color:var(--brand)}.slider-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.content-section{margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.content-section p,.content-section li{color:var(--muted)}.faq-list{margin-top:10px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);background:#fff}.faq-list summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;color:var(--ink);font-weight:800;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{background:var(--surface-soft)}.faq-list summary svg{flex:0 0 auto;width:17px;height:17px;color:var(--muted);transition:transform .18s ease}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{margin:0;padding:0 48px 15px 13px;font-size:14px;line-height:1.65}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;list-style:none}.steps li{border-left:3px solid var(--brand);background:#fff;padding:11px}.steps b{display:block;color:var(--ink)}.footer{border-top:1px solid var(--line);background:#fff}.footer-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:16px}.category-page .footer-inner{justify-content:center;flex-wrap:wrap;text-align:center}.category-page .footer-links{justify-content:center}.tool-page .footer-inner{justify-content:center;flex-wrap:wrap;text-align:center}.tool-page .footer-links{justify-content:center}.tool-page{--bg: #f2f4f6;--surface: #ffffff;--surface-soft: #f7f8f9;--ink: #18212b;--muted: #66727d;--line: #d9dfe4;--brand: #0d766d;--brand-dark: #095b55;--brand-soft: #e5f1ef;--blue: #42678f;--blue-soft: #eaf0f5;--violet: #6d608b;--violet-soft: #f0edf5;--gold: #946a24;--gold-soft: #f7f0e3;--coral: #a45b4c;--coral-soft: #f7ece9;--shadow: 0 14px 34px rgba(22,33,43,.07);background:var(--bg)}.tool-page .prototype-bar{background:#121a22;color:#d6dde2}.tool-page .site-header{border-color:#ccd4dae0;background:#fcfdfdf5}.tool-page .brand-mark{background:#0b6e66;box-shadow:inset 0 0 0 1px #ffffff29}.tool-page .nav-link:hover,.tool-page .nav-link.active{background:#e8efee;color:#075d56}.tool-page .tool-titlebar h1{color:#17212b}.tool-page .browser-note{border-color:#188177;background:#e6f1ef;color:#315e59}.tool-page .workspace{border-color:#d3dbe0;box-shadow:0 16px 36px #18212b13}.tool-page .dropzone{border-color:#9eafba;background:#f6f8f9}.tool-page .drop-icon{background:#e8eef4;color:#42678f}.tool-page .primary-btn{background:#0d766d;box-shadow:0 5px 14px #0d766d2e}.tool-page .primary-btn:hover{background:#095b55}.tool-page .setting-row:hover{background:#fafbfb}.tool-page .side-links a:hover{background:#fff;color:#18212b}.tool-page .side-links a.active{background:#0d766d;color:#fff;box-shadow:0 4px 12px #0d766d29}.tool-page .right-rail .rail-section{border-right:1px solid #d5dce1;border-bottom:1px solid #d5dce1;border-left:1px solid #d5dce1;box-shadow:0 8px 22px #18212b0b}.tool-page .ad-box{border-color:#b8c2c9;background:#eceff1;color:#75818a}.tool-page .content-section{border-color:#cfd7dc}.tool-page .steps li{border-left-color:#167d74;box-shadow:0 4px 14px #18212b09}.quick-categories,.tab-strip,.tool-sidebar{scrollbar-width:none}.quick-categories::-webkit-scrollbar,.tab-strip::-webkit-scrollbar,.tool-sidebar::-webkit-scrollbar{display:none}[hidden]{display:none!important}@media(max-width:1250px){.tool-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-command{grid-template-columns:minmax(260px,.65fr) minmax(460px,1.35fr);gap:30px}.directory-row{grid-template-columns:190px minmax(0,1fr) 98px;gap:14px;padding-inline:14px}.directory-tools{grid-template-columns:repeat(3,minmax(110px,1fr))}.tool-layout{grid-template-columns:205px minmax(0,1fr)}.tool-layout>.right-rail{display:none}.inline-ad{display:grid}}@media(max-width:960px){:root{--gutter: 28px}.header-nav{display:none}.home-layout,.category-layout,.category-hero{grid-template-columns:1fr}.directory-command{grid-template-columns:1fr;gap:14px;padding-top:0}.command-copy h1{max-width:none}.directory-row{grid-template-columns:175px minmax(0,1fr)}.directory-tools{grid-template-columns:repeat(2,minmax(120px,1fr))}.directory-more{min-height:36px;display:flex;grid-column:1 / -1;justify-content:flex-end;border-top:1px solid var(--line);border-left:0;padding:8px 0 0}.directory-more span{display:none}.home-no-ads .category-feed{grid-template-columns:1fr}.home-layout>.right-rail,.category-layout>.right-rail,.category-stats{display:none}.legacy-home .home-layout>.right-rail{position:static;display:grid;margin-top:2px}.tool-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-layout{grid-template-columns:1fr}.tool-sidebar{position:static;display:flex;gap:7px;overflow-x:auto;border-bottom:1px solid var(--line);padding-bottom:8px}.sidebar-home{flex:0 0 auto;margin:0;padding:7px 9px}.side-group{flex:0 0 auto;border:0;padding:0}.side-group summary{min-height:36px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 10px;white-space:nowrap}.side-group[open] .side-links{display:none}}@media(max-width:760px){.category-overview-row{grid-template-columns:repeat(3,minmax(0,1fr))}.category-overview-row .category-search{grid-column:1 / -1}}@media(max-width:640px){:root{--gutter: 22px}body{font-size:14px}.prototype-inner{align-items:flex-start;flex-direction:column;padding:7px 0}.header-inner{min-height:56px}.brand span:last-child{display:none}.header-actions{margin-left:auto}.header-actions .select-control{width:78px}.page{padding-top:16px}.home-intro{justify-items:stretch;padding-top:5px;text-align:left}.home-intro>p{font-size:14px}.legacy-benefits{justify-content:flex-start;gap:7px 13px}.home-control-row{align-items:stretch;flex-direction:column;gap:8px}.home-control-row .trust-row{justify-content:flex-start}.directory-command{min-height:0;gap:12px;padding-bottom:13px}.command-copy .eyebrow{display:none}.command-copy h1{font-size:25px}.command-copy>p:last-child{margin-top:5px;font-size:13px}.command-search .search-box input{min-height:50px;font-size:14px}.command-meta{align-items:flex-start;flex-direction:column;gap:7px}.command-meta .trust-row{gap:8px 13px;font-size:12px}.home-category-nav{top:56px;margin-inline:calc(var(--gutter) / -2);padding-inline:calc(var(--gutter) / 2)}.directory-sheet{margin-inline:calc(var(--gutter) / -2);border-right:0;border-left:0;border-radius:0}.directory-row{min-height:0;grid-template-columns:1fr;gap:11px;border-left-width:3px;padding:15px calc(var(--gutter) / 2)}.directory-identity{grid-template-columns:34px minmax(0,1fr)}.directory-identity .category-icon{width:34px;height:34px}.directory-identity h2{font-size:17px}.directory-identity p{display:none}.directory-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 7px}.directory-tools a{min-height:34px;padding:6px 3px;font-size:13px}.directory-tools a:nth-child(n+7){display:none}.directory-more{grid-column:auto;justify-content:flex-start;border-top:0;padding:2px 0 0 42px}.trust-row{gap:8px 14px}.quick-categories{display:flex;overflow-x:auto;margin-inline:calc(var(--gutter) / -2);padding:0 calc(var(--gutter) / 2) 7px}.quick-category{flex:0 0 150px}.band-header,.group-header,.tool-titlebar{align-items:flex-start}.band-heading p{display:none}.tool-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.tool-link{padding:7px 4px;font-size:13px}.category-band{padding:14px 12px}.compact-grid{grid-template-columns:1fr}.compact-card{min-height:82px}.tab-strip{top:56px;margin-inline:calc(var(--gutter) / -2);border-left:0;border-right:0;border-radius:0;padding-inline:calc(var(--gutter) / 2)}.category-hero p{font-size:14px}.tool-titlebar h1{font-size:25px}.tool-titlebar p{font-size:13px}.dropzone{min-height:190px;margin:10px}.setting-row{grid-template-columns:90px minmax(0,1fr) 20px;gap:8px;padding-inline:11px}.steps{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column;padding:18px 0}.category-page .footer-inner,.tool-page .footer-inner{align-items:center}}.v4-home .page{padding-top:16px}.v4-home{--bg: #f2f4f6;--surface: #ffffff;--surface-soft: #f7f8f9;--ink: #18212b;--muted: #66727d;--line: #d9dfe4;--brand: #0d766d;--brand-dark: #095b55;--brand-soft: #e5f1ef;--blue: #42678f;--blue-soft: #eaf0f5;--violet: #6d608b;--violet-soft: #f0edf5;--gold: #946a24;--gold-soft: #f7f0e3;--coral: #a45b4c;--coral-soft: #f7ece9;--shadow: 0 14px 34px rgba(22, 33, 43, .07);background:var(--bg)}.v4-home .prototype-bar{background:#121a22;color:#d6dde2}.v4-home .site-header{border-color:#ccd4dae0;background:#fcfdfdf5}.v4-home .brand-mark{background:#0b6e66;box-shadow:inset 0 0 0 1px #ffffff29}.v4-home .nav-link:hover,.v4-home .nav-link.active{background:#e8efee;color:#075d56}.v4-home .v4-intro h1{color:#17212b}.v4-home .legacy-benefits{color:#5e6b75}.v4-home .legacy-benefits svg{color:#328b82}.v4-home .search-box input{border-color:#cdd5db;box-shadow:0 10px 26px #18212b13}.v4-home .search-box input:focus{border-color:#368f87;box-shadow:0 0 0 3px #0d766d1c,0 10px 26px #18212b13}.v4-intro{gap:10px;padding:5px 0 12px}.v4-intro h1{font-size:clamp(28px,3vw,38px)}.v4-category-filter{display:grid;grid-template-columns:repeat(8,minmax(95px,1fr));gap:7px;margin-bottom:14px}.v4-category-filter button{min-width:0;min-height:52px;display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 8px;border:1px solid #d5dce1;border-radius:7px;background:#fbfcfc;padding:7px 9px;color:var(--ink);text-align:left}.v4-category-filter button:hover{border-color:#94aaa6;background:#fff;box-shadow:0 6px 18px #18212b11}.v4-category-filter button.active{border-color:#18242e;background:#18242e;color:#fff;box-shadow:0 7px 18px #121c2529}.v4-category-filter svg{grid-row:1 / 3;width:18px;height:18px;color:var(--brand)}.v4-category-filter button:nth-child(3) svg,.v4-category-filter button:nth-child(7) svg{color:var(--violet)}.v4-category-filter button:nth-child(5) svg{color:var(--gold)}.v4-category-filter button:nth-child(6) svg{color:var(--coral)}.v4-category-filter button.active svg{color:#70d0c5}.v4-category-filter span{overflow:hidden;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.v4-category-filter small{color:var(--muted);font-size:10px}.v4-category-filter button.active small{color:#bec9d1}.v4-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.v4-sidebar{position:sticky;top:78px;display:grid;gap:12px;max-height:calc(100vh - 92px);overflow-y:auto;padding-right:4px;scrollbar-color:#b9c3ca transparent;scrollbar-width:thin}.v4-sidebar .rail-section,.v4-sidebar .rail-site-info{border-right:1px solid #d5dce1;border-bottom:1px solid #d5dce1;border-left:1px solid #d5dce1;box-shadow:0 8px 22px #18212b0b}.v4-sidebar .rail-section{border-top-color:#167d74}.v4-sidebar .rail-site-info{border-top-color:#25313b}.v4-sidebar .rank-item{padding-block:6px}.v4-sidebar .rail-site-info{flex:0 0 auto}.v4-main{min-width:0}.v4-category-section{scroll-margin-top:84px}.v4-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin-bottom:12px;padding:0 2px 10px}.v4-section-heading h2{font-size:23px}.v4-section-heading p:last-child{margin:3px 0 0;color:var(--muted);font-size:12px}.v4-category-feed{grid-template-columns:1fr;gap:10px}.v4-category-feed .category-band{border-top-width:2px;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;border-left:1px solid #d8dee3;padding:15px 16px;box-shadow:0 7px 20px #18212b0a}.v4-category-feed .category-band.blue{background:#fcfdfe}.v4-category-feed .category-band.violet{background:#fdfcfe}.v4-category-feed .category-band.gold{background:#fefdfb}.v4-category-feed .category-band.coral{background:#fffdfc}.v4-category-feed .tool-link:hover{background:#eef2f3}.v4-category-feed .tool-link-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v4-all-section{margin-top:34px;border-top:1px solid #bfc8cf;padding-top:20px}.v4-all-section.is-category-view{margin-top:16px;border-top:0;padding-top:0}.v4-all-section>.v4-list-header{position:relative}.v4-all-section>.v4-list-header:before{position:absolute;top:-21px;left:0;width:92px;height:3px;background:#17242d;content:""}.v4-list-header{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin-bottom:12px;padding:0 2px 9px}.v4-list-header[hidden]{display:none}.v4-list-header h2{font-size:23px}.v4-list-header>span{color:var(--muted);font-size:13px;font-weight:800}.v4-tool-groups{display:grid;gap:28px}.v4-tool-group{scroll-margin-top:84px}.v4-group-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;border-bottom:1px solid #cfd6dc;padding:0 2px 9px}.v4-group-header>div{display:flex;align-items:center;gap:10px;min-width:0}.v4-group-header .category-icon{flex:0 0 auto;width:34px;height:34px}.v4-group-header h3{font-size:18px}.v4-group-header p{margin:1px 0 0;color:var(--muted);font-size:11px}.v4-group-header>strong{flex:0 0 auto;color:var(--muted);font-size:12px}.v4-waterfall{columns:4 210px;column-gap:10px}.v4-tool-card{--card-accent: var(--brand);position:relative;display:inline-block;width:100%;break-inside:avoid;margin:0 0 10px;overflow:hidden;border:1px solid #d7dde2;border-radius:7px;background:#fff;padding:13px 13px 13px 15px;box-shadow:0 3px 10px #18212b06;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.v4-tool-card:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--card-accent);content:"";opacity:.78}.v4-tool-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--card-accent) 38%,#d7dde2);box-shadow:0 12px 28px #18212b16}.v4-tool-card.tone-blue{--card-accent: var(--blue)}.v4-tool-card.tone-violet{--card-accent: var(--violet)}.v4-tool-card.tone-gold{--card-accent: #bd8310}.v4-tool-card.tone-coral{--card-accent: var(--coral)}.v4-card-top{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:7px}.v4-card-top .category-icon{width:30px;height:30px}.v4-card-top .category-icon svg{width:16px;height:16px}.v4-card-category{overflow:hidden;color:var(--card-accent);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.v4-card-link{display:block;margin-top:10px}.v4-card-link:hover{text-decoration:none}.v4-card-link h3{max-width:100%;margin:0;color:var(--ink);font-size:16px;line-height:1.35;overflow-wrap:anywhere;white-space:normal}.v4-card-link p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55;overflow-wrap:anywhere}.v4-card-open{display:inline-flex;align-items:center;gap:4px;margin-top:10px;color:var(--card-accent);font-size:11px;font-weight:800}.v4-card-open svg{width:13px;height:13px}.v4-empty{min-height:320px;place-items:center;align-content:center;text-align:center;color:var(--muted)}.v4-empty:not([hidden]){display:grid}.v4-empty svg{width:30px;height:30px}.v4-empty h3{margin-top:10px;color:var(--ink)}.v4-empty p{margin:4px 0 0}@media(max-width:1180px){.v4-category-filter{grid-template-columns:repeat(4,minmax(120px,1fr))}.v4-layout{grid-template-columns:250px minmax(0,1fr)}.v4-category-feed .tool-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v4-waterfall{columns:3 200px}}@media(max-width:900px){.v4-layout{grid-template-columns:1fr}.v4-main{order:1}.v4-sidebar{position:static;order:2;max-height:none;overflow:visible;padding-right:0}.v4-sidebar .rail-trending{display:none}.v4-category-feed .tool-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v4-waterfall{columns:2 220px}}@media(max-width:640px){.v4-home .page{padding-top:12px}.v4-intro{justify-items:stretch;text-align:left}.v4-intro h1{font-size:25px;line-height:1.2}.v4-intro .legacy-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;font-size:12px}.v4-intro .legacy-benefits span{min-width:0;white-space:normal}.v4-intro .home-search{width:100%}.v4-category-filter{display:flex;overflow-x:auto;margin-inline:calc(var(--gutter) / -2);padding:0 calc(var(--gutter) / 2) 6px;scrollbar-width:none}.v4-category-filter::-webkit-scrollbar{display:none}.v4-category-filter button{flex:0 0 116px}.v4-list-header{min-height:50px}.v4-list-header h2{font-size:20px}.v4-category-feed{margin-inline:calc(var(--gutter) / -2)}.v4-category-feed .category-band{border-right:0;border-left:0;border-radius:0;padding:14px calc(var(--gutter) / 2)}.v4-category-feed .tool-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-category-feed .tool-link:nth-child(n+7){display:none}.v4-all-section{margin-top:24px}.v4-group-header{align-items:flex-start}.v4-group-header p{display:none}.v4-waterfall{columns:1}.v4-tool-card{margin-bottom:9px;padding:14px}.v4-card-link h3{font-size:17px;line-height:1.4;overflow:visible;text-overflow:clip;word-break:normal}.v4-card-link p{font-size:13px}.v4-card-category{white-space:normal}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.v4-home .site-footer{display:none}.tool-save-button{width:auto;min-width:34px;padding-inline:9px;gap:6px}.prototype-tool-surface{min-width:0;margin-top:12px}.prototype-tool-surface>.tool-shell{margin:0}.rail-resource-list>a{grid-template-columns:minmax(0,1fr) 16px}@media(max-width:640px){.dify-theme .v4-category-filter span{min-width:0;overflow-wrap:anywhere;word-break:break-word}.tool-save-button span{display:none}.tool-save-button{width:34px;padding-inline:0}}.dify-theme{min-width:0;--bg: #f8f7f7;--surface: #fff;--surface-soft: #f2f3f8;--ink: #010916;--muted: #57657a;--line: #e1e2e5;--brand: #0033ff;--brand-dark: #0022aa;--brand-soft: #e3f1ff;--blue: #0033ff;--blue-soft: #e3f1ff;--violet: #5b5bd6;--violet-soft: #eeeeff;--gold: #8a6100;--gold-soft: #fff5d6;--coral: #cf3f4f;--coral-soft: #fff0f1;--focus-ring: rgba(0,51,255,.12);--note-border: #bad8ff;--note-text: #0022aa;--shadow: 0 8px 24px -8px rgba(1,9,22,.06), 0 24px 48px -24px rgba(1,9,22,.12);--page-gutter: 24px;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}html[data-color-theme=graphite-day] .dify-theme{--brand: #111827;--brand-dark: #010916;--brand-soft: #eceef2;--focus-ring: rgba(17,24,39,.12);--note-border: #d2d6dc;--note-text: #263244}html[data-color-theme=jade-day] .dify-theme{--brand: #087f73;--brand-dark: #05645c;--brand-soft: #e2f4f1;--focus-ring: rgba(8,127,115,.13);--note-border: #b9ddd7;--note-text: #175f57;background-color:var(--bg);background-image:linear-gradient(rgba(8,127,115,.11) 2px,transparent 2px),linear-gradient(90deg,rgba(8,127,115,.11) 2px,transparent 2px);background-size:28px 28px;background-attachment:fixed}html[data-color-theme=ember-day] .dify-theme{--brand: #c2410c;--brand-dark: #9a3412;--brand-soft: #fff0e6;--focus-ring: rgba(194,65,12,.12);--note-border: #f1c7ae;--note-text: #8a3514;background-color:var(--bg);background-image:repeating-linear-gradient(135deg,transparent 0 47px,rgba(194,65,12,.05) 47px 49px,transparent 49px 96px);background-attachment:fixed}html[data-color-theme=aether-day] .dify-theme{--bg: #fffafc;--surface-soft: #f8eef6;--ink: #25243a;--muted: #6f6880;--line: #e7d5e3;--brand: #b65ca1;--brand-dark: #7e3972;--brand-soft: #f8e2f2;--blue: #436daf;--blue-soft: #e8f2fb;--violet: #c981b3;--violet-soft: #faeaf5;--gold: #d78355;--gold-soft: #fff0e6;--coral: #e1966d;--coral-soft: #fff0e8;--focus-ring: rgba(182,92,161,.15);--note-border: #e7bddb;--note-text: #713767;background-color:var(--bg);background-image:linear-gradient(#fffafcdb,#fffafcdb),url(/assets/themes/aether-brick.png);background-size:auto,32px 32px;background-attachment:fixed;image-rendering:pixelated}html[data-color-theme=chlorophyte-day] .dify-theme{--bg: #edf6e8;--surface-soft: #eff5eb;--ink: #07150e;--muted: #526459;--line: #cbdcbe;--brand: #248900;--brand-dark: #176400;--brand-soft: #eaf8d9;--focus-ring: rgba(36,137,0,.14);--note-border: #bcdc9c;--note-text: #295c18;background-color:var(--bg);background-image:linear-gradient(#edf6e847,#edf6e847),linear-gradient(rgba(36,137,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(36,137,0,.035) 1px,transparent 1px),url(/assets/themes/night/jungle-wall-2.png);background-size:auto,32px 32px,32px 32px,24px 24px;background-attachment:fixed}html[data-color-theme=hell-day] .dify-theme{--bg: #fff6f5;--surface-soft: #faecee;--ink: #31151f;--muted: #765660;--line: #e8cfd5;--brand: #9e2f53;--brand-dark: #71213b;--brand-soft: #f9dfe7;--focus-ring: rgba(158,47,83,.15);--note-border: #e3b8c6;--note-text: #70213b;background-color:var(--bg);background-image:linear-gradient(#ffe8e54d,#ffe8e54d),url(/assets/themes/night/hell-wall-2.png);background-size:auto,160px 288px;background-attachment:fixed}html[data-color-theme=mushroom-day] .dify-theme{--bg: #f8f6ec;--surface-soft: #f2efe2;--ink: #25243a;--muted: #696754;--line: #ded9bf;--brand: #777248;--brand-dark: #514d2f;--brand-soft: #ede9cd;--blue: #313b8c;--blue-soft: #e7e9f8;--focus-ring: rgba(119,114,72,.15);--note-border: #d1c99f;--note-text: #5a5635;background-color:var(--bg);background-image:linear-gradient(#f2efda40,#f2efda40),url(/assets/themes/night/mushroom-wall-seamless.png);background-size:auto,56px 32px;background-attachment:fixed;image-rendering:pixelated}html[data-color-theme=luminite-day] .dify-theme{--bg: #f6fbf9;--surface-soft: #edf6f2;--ink: #17231f;--muted: #5d6966;--line: #d1e2dc;--brand: #267a62;--brand-dark: #195744;--brand-soft: #e2f7ef;--violet: #a4657c;--violet-soft: #f7edf1;--focus-ring: rgba(38,122,98,.14);--note-border: #b8ddd0;--note-text: #245c4c;background-color:var(--bg);background-image:repeating-linear-gradient(135deg,transparent 0 58px,rgba(164,101,124,.06) 58px 60px,transparent 60px 118px),repeating-linear-gradient(45deg,transparent 0 92px,rgba(94,229,163,.09) 92px 94px,transparent 94px 186px);background-attachment:fixed}html[data-color-theme=graphite-night] .dify-theme{--bg: #0b0e13;--surface: #141922;--surface-soft: #1d2430;--ink: #f1f4f8;--muted: #a0a9b6;--line: #323b49;--brand: #697586;--brand-dark: #d6dce5;--brand-soft: #29313d;--logo-ink: #ffffff;--focus-ring: rgba(160,169,182,.18);--note-border: #475160;--note-text: #d9dfe8;--header-bg: rgba(11,14,19,.94);background-color:var(--bg);background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed}html[data-color-theme=jade-night] .dify-theme{--bg: #061512;--surface: #0d211c;--surface-soft: #153229;--ink: #e9faf5;--muted: #98b7ad;--line: #2b5146;--brand: #15927d;--brand-dark: #79d9c7;--brand-soft: #173d34;--logo-ink: #effffb;--focus-ring: rgba(21,146,125,.22);--note-border: #367565;--note-text: #91e3d3;--header-bg: rgba(6,21,18,.94);background-color:var(--bg);background-image:repeating-linear-gradient(135deg,transparent 0 62px,rgba(21,146,125,.08) 62px 64px,transparent 64px 126px);background-attachment:fixed}html[data-color-theme=ember-night] .dify-theme{--bg: #1a0b07;--surface: #28140e;--surface-soft: #3a1e15;--ink: #fff3ed;--muted: #c9aa9d;--line: #5b3527;--brand: #c94d1b;--brand-dark: #ff9b70;--brand-soft: #4b2416;--logo-ink: #fff7f2;--focus-ring: rgba(201,77,27,.22);--note-border: #7b412c;--note-text: #ffb18d;--header-bg: rgba(26,11,7,.94);background-color:var(--bg);background-image:repeating-linear-gradient(45deg,transparent 0 70px,rgba(201,77,27,.075) 70px 72px,transparent 72px 142px);background-attachment:fixed}html[data-color-theme=aether-night] .dify-theme{--bg: #11142b;--surface: #1c203d;--surface-soft: #292d50;--ink: #fffaf5;--muted: #bbb4c9;--line: #4a4c70;--brand: #e390c8;--brand-dark: #ffc3e8;--brand-soft: #49304f;--blue: #79c8f3;--blue-soft: #253d5d;--violet: #c981b3;--violet-soft: #492d48;--logo-ink: #2a1730;--focus-ring: rgba(227,144,200,.2);--note-border: #765477;--note-text: #ffd0ed;--header-bg: rgba(17,20,43,.94);background-color:var(--bg);background-image:linear-gradient(#11142bbd,#11142bbd),url(/assets/themes/aether-brick.png);background-size:auto,32px 32px;background-attachment:fixed;image-rendering:pixelated}html[data-color-theme=chlorophyte-night] .dify-theme{--bg: #07110c;--surface: #101b15;--surface-soft: #17271e;--ink: #eff8e9;--muted: #9fb2a4;--line: #30483a;--brand: #5dbe08;--brand-dark: #b9ef72;--brand-soft: #203a1b;--logo-ink: #07110c;--focus-ring: rgba(93,190,8,.2);--note-border: #3e6a31;--note-text: #c8f694;--header-bg: rgba(7,17,12,.94);background-color:var(--bg);background-image:linear-gradient(#040d1b94,#040d1b94),linear-gradient(rgba(93,190,8,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(93,190,8,.1) 1px,transparent 1px),url(/assets/themes/night/jungle-wall-2.png);background-size:auto,32px 32px,32px 32px,24px 24px;background-attachment:fixed}html[data-color-theme=hell-night] .dify-theme{--bg: #17090c;--surface: #25171a;--surface-soft: #321d22;--ink: #fff1f3;--muted: #c4a4aa;--line: #5a303a;--brand: #9e2f53;--brand-dark: #ff7899;--brand-soft: #421f2d;--logo-ink: #fff7f8;--focus-ring: rgba(229,66,80,.22);--note-border: #75304a;--note-text: #ff9cb3;--header-bg: rgba(23,9,12,.94);background-color:var(--bg);background-image:linear-gradient(#17090c61,#17090c61),url(/assets/themes/night/hell-wall-2.png);background-size:auto,160px 288px;background-attachment:fixed}html[data-color-theme=mushroom-night] .dify-theme{--bg: #090a2a;--surface: #151633;--surface-soft: #20214a;--ink: #f2f0dc;--muted: #aaa990;--line: #3b3e78;--brand: #8b855f;--brand-dark: #ddd7ad;--brand-soft: #37374f;--logo-ink: #111126;--focus-ring: rgba(215,211,181,.18);--note-border: #656546;--note-text: #e4dfb9;--header-bg: rgba(9,10,42,.94);background-color:var(--bg);background-image:linear-gradient(#090a2a2e,#090a2a2e),url(/assets/themes/night/mushroom-wall-seamless.png);background-position:0 0,0 0;background-repeat:no-repeat,repeat;background-size:auto,56px 32px;background-attachment:fixed;image-rendering:pixelated}html[data-color-theme=luminite-night] .dify-theme{--bg: #0f0d0d;--surface: #191c1b;--surface-soft: #222927;--ink: #eafff8;--muted: #a1b2ac;--line: #3a5049;--brand: #5ee5a3;--brand-dark: #9af4c7;--brand-soft: #203a32;--violet: #a4657c;--violet-soft: #3f2831;--logo-ink: #102019;--focus-ring: rgba(94,229,163,.19);--note-border: #3d745f;--note-text: #a5f5cd;--header-bg: rgba(15,13,13,.94);background-color:var(--bg);background-image:repeating-linear-gradient(135deg,transparent 0 58px,rgba(164,101,124,.1) 58px 60px,transparent 60px 118px),repeating-linear-gradient(45deg,transparent 0 92px,rgba(94,229,163,.075) 92px 94px,transparent 94px 186px);background-attachment:fixed}html[data-color-theme$=-night] .dify-theme{color-scheme:dark}html[data-color-theme$=-night] .dify-theme .prototype-bar{background:#050806;color:var(--muted)}html[data-color-theme$=-night] .dify-theme .prototype-inner strong{color:var(--ink)}html[data-color-theme$=-night] .dify-theme .demo-switcher a{color:var(--muted)}html[data-color-theme$=-night] .dify-theme .demo-switcher a:hover,html[data-color-theme$=-night] .dify-theme .demo-switcher a.active{background:var(--surface-soft);color:var(--ink)}html[data-color-theme$=-night] .dify-theme .site-header{border-color:var(--line);background:var(--header-bg)}html[data-color-theme$=-night] .dify-theme .brand{color:var(--ink)}html[data-color-theme$=-night] .dify-theme .brand-mark{background:var(--brand);color:var(--logo-ink)}html[data-color-theme$=-night] .dify-theme .nav-link{color:var(--muted)}html[data-color-theme$=-night] .dify-theme .nav-link:hover,html[data-color-theme$=-night] .dify-theme .nav-link.active{background:var(--brand-soft);color:var(--brand-dark)}html[data-color-theme$=-night] .dify-theme .select-control,html[data-color-theme$=-night] .dify-theme .icon-btn,html[data-color-theme$=-night] .dify-theme .search-box input,html[data-color-theme$=-night] .dify-theme .theme-menu,html[data-color-theme$=-night] .dify-theme .v4-category-filter button,html[data-color-theme$=-night] .dify-theme .rail-section,html[data-color-theme$=-night] .dify-theme .rail-site-info,html[data-color-theme$=-night] .dify-theme .v4-category-feed .category-band,html[data-color-theme$=-night] .dify-theme .v4-tool-card,html[data-color-theme$=-night] .dify-theme .stat,html[data-color-theme$=-night] .dify-theme .tab-strip,html[data-color-theme$=-night] .dify-theme .compact-card,html[data-color-theme$=-night] .dify-theme .right-rail .rail-section,html[data-color-theme$=-night] .dify-theme .side-group summary,html[data-color-theme$=-night] .dify-theme .workspace,html[data-color-theme$=-night] .dify-theme .steps li,html[data-color-theme$=-night] .dify-theme .faq-list details,html[data-color-theme$=-night] .dify-theme .footer{border-color:var(--line);background-color:var(--surface);color:var(--ink)}html[data-color-theme$=-night] .dify-theme .dropzone,html[data-color-theme$=-night] .dify-theme .ad-box{border-color:var(--line);background:var(--surface-soft)}html[data-color-theme$=-night] .dify-theme .v4-category-filter button.active,html[data-color-theme$=-night] .dify-theme .tab-strip button.active,html[data-color-theme$=-night] .dify-theme .side-links a.active,html[data-color-theme$=-night] .dify-theme .primary-btn{border-color:var(--brand);background:var(--brand);color:var(--logo-ink)}html[data-color-theme$=-night] .dify-theme .tool-link,html[data-color-theme$=-night] .dify-theme .v4-card-link h3,html[data-color-theme$=-night] .dify-theme .card-copy strong,html[data-color-theme$=-night] .dify-theme .rank-item span,html[data-color-theme$=-night] .dify-theme .rail-resource-list strong,html[data-color-theme$=-night] .dify-theme .setting-row strong,html[data-color-theme$=-night] .dify-theme .drop-content h2,html[data-color-theme$=-night] .dify-theme .steps b,html[data-color-theme$=-night] .dify-theme .faq-list summary{color:var(--ink)}html[data-color-theme$=-night] .dify-theme .tool-link:hover,html[data-color-theme$=-night] .dify-theme .side-links a:hover,html[data-color-theme$=-night] .dify-theme .faq-list summary:hover,html[data-color-theme$=-night] .dify-theme .theme-menu button:hover{background:var(--surface-soft);color:var(--brand-dark)}html[data-color-theme$=-night] .dify-theme .rank-item,html[data-color-theme$=-night] .dify-theme .rail-resource-list>a,html[data-color-theme$=-night] .dify-theme .setting-row{border-color:var(--line)}html[data-color-theme$=-night] .dify-theme .v4-intro h1,html[data-color-theme$=-night] .dify-theme .category-hero h1,html[data-color-theme$=-night] .dify-theme .tool-titlebar h1,html[data-color-theme$=-night] .dify-theme .legacy-benefits{text-shadow:0 1px 3px rgba(0,0,0,.72)}html[data-color-theme$=-night] .dify-theme .tool-titlebar h1{color:var(--ink)}:is(html[data-color-theme=chlorophyte-day],html[data-color-theme=mushroom-day],html[data-color-theme=hell-day]) .dify-theme{--reading-surface: color-mix(in srgb, var(--surface) 78%, transparent);--reading-line: color-mix(in srgb, var(--line) 62%, transparent)}:is(html[data-color-theme=chlorophyte-day],html[data-color-theme=mushroom-day],html[data-color-theme=hell-day]) .dify-theme :is(.home-intro,.category-hero,.breadcrumb,.tool-titlebar,.tool-sidebar,.content-section){border-radius:8px;background:var(--reading-surface);box-shadow:inset 0 0 0 1px var(--reading-line);backdrop-filter:blur(4px)}:is(html[data-color-theme=chlorophyte-day],html[data-color-theme=mushroom-day],html[data-color-theme=hell-day]) .dify-theme :is(.home-intro,.category-hero){padding:16px}:is(html[data-color-theme=chlorophyte-day],html[data-color-theme=mushroom-day],html[data-color-theme=hell-day]) .dify-theme .breadcrumb{width:fit-content;max-width:100%;padding:5px 8px}:is(html[data-color-theme=chlorophyte-day],html[data-color-theme=mushroom-day],html[data-color-theme=hell-day]) .dify-theme .tool-titlebar{margin-inline:-12px;padding:10px 12px}:is(html[data-color-theme=chlorophyte-day],html[data-color-theme=mushroom-day],html[data-color-theme=hell-day]) .dify-theme .tool-sidebar{padding:12px}:is(html[data-color-theme=chlorophyte-day],html[data-color-theme=mushroom-day],html[data-color-theme=hell-day]) .dify-theme .content-section{border:1px solid var(--reading-line);padding:16px}.dify-theme h1,.dify-theme h2,.dify-theme h3,.dify-theme h4,.dify-theme strong,.dify-theme b{letter-spacing:0}.dify-theme h1,.dify-theme h2,.dify-theme h3,.dify-theme h4{font-weight:500}.dify-theme .container{width:min(1440px,calc(100% - var(--page-gutter) * 2))}.dify-theme .prototype-bar{min-height:32px;background:var(--ink);color:#dfe3ea}.dify-theme .prototype-inner{min-height:32px;font-size:11px}.dify-theme .demo-switcher a{border-radius:4px;color:#b9c1cc;font-weight:500}.dify-theme .demo-switcher a:hover,.dify-theme .demo-switcher a.active{background:#ffffff1f;color:#fff}.dify-theme .site-header{border-bottom:1px solid var(--line);background:#fffffff5;box-shadow:none;backdrop-filter:blur(12px)}.dify-theme .header-inner{min-height:60px}.dify-theme .brand{gap:10px;font-size:18px;font-weight:600}.dify-theme .brand-mark{width:32px;height:32px;border-radius:5px;background:var(--brand);font-weight:600;box-shadow:none}.dify-theme .nav-link{border-radius:4px;padding:8px 14px;font-weight:500}.dify-theme .nav-link:hover,.dify-theme .nav-link.active{background:#f1ede9;color:var(--ink)}.dify-theme .select-control,.dify-theme .icon-btn{min-height:36px;border-color:var(--line);border-radius:4px;box-shadow:none}.dify-theme .icon-btn{width:36px}.dify-theme .icon-btn:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.dify-theme .theme-picker{position:relative;display:flex}.dify-theme .theme-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:320px;max-width:calc(100vw - 24px);max-height:calc(100vh - 72px);overflow-y:auto;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px;box-shadow:0 14px 36px #01091624}.dify-theme .theme-menu[hidden]{display:none}.dify-theme .theme-menu>strong{display:block;padding:5px 8px 7px;color:var(--muted);font-size:11px;font-weight:500}.dify-theme .theme-group+.theme-group{margin-top:7px;border-top:1px solid var(--line);padding-top:7px}.dify-theme .theme-group-title{display:flex;align-items:center;gap:6px;padding:3px 8px 6px;color:var(--muted);font-size:11px;font-weight:500}.dify-theme .theme-group-title svg{width:13px;height:13px}.dify-theme .theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.dify-theme .theme-menu button{width:100%;min-height:38px;display:grid;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:9px;border:0;border-radius:5px;background:transparent;padding:5px 8px;color:var(--ink);text-align:left}.dify-theme .theme-menu button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dify-theme .theme-menu button:hover{background:#f1ede9}.dify-theme .theme-menu button svg{width:15px;height:15px;opacity:0;color:var(--brand)}.dify-theme .theme-menu button.is-selected{background:var(--brand-soft);color:var(--brand-dark)}.dify-theme .theme-menu button.is-selected svg{opacity:1}.dify-theme .theme-swatch{width:16px;height:16px;border:1px solid rgba(1,9,22,.12);border-radius:50%}.dify-theme .theme-swatch-graphite-day{background:#111827}.dify-theme .theme-swatch-jade-day{background:#087f73}.dify-theme .theme-swatch-ember-day{background:#c2410c}.dify-theme .theme-swatch-aether-day{background:linear-gradient(135deg,#79c8f3 0 34%,#fffef5 35% 65%,#f1a7dc 66%)}.dify-theme .theme-swatch-chlorophyte-day{background:linear-gradient(135deg,#f7faf4 0 48%,#5dbe08 52%)}.dify-theme .theme-swatch-hell-day{background:linear-gradient(135deg,#fff6f5 0 48%,#9e2f53 52%)}.dify-theme .theme-swatch-mushroom-day{background:linear-gradient(135deg,#f8f6ec 0 48%,#777248 52%)}.dify-theme .theme-swatch-luminite-day{background:linear-gradient(135deg,#f6fbf9 0 42%,#a4657c 43% 58%,#5ee5a3 59%)}.dify-theme .theme-swatch-graphite-night{background:linear-gradient(135deg,#0b0e13 0 48%,#697586 52%)}.dify-theme .theme-swatch-jade-night{background:linear-gradient(135deg,#061512 0 48%,#15927d 52%)}.dify-theme .theme-swatch-ember-night{background:linear-gradient(135deg,#1a0b07 0 48%,#c94d1b 52%)}.dify-theme .theme-swatch-aether-night{background:linear-gradient(135deg,#11142b 0 34%,#79c8f3 35% 65%,#e390c8 66%)}.dify-theme .theme-swatch-chlorophyte-night{background:linear-gradient(135deg,#07110c 0 48%,#5dbe08 52%)}.dify-theme .theme-swatch-hell-night{background:linear-gradient(135deg,#211317 0 48%,#9e2f53 52%)}.dify-theme .theme-swatch-mushroom-night{background:linear-gradient(135deg,#0e0f3b 0 48%,#b1ae83 52%)}.dify-theme .theme-swatch-luminite-night{background:linear-gradient(135deg,#27181d 0 42%,#a4657c 43% 58%,#5ee5a3 59%)}.dify-theme .page{padding-top:24px;padding-bottom:64px}.dify-theme .breadcrumb{margin-bottom:20px;font-size:12px}.dify-theme .eyebrow{color:var(--brand);font-size:11px;font-weight:600}.dify-theme .search-box input{min-height:52px;border-color:var(--line);border-radius:8px;background:#fff;box-shadow:0 1px 2px #0109160d;font-size:15px}.dify-theme .search-box input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.dify-theme.v4-home .page{padding-top:24px}.dify-theme .v4-intro{gap:12px;padding:8px 0 20px}.dify-theme .v4-intro h1{color:var(--ink);font-size:36px;line-height:44px;font-weight:500}.dify-theme .legacy-benefits{gap:8px 20px;color:var(--muted);font-size:12px}.dify-theme .legacy-benefits svg{color:var(--brand)}.dify-theme .v4-intro .home-search{max-width:860px}.dify-theme .v4-category-filter{gap:8px;margin-bottom:20px}.dify-theme .v4-category-filter button{min-height:50px;border-color:var(--line);border-radius:6px;background:#fff;padding:7px 10px;box-shadow:none}.dify-theme .v4-category-filter button:hover{border-color:#b9bece;background:#f8f7f7;box-shadow:none}.dify-theme .v4-category-filter button.active{border-color:var(--brand);background:var(--brand);box-shadow:none}.dify-theme .v4-category-filter span{font-weight:500}.dify-theme .v4-layout{grid-template-columns:272px minmax(0,1fr);gap:24px}.dify-theme .v4-sidebar{top:76px;gap:16px}.dify-theme .v4-sidebar .rail-section,.dify-theme .v4-sidebar .rail-site-info{border:1px solid var(--line);border-radius:8px;box-shadow:none}.dify-theme .rail-section,.dify-theme .rail-site-info{border-top-width:1px}.dify-theme .rank-item{border-color:#e7e8eb}.dify-theme .rank-item b,.dify-theme .rail-trending .rank-item:nth-child(-n+3) b{color:var(--muted);font-weight:500}.dify-theme .v4-category-feed{gap:12px}.dify-theme .v4-category-feed .category-band{border:1px solid var(--line);border-radius:8px;background:#fff;padding:18px 20px;box-shadow:none}.dify-theme .band-heading h2{font-size:20px;line-height:26px}.dify-theme .band-heading p{color:var(--muted)}.dify-theme .category-icon{border-radius:6px}.dify-theme .tool-link{border-radius:4px;font-weight:500}.dify-theme .tool-link:hover,.dify-theme .v4-category-feed .tool-link:hover{background:#f1ede9;color:var(--ink)}.dify-theme .view-all{color:var(--brand-dark);font-weight:500}.dify-theme .v4-all-section{margin-top:48px;border-color:var(--line);padding-top:24px}.dify-theme .v4-all-section>.v4-list-header:before{width:64px;height:2px;background:var(--ink)}.dify-theme .v4-list-header h2{font-size:24px;line-height:30px}.dify-theme .v4-tool-groups{gap:36px}.dify-theme .v4-group-header{border-color:var(--line);padding-bottom:12px}.dify-theme .v4-group-header h3{font-size:20px;line-height:26px}.dify-theme .v4-waterfall{column-gap:12px}.dify-theme .v4-tool-card{border-color:var(--line);border-radius:8px;padding:15px 15px 15px 17px;box-shadow:0 1px 2px #0109160a}.dify-theme .v4-tool-card:before{width:2px;opacity:.55}.dify-theme .v4-tool-card:hover{transform:translateY(-1px);border-color:#b9bece;box-shadow:0 4px 16px #0209160f}.dify-theme .v4-card-link h3{font-size:15px;line-height:21px;font-weight:500}.dify-theme .v4-card-link p{color:var(--muted);line-height:18px}.dify-theme .save-btn{border-radius:4px}.dify-theme .category-hero{padding:4px 0 24px}.dify-theme .category-hero h1{font-size:36px;line-height:44px}.dify-theme .category-hero p{max-width:820px;color:var(--muted);font-size:15px;line-height:22px}.dify-theme .category-overview-row{grid-template-columns:minmax(320px,520px) repeat(3,minmax(130px,1fr));gap:8px;margin-top:20px}.dify-theme .category-search input,.dify-theme .stat{min-height:56px}.dify-theme .stat{border-color:var(--line);border-left-width:1px;border-radius:6px;padding:8px 14px}.dify-theme .stat strong{font-size:18px;font-weight:500}.dify-theme .tab-strip{top:72px;gap:4px;border-color:var(--line);border-radius:6px;background:#fffffff5;padding:4px;box-shadow:0 1px 3px #0109160f}.dify-theme .tab-strip button{min-height:34px;border-radius:4px;font-weight:500}.dify-theme .tab-strip button.active{background:var(--ink)}.dify-theme .category-layout{gap:24px;margin-top:24px}.dify-theme .group-section{margin-bottom:32px}.dify-theme .group-header{border-color:var(--line);padding-bottom:12px}.dify-theme .group-header h2{font-size:22px;line-height:28px}.dify-theme .group-header p{color:var(--muted)}.dify-theme .compact-grid{gap:10px}.dify-theme .compact-card{min-height:88px;border-color:var(--line);border-radius:8px;padding:14px;box-shadow:none}.dify-theme .compact-card:hover{transform:none;border-color:#b9bece;box-shadow:0 4px 16px #0209160f}.dify-theme .card-copy strong{font-weight:500}.dify-theme .right-rail{top:76px;gap:16px}.dify-theme .right-rail .rail-section{border:1px solid var(--line);border-radius:8px;box-shadow:none}.dify-theme .ad-box{border-color:#b9bece;border-radius:8px;background:#f2f3f6}.dify-theme .tool-layout{grid-template-columns:220px minmax(560px,1fr) 300px;gap:24px}.dify-theme .tool-sidebar{top:76px}.dify-theme .sidebar-home{color:var(--ink);font-weight:500}.dify-theme .side-group{border-color:var(--line)}.dify-theme .side-group summary,.dify-theme .side-links a{font-weight:500}.dify-theme .side-links a{border-radius:4px}.dify-theme .side-links a:hover{background:#f1ede9}.dify-theme .side-links a.active{background:var(--ink);color:#fff;box-shadow:none}.dify-theme .tool-titlebar{margin-bottom:16px}.dify-theme .tool-titlebar h1{font-size:32px;line-height:40px}.dify-theme .tool-titlebar p{color:var(--muted);font-size:15px;line-height:22px}.dify-theme .browser-note{border:1px solid var(--note-border);border-left-width:1px;border-radius:6px;background:var(--brand-soft);color:var(--note-text);padding:10px 12px}.dify-theme .workspace{margin-top:16px;border-color:var(--line);border-radius:16px;box-shadow:var(--shadow)}.dify-theme .dropzone{min-height:236px;margin:16px;border-color:#b9bece;border-radius:8px;background:#f8f7f7}.dify-theme .drop-content h2{font-size:22px;line-height:28px}.dify-theme .drop-content p{color:var(--muted)}.dify-theme .primary-btn{min-height:40px;border-radius:8px;background:var(--brand);padding-inline:20px;font-weight:500;box-shadow:none}.dify-theme .settings{border-color:var(--line)}.dify-theme .setting-row{min-height:58px;border-color:#e5e7ea}.dify-theme .setting-row strong{font-weight:500}.dify-theme .content-section{margin-top:24px;border-color:var(--line);padding-top:24px}.dify-theme .content-section h2{font-size:24px;line-height:30px}.dify-theme .steps{gap:8px}.dify-theme .steps li{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:none}.dify-theme .faq-list{border-color:var(--line)}.dify-theme .faq-list details{border-color:var(--line)}.dify-theme .faq-list summary{min-height:56px;font-weight:500}.dify-theme .faq-list summary:hover{background:#f1ede9}.dify-theme .footer{border-color:var(--line);background:#fff}.dify-theme .footer-inner{min-height:72px;font-size:12px}.dify-theme .footer-links{gap:20px}@media(min-width:1280px){.dify-theme{--page-gutter: 36px}.dify-theme .nav-link{padding-inline:20px}}@media(min-width:1536px){.dify-theme{--page-gutter: 48px}}@media(max-width:1079.98px){.dify-theme{--page-gutter: 12px}.dify-theme .prototype-inner{min-height:30px}.dify-theme .header-inner{min-height:44px}.dify-theme .header-nav{display:none}.dify-theme .brand-mark{width:28px;height:28px}.dify-theme .header-actions{gap:6px}.dify-theme .select-control,.dify-theme .icon-btn{min-height:30px}.dify-theme .icon-btn{width:30px}.dify-theme .page{padding-top:16px;padding-bottom:48px}.dify-theme .v4-intro h1,.dify-theme .category-hero h1{font-size:32px;line-height:38px}.dify-theme .v4-layout,.dify-theme .category-layout,.dify-theme .tool-layout{grid-template-columns:1fr;gap:20px}.dify-theme .v4-main,.dify-theme .category-main,.dify-theme .tool-main{order:1}.dify-theme .v4-sidebar,.dify-theme .tool-sidebar{position:static;order:2;max-height:none;overflow:visible}.dify-theme .right-rail{position:static}.dify-theme .category-layout>.right-rail,.dify-theme .tool-layout>.right-rail{display:none}.dify-theme .tool-sidebar{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--line);padding-bottom:8px}:is(html[data-color-theme=chlorophyte-day],html[data-color-theme=mushroom-day],html[data-color-theme=hell-day]) .dify-theme .tool-titlebar{margin-inline:0}.dify-theme .sidebar-home,.dify-theme .side-group summary{min-height:34px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:0 10px;white-space:nowrap}.dify-theme .side-group{flex:0 0 auto;border:0;padding:0}.dify-theme .side-group[open] .side-links{display:none}.dify-theme .category-overview-row{grid-template-columns:repeat(3,minmax(0,1fr))}.dify-theme .category-overview-row .category-search{grid-column:1 / -1}.dify-theme .tab-strip{top:50px}.dify-theme .v4-waterfall{columns:2 220px}.dify-theme .v4-category-feed .tool-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:639.98px){.dify-theme .prototype-bar{display:none}.dify-theme .brand span:last-child{display:none}.dify-theme .page{padding-top:12px}.dify-theme .v4-intro{gap:10px;padding-bottom:14px}.dify-theme .v4-intro h1,.dify-theme .category-hero h1,.dify-theme .tool-titlebar h1{font-size:28px;line-height:34px}.dify-theme .legacy-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;font-size:11px}.dify-theme .search-box input{min-height:48px;font-size:14px}.dify-theme .v4-category-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;margin-inline:0;margin-bottom:14px;padding:0}.dify-theme .v4-category-filter button{width:100%;min-height:48px;padding:6px 8px}.dify-theme .v4-category-filter span{overflow:visible;font-size:12px;line-height:15px;text-overflow:clip;white-space:normal}.dify-theme .v4-category-filter small{font-size:9px}.dify-theme .v4-category-feed .band-header{flex-wrap:wrap;gap:10px}.dify-theme .v4-category-feed .view-all{width:100%;justify-content:flex-start}.dify-theme .v4-category-feed{margin-inline:0}.dify-theme .v4-category-feed .category-band{border-radius:8px;padding:16px 12px}.dify-theme .v4-category-feed .tool-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dify-theme .v4-all-section{margin-top:32px;padding-top:20px}.dify-theme .v4-tool-groups{gap:28px}.dify-theme .v4-waterfall{columns:1}.dify-theme .v4-tool-card{margin-bottom:8px;padding:14px 14px 14px 16px}.dify-theme .v4-card-link h3{font-size:16px;line-height:22px}.dify-theme .category-hero{padding-bottom:18px}.dify-theme .category-overview-row{gap:6px}.dify-theme .stat{min-width:0;padding:7px 8px}.dify-theme .stat strong{font-size:16px}.dify-theme .stat span{font-size:10px;line-height:13px}.dify-theme .tab-strip{top:44px}.dify-theme .compact-grid{grid-template-columns:1fr}.dify-theme .compact-card{min-height:82px}.dify-theme .workspace{margin-inline:-4px;border-radius:12px}.dify-theme .dropzone{min-height:190px;margin:10px}.dify-theme .setting-row{grid-template-columns:92px minmax(0,1fr) 20px;gap:8px;padding-inline:12px}.dify-theme .faq-list summary{min-height:52px;padding-inline:10px}.dify-theme .faq-list details p{padding-right:28px;padding-left:10px}.dify-theme .footer-inner{min-height:0;padding:20px 0}}@media(max-width:374.98px){.dify-theme{--page-gutter: 10px}.dify-theme .header-actions .select-control{width:72px}.dify-theme .legacy-benefits{grid-template-columns:1fr}.dify-theme .v4-category-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.dify-theme .category-overview-row{grid-template-columns:1fr}.dify-theme .category-overview-row .category-search{grid-column:auto}.dify-theme .stat{min-height:46px;flex-direction:row;align-items:center;justify-content:space-between}}.dify-theme{--text: var(--ink);--surface-muted: var(--surface-soft);--border: var(--line);--accent: var(--brand);--accent-strong: var(--brand-dark);--accent-soft: var(--brand-soft);--focus: var(--brand);min-height:100vh}html[data-color-theme$=-night]{color-scheme:dark}html[data-color-theme$=-day]{color-scheme:light}.dify-theme .site-header{border-color:var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent)}.dify-theme .site-footer,.dify-theme .popular-strip,.dify-theme .category-panel,.dify-theme .tool-card,.dify-theme .tool-nav-panel,.dify-theme .content-panel,.dify-theme .developer-group-panel,.dify-theme .device-group-panel,.dify-theme .my-tools-empty{border-color:var(--line);background-color:var(--surface);color:var(--ink)}.dify-theme input,.dify-theme textarea,.dify-theme select,.dify-theme button{border-color:var(--line)}.dify-theme input,.dify-theme textarea,.dify-theme select{background-color:var(--surface);color:var(--ink)}.dify-theme .brand-mark,.dify-theme .button.primary,.dify-theme .favorite-button[aria-pressed=true]{background:var(--brand);color:var(--logo-ink, #fff)}.dify-theme .tool-hero h1,.dify-theme .directory-page-header h1,.dify-theme .content-panel h2,.dify-theme .category-panel h3{color:var(--ink)}.theme-controls{position:relative;display:flex;gap:5px}.theme-picker-toggle,.theme-mode-toggle{width:40px;height:40px;min-height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);cursor:pointer}.theme-picker-toggle:hover,.theme-mode-toggle:hover,.theme-picker-toggle[aria-expanded=true]{border-color:var(--brand);color:var(--brand)}.theme-picker-toggle svg,.theme-mode-toggle svg{width:19px;height:19px}.theme-mode-icon-moon,html[data-color-theme$=-night] .theme-mode-icon-sun{display:none}html[data-color-theme$=-night] .theme-mode-icon-moon{display:block}.dify-theme .theme-check{opacity:0;color:var(--brand);font-size:16px;font-weight:800;text-align:center}.dify-theme .theme-menu button.is-selected .theme-check{opacity:1}@media(max-width:560px){.dify-theme .header-inner{min-height:56px;align-items:center;flex-direction:row;gap:5px}.dify-theme .header-actions{display:grid;flex:1 1 auto;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 68px 36px 36px;min-width:0;gap:4px;margin-left:auto}.dify-theme .nav-link{min-width:0;padding:6px 5px;font-size:12px;line-height:1.2;overflow-wrap:normal;word-break:normal;text-align:center}.dify-theme .language-select{width:100%;min-width:0;min-height:36px;padding-inline:9px 24px;font-size:13px}.dify-theme .theme-picker-toggle,.dify-theme .theme-mode-toggle{width:36px;height:36px;min-height:36px}.dify-theme .theme-controls{display:contents}.dify-theme .theme-menu{position:fixed;inset:58px 10px auto;width:auto;max-height:calc(100vh - 74px);overflow-y:auto}}