.canvas-capability-panel{z-index:45;max-height:var(--canvas-panel-max,calc(100dvh - 9rem));position:absolute;top:calc(100% + .5rem);left:0;right:0}.capability-panel{max-block-size:var(--canvas-panel-max,60vh);padding:var(--space-xs);border:1px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-lg);overflow:auto}.capability-panel>h2{margin-block:0 var(--space-2xs)}.capability-chips,.capability-records,.capability-choices{gap:var(--space-3xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.capability-chips li{gap:var(--space-3xs);padding:var(--space-3xs) var(--space-2xs);border-radius:var(--r-s);background:var(--sunken);display:inline-flex}.capability-capture{gap:var(--space-2xs);display:grid}.capability-changes>div{gap:var(--space-2xs);grid-template-columns:minmax(8rem,.4fr) 1fr;display:grid}.capability-changes dt{color:var(--soft)}.show-panel{gap:var(--space-2xs);width:min(28rem,100%);max-width:100%;padding:var(--pad-card);border:1px solid var(--border);border-radius:var(--r);background:var(--raised);box-shadow:var(--ring), var(--shadow-lg);min-width:0;display:grid}.show-panel-heading{font-size:var(--step-0);letter-spacing:var(--kern-tight);color:var(--ink);margin:0;font-weight:650}.show-panel-body{min-width:0}.show-panel-rows{gap:var(--space-3xs);max-height:20rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.show-panel-row{align-items:start;column-gap:var(--space-2xs);padding:var(--space-3xs) 0;border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,1fr) fit-content(10rem);display:grid}.show-panel-row:last-child{border-bottom:0}.show-panel-row-title{overflow-wrap:anywhere;-webkit-line-clamp:2;color:var(--ink);-webkit-box-orient:vertical;grid-column:1;font-weight:620;display:-webkit-box;overflow:hidden}.show-panel-row-hint{text-overflow:ellipsis;white-space:nowrap;font-size:var(--step--2);color:var(--faint);grid-column:1;display:block;overflow:hidden}.show-panel-row .tag{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2/-1;align-self:start;width:fit-content;max-width:100%;display:inline-block;overflow:hidden}.show-panel-tail{align-items:baseline;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.show-panel-unreadable{align-items:flex-start;gap:var(--space-3xs);color:var(--soft);flex-direction:column;display:flex}.show-panel-unreadable p{margin:0}@media (width<=34rem){.show-panel{width:100%}.show-panel-rows{max-height:60dvh}}.canvas-ask{z-index:30;width:100%;scroll-margin-top:var(--top-h);position:relative}.canvas-ask-bar{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);height:3.875rem;box-shadow:var(--shadow);align-items:center;gap:.625rem;padding:0 .5rem 0 .625rem;transition:box-shadow .16s,border-color .16s;display:flex}.canvas-ask-bar:hover{border-color:var(--soft)}.canvas-ask[data-open=true] .canvas-ask-bar{border-color:var(--brand);box-shadow:var(--shadow-lg)}.canvas-ask-mark{border-radius:var(--r-s);background:var(--brand-wash);width:2.125rem;height:2.125rem;color:var(--brand);flex:none;place-items:center;display:grid}.canvas-ask-mark-live{animation:1.5s ease-in-out infinite alternate canvas-breathe}@keyframes canvas-breathe{to{opacity:.45}}.canvas-ask-input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;flex:1;font-size:1rem}.canvas-ask-input::placeholder{color:var(--faint)}.canvas-ask-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.canvas-ask-badge{background:var(--brand-wash);color:var(--brand);font-family:var(--mono);font-size:var(--step--2);letter-spacing:var(--kern-caps);text-transform:uppercase;border-radius:62.5rem;flex:none;align-items:center;padding:.3125rem .5625rem;font-weight:600;display:inline-flex}.canvas-ask-busy{background:var(--sunken);min-width:0;max-width:40%;color:var(--soft);font:inherit;font-size:var(--step--2);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:62.5rem;flex:0 auto;align-items:center;gap:.375rem;padding:.3125rem .625rem;display:inline-flex;overflow:hidden}.canvas-ask-busy .spinner{width:.875rem;height:.875rem}.canvas-ask-go{border-radius:var(--r-s);background:var(--brand);height:2.5rem;color:var(--btn-ink);font:inherit;cursor:pointer;border:0;align-items:center;padding:0 .875rem;font-size:.875rem;font-weight:620;display:inline-flex}.canvas-ask-go:hover{background:var(--brand-dp)}.canvas-opts-panel{box-sizing:border-box;z-index:45;max-height:var(--canvas-opts-max,calc(100dvh - 9rem));border:1px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-lg);flex-direction:column;padding:.375rem;animation:.14s both canvas-rise;display:flex;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden}.canvas-opts{overscroll-behavior:contain;flex:auto;min-height:0;max-height:26rem;overflow-y:auto}@keyframes canvas-rise{0%{opacity:0;transform:translateY(-.25rem)}}.canvas-opt-group{border:0;min-width:0;margin:0;padding:0}.canvas-opt-head{font-family:var(--mono);font-size:var(--step--2);letter-spacing:var(--kern-caps);text-transform:uppercase;color:var(--faint);margin:0;padding:.5625rem .625rem .3125rem;font-weight:600}.canvas-opt{border-radius:var(--r-s);width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1.875rem minmax(0,1fr) auto auto;align-items:center;gap:.6875rem;padding:.5625rem .625rem;display:grid}.canvas-opt[data-active=true]{background:var(--brand-wash)}.canvas-opt-mark,.canvas-opt-avatar{background:var(--sunken);width:1.875rem;height:1.875rem;color:var(--soft);border-radius:.5rem;place-items:center;display:grid}.canvas-opt-avatar{background:var(--accent-wash);color:var(--accent-ink);font-size:var(--step--2);border-radius:50%;font-weight:700}.canvas-opt[data-primary=true] .canvas-opt-mark{background:var(--brand-wash);color:var(--brand)}.canvas-opt-body{min-width:0}.canvas-opt-body strong{font-size:var(--step--1);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.canvas-opt-body small{font-size:var(--step--2);color:var(--faint);-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.canvas-opt[data-candidate=true] .canvas-opt-body strong{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;overflow:visible}.canvas-opt-uses{flex-wrap:wrap;gap:.3125rem;margin-top:.3125rem;display:flex}.canvas-opt-uses i{background:var(--sunken);font-family:var(--mono);font-size:var(--step--2);color:var(--faint);border-radius:.3125rem;padding:.25rem .375rem;font-style:normal;font-weight:500}.canvas-opt-token{font-family:var(--mono);font-size:var(--step--2);color:var(--faint);font-style:normal;font-weight:500}.canvas-opt-key{border:1px solid var(--border);font-family:var(--mono);font-size:var(--step--2);color:var(--soft);border-radius:.3125rem;padding:.25rem .375rem}.canvas-opt-notice{font-size:var(--step--2);color:var(--faint);flex:none;margin:.25rem .625rem 0}.canvas-opt-foot{border-top:1px solid var(--hair);border-radius:0 0 var(--r) var(--r);background:var(--ground);font-family:var(--mono);font-size:var(--step--2);color:var(--faint);flex:none;justify-content:space-between;gap:.75rem;margin:.375rem -.375rem -.375rem;padding:.5625rem .875rem;font-weight:500;display:flex}@media (width<=30rem){.canvas-ask-input:not(:placeholder-shown)~.canvas-ask-badge,.assistant-ask-chip-prefix,.canvas-opt-token,.canvas-opt-key{display:none}}:root{--ask-detached-top:calc(var(--top-h) + .625rem);--ask-detached-center:calc(50% + (var(--side-w) / 2));--ask-detached-width:min(35rem, calc(100vw - 20rem));--ask-detached-bar-h:2.875rem;--ask-detached-gap:var(--space-2xs);--ask-detached-content-offset:calc(var(--ask-detached-top) + var(--ask-detached-bar-h) + var(--ask-detached-gap) - var(--top-h))}@media (width<=56rem){:root{--ask-detached-center:50%;--ask-detached-width:min(35rem, calc(100vw - 2rem))}}.canvas-ask[data-detached=true]{top:var(--ask-detached-top);left:var(--ask-detached-center);width:var(--ask-detached-width);animation:.2s cubic-bezier(.2,.78,.2,1) both canvas-detach;position:fixed;transform:translate(-50%)}.canvas-ask[data-detached=true] .canvas-ask-bar{height:var(--ask-detached-bar-h);background:var(--veil);-webkit-backdrop-filter:blur(.875rem);backdrop-filter:blur(.875rem);box-shadow:var(--shadow-lg)}.canvas-ask[data-detached=true] .canvas-ask-mark{width:1.75rem;height:1.75rem}.canvas-ask[data-detached=true] .canvas-ask-input{font-size:var(--step--1)}.canvas-ask[data-detached=true] .canvas-ask-go{height:2rem;font-size:var(--step--2);padding:0 .75rem}@keyframes canvas-detach{0%{opacity:0;transform:translate(-50%,-.5rem)}}
