/* PORT_WITH_ADAPTER: apps/web/src/styles.css native controls; canonical tokens served unchanged. */
*{box-sizing:border-box}body{margin:0;font:var(--type-body);color:var(--color-content-primary);background:var(--color-canvas-background);accent-color:var(--color-accent-primary)}
main{max-inline-size:calc(var(--viewer-max-inline-size) + var(--space-6)*2);margin:auto;padding:var(--space-6)}
header,.heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
h1,h2,h3{font:var(--type-title)}section{background:var(--color-surface-primary);border:var(--border-hairline) solid var(--color-canvas-border);border-radius:var(--radius-card);padding:var(--space-4);margin-block:var(--space-4)}
form{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:end}label{display:grid;gap:var(--space-2);flex:1 1 var(--assistant-reference-card-min-width)}
input,select,textarea{min-width:0;width:100%;font:var(--type-body);color:var(--color-content-primary);background:var(--color-surface-input);border:var(--border-hairline) solid var(--color-canvas-border);border-radius:var(--radius-control);padding:var(--space-2);min-height:var(--control-height)}
button{font:var(--type-label);min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:var(--border-hairline) solid var(--color-canvas-border);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-content-primary);cursor:pointer;transition:background var(--motion-feedback)}
button:hover{background:var(--color-surface-hover);border-color:var(--color-canvas-border-strong)}button:active{background:var(--color-surface-active)}button:disabled{color:var(--color-content-disabled);cursor:not-allowed}
button.primary{color:var(--color-on-control-primary);background:var(--color-control-primary);box-shadow:var(--shadow-control)}
:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:var(--space-1)}
p{color:var(--color-content-secondary)}#message[data-error=true]{color:var(--color-accent-danger)}output,textarea{overflow-wrap:anywhere;white-space:pre-wrap}output{display:block;margin-block:var(--space-3)}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:var(--space-2);border-bottom:var(--border-hairline) solid var(--color-canvas-border);overflow-wrap:anywhere}td button{margin:var(--space-1)}summary{cursor:pointer;font:var(--type-title)}details>form{margin-block:var(--space-4)}textarea{min-height:calc(var(--control-height)*4)}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}