.menu-toggle{display:none;align-items:center;gap:.55rem;border-radius:.7rem;padding:.6rem .8rem;background:#fff;color:var(--accent-dark);border:1px solid var(--line);font-size:.92rem}.menu-toggle:hover{background:var(--soft);color:var(--accent-dark)}.menu-icon,.menu-icon::before,.menu-icon::after{display:block;width:1.15rem;height:2px;background:currentColor;border-radius:2px;position:relative}.menu-icon::before,.menu-icon::after{content:"";position:absolute;left:0}.menu-icon::before{top:-.36rem}.menu-icon::after{top:.36rem}.tool-result-block{background:var(--panel);border:1px solid var(--line);border-radius:1.2rem;padding:1.25rem;box-shadow:var(--shadow)}.tool-result-block h2{font-size:1.45rem;margin:0 0 .35rem}.tool-result-block>p{color:var(--muted);margin-top:0}.generator-stack{display:grid;gap:1.25rem}.generator-result{margin-top:1.25rem}.finder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:1.25rem;align-items:start}.finder-controls{grid-column:1}.finder-explainer{grid-column:2;grid-row:1}.finder-result{grid-column:1/-1;grid-row:2}
@media(max-width:900px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.85rem 1.25rem}.brand{font-size:1.05rem}.menu-toggle{display:inline-flex}#primary-nav{display:none!important;grid-column:1/-1;width:100%;overflow:visible;white-space:normal;padding:.25rem 0 .55rem;border-top:1px solid var(--line);flex-direction:column;gap:0}#primary-nav.is-open{display:flex!important}#primary-nav a{display:block;padding:.75rem .2rem;border-bottom:1px solid var(--line);font-size:1rem}#primary-nav a:last-child{border-bottom:0}.tool-layout.generator-layout{display:flex;flex-direction:column}.generator-layout .tool-controls{order:1}.generator-layout .tool-result{order:2}.generator-layout .tool-explainer{order:3}.generator-layout .tool-result{margin-top:0}.generator-result{margin-top:1rem}.tool-result-block{padding:1.05rem}.tool-result-block .palette{margin-top:.85rem}.finder-layout{display:flex;flex-direction:column}.finder-controls{order:1}.finder-result{order:2;width:100%}.finder-explainer{order:3;width:100%}}
@media(max-width:620px){.site-header{padding:.75rem 1rem}.menu-toggle{padding:.55rem .7rem}.tool-result-block{border-radius:1rem}.generator-result .palette,.tool-result .palette{grid-template-columns:1fr}.generator-result .palette span,.tool-result .palette span{min-height:68px}.result-swatch{height:165px}.finder-result .pink-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}