/* Tools */
.architecture-layout{min-height:0;display:grid;grid-template-columns:190px minmax(420px,1fr) 250px}.service-palette,.architecture-inspector{background:#fff;padding:.7rem;overflow:auto}.service-palette{border-right:1px solid #cbd8e8}.architecture-inspector{border-left:1px solid #cbd8e8}.service-palette>strong,.architecture-inspector>strong{font-size:.56rem;letter-spacing:.13em;color:#6c7c91}.service-palette button{width:100%;border:1px solid #d2deeb;background:#f8fbff;border-radius:.55rem;padding:.55rem;display:grid;grid-template-columns:36px 1fr;gap:.5rem;text-align:left;margin:.4rem 0}.service-palette i{width:34px;height:34px;display:grid;place-items:center;background:color-mix(in srgb,var(--service) 16%,white);color:var(--service);border-radius:.45rem;font-style:normal;font-weight:900}.service-palette b,.service-palette small{display:block}.service-palette b{font-size:.66rem}.service-palette small{font-size:.55rem;color:#6b7a8d}.architecture-board{position:relative;overflow:hidden;background:#e8f0f8}.board-grid{position:absolute;inset:0;background-image:linear-gradient(#cbd8e8 1px,transparent 1px),linear-gradient(90deg,#cbd8e8 1px,transparent 1px);background-size:24px 24px;opacity:.55}.architecture-board svg{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.architecture-board svg path{fill:none;stroke:#6b8aab;stroke-width:3;stroke-dasharray:7 5}.architecture-board>p{position:absolute;inset:0;display:grid;place-items:center;color:#6e8094;font-size:.75rem}.architecture-node{position:absolute;left:0;top:0;width:140px;height:72px;z-index:3;border:2px solid color-mix(in srgb,var(--service) 65%,#cbd8e8);background:white;color:#13243b;border-radius:.65rem;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:.45rem;text-align:left;padding:.5rem;box-shadow:0 8px 25px rgba(27,55,90,.12);touch-action:none}.architecture-node.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--service) 30%,transparent),0 10px 30px rgba(27,55,90,.2)}.architecture-node.request-active{animation:node-request .4s alternate infinite}.architecture-node i{width:34px;height:34px;display:grid;place-items:center;background:color-mix(in srgb,var(--service) 16%,white);color:var(--service);border-radius:.45rem;font-style:normal}.architecture-node b,.architecture-node small{display:block}.architecture-node b{font-size:.62rem}.architecture-node small{font-size:.52rem;color:#6a7c90}.architecture-node em{cursor:grab;font-style:normal;color:#8392a4}@keyframes node-request{to{filter:brightness(1.3);box-shadow:0 0 24px color-mix(in srgb,var(--service) 55%,transparent)}}.request-packet{position:absolute;width:16px;height:16px;border-radius:50%;background:#2563eb;box-shadow:0 0 18px #2563eb;z-index:5;transition:transform .4s ease}.architecture-inspector p{font-size:.65rem;color:#64758a;line-height:1.45}.inspected-service{display:flex;gap:.55rem;align-items:center;margin:.6rem 0}.inspected-service i{width:42px;height:42px;display:grid;place-items:center;background:color-mix(in srgb,var(--service) 15%,white);color:var(--service);border-radius:.55rem}.inspected-service b,.inspected-service small{display:block}.architecture-inspector label{display:grid;gap:.25rem;font-size:.58rem;margin:.55rem 0}.architecture-inspector input,.architecture-inspector select{border:1px solid #cbd8e8;border-radius:.4rem;padding:.5rem}.architecture-inspector button{width:100%;border:1px solid #cbd8e8;background:white;border-radius:.45rem;padding:.5rem;margin:.25rem 0}.architecture-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:.8rem}.architecture-metrics span{background:#eef4fb;border-radius:.45rem;padding:.45rem;font-size:.52rem}.architecture-metrics b{display:block;font-size:.68rem}
.workflow-layout{display:grid;grid-template-columns:200px 1fr 260px;min-height:0}.workflow-layout>aside,.workflow-trace{padding:.7rem;background:#211832}.workflow-layout>aside{border-right:1px solid #3c3154}.workflow-trace{border-left:1px solid #3c3154}.workflow-layout>aside>strong,.workflow-trace>strong{font-size:.55rem;letter-spacing:.12em;color:#b8a6d4}.workflow-layout>aside button{width:100%;display:grid;grid-template-columns:34px 1fr;gap:.5rem;align-items:center;text-align:left;border:1px solid #46385e;background:#2a1f3c;color:white;border-radius:.5rem;padding:.5rem;margin:.35rem 0}.workflow-layout>aside i{width:32px;height:32px;border-radius:.45rem;display:grid;place-items:center;font-style:normal;background:#6d28d9}.workflow-layout>aside b,.workflow-layout>aside small{display:block}.workflow-layout>aside b{font-size:.62rem}.workflow-layout>aside small{font-size:.5rem;color:#b4a6c8}.workflow-layout main{background:#171226;overflow:auto}.workflow-canvas{min-height:100%;display:flex;align-items:center;gap:1.2rem;padding:2rem;position:relative}.workflow-canvas>p{margin:auto;color:#8e7da8}.workflow-canvas article{min-width:145px;border:2px solid #514268;background:#2c2140;color:#fff;border-radius:.7rem;padding:.7rem;display:grid;grid-template-columns:36px 1fr auto;gap:.5rem;align-items:center;position:relative}.workflow-canvas article>i{width:34px;height:34px;display:grid;place-items:center;border-radius:.5rem;background:#7c3aed;font-style:normal}.workflow-canvas article b,.workflow-canvas article small{display:block}.workflow-canvas article b{font-size:.66rem}.workflow-canvas article small{font-size:.52rem;color:#b7a8c8}.workflow-canvas article button{border:0;background:transparent;color:#a99abb}.workflow-canvas article em{position:absolute;right:-1.1rem;font-style:normal;color:#a78bfa}.workflow-canvas article.running{box-shadow:0 0 24px #a78bfa}.workflow-canvas article.passed{border-color:#34d399}.workflow-canvas article.warning{border-color:#f59e0b}.workflow-trace>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;margin:.7rem 0}.workflow-trace>div span{background:#2a203a;padding:.4rem;border-radius:.4rem;font-size:.48rem;color:#a99abb}.workflow-trace>div b{display:block;color:white;font-size:.62rem}.workflow-trace ol{height:260px;overflow:auto;padding-left:1.2rem;font:600 .6rem/1.55 ui-monospace;color:#cfc4dd}.workflow-trace footer{background:#6d28d9;border-radius:.45rem;padding:.55rem;text-align:center;font-size:.6rem;font-weight:900}
.seo-tool{min-height:100%;background:#f5f7f9;color:#17212e;overflow:auto}.seo-tool>header{display:flex;align-items:center;gap:.45rem;padding:.8rem 1rem;background:#fff;border-bottom:1px solid #dce2e8;position:sticky;top:0;z-index:2}.seo-tool header div{margin-right:auto}.seo-tool header span,.seo-tool header strong{display:block}.seo-tool header span{font-size:.52rem;color:#0f766e}.seo-tool header button{border:1px solid #cfd8df;background:white;border-radius:.5rem;padding:.55rem}.seo-tool header button:last-child{background:#0f766e;color:white}.seo-editor{display:grid;grid-template-columns:1.3fr .7fr;gap:.8rem;padding:.8rem}.seo-editor>label{display:grid;gap:.35rem;font-size:.55rem;letter-spacing:.1em}.seo-editor textarea{min-height:270px;border:1px solid #cad3dc;border-radius:.6rem;background:#101827;color:#d3e9df;padding:.75rem;font:600 .65rem/1.5 ui-monospace}.seo-editor>aside{display:grid;grid-template-columns:150px 1fr;gap:.65rem;background:white;border:1px solid #dce2e8;border-radius:.7rem;padding:.7rem}.seo-score{position:relative;display:grid;place-items:center}.seo-score svg{width:120px;transform:rotate(-90deg)}.seo-score circle{fill:none;stroke:#e1e7eb;stroke-width:10}.seo-score circle:last-child{stroke:#0f766e;stroke-dasharray:302;stroke-dashoffset:302;transition:stroke-dashoffset .5s}.seo-score strong{position:absolute;font-size:2rem}.seo-score span{position:absolute;margin-top:52px;font-size:.5rem;color:#72808e}.search-preview{align-self:center}.search-preview small{font-size:.5rem;color:#788694}.search-preview b{display:block;font:500 1rem Arial;color:#1a0dab;margin:.4rem 0}.search-preview a{color:#15803d;font-size:.65rem}.search-preview p{font-size:.65rem;line-height:1.4;color:#536171}.seo-results{padding:0 .8rem .8rem;display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.seo-results>p{grid-column:1/-1;text-align:center;color:#6c7885}.seo-results article{display:grid;grid-template-columns:34px 1fr auto;gap:.55rem;background:white;border:1px solid #dce2e8;border-radius:.65rem;padding:.7rem}.seo-results article>i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#dcfce7;color:#15803d}.seo-results article.fail>i{background:#fee2e2;color:#b91c1c}.seo-results span{font-size:.47rem;color:#788694}.seo-results strong{display:block;font-size:.7rem}.seo-results p{font-size:.6rem;color:#647180;margin:.2rem 0}.seo-results article>b{font-size:.56rem;color:#0f766e}