.product-section{padding:40px 0;border-bottom:1px solid var(--line)}
.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;align-items:center}
.product-actions button,.product-actions .button{padding:10px 18px;background:var(--accent-strong);color:#fff;border:1px solid var(--accent-strong);border-radius:var(--radius-md);font:inherit;text-decoration:none;min-height:44px;cursor:pointer}
.product-actions input{flex:1 1 240px;min-width:0;padding:10px;border:1px solid var(--control-border);border-radius:var(--radius-md);font:inherit;background:white;color:var(--ink)}
.product-actions button:hover,.product-actions .button:hover{background:var(--ink)}
#suggestResults{display:grid;gap:16px;max-width:700px}
.suggestion-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;align-items:start;padding-block:64px}
.suggestion-intro p{margin-top:18px;max-width:45ch;color:var(--muted)}
.suggestion-form label{display:block;margin-bottom:10px}
.suggestion-form .product-actions{margin-top:0;align-items:stretch}
.suggestion-form #suggestStatus:not(:empty){margin-top:14px;color:var(--muted)}
.suggestion-section #suggestResults{grid-column:1/-1;width:100%;max-width:none}
.suggestion-section #suggestResults:empty{display:none}
@media(max-width:640px){.suggestion-section{grid-template-columns:1fr;gap:24px;padding-block:40px}}
.webapp-body{margin:0;height:100vh;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--bg)}
.webapp-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line)}
.webapp-toolbar button{font:inherit;border:1px solid var(--control-border);border-radius:10px;padding:7px 10px;background:var(--paper);color:var(--ink);cursor:pointer}
.webapp-frame{display:block;border:0;width:100%;flex:1;min-height:0}
.webapp-body #installStatus{margin:0}
.webapp-body #installStatus:not(:empty){margin:8px 16px}