:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8f7;--surface:#fff;--surface-2:#eef3f1;--text:#15201d;--muted:#66736f;--line:#d9e1de;--line-strong:#b8c5c0;--teal:#0f8d80;--teal-dark:#0a655f;--amber:#b56b14;--red:#b52b2b;--shadow:0 18px 50px #15201d1a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;padding:18px}.topbar{justify-content:space-between;align-items:center;gap:18px;max-width:1440px;margin:0 auto 18px;padding:10px 2px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.brand-mark{background:#07110f;border:0;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden;box-shadow:0 10px 24px #0a191524}.brand-mark img{width:100%;height:100%;display:block}.brand h1{letter-spacing:0;margin:0;font-size:22px;line-height:1.05}.brand p{color:var(--muted);margin:4px 0 0;font-size:13px}.status-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.status-chip{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.status-chip.ok{color:var(--teal-dark);background:#eef8f6;border-color:#b6dcd7}.status-chip.warn{color:var(--amber);background:#fff7ea;border-color:#ead4b1}.icon-button{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:6px;place-items:center;display:inline-grid}.secondary-action{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.directory-shell{grid-template-columns:236px minmax(0,1fr);gap:18px;max-width:1500px;margin:0 auto;display:grid}.directory-shell-simple{max-width:1180px;display:block}.category-rail,.directory-main{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px}.category-rail{align-content:start;gap:7px;min-height:calc(100vh - 118px);padding:12px;display:grid}.category-rail button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:900;display:grid}.category-rail button.active{color:var(--teal-dark);background:#eef8f6;box-shadow:inset 0 0 0 1px #c5e3df}.category-rail button svg{color:currentColor}.category-rail strong{background:var(--surface-2);min-width:24px;color:inherit;text-align:center;border-radius:999px;padding:3px 7px;font-size:11px}.privacy-card{color:var(--teal-dark);background:#f2faf8;border:1px solid #b6dcd7;border-radius:8px;gap:7px;margin-top:auto;padding:14px;display:grid}.privacy-card strong{font-size:13px;line-height:1.2}.privacy-card span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:750;overflow:hidden}.directory-main{gap:18px;padding:26px;display:grid}.directory-intro{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:22px;display:grid}.directory-intro-compact{grid-template-columns:minmax(260px,420px);justify-content:start}.directory-intro h2{max-width:820px;color:var(--text);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(28px,3vw,44px);line-height:1.05;overflow:hidden}.directory-intro p{max-width:720px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:12px 0 0;font-size:15px;font-weight:800;line-height:1.35;overflow:hidden}.intro-side{align-content:end;gap:10px;display:grid}.trust-promise{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.trust-promise span{min-height:30px;color:var(--teal-dark);white-space:nowrap;background:#f2faf8;border:1px solid #cde4e0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.tool-search{border:1px solid var(--line);min-height:48px;color:var(--muted);background:#fbfcfb;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;padding:0 15px;display:grid}.tool-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:14px;font-weight:800}.tool-search-result{max-width:100%;min-height:34px;color:var(--teal-dark);text-overflow:ellipsis;white-space:nowrap;background:#f2faf8;border:1px solid #cde4e0;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:850;display:inline-flex;overflow:hidden}.live-spotlight{background:#eef8f6;border:1px solid #b6dcd7;border-radius:8px;grid-template-columns:auto minmax(220px,.8fr) minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:9px 11px;display:grid}.live-spotlight>span,.live-spotlight button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:32px;font-size:11px;font-weight:950;display:inline-flex}.live-spotlight>span{color:var(--teal-dark);background:#fff;padding:0 9px}.live-spotlight strong,.live-spotlight p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-spotlight strong{color:var(--text);font-size:13px;font-weight:950}.live-spotlight p{color:var(--muted);margin:0;font-size:12px;font-weight:850}.live-spotlight button{background:var(--teal);color:#fff;cursor:pointer;border:0;padding:0 12px}.live-spotlight button:hover{background:var(--teal-dark)}.active-tools{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.filter-pills{flex-wrap:wrap;gap:8px;display:flex}.filter-pills span{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#fbfcfb;border-radius:8px;align-items:center;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.filter-pills span.active{background:var(--teal);border-color:var(--teal);color:#fff}.search-hook{min-height:42px;color:var(--teal-dark);background:#f2faf8;border:1px solid #b6dcd7;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;padding:0 13px;display:grid}.search-hook span{color:var(--teal-dark);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850;line-height:1.2;overflow:hidden}.outcome-keywords{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.outcome-keywords strong{color:var(--text);white-space:nowrap;font-size:12px;font-weight:950}.outcome-keywords div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.outcome-keywords span{min-height:34px;color:var(--teal-dark);text-overflow:ellipsis;white-space:nowrap;background:#eef8f6;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex;overflow:hidden}.popular-tasks{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.popular-tasks strong{color:var(--text);white-space:nowrap;font-size:12px;font-weight:950}.popular-tasks div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.popular-tasks span{background:var(--surface-2);min-height:34px;color:var(--teal-dark);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex;overflow:hidden}.local-proof{background:linear-gradient(90deg,#eef8f6,#fbfcfb);border:1px solid #b6dcd7;border-radius:8px;grid-template-columns:auto minmax(330px,.8fr) minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.local-proof strong{color:var(--teal-dark);white-space:nowrap;font-size:12px;font-weight:950}.local-proof div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.local-proof span{min-height:32px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #d8e7e4;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex;overflow:hidden}.local-proof p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;font-weight:800;line-height:1.2;overflow:hidden}.quick-answers{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:11px 12px;display:grid}.quick-answers>strong{color:var(--text);white-space:nowrap;font-size:12px;font-weight:950}.quick-answers>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.quick-answers article{background:var(--surface-2);min-height:48px;color:var(--teal-dark);border-radius:7px;grid-template-rows:auto auto;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:7px;padding:7px 10px;display:grid}.quick-answers article svg{grid-row:1/3}.quick-answers article span,.quick-answers article p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-answers article span{color:var(--text);font-size:11px;font-weight:950}.quick-answers article p{color:var(--muted);margin:0;font-size:11px;font-weight:800}.tool-section{gap:12px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.section-heading h3{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:18px;line-height:1.2;display:inline-flex;overflow:hidden}.section-heading p{max-width:520px;color:var(--muted);text-align:right;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:750;line-height:1.2;overflow:hidden}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.tool-tile{min-height:140px;color:var(--text);text-align:left;background:radial-gradient(circle at 32px 28px,#fffffffa,#fff0 58px),linear-gradient(145deg,#fff 0%,#f7fbfa 58%,#fffaf0 100%);border:1px solid #dbe7e3;border-radius:8px;grid-template-rows:1fr auto;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:16px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.tool-tile.large{grid-template-columns:46px minmax(0,1fr);min-height:170px}.tool-tile.active{cursor:pointer}.tool-tile.active:hover{background:radial-gradient(circle at 36px 30px,#fff,#fff0 64px),linear-gradient(145deg,#fff 0%,#f2fbf9 54%,#fff5df 100%);border-color:#9ecfc8;transform:translateY(-2px);box-shadow:0 18px 40px #0f8d8026,0 2px 8px #16211f0d}.tool-tile.disabled{cursor:not-allowed;opacity:.7}.tool-icon{width:42px;height:42px;color:var(--teal-dark);box-shadow:none;background:0 0;border:0;border-radius:0;align-self:start;place-items:center;display:grid;position:relative;overflow:visible}.tool-tile.large .tool-icon{background:0 0;width:46px;height:46px}.tool-icon-art{z-index:1;filter:drop-shadow(0 8px 8px #14302c29);width:auto;max-width:34px;height:32px;transition:filter .16s,transform .16s;display:block;position:relative;transform:translateY(-2px)scale(1.06)}.tool-tile.large .tool-icon-art{max-width:39px;height:37px}.tool-tile.active:hover .tool-icon-art{filter:drop-shadow(0 10px 10px #14302c33);transform:translateY(-4px)scale(1.12)rotate(-2deg)}.tool-icon-fallback{display:none}.tool-copy{align-content:start;gap:6px;min-width:0;display:grid}.tool-copy strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.2;overflow:hidden}.tool-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:750;line-height:1.2;overflow:hidden}.tool-badges{flex-wrap:wrap;grid-column:1/-1;align-self:end;gap:6px;padding-right:112px;display:flex}.tool-badges em{background:var(--surface-2);min-height:23px;color:var(--muted);border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-style:normal;font-weight:850;display:inline-flex}.open-tool,.coming-soon-badge{position:absolute;bottom:12px;right:12px}.open-tool{background:var(--teal);color:#fff;border-radius:6px;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.coming-soon-badge{width:106px;height:auto}.workspace{grid-template-columns:minmax(330px,390px) minmax(0,1fr);gap:18px;max-width:1500px;min-height:0;margin:0 auto;display:grid}.control-panel,.stage{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.control-panel{scrollbar-gutter:stable;flex-direction:column;gap:12px;max-height:calc(100vh - 112px);padding:16px;display:flex;overflow:auto}.tabs{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.tabs button,.segmented-field button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.tabs button.active,.segmented-field button.selected{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.mode-summary{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:-4px 0 0;font-size:12px;font-weight:750;line-height:1.4;overflow:hidden}.how-it-works{background:#f2faf8;border:1px solid #c7dfda;border-radius:8px;gap:8px;padding:12px 13px;display:grid}.how-it-works div{color:var(--teal-dark);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;font-size:12px;font-weight:900;display:grid}.how-it-works p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:11px;font-weight:750;line-height:1.35;overflow:hidden}.example-card{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;gap:9px;padding:10px;display:grid}.example-card div{gap:3px;display:grid}.example-card strong{color:var(--text);font-size:12px;font-weight:900}.example-card span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:750;line-height:1.35;overflow:hidden}.example-card img{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:100%;height:auto;display:block}.control-section{gap:12px;padding:2px 0;display:grid}.control-section h2{color:var(--text);align-items:center;gap:8px;margin:0;font-size:13px;line-height:1.2;display:flex}.file-drop{border:1px dashed var(--line-strong);cursor:pointer;background:#fbfcfb;border-radius:8px;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:68px;padding:12px;display:grid}.file-drop input{display:none}.file-icon{width:34px;height:34px;color:var(--teal-dark);background:#eaf6f4;border-radius:6px;place-items:center;display:grid}.file-drop strong,.file-drop small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-drop strong{font-size:13px}.file-drop small{color:var(--muted);margin-top:3px;font-size:12px}.range-field{gap:8px;display:grid}.range-field span,.segmented-field>span,.metric-line span,.duration-line span{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.segmented-field>span{flex-direction:column;align-items:flex-start;gap:3px}.segmented-field small{color:#7a8783;font-size:10px;font-weight:700;line-height:1.25}.range-field strong,.metric-line strong,.duration-line strong{color:var(--text);font-size:12px}.duration-line{border:1px solid var(--line);background:#fbfcfb;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.duration-line strong{white-space:nowrap;align-items:baseline;gap:5px;display:inline-flex}.duration-line small{color:var(--muted);font-size:10px;font-weight:800}.range-field input{width:100%;accent-color:var(--teal)}.segmented-field{gap:8px;display:grid}.segmented-field>div{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.output-plan{border:1px solid var(--line);background:#fbfcfb;border-radius:7px;gap:5px;padding:11px 12px;display:grid}.output-plan strong{color:var(--text);font-size:12px;font-weight:900}.output-plan span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:750;line-height:1.4;overflow:hidden}.switch-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.switch-row input{width:18px;height:18px;accent-color:var(--teal)}.metric-line{justify-content:space-between;padding:10px 0 2px;display:flex}.primary-action{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:900;display:inline-flex}.warning-box{color:var(--amber);background:#fff7ea;border:1px solid #ead4b1;border-radius:7px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:11px;font-weight:800;line-height:1.35;display:flex}.warning-box svg{flex:none;margin-top:1px}.primary-action:hover:not(:disabled){background:var(--teal-dark)}.primary-action:disabled,.export-row button:disabled{cursor:not-allowed;opacity:.55}.stage{grid-template-rows:auto minmax(300px,1fr) auto auto;gap:14px;min-height:calc(100vh - 118px);padding:14px;display:grid}.input-strip{grid-template-columns:repeat(2,minmax(0,170px)) minmax(220px,1fr);align-items:stretch;gap:12px;display:grid}.preview-tile{border:1px solid var(--line);background:#f1f4f3;border-radius:8px;min-height:120px;position:relative;overflow:hidden}.preview-tile span{z-index:1;color:var(--text);background:#ffffffdb;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:900;position:absolute;top:8px;left:8px}.preview-tile img,.preview-tile video{object-fit:cover;width:100%;height:100%;min-height:120px;display:block}.preview-tile em{min-height:120px;color:var(--muted);text-align:center;place-items:center;padding:20px;font-size:12px;font-style:normal;font-weight:800;display:grid}.run-stats{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;grid-template-columns:repeat(3,1fr);display:grid}.run-stats div{border-left:1px solid var(--line);align-content:center;gap:6px;min-height:120px;padding:16px;display:grid}.run-stats div:first-child{border-left:0}.run-stats span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.run-stats strong{font-size:20px;line-height:1.1}.result-area{border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(45deg,#f2f5f4 25%,#0000 25%),linear-gradient(-45deg,#f2f5f4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f2f5f4 75%),linear-gradient(-45deg,#0000 75%,#f2f5f4 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:8px;place-items:center;min-height:300px;display:grid;overflow:hidden}.result-media{object-fit:contain;background:#000;max-width:100%;min-height:280px;max-height:calc(100vh - 370px)}.empty-result{max-width:430px;color:var(--muted);text-align:center;place-items:center;gap:8px;padding:28px;display:grid}.empty-result strong{color:var(--text);font-size:13px;font-weight:900}.empty-result span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:750;line-height:1.45;overflow:hidden}.progress-panel{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;gap:10px;padding:12px;display:grid}.progress-copy{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.progress-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-track{background:#e5ebe9;border-radius:99px;height:8px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg, var(--teal), #d59a3c);height:100%;transition:width .18s}.error-line{color:var(--red);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.export-panel{gap:8px;display:grid}.export-panel p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:750;line-height:1.35;overflow:hidden}.export-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.export-row button,.download-link{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.download-link{color:var(--teal-dark);background:#eef8f6;border-color:#b6dcd7}.json-workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:18px;max-width:1500px;min-height:calc(100vh - 118px);margin:0 auto;display:grid}.json-panel,.json-stage{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.json-panel{flex-direction:column;gap:12px;padding:16px;display:flex}.json-tool-title{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;display:grid}.json-tool-title>span{width:46px;height:46px;color:var(--teal-dark);background:#eaf6f4;border-radius:8px;place-items:center;display:grid}.json-tool-title h2,.json-tool-title p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.json-tool-title h2{color:var(--text);font-size:18px;line-height:1.1}.json-tool-title p{color:var(--muted);margin-top:4px;font-size:12px;font-weight:750}.json-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.json-actions button,.json-actions a,.json-file-input{border:1px solid var(--line);min-height:38px;color:var(--text);cursor:pointer;background:#fbfcfb;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.json-actions button.active{border-color:var(--teal);background:var(--teal);color:#fff}.json-actions button:disabled,.json-actions a.disabled-link,.json-toolbar a.disabled-link{cursor:not-allowed;opacity:.55;pointer-events:none}.json-file-input input{display:none}.json-stage{grid-template-rows:auto minmax(360px,1fr) auto;gap:14px;min-width:0;padding:14px;display:grid}.json-stage>*{min-width:0;max-width:100%}.json-toolbar{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.json-toolbar>div:first-child{gap:4px;min-width:0;display:grid}.json-toolbar strong,.json-toolbar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.json-toolbar strong{color:var(--text);font-size:13px;font-weight:950}.json-toolbar span{color:var(--muted);font-size:12px;font-weight:800}.json-toolbar>div:last-child{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.json-toolbar button,.json-toolbar a{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--text);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.json-toolbar button:disabled{cursor:not-allowed;opacity:.55}.json-editors{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;display:grid}.json-editor{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;grid-template-rows:auto minmax(0,1fr);min-height:360px;display:grid;overflow:hidden}.json-editor.error{border-color:#e6b8b8}.json-editor>div:first-child{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.json-editor strong{color:var(--text);font-size:12px;font-weight:950}.json-editor span{color:var(--muted);font-size:11px;font-weight:800}.json-code-frame{background:#fff;grid-template-columns:46px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.json-code-frame pre,.json-code-frame textarea{border:0;min-height:100%;margin:0;font-family:SFMono-Regular,Roboto Mono,Consolas,monospace;font-size:12px;line-height:1.55}.json-code-frame pre{border-right:1px solid var(--line);color:#8a9692;text-align:right;-webkit-user-select:none;user-select:none;background:#f2f5f4;padding:12px 9px;overflow:hidden}.json-code-frame textarea{resize:none;width:100%;min-width:0;color:var(--text);background:0 0;outline:0;padding:12px}.json-code-frame textarea::placeholder{color:#8a9692}.json-status{border:1px solid var(--line);min-height:42px;color:var(--muted);background:#fbfcfb;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:850;display:flex}.json-status.ok{color:var(--teal-dark);background:#eef8f6;border-color:#b6dcd7}.json-status.error{color:var(--amber);background:#fff7ea;border-color:#ead4b1}.json-status span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.case-panel,.compact-tool-panel{align-self:start;gap:13px}.case-workspace,.compact-tool-workspace{min-height:auto}.timestamp-workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr);max-width:1260px}.html-entity-workspace{max-width:1320px}.case-stage,.compact-tool-stage{grid-template-rows:auto auto auto auto;align-content:start}.case-mode-grid,.url-mode-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:6px;display:grid}.case-mode-grid button,.url-mode-grid button{border:1px solid var(--line);min-height:52px;color:var(--text);cursor:pointer;background:#fbfcfb;border-radius:7px;font-size:13px;font-weight:950}.case-mode-grid button.active,.url-mode-grid button.active{border-color:var(--teal);background:var(--teal);color:#fff;box-shadow:inset 0 -10px 24px #05584f29}.case-actions,.compact-tool-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.case-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto}.case-actions button,.compact-tool-actions button,.compact-tool-actions a{min-height:42px}.compact-tool-actions button,.compact-tool-actions a{white-space:nowrap;gap:5px;font-size:11px}.case-output .json-code-frame textarea,.compact-tool-output .json-code-frame textarea{color:var(--teal-dark);font-weight:850}.case-editors .json-editor,.compact-tool-editors .json-editor{min-height:320px}.case-seo-strip{min-width:0;min-height:42px;color:var(--muted);background:#fbfcfb;border:1px solid #d6e7e4;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:12px;font-weight:850;display:flex}.case-seo-strip strong,.case-seo-strip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.case-seo-strip strong{color:var(--teal-dark);font-weight:950}.url-example-strip{min-width:0;min-height:42px;color:var(--muted);background:#fbfcfb;border:1px solid #d6e7e4;border-radius:8px;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:850;display:grid}.url-example-strip strong,.url-example-strip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.url-example-strip strong{color:var(--teal-dark);font-weight:950}.url-example-strip span{min-height:26px;color:var(--teal-dark);text-align:center;background:#eef8f6;border-radius:999px;padding:5px 9px}.timestamp-controls{border-top:1px solid var(--line);gap:9px;padding-top:6px;display:grid}.timestamp-controls label{gap:6px;display:grid}.timestamp-controls span{color:var(--muted);font-size:11px;font-weight:900}.timestamp-controls input,.timestamp-controls select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--text);font:inherit;background:#fbfcfb;border-radius:7px;outline:0;padding:0 10px;font-size:12px;font-weight:850}.timestamp-results{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.timestamp-metric{border-left:1px solid var(--line);align-content:center;gap:6px;min-width:0;min-height:92px;padding:13px;display:grid}.timestamp-metric:first-child,.timestamp-metric:nth-child(odd){border-left:0}.timestamp-metric:nth-child(n+3){border-top:1px solid var(--line)}.timestamp-metric span,.timestamp-metric strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timestamp-metric span{color:var(--muted);font-size:11px;font-weight:900}.timestamp-metric strong{color:var(--teal-dark);font-size:13px;font-weight:950}.timestamp-seo-helper{background:linear-gradient(90deg,#eef8f6 0%,#fbfcfb 42%);border:1px solid #d6e7e4;border-radius:8px;align-items:center;gap:10px;min-width:0;min-height:44px;padding:0 12px;display:flex}.timestamp-seo-helper h2,.timestamp-seo-helper p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.timestamp-seo-helper h2{color:var(--teal-dark);font-size:12px;font-weight:950}.timestamp-seo-helper p{color:var(--muted);font-size:12px;font-weight:850}.html-entity-cheatsheet{min-width:0;min-height:42px;color:var(--muted);background:#fbfcfb;border:1px solid #d6e7e4;border-radius:8px;grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:850;display:grid}.html-entity-cheatsheet strong,.html-entity-cheatsheet span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.html-entity-cheatsheet strong{color:var(--teal-dark);font-weight:950}.html-entity-cheatsheet span{min-height:26px;color:var(--teal-dark);text-align:center;background:#eef8f6;border-radius:999px;padding:5px 9px}.metadata-workspace{max-width:1320px}.metadata-drop{min-height:132px;color:var(--teal-dark);text-align:center;cursor:pointer;background:#fbfcfb;border:1px dashed #a7c7c2;border-radius:8px;place-items:center;gap:8px;padding:14px;display:grid}.metadata-drop input{display:none}.metadata-drop strong,.metadata-drop span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.metadata-drop strong{color:var(--text);font-size:13px;font-weight:950}.metadata-drop span{color:var(--muted);font-size:12px;font-weight:800}.metadata-format-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:6px;display:grid}.metadata-format-grid button{border:1px solid var(--line);min-height:42px;color:var(--text);cursor:pointer;background:#fbfcfb;border-radius:7px;font-size:12px;font-weight:950}.metadata-format-grid button.active{border-color:var(--teal);background:var(--teal);color:#fff}.format-quality{border-top:1px solid var(--line);gap:8px;padding-top:6px;display:grid}.format-quality div{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:900;display:flex}.format-quality strong{color:var(--text)}.format-quality input{width:100%;accent-color:var(--teal)}.palette-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:18px;max-width:1500px;min-height:calc(100vh - 118px);margin:0 auto;display:grid}.palette-stage,.palette-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.palette-stage{align-content:start;gap:14px;padding:14px;display:grid}.palette-toolbar{background:0 0;border:0;padding:2px 0 4px}.palette-toolbar span{white-space:normal}.palette-toolbar>div:last-child{flex-wrap:nowrap}.palette-toolbar button{background:#fff;min-height:32px}.palette-panel{flex-direction:column;gap:12px;max-height:calc(100vh - 118px);padding:16px;display:flex;overflow-y:auto}.palette-preview-card{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;gap:10px;padding:12px;display:grid}.palette-image-frame{background-color:#fbfcfb;background-image:linear-gradient(45deg,#eef3f2 25%,#0000 25%),linear-gradient(-45deg,#eef3f2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef3f2 75%),linear-gradient(-45deg,#0000 75%,#eef3f2 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #d7e5e2;border-radius:8px;place-items:center;min-height:460px;display:grid;position:relative;overflow:hidden}.palette-image-frame img{object-fit:contain;cursor:crosshair;width:100%;height:100%;max-height:620px;display:block}.palette-empty{color:var(--muted);place-items:center;gap:8px;font-size:12px;font-weight:850;display:grid}.palette-empty strong{color:var(--text)}.palette-marker{pointer-events:none;border:2px solid #fff;border-radius:999px;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #10201d3d}.palette-marker:after{content:attr(data-hex);color:#fff;white-space:nowrap;background:#10201ddb;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:950;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.palette-strip{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));min-height:46px;display:grid;overflow:hidden}.palette-strip button{cursor:pointer;border:0;min-height:46px;font-size:10px;font-weight:950}.palette-strip button.selected{outline-offset:-3px;outline:3px solid #10201d}.palette-picked-card{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;grid-template-columns:minmax(160px,.42fr) minmax(0,1fr) auto;align-items:stretch;gap:12px;padding:12px;display:grid}.palette-picked-card>div:first-child{border-radius:7px;align-content:center;gap:4px;min-height:78px;padding:12px;display:grid}.palette-picked-card>div:nth-child(2){align-content:center;gap:5px;min-width:0;display:grid}.palette-picked-card span,.palette-picked-card em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;font-weight:850;overflow:hidden}.palette-picked-card strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:950;overflow:hidden}.palette-picked-card>div:nth-child(2) strong{color:var(--text)}.palette-picked-card button{border:1px solid var(--line);min-height:42px;color:var(--text);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-self:center;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:900;display:inline-flex}.palette-picked-card button:disabled{cursor:not-allowed;opacity:.45}.palette-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.palette-swatch{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;gap:7px;min-width:0;padding:8px;display:grid}.palette-swatch>div{border-radius:7px;justify-content:space-between;align-items:flex-start;min-height:84px;padding:9px;display:flex}.palette-swatch button{width:28px;height:28px;color:inherit;cursor:pointer;background:#ffffff38;border:1px solid #ffffff80;border-radius:6px;place-items:center;display:inline-grid}.palette-swatch strong,.palette-swatch span,.palette-swatch em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette-swatch strong{color:var(--text);font-size:13px;font-weight:950}.palette-swatch span,.palette-swatch em{color:var(--muted);font-size:11px;font-style:normal;font-weight:850}.palette-controls,.palette-actions,.palette-code-card,.palette-seo-helper{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;gap:10px;padding:12px;display:grid}.palette-select{gap:6px;display:grid}.palette-select span{color:var(--muted);font-size:11px;font-weight:900}.palette-select select{border:1px solid var(--line);width:100%;min-height:38px;color:var(--text);font:inherit;background:#fff;border-radius:7px;padding:0 9px;font-size:12px;font-weight:850}.palette-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-actions button{border:1px solid var(--line);min-height:38px;color:var(--text);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:900;display:inline-flex}.palette-actions button:disabled{cursor:not-allowed;opacity:.55}.palette-seo-helper{gap:9px}.palette-seo-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.palette-seo-heading>span{width:30px;height:30px;color:var(--teal-dark);background:#eef8f6;border:1px solid #b9dcd5;border-radius:7px;place-items:center;display:inline-grid}.palette-seo-heading strong,.palette-code-card strong{color:var(--teal-dark);font-size:12px;font-weight:950}.palette-seo-heading p,.palette-seo-helper>p{color:var(--muted);margin:0;font-size:11px;font-weight:750;line-height:1.45}.palette-seo-heading button{border:1px solid var(--line);min-height:38px;color:var(--text);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.palette-seo-heading button:disabled{cursor:not-allowed;opacity:.55}.palette-theme-row{background:#fff;border:1px solid #d9e7e4;border-radius:7px;grid-template-columns:auto max-content minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.palette-theme-row i{border:1px solid #10201d1f;border-radius:999px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff59}.palette-theme-row code{color:var(--text);font-size:12px;font-weight:950}.palette-theme-row span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;overflow:hidden}.palette-code-card summary{color:var(--teal-dark);cursor:pointer;justify-content:space-between;align-items:center;font-size:12px;font-weight:950;display:flex}.palette-code-card summary::-webkit-details-marker{display:none}.palette-code-card summary:after{content:"Open";color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.palette-code-card[open] summary:after{content:"Close"}.palette-code-card pre{max-height:176px;color:var(--text);white-space:pre-wrap;margin:0;font-size:11px;font-weight:750;line-height:1.55;overflow:auto}.pdf-workspace{grid-template-columns:minmax(0,1fr) minmax(330px,400px);gap:18px;max-width:1500px;min-height:calc(100vh - 118px);margin:0 auto;display:grid}.pdf-stage,.pdf-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.pdf-stage{align-content:start;gap:14px;padding:14px;display:grid}.pdf-panel{flex-direction:column;gap:10px;max-height:calc(100vh - 118px);padding:14px;display:flex;overflow-y:auto}.pdf-tool-head{justify-content:space-between;align-items:center;gap:14px;padding:2px 0 4px;display:flex}.pdf-tool-head>div{gap:3px;min-width:0;display:grid}.pdf-tool-head strong{color:var(--text);font-size:15px;font-weight:950}.pdf-tool-head span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850;overflow:hidden}.pdf-tool-head button,.pdf-primary-action{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-weight:950;display:inline-flex}.pdf-tool-head button{padding:0 14px}.pdf-tool-head button:disabled,.pdf-primary-action:disabled{cursor:not-allowed;opacity:.55}.pdf-preview-card,.pdf-range-summary,.pdf-mode-card,.pdf-output-card,.pdf-seo-helper{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;gap:10px;padding:12px;display:grid}.pdf-preview-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.pdf-preview-meta>div:first-child{align-items:center;gap:10px;min-width:0;display:flex}.pdf-preview-meta>div:first-child>div{gap:3px;min-width:0;display:grid}.pdf-preview-meta strong,.pdf-output-card>strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:950;overflow:hidden}.pdf-preview-meta span{color:var(--muted);font-size:11px;font-weight:850}.pdf-file-badge{background:#d73737;border-radius:8px;place-items:center;width:38px;height:38px;display:inline-grid;color:#fff!important;font-size:11px!important;font-weight:950!important}.pdf-preview-meta>div:last-child{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.pdf-preview-meta button{border:1px solid var(--line);min-height:38px;color:var(--text);cursor:pointer;background:#fff;border-radius:7px;padding:0 10px;font-size:11px;font-weight:900}.pdf-preview-meta button:disabled{cursor:not-allowed;opacity:.5}.pdf-preview-frame{background:linear-gradient(135deg,#0f766e14,#2e5c840f),#f4f8f7;border:1px solid #dbe7e4;border-radius:8px;place-items:center;min-height:430px;display:grid;overflow:hidden}.pdf-preview-frame>div{color:var(--muted);place-items:center;gap:8px;font-size:12px;font-weight:850;display:grid}.pdf-rendered-page{place-items:center;gap:10px;width:min(520px,92%);margin:0;display:grid}.pdf-rendered-page img{background:#fff;border:1px solid #10201d1f;border-radius:6px;width:auto;max-width:100%;max-height:620px;display:block;box-shadow:0 18px 45px #10201d1f}.pdf-rendered-page figcaption{min-height:28px;color:var(--teal-dark);background:#eef8f6;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:950;display:inline-flex}.pdf-paper-stack{width:min(470px,76%);min-height:310px;position:relative}.pdf-paper-stack i,.pdf-paper-stack article{background:#fff;border:1px solid #10201d14;border-radius:8px;position:absolute;inset:0;box-shadow:0 18px 45px #10201d1a}.pdf-paper-stack i:first-child{transform:translate(18px,20px)rotate(4deg)}.pdf-paper-stack i:nth-child(2){transform:translate(9px,10px)rotate(2deg)}.pdf-paper-stack article{align-content:start;gap:12px;padding:32px 38px;display:grid}.pdf-paper-stack article:before{content:"";background:linear-gradient(135deg,#0f766e33,#2e5c8414),linear-gradient(45deg,#0000 45%,#0f766e2e 45% 55%,#0000 55%),#eef5f3;border-radius:8px;width:54%;height:94px;margin:6px 0 4px;display:block}.pdf-paper-stack span{color:var(--teal-dark);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:950}.pdf-paper-stack strong{color:var(--text);font-size:24px;font-weight:950;line-height:1.05}.pdf-paper-stack p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:850;overflow:hidden}.pdf-paper-stack div{color:var(--muted);align-items:baseline;gap:6px;font-weight:900;display:inline-flex}.pdf-paper-stack b{color:var(--teal-dark);font-size:26px}.pdf-paper-stack small{font-size:12px}.pdf-paper-stack em{width:fit-content;color:var(--teal-dark);background:#eef8f6;border-radius:999px;padding:7px 10px;font-size:11px;font-style:normal;font-weight:950;display:inline-flex}.pdf-page-strip{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));align-items:stretch;gap:7px;display:grid}.pdf-page-strip button{border:1px solid var(--line);min-height:62px;color:var(--muted);cursor:pointer;background:#fff;border-radius:7px;gap:5px;padding:6px;font-size:11px;font-weight:950;display:grid}.pdf-page-strip button i{background:linear-gradient(#dce8e5 0 0) 8px 10px/60% 3px no-repeat,linear-gradient(#dce8e5 0 0) 8px 19px/72% 3px no-repeat,linear-gradient(#dce8e5 0 0) 8px 28px/46% 3px no-repeat,#f8fbfa;border:1px solid #e1e8e6;border-radius:4px;min-height:34px;display:block}.pdf-page-strip button img{object-fit:cover;object-position:top center;background:#fff;border:1px solid #e1e8e6;border-radius:4px;width:100%;height:52px;display:block}.pdf-page-strip button.selected{color:var(--teal-dark);background:#effaf8;border-color:#9bd0c7}.pdf-page-strip button.active{border-color:var(--teal);box-shadow:0 0 0 2px #0f766e1f}.pdf-page-strip em{min-height:72px;color:var(--muted);place-items:center;font-style:normal;font-weight:900;display:grid}.pdf-range-summary>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.pdf-range-summary strong{color:var(--text);font-size:13px;font-weight:950}.pdf-range-summary button{color:#b53636;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;min-height:38px;padding:0 6px;font-size:11px;font-weight:900;display:inline-flex}.pdf-range-summary>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.pdf-range-summary span{min-height:34px;color:var(--teal-dark);background:#f1faf8;border:1px solid #cfe3df;border-radius:7px;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:950;display:inline-flex}.pdf-range-summary small{color:var(--muted);font-size:10px;font-weight:850}.pdf-range-summary em{color:var(--muted);font-size:12px;font-style:normal;font-weight:800}.pdf-primary-action{width:100%;min-height:44px;font-size:14px}.pdf-output-ready{background:#eef8f6;border:1px solid #bde3dd;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.pdf-output-ready>div{gap:4px;min-width:0;display:grid}.pdf-output-ready strong{color:var(--teal-dark);font-size:13px;font-weight:950}.pdf-output-ready span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850;overflow:hidden}.pdf-output-ready a{background:var(--teal);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:12px;font-weight:950;text-decoration:none;display:inline-flex}.pdf-drop input{display:none}.pdf-drop{min-height:92px;padding:12px}.pdf-range-input{gap:6px;display:grid}.pdf-range-input span{color:var(--muted);font-size:11px;font-weight:900}.pdf-range-input input{border:1px solid var(--line);width:100%;min-height:38px;color:var(--text);font:inherit;background:#fff;border-radius:7px;padding:0 10px;font-size:12px;font-weight:850}.pdf-quick-row{flex-wrap:wrap;gap:6px;display:flex}.pdf-quick-row button{border:1px solid var(--line);min-height:38px;color:var(--text);cursor:pointer;background:#fff;border-radius:7px;padding:0 9px;font-size:11px;font-weight:900}.pdf-output-card .metadata-metric{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:42px;padding:8px 10px}.pdf-seo-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #d9e7e4;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:900;overflow:hidden}.pdf-seo-slug{background:#fff;border:1px solid #d9e7e4;border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;display:grid}.pdf-seo-slug span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:950}.pdf-seo-slug code{color:var(--teal-dark);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.pdf-seo-helper>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pdf-download-row{grid-template-columns:.78fr 1fr;gap:10px;display:grid}.pdf-download-row button,.pdf-download-row a{border:1px solid var(--line);min-height:44px;color:var(--text);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:950;text-decoration:none;display:inline-flex}.pdf-download-row a{border-color:var(--teal);background:var(--teal);color:#fff}.pdf-download-row a.disabled-link{cursor:not-allowed;opacity:.55;pointer-events:none}.gif-workspace{grid-template-columns:minmax(0,1fr) minmax(330px,400px);gap:18px;max-width:1500px;min-height:calc(100vh - 118px);margin:0 auto;display:grid}.gif-stage,.gif-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.gif-stage{align-content:start;gap:14px;padding:14px;display:grid}.gif-panel{flex-direction:column;gap:8px;max-height:calc(100vh - 118px);padding:12px;display:flex;overflow-y:auto}.gif-tool-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.gif-tool-head>div{gap:5px;min-width:0;display:grid}.gif-tool-head span{color:var(--teal-dark);align-items:center;gap:7px;font-size:12px;font-weight:950;display:inline-flex}.gif-tool-head h2{color:var(--text);margin:0;font-size:25px;font-weight:950;line-height:1.04}.gif-primary-action{border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:13px;font-weight:950;display:inline-flex}.gif-head-status{min-height:32px;color:var(--teal-dark);white-space:nowrap;background:#eef8f6;border:1px solid #bde3dd;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:950;display:inline-flex}.gif-head-status span{display:inline}.gif-primary-action:disabled{cursor:not-allowed;opacity:.55}.gif-source-row,.gif-preview-card,.gif-result-card,.gif-controls,.gif-presets,.gif-output-card,.gif-seo-helper{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;gap:10px;padding:10px;display:grid}.gif-source-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.gif-mini-preview{border:1px solid var(--line);background:#eef5f3;border-radius:7px;width:68px;height:42px;overflow:hidden}.gif-mini-preview img{object-fit:cover;width:100%;height:100%}.gif-source-row strong,.gif-source-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gif-source-row>div:nth-child(2){gap:3px;min-width:0;display:grid}.gif-source-row strong{color:var(--text);font-size:13px;font-weight:950}.gif-source-row span{color:var(--muted);font-size:12px;font-weight:850}.gif-ready-pill{min-height:30px;color:var(--teal-dark);background:#eef8f6;border:1px solid #bde3dd;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:950;display:inline-flex}.gif-preview-card{padding:0;overflow:hidden}.gif-preview-frame{background:#13201f;place-items:center;height:350px;display:grid}.gif-preview-frame img{object-fit:contain;width:100%;height:100%;display:block}.gif-preview-frame>div{color:#d8ebe7;place-items:center;gap:8px;font-size:12px;font-weight:850;display:grid}.gif-playbar{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;font-size:12px;font-weight:850;display:grid}.gif-playbar>div{background:#dfe9e6;border-radius:999px;height:6px;overflow:hidden}.gif-playbar i{border-radius:inherit;background:var(--teal);height:100%;display:block}.gif-playbar strong{color:var(--text);font-size:12px;font-weight:950}.gif-frame-explainer{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px;display:grid}.gif-frame-explainer>div{border:1px solid var(--line);background:#fff;border-radius:7px;gap:5px;min-height:58px;padding:10px;display:grid}.gif-frame-explainer span{color:var(--muted);font-size:11px;font-weight:850}.gif-frame-explainer strong{color:var(--teal-dark);font-size:14px;font-weight:950}.gif-result-card{grid-template-columns:repeat(3,minmax(0,1fr))}.gif-result-card>div{border-left:1px solid var(--line);gap:5px;min-width:0;padding:6px 10px;display:grid}.gif-result-card>div:first-child{border-left:0}.gif-result-card span{color:var(--muted);font-size:11px;font-weight:850}.gif-result-card strong{color:var(--teal-dark);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:950;overflow:hidden}.gif-primary-action{width:100%;min-height:48px;font-size:14px}.gif-drop{min-height:72px;padding:10px}.gif-controls{gap:8px}.gif-range-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gif-range-row label{gap:6px;display:grid}.gif-range-row span{color:var(--muted);font-size:11px;font-weight:900}.gif-range-row input{border:1px solid var(--line);min-height:36px;color:var(--text);font:inherit;background:#fff;border-radius:7px;padding:0 10px;font-size:12px;font-weight:850}.gif-loop-row{min-height:34px}.gif-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.gif-presets button{border:1px solid var(--line);min-height:34px;color:var(--text);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:900;display:inline-flex}.gif-output-card .metadata-metric{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:36px;padding:7px 10px}.gif-output-card{grid-template-columns:repeat(3,minmax(0,1fr))}.gif-output-card>strong{grid-column:1/-1}.gif-output-card .metadata-metric strong{font-size:13px}.gif-seo-helper>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.gif-seo-helper{gap:7px}.gif-seo-alt code{color:var(--text)}.gif-download-row{grid-template-columns:.72fr 1fr}.image-studio-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,360px)}.image-studio-panel{border-left:1px solid var(--line);border-right:0;order:2;max-height:calc(100vh - 118px);overflow-y:auto}.image-studio-controls{min-height:304px;display:grid}.studio-panel-tabs{border:1px solid var(--line);background:#f2f7f5;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:5px;display:grid}.studio-panel-tabs button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:11px;font-weight:950}.studio-panel-tabs button.active{color:var(--teal-dark);background:#fff;box-shadow:0 1px 7px #1b363114}.studio-mini-preview{background:#fbfcfb;border:1px solid #cfe1dd;border-radius:8px;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px;min-height:92px;padding:9px;display:grid}.studio-mini-preview img{object-fit:cover;background-color:#fbfcfb;background-image:linear-gradient(45deg,#edf2f1 25%,#0000 25%),linear-gradient(-45deg,#edf2f1 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf2f1 75%),linear-gradient(-45deg,#0000 75%,#edf2f1 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:7px;width:74px;height:74px}.studio-mini-preview div{gap:4px;min-width:0;display:grid}.studio-mini-preview strong,.studio-mini-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-mini-preview strong{color:var(--text);font-size:13px;font-weight:950}.studio-mini-preview span{color:var(--muted);font-size:11px;font-weight:850}.studio-control-group{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;align-content:start;gap:12px;min-height:304px;padding:13px;display:grid}.studio-control-group h3{color:var(--teal-dark);margin:0;font-size:12px;font-weight:950}.studio-slider{gap:5px;display:grid}.studio-slider span{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.studio-slider strong{color:var(--text);font-size:11px;font-weight:950}.studio-slider input{width:100%;accent-color:var(--teal)}.studio-preset-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.studio-preset-row button{min-height:34px;color:var(--teal-dark);cursor:pointer;background:#f7faf9;border:1px solid #cfe1dd;border-radius:7px;font-size:11px;font-weight:950}.studio-preset-row button:hover{border-color:var(--teal);background:#eef8f6}.studio-toggle-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.studio-toggle-row button{border:1px solid var(--line);min-height:36px;color:var(--text);cursor:pointer;background:#f7faf9;border-radius:7px;font-size:11px;font-weight:900}.studio-toggle-row button.active{border-color:var(--teal);background:var(--teal);color:#fff}.image-studio-stage{order:1;grid-template-rows:auto auto auto auto auto}.image-studio-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-studio-preview-grid .metadata-preview{min-height:520px}.image-studio-preview-grid .metadata-preview img{object-fit:contain;background-color:#fbfcfb;background-image:linear-gradient(45deg,#edf2f1 25%,#0000 25%),linear-gradient(-45deg,#edf2f1 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf2f1 75%),linear-gradient(-45deg,#0000 75%,#edf2f1 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.metadata-preview.interactive img{cursor:crosshair}.metadata-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-actions button:first-child{grid-column:1/-1}.metadata-preview-grid,.metadata-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;min-width:0;display:grid}.metadata-preview-grid{min-height:300px}.metadata-preview{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.metadata-preview>div:first-child{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.metadata-preview strong,.metadata-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metadata-preview strong{color:var(--text);font-size:12px;font-weight:950}.metadata-preview span{color:var(--muted);font-size:11px;font-weight:850}.metadata-preview img{object-fit:contain;background-color:#0000;background-image:linear-gradient(45deg,#f1f5f4 25%,#0000 25%),linear-gradient(-45deg,#f1f5f4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f1f5f4 75%),linear-gradient(-45deg,#0000 75%,#f1f5f4 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;width:100%;min-width:0;height:100%;min-height:250px}.metadata-preview>div:last-child{color:#8ca09c;place-items:center;min-height:250px;display:grid}.metadata-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metadata-metric{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;align-content:center;gap:5px;min-width:0;min-height:58px;padding:10px 12px;display:grid}.metadata-metric span,.metadata-metric strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metadata-metric span{color:var(--muted);font-size:11px;font-weight:900}.metadata-metric strong{color:var(--teal-dark);font-size:14px;font-weight:950}.image-metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;min-width:0;display:grid}.image-metadata-panel{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;min-width:0;overflow:hidden}.image-metadata-panel>div:first-child{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:0 12px;display:flex}.image-metadata-panel strong,.image-metadata-panel span,.image-metadata-panel dt,.image-metadata-panel dd{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-metadata-panel strong{color:var(--text);font-size:12px;font-weight:950}.image-metadata-panel span,.image-metadata-panel p{color:var(--muted);font-size:11px;font-weight:850}.image-metadata-panel dl{max-height:220px;margin:0;display:grid;overflow:auto}.image-metadata-panel dl>div{border-bottom:1px solid #edf2f1;grid-template-columns:minmax(110px,.75fr) minmax(0,1fr);gap:10px;min-width:0;padding:9px 12px;display:grid}.image-metadata-panel dl>div:last-child{border-bottom:0}.image-metadata-panel dt{color:var(--muted);font-size:11px;font-weight:900}.image-metadata-panel dd{color:var(--teal-dark);text-align:right;margin:0;font-size:11px;font-weight:900}.image-metadata-panel p{margin:0;padding:12px}.counter-stage{grid-template-rows:auto minmax(360px,1fr) auto auto}.counter-panel{align-self:start;gap:11px}.counter-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.counter-actions button{min-height:46px}.counter-metrics{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.counter-metric{border-left:1px solid var(--line);gap:5px;min-height:96px;padding:16px;display:grid}.counter-metric:first-child{border-left:0}.counter-metric span,.counter-metric em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.counter-metric span{font-size:12px;font-weight:900}.counter-metric strong{color:var(--teal-dark);text-overflow:ellipsis;white-space:nowrap;font-size:28px;line-height:1;overflow:hidden}.counter-metric em{font-size:11px;font-weight:750}.counter-editor .json-editor{min-height:370px}.keyword-panel{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.keyword-head,.keyword-row{grid-template-columns:minmax(0,1fr) 82px 82px minmax(150px,.35fr);align-items:center;gap:12px;display:grid}.keyword-head{border-bottom:1px solid var(--line);background:#fbfcfb;min-height:42px;padding:0 14px}.keyword-head strong,.keyword-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.keyword-head strong{color:var(--text);font-size:12px;font-weight:950}.keyword-head span{color:var(--muted);text-align:right;grid-column:2/-1;font-size:11px;font-weight:800}.keyword-list{align-content:start;display:grid}.keyword-list p{color:var(--muted);margin:0;padding:14px;font-size:12px;font-weight:800}.keyword-row{border-bottom:1px solid var(--line);min-height:40px;padding:0 14px}.keyword-row:last-child{border-bottom:0}.keyword-row strong,.keyword-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.keyword-row strong{color:var(--text);font-size:12px;font-weight:900}.keyword-row span{color:var(--muted);text-align:right;font-size:11px;font-weight:850}.keyword-row div{background:#e5ebe9;border-radius:99px;height:7px;overflow:hidden}.keyword-row i{border-radius:inherit;background:var(--teal);height:100%;display:block}.diff-stage{grid-template-rows:auto minmax(250px,.8fr) minmax(220px,.7fr) auto}.diff-panel{align-self:start;gap:10px}.diff-side-note{min-height:34px;color:var(--teal-dark);text-overflow:ellipsis;white-space:nowrap;background:#fbfcfb;border:1px solid #d8e7e4;border-radius:7px;align-items:center;gap:7px;margin:0;padding:0 11px;font-size:11px;font-weight:850;display:inline-flex;overflow:hidden}.diff-panel .json-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.diff-actions button:first-child{grid-column:1/-1}.diff-panel .control-section,.counter-panel .control-section{gap:8px;padding:4px 0}.diff-panel .switch-row,.counter-panel .switch-row{min-height:34px;padding:0 2px}.diff-panel .switch-row input,.counter-panel .switch-row input{border:1px solid var(--line);appearance:none;cursor:pointer;background:#e8eeec;border-radius:999px;flex:none;order:2;width:38px;height:22px;margin:0;transition:background .16s,border-color .16s;position:relative}.diff-panel .switch-row input:after,.counter-panel .switch-row input:after{content:"";background:#fff;border-radius:999px;width:16px;height:16px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #15201d38}.diff-panel .switch-row input:checked,.counter-panel .switch-row input:checked{border-color:var(--teal);background:var(--teal)}.diff-panel .switch-row input:checked:after,.counter-panel .switch-row input:checked:after{transform:translate(16px)}.diff-toolbar{align-items:center}.diff-stat-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.diff-stat{border-radius:999px;justify-content:center;align-items:center;min-width:86px;min-height:28px;padding:0 10px;font-size:12px;font-weight:950;display:inline-flex}.diff-stat.added{color:#0f7b43;background:#e9f8ef}.diff-stat.removed{color:#b52b2b;background:#fff0f0}.diff-stat.changed{color:var(--amber);background:#fff7ea}.diff-editors .json-editor{min-height:260px}.diff-output{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.diff-output-head{border-bottom:1px solid var(--line);background:#fbfcfb;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 12px;display:flex}.diff-output-head strong,.diff-output-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diff-output-head strong{color:var(--text);font-size:12px;font-weight:950}.diff-output-head span{color:var(--muted);font-size:11px;font-weight:800}.diff-lines{padding:8px 0;font-family:SFMono-Regular,Roboto Mono,Consolas,monospace;font-size:12px;line-height:1.55;overflow:auto}.diff-line{min-height:24px;color:var(--text);grid-template-columns:28px 42px 42px minmax(0,1fr);padding:0 10px;display:grid}.diff-line.add{color:#08723b;background:#edf9f1}.diff-line.remove{color:#ad2424;background:#fff2f2}.diff-sign,.diff-number{color:#8a9692;text-align:right;-webkit-user-select:none;user-select:none}.diff-line.add .diff-sign,.diff-line.add code{color:#08723b}.diff-line.remove .diff-sign,.diff-line.remove code{color:#ad2424}.diff-line code{color:inherit;text-overflow:ellipsis;white-space:pre;padding-left:12px;overflow:hidden}@media (width<=980px){.directory-shell{grid-template-columns:1fr}.category-rail{align-items:center;min-height:0;padding:10px;display:flex;overflow-x:auto}.category-rail button{flex:none;min-height:42px}.privacy-card{display:none}.directory-intro,.featured-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:start}.section-heading p{text-align:left}.live-spotlight,.outcome-keywords{grid-template-columns:1fr}.outcome-keywords div{grid-template-columns:repeat(2,minmax(0,1fr))}.popular-tasks{grid-template-columns:1fr}.popular-tasks div{grid-template-columns:repeat(2,minmax(0,1fr))}.local-proof{grid-template-columns:1fr}.local-proof div{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-answers,.quick-answers>div,.workspace{grid-template-columns:1fr}.json-workspace{grid-template-columns:1fr;min-width:0;max-width:100%}.palette-workspace,.pdf-workspace,.gif-workspace{grid-template-columns:1fr;max-width:100%}.palette-panel,.pdf-panel,.gif-panel{max-height:none}.json-panel,.json-stage{width:100%;min-width:0}.json-editors{grid-template-columns:1fr}.case-stage{grid-template-rows:auto minmax(0,1fr) auto}.diff-editors{grid-template-columns:1fr}.counter-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.counter-metric:nth-child(odd){border-left:0}.counter-metric:nth-child(n+3){border-top:1px solid var(--line)}.stage{min-height:auto}}@media (width<=720px){.app-shell{padding:12px}.topbar,.input-strip{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.directory-main{padding:18px}.directory-intro h2{font-size:23px;line-height:1.08}.active-tools{grid-template-columns:1fr}.directory-intro p,.directory-intro .seo-lead{white-space:nowrap;max-width:100%}.status-row{justify-content:flex-start}.input-strip{display:grid}.run-stats{grid-template-columns:1fr}.run-stats div{border-top:1px solid var(--line);border-left:0;min-height:76px}.run-stats div:first-child{border-top:0}.result-media{min-height:220px}.progress-copy,.export-row,.json-toolbar{flex-direction:column;align-items:stretch}.export-row button,.download-link,.json-toolbar button,.json-toolbar a{width:100%}.json-toolbar>div:last-child{grid-template-columns:1fr;width:100%;display:grid}.palette-toolbar{flex-direction:row;align-items:center}.palette-toolbar>div:last-child{width:auto;display:flex}.palette-toolbar button{width:auto}.diff-stat-row{grid-template-columns:1fr;width:100%;display:grid}.diff-stat{width:100%}.counter-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.case-actions,.compact-tool-actions{grid-template-columns:1fr}.case-editors .json-editor,.compact-tool-editors .json-editor{min-height:320px}.case-seo-strip{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px}.case-seo-strip span{text-overflow:clip;white-space:normal;overflow:visible}.url-example-strip{grid-template-columns:1fr;align-items:stretch;gap:6px;padding:10px 12px}.url-example-strip span{text-align:left}.timestamp-results{grid-template-columns:1fr}.timestamp-metric{border-top:1px solid var(--line);border-left:0;min-height:64px}.timestamp-metric:first-child{border-top:0}.timestamp-seo-helper{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px}.timestamp-seo-helper p{text-overflow:clip;white-space:normal;overflow:visible}.html-entity-cheatsheet{grid-template-columns:1fr;gap:6px;padding:10px 12px}.html-entity-cheatsheet span{text-align:left}.metadata-preview-grid,.metadata-metrics,.image-metadata-grid,.palette-actions{grid-template-columns:1fr}.palette-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-picked-card{grid-template-columns:1fr}.palette-image-frame{min-height:300px}.palette-swatch-grid{grid-template-columns:1fr}.pdf-preview-meta{flex-direction:column;align-items:flex-start}.pdf-preview-frame{min-height:360px}.pdf-paper-stack{width:min(390px,84%);min-height:270px}.pdf-paper-stack article{gap:9px;padding:24px 26px}.pdf-paper-stack article:before{height:78px}.pdf-paper-stack strong{font-size:22px}.pdf-page-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.pdf-download-row,.pdf-output-ready{grid-template-columns:1fr}.pdf-output-ready a{width:100%}.gif-tool-head{flex-direction:column;align-items:stretch}.gif-head-status{align-self:flex-start}.gif-source-row,.gif-result-card,.gif-output-card,.gif-presets{grid-template-columns:1fr}.gif-preview-frame{height:300px}.gif-frame-explainer,.gif-download-row{grid-template-columns:1fr}.metadata-preview-grid{min-height:0}.metadata-preview img,.metadata-preview>div:last-child{min-height:220px}.image-studio-panel{order:1}.image-studio-stage{order:2}.image-studio-preview-grid .metadata-preview{min-height:360px}.image-studio-preview-grid .metadata-preview img,.image-studio-preview-grid .metadata-preview>div:last-child{max-height:360px}.image-metadata-panel dl{max-height:260px}.image-metadata-panel dl>div{grid-template-columns:1fr;gap:3px}.image-metadata-panel dd{text-align:left}.counter-metric{border-top:1px solid var(--line);border-left:0;min-height:86px}.counter-metric:nth-child(-n+2){border-top:0}.counter-metric:nth-child(2n){border-left:1px solid var(--line)}.counter-metric strong{font-size:24px}.keyword-head,.keyword-row{grid-template-columns:minmax(0,1fr) 52px 58px}.keyword-row div{grid-column:1/-1;margin-bottom:8px}.local-proof div{grid-template-columns:1fr}}