.appearance-lab {margin-block:20px 25px;padding:19px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.appearance-heading {display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.appearance-phase {display:inline-flex;padding:5px 8px;background:var(--ink);color:#fff;border-radius:4px;font-size:12px;font-weight:600}
.appearance-local {font-size:12px;color:var(--muted)}
.appearance-lab h4 {font-size:26px;letter-spacing:-.04em;margin-bottom:7px}
.appearance-lab>p {font-size:14px;line-height:1.55}
.appearance-lab>label {display:block;font-size:13px;font-weight:600;margin:20px 0 7px}
.appearance-lab>select {display:block;width:100%;min-width:0;max-width:100%;min-height:48px;padding:10px 30px 10px 11px;border:1px solid var(--ink);border-radius:6px;background:white;color:var(--ink);font:inherit;font-size:14px;text-overflow:ellipsis}
.appearance-selection {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.appearance-selection>span {font-size:12px;color:var(--muted);line-height:1.4}
.appearance-selection button {flex-shrink:0;background:transparent;border:0;color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-size:12px;min-height:44px;padding:8px 0}
.appearance-details {border-block:1px solid var(--line);margin-top:12px;padding:3px 0}
.appearance-details summary {display:flex;align-items:center;gap:9px;min-height:44px;font-size:13px;font-weight:600;cursor:pointer}
.appearance-details summary::before {content:'+';font-size:20px;font-weight:400}
.appearance-details[open] summary::before {content:'−'}
.appearance-swatches {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;padding-block:9px 17px}
.appearance-swatches>div {display:flex;align-items:center;gap:9px;min-width:0}
.appearance-swatches i {width:29px;height:35px;background:var(--swatch);border:1px solid #8792a3;flex:none;border-radius:3px}
.appearance-swatches span {font-size:12px;line-height:1.5}
.appearance-swatches code {display:block;color:var(--muted);font:12px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}
.appearance-type {display:flex;gap:25px;flex-wrap:wrap;margin:0 0 15px}
.appearance-type dt {font-size:12px;color:var(--muted)}
.appearance-type dd {margin:4px 0 0;font-size:13px}
.appearance-future {padding-top:17px}
.appearance-future strong {font-size:15px}
.appearance-future p {font-size:13px;line-height:1.55;margin:6px 0 11px}
.appearance-future>span {display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:4px;font-size:12px;margin:0 4px 5px 0}
.appearance-lab p.appearance-disclosure {font-size:12px;margin-top:10px;color:var(--muted)}
[data-appearance] body {background:#fff;color:var(--look-ink);font-family:var(--look-body)}
[data-appearance] .hero h1, [data-appearance] .intelligence-top h2, [data-appearance] .toolkit-intro h3, [data-appearance] #workspace-title, [data-appearance] .brand-preview-body h3, [data-appearance] .appearance-lab h4 {font-family:var(--look-display)}
[data-appearance] .workspace-wrap {background:var(--look-assistant);box-shadow:0 20px 45px -30px var(--look-assistant)}
[data-appearance] .workspace-frame, [data-appearance] .workspace-body, [data-appearance] .workspace-view {background:#fff;color:var(--look-ink)}
[data-appearance] .workspace-sidebar {background:var(--look-rail);color:var(--look-railText);border-color:var(--look-border)}
[data-appearance] .company-sub {color:var(--look-railText);opacity:.82}
[data-appearance] .company-mark {background:var(--look-highlight);color:var(--look-highlightText)}
[data-appearance] .nav-divider {background:var(--look-border)}
[data-appearance] .capability-nav button {color:var(--look-railText);background:transparent;border-color:var(--look-border)}
[data-appearance] .capability-nav button:hover {background:var(--look-tint);color:var(--look-ink)}
[data-appearance] .capability-nav button[aria-pressed=true] {background:var(--look-primary);color:var(--look-primaryText)}
[data-appearance] .workspace-top {background:var(--look-tint);color:var(--look-ink);border-color:var(--look-border)}
[data-appearance] .screen-card, [data-appearance] .metric, [data-appearance] .proposal-form, [data-appearance] .contact-card, [data-appearance] .brand-options {border-color:var(--look-border);border-radius:var(--look-radius)}
[data-appearance] .screen-card {padding:var(--look-card-space)}
[data-appearance] .screen-card.tint, [data-appearance] .screen-chip, [data-appearance] .scenario-request, [data-appearance] .revision-note {background:var(--look-tint);color:var(--look-ink);border-color:var(--look-primary)}
[data-appearance] .inline-action.dark, [data-appearance] .scenario-choices button[aria-pressed=true] {background:var(--look-primary);color:var(--look-primaryText);border-color:var(--look-primary)}
[data-appearance] .bisbe-bar, [data-appearance] .bar-panel {background:var(--look-assistant);color:var(--look-assistantText);border-color:var(--look-border)}
[data-appearance] .bar-panel p, [data-appearance] .bar-panel small {color:var(--look-assistantText)}
[data-appearance] .bar-sample, [data-appearance] .bar-shortcuts button {background:var(--look-highlight);color:var(--look-highlightText)}
[data-appearance] .portal-banner, [data-appearance] .brand-preview-top {background:var(--look-primary);color:var(--look-primaryText)}
[data-appearance] .brand-preview {border-radius:var(--look-radius)}
[data-appearance] .brand-preview:not(.brand-preview-dark) {background:#fff;color:var(--look-ink)}
[data-appearance] .brand-preview-dark {background:var(--look-assistant);color:var(--look-assistantText)}
[data-appearance] .brand-preview-dark .brand-preview-sections span {color:var(--look-assistantText);border-color:var(--look-border)}
[data-appearance] .signal-node, [data-appearance] .living-canvas, [data-appearance] .toolkit-group {border-color:var(--look-border)}
[data-appearance] .control-response .inline-action.dark {background:var(--look-primary);border-color:var(--look-primary);color:var(--look-primaryText)}
@media(max-width:600px) {
  .appearance-lab {padding:14px}
  .appearance-lab h4 {font-size:24px}
  .appearance-selection {align-items:start;gap:6px}
  .appearance-swatches {gap:12px 8px}
}
@media(max-width:300px) {
  .appearance-swatches {grid-template-columns:1fr}
  .appearance-selection {flex-wrap:wrap}
  .appearance-lab {padding:12px}
}
[data-appearance] :focus-visible {outline:3px solid #2864DB;outline-offset:3px}
[data-appearance] .bisbe-bar :focus-visible, [data-appearance] .bar-panel :focus-visible {outline-color:#FFFFFF;outline-offset:3px}
[data-appearance] .bisbe-bar :is(input,textarea,select):focus-visible {outline-color:#2864DB;outline-offset:-3px}
[data-appearance] .bar-panel :is(.bar-sample,.bar-shortcuts button):focus-visible {outline-color:#FFFFFF;outline-offset:3px}
[data-appearance] .bar-panel-heading button, [data-appearance] .bar-voice button[data-action="close-voice"] {color:#FFFFFF;border-color:#FFFFFF}
[data-appearance] .bisbe-bar #bisbe-prompt-form {background:#FFFFFF;color:#14171D}
[data-appearance] .bisbe-bar #bisbe-prompt {color:#14171D;background:#FFFFFF}
[data-appearance] .bisbe-bar #bisbe-prompt::placeholder {color:#444B59}
[data-appearance] .bisbe-bar form>button.bar-mic {background:#F0F3F8;color:#14171D}
[data-appearance] .bisbe-bar form>button:not(.bar-mic) {background:var(--look-highlight);color:var(--look-highlightText)}
[data-appearance] .pill-link {background:#14171D;color:#FFFFFF}
[data-appearance] .hero h1 {letter-spacing:-.035em}
[data-appearance] .initials {background:#E3EAFF;color:#294299}
[data-appearance] .initials.green {background:#E6E9EF;color:#3A4556}
[data-appearance] .initials.sand {background:#E3EAFF;color:#294299}
[data-appearance] .revision-note {background:#EAF0FC;color:#1F4FAE;border-color:#1F4FAE}
[data-appearance] .screen-card.tint {background:#F0F3F8;color:#14171D}
[data-appearance] .screen-card.tint p {color:#444B59}
[data-appearance] .bar-avatar {background:#FFFFFF}
.integration-insight {border-left:3px solid #2864DB}
.integration-insight .inline-action {min-height:44px}
.embedded-record {margin-top:12px;border:1px solid var(--line);border-radius:5px;overflow:hidden}
.embedded-record summary {display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;cursor:pointer;font-size:13px;line-height:1.4}
.embedded-record summary:before {content:'+';font-size:18px;color:var(--muted)}
.embedded-record[open] summary:before {content:'−'}
.record-kind {font-size:12px;font-weight:400;color:var(--muted);flex:none}
.embedded-record summary strong {font-weight:600}
.embedded-record-body {padding:0 12px 13px}
.embedded-record-body .inline-action {min-height:44px}
.embedded-record blockquote {margin:12px 0 0;padding-left:13px;border-left:2px solid var(--line);font-size:14px;line-height:1.55}
.embedded-record .email-byline {font-size:12px}
.embedded-calendar {display:flex;gap:10px;align-items:center;margin-top:14px;font-size:13px;line-height:1.5}
.integration-coming-soon {font-size:12px!important;color:var(--muted)}
@media(max-width:300px) {
  .embedded-record summary {flex-wrap:wrap;gap:6px}
  .embedded-calendar {align-items:start;flex-wrap:wrap}
}
[data-appearance] .sidebar-bottom {color:var(--look-railText)}
[data-appearance] .capability-nav button[aria-pressed=true] {text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
:is([data-appearance=cobalt],[data-appearance=green],[data-appearance=navy]) .capability-nav button:focus-visible {outline-color:#FFFFFF;outline-offset:3px}
[data-appearance] .bisbe-bar #bisbe-prompt-form>button:not(.bar-mic):focus-visible {outline:3px solid #14171D;outline-offset:-3px}
@media(max-width:260px) {
  .footer-line {flex-wrap:wrap;gap:16px}
  .footer-line .brand {flex:none}
  .footer-line .brand img.logo-lockup {width:84px;min-width:84px;max-width:none}
  .footer-links {flex-wrap:wrap;min-width:0}
  [data-appearance] .hero h1 {font-size:clamp(28px,17vw,45px);overflow-wrap:anywhere}
  .workspace-view .inline-action {max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
}
[data-appearance=product] .workspace-top {background:#FFFFFF;box-shadow:inset 0 3px 0 var(--look-highlight)}
[data-appearance=product] .scenario-ribbon {background:var(--look-tint);border-color:var(--look-border)}
[data-appearance=product] .screen-card.tint {background:#FFFFFF;color:var(--look-ink);box-shadow:inset 3px 0 0 var(--look-highlight)}
[data-appearance=product] .screen-card.tint p {color:var(--look-muted)}
[data-appearance=product] .capability-nav button[aria-pressed=true] {box-shadow:inset 3px 0 0 var(--look-highlight)}
[data-appearance=product] .integration-insight {background:#FFFFFF;border-left-color:var(--look-highlight)}
[data-appearance=product] .living-canvas {background:#FFFFFF}
[data-appearance=product] .agent-scene-top, [data-appearance=product] .trust-section {background:var(--look-tint)}
[data-appearance] .workspace-wrap button:not(:disabled), [data-appearance] .workspace-wrap summary {outline:1px solid currentColor;outline-offset:-1px;}
[data-appearance] .workspace-wrap button:not(:disabled):hover, [data-appearance] .workspace-wrap summary:hover {outline-width:2px}
[data-appearance] .workspace-wrap button:focus-visible, [data-appearance] .workspace-wrap summary:focus-visible {outline:3px solid #2864DB;outline-offset:3px}
[data-appearance] .workspace-wrap .bisbe-bar button:focus-visible {outline-color:#fff}
[data-appearance] .capability-nav button:disabled, [data-appearance] .capability-nav button:disabled:hover {color:var(--look-railText);background:transparent;opacity:1;border-color:transparent;box-shadow:none;outline:none;cursor:default;}
.demo-preview-label {display:block;font-size:12px;font-weight:400;line-height:1.6;text-decoration:underline;text-underline-offset:3px}
[data-appearance] .toolkit-title:hover .demo-preview-label {font-weight:600}
[data-appearance=product] .workspace-wrap {background:#E9EDF2;box-shadow:0 20px 45px -30px #344054}
[data-appearance=product] .workspace-caption, [data-appearance=product] .workspace-caption button {color:#344054}
[data-appearance=product] .workspace-top, [data-appearance=product] .metric, [data-appearance=product] .metric:first-child, [data-appearance=product] .screen-card.tint, [data-appearance=product] .control-response, [data-appearance=product] .intelligence-core>span {background:#FFFFFF;color:var(--look-ink)}
[data-appearance=product] .phase-control, [data-appearance=product] .toolkit-assistant, [data-appearance=product] .library-breadth, [data-appearance=product] .scenario-ribbon, [data-appearance=product] .scenario-result, [data-appearance=product] .workspace-context, [data-appearance=product] .source-chips span, [data-appearance=product] .action-plan p, [data-appearance=product] .view-eyebrow .view-status, [data-appearance=product] .screen-chip {background:#F3F5F7;color:var(--look-ink)}
[data-appearance=product] .control-response, [data-appearance=product] .toolkit-assistant, [data-appearance=product] .control-future, [data-appearance=product] .core-ring {border-color:#89939F}
[data-appearance=product] .control-heading .kicker, [data-appearance=product] .control-heading h2 span, [data-appearance=product] .toolkit-assistant button {color:var(--look-primary)}
[data-appearance=product] .control-response p, [data-appearance=product] .control-future details>p, [data-appearance=product] .toolkit-assistant p, [data-appearance=product] .toolkit-assistant span, [data-appearance=product] .library-breadth {color:#475467}
[data-appearance=product] .control-future .trust-status {color:#475467;border-color:#89939F}
[data-appearance=product] .control-prompt .initials, [data-appearance=product] .plan-preview>div>span, [data-appearance=product] .sample-progress {background:#E9EDF2;color:var(--look-ink)}
[data-appearance=product] .library-breadth {border-left-color:var(--look-highlight)}
[data-appearance=product] .context-tags button:hover, [data-appearance=product] .knowledge-row:hover, [data-appearance=product] .inline-action:not(.dark):hover {background:#F3F5F7}
[data-appearance=product] .capability-nav button:disabled, [data-appearance=product] .capability-nav button:disabled:hover {background:transparent;color:var(--look-railText);opacity:1}
[data-appearance=product] .connection-lines {stroke:#89939F}
[data-appearance=product] .connection-lines .moving-signal {stroke:var(--look-primary)}
[data-appearance=product] .control-future summary:focus-visible, [data-appearance=product] .workspace-caption button:focus-visible {outline-color:#2864DB}
.context-preview {position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100%);max-width:100%;height:100%;max-height:100%;padding:0;border:0;border-left:1px solid #89939F;background:#FFFFFF;color:#14171D;box-shadow:-16px 0 48px #14171d20}
.context-preview[open] {display:flex;flex-direction:column;animation:context-slide .18s ease-out}
.context-preview::backdrop {background:#14171d30}
.context-preview-top {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;border-bottom:1px solid #89939F;background:#F3F5F7;font-size:13px;font-weight:600}
.context-preview-top button {border:1px solid #475467;background:#FFFFFF;color:#14171D;border-radius:6px;padding:8px 12px;min-height:44px}
.context-preview-scroll {flex:1;min-height:0;overflow-y:auto;padding:24px;overscroll-behavior:contain}
.context-preview-kind {color:#475467;font-size:13px;margin:0 0 8px}
.context-preview h2 {font-size:28px;line-height:1.15;letter-spacing:-.03em;margin:0 0 22px}
.context-preview p {font-size:15px;line-height:1.6}
.context-preview .screen-card {margin:16px 0;background:#FFFFFF}
.context-preview .context-tags {flex-wrap:wrap}
.context-preview .context-tags button, .context-preview .knowledge-row, .context-preview .back-button {border:1px solid #89939F;min-height:44px;color:#1B5744;background:#FFFFFF}
.context-preview .screen-list {font-size:15px;line-height:1.7}
.context-preview blockquote {border-left:3px solid #D5A63A;margin:20px 0;padding:4px 0 4px 16px}
.context-preview-footer {padding:15px 24px 22px;border-top:1px solid #89939F;background:#F3F5F7}
.context-preview-footer p {margin:0 0 12px;color:#475467;font-size:12px}
.context-preview-footer button {width:100%;justify-content:center;background:#1B5744;color:#FFFFFF;border-color:#1B5744}
.context-work-state {margin:20px 0;font-size:14px;line-height:1.6}
.context-work-state dt {font-weight:600;margin-top:14px}
.context-work-state dd {margin:3px 0 0;color:#475467}
.context-preview :focus-visible {outline:3px solid #2864DB;outline-offset:3px}
@keyframes context-slide {from{transform:translateX(30px);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce) {
  .context-preview[open] {animation:none}
}
@media(max-width:420px) {
  .context-preview-scroll {padding:18px}
  .context-preview-top, .context-preview-footer {padding-inline:18px}
}
[data-appearance=product] .workspace-wrap {background:#FFFFFF}
[data-appearance] .workspace-wrap .demo-next-target {outline:3px solid #D5A63A;outline-offset:3px;box-shadow:0 0 0 5px #FFFFFF}
[data-appearance] .workspace-wrap .demo-next-target:focus-visible {outline-color:#1B5744}
.demo-guide {position:relative;z-index:2;display:flex;align-items:flex-start;gap:12px;margin:4px 12px 10px;padding:15px 16px;background:#FFFFFF;color:#14171D;border:1px solid #1B5744;border-top:3px solid #D5A63A;border-radius:10px;box-shadow:0 8px 24px #14171D12}
.demo-guide[hidden], .demo-caption-actions button[hidden] {display:none}
.demo-guide>img {flex:none;margin-top:2px}
.demo-guide-copy {flex:1;min-width:0}
.demo-guide-heading {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#1B5744;font-size:12px;font-weight:600}
.demo-guide #demo-guide-title {margin:5px 0 3px;font-size:16px;line-height:1.3;font-weight:600}
.demo-guide #demo-guide-copy {margin:0;color:#475467;font-size:13px;line-height:1.45}
.demo-guide-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}
.demo-guide-actions button {min-height:38px;padding:6px 12px;border:1px solid #1B5744;border-radius:6px;background:#FFFFFF;color:#1B5744;font:inherit;font-size:13px;font-weight:600}
.demo-guide-actions #demo-guide-next {background:#1B5744;color:#FFFFFF}
.demo-guide-actions button[data-action=guide-hide] {border-color:transparent}
[data-appearance] .demo-guide-actions button[data-action=guide-hide] {outline:none;text-decoration:underline;text-underline-offset:3px}
[data-appearance] .demo-guide-actions button:focus-visible {outline:3px solid #D5A63A;outline-offset:3px}
.demo-caption-actions {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
@media(max-width:420px) {
  .demo-guide {margin-inline:6px;padding:12px;gap:8px}
  .demo-guide>img {width:26px;height:auto}
  .demo-guide-actions button {min-height:44px}
}