/* A local illustrated build, followed by a usable example. */
.daxly-brief-demo{--brief-blue:#0066ff;--brief-progress:100%;min-width:0;overflow:hidden;border:1px solid #dce4ef;border-radius:14px;background:#101e35;box-shadow:0 12px 28px #213f7012;isolation:isolate;text-align:left;color:#213249;font-family:inherit}
.daxly-brief-demo *{box-sizing:border-box}
.daxly-brief-demo [hidden]{display:none!important}
.daxly-brief-demo .brief-builder-header{height:39px;display:flex;align-items:center;gap:10px;padding:0 15px;background:#111e33;color:#f1f5ff;min-width:0}
.daxly-brief-demo .brief-daxly-wordmark{display:block;position:relative;width:65px;height:17px;overflow:hidden;flex:none}
.daxly-brief-demo .brief-daxly-wordmark img{position:absolute;width:128px;max-width:none;height:38.4px;left:-32px;top:-10px;filter:brightness(0) invert(1)}
.daxly-brief-demo .brief-builder-divider{height:12px;width:1px;background:#33445e;flex:none}
.daxly-brief-demo .brief-builder-project{font-size:10px;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aebed5}
.daxly-brief-demo .brief-builder-status{margin-left:auto;font-size:10px;color:#9cbeff;white-space:nowrap;flex:none}
.daxly-brief-demo .brief-builder-story{height:76px;padding:11px 15px 8px;background:#14243d;position:relative;overflow:hidden}
.daxly-brief-demo .brief-typed-prompt{margin:0!important;min-height:37px;max-width:none!important;font-size:11px!important;line-height:1.5!important;color:#e4edf9!important;letter-spacing:0!important;font-weight:400!important;padding-left:17px;position:relative}
.daxly-brief-demo .brief-prompt-symbol{position:absolute;left:0;top:0;color:#66a3ff;font-size:12px}
.daxly-brief-demo .brief-type-cursor{display:inline-block;width:1px;height:10px;margin-left:3px;background:#85b4ff;vertical-align:-1px}
.daxly-brief-demo:not([data-brief-stage="0"]) .brief-type-cursor{display:none}
.daxly-brief-demo .brief-plan,.daxly-brief-demo .brief-checks{display:flex;align-items:center;gap:11px;min-width:0;margin-top:4px;white-space:nowrap;font-size:9px;line-height:1.2;color:#8c9fbf}
.daxly-brief-demo .brief-plan>span{min-width:0;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:4px}
.daxly-brief-demo .brief-plan i{display:grid;place-items:center;flex:none;width:11px;height:11px;font-style:normal;color:transparent;border:1px solid #536984;border-radius:50%;font-size:7px}
.daxly-brief-demo .brief-plan .is-done{color:#b9cce8}
.daxly-brief-demo .brief-plan .is-done i{background:#2a5588;color:#a9d3ff;border-color:#2a5588}
.daxly-brief-demo .brief-checks>span:before{content:'·';display:inline-block;margin-right:4px;color:#6183b0}
.daxly-brief-demo .brief-checks>.is-done:before{content:'✓';color:#91d7c2}
.daxly-brief-demo .brief-checks>.is-done{color:#c3e4dd}
.daxly-brief-demo .brief-build-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;height:34px;padding:0 12px;background:#172943;border-top:1px solid #243953}
.daxly-brief-demo .brief-stage-buttons{display:flex;align-items:center;gap:3px}
.daxly-brief-demo .brief-stage-buttons button,.daxly-brief-demo .brief-try,.daxly-brief-demo [data-brief-replay]{font:inherit;border:0;box-shadow:none;cursor:pointer;background:transparent}
.daxly-brief-demo .brief-stage-buttons button{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 7px;min-height:28px;color:#b4c1d6;font-size:10px;line-height:1;border-radius:5px}
.daxly-brief-demo .brief-stage-buttons button>span{font:8px var(--mono,monospace);color:#6985ab}
.daxly-brief-demo .brief-stage-buttons button[aria-pressed="true"]{background:#2a456c;color:#f7fbff}
.daxly-brief-demo .brief-stage-buttons button[aria-pressed="true"]>span{color:#9ec4ff}
.daxly-brief-demo .brief-stage-buttons button.is-done>span{color:#87b4f4}
.daxly-brief-demo .brief-try{font-size:10px;color:#b4d0ff;padding:4px 2px;min-height:28px;white-space:nowrap}
.daxly-brief-demo .brief-try>span{padding-left:2px}
.daxly-brief-demo .brief-try:disabled{opacity:.45;cursor:default}
.daxly-brief-demo .brief-app-frame{position:relative;background:#f6f8fc;isolation:isolate}
.daxly-brief-demo .brief-app-region{height:410px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd6e4 #f5f7fb;background:#f8faff;color:#23364e;position:relative}
.daxly-brief-demo .brief-app-region:focus-visible{outline:3px solid #6fa8ff;outline-offset:-3px}
.daxly-brief-demo .brief-build-progress{position:absolute;left:0;top:0;right:0;height:2px;background:#e8edf5;z-index:5;pointer-events:none}
.daxly-brief-demo .brief-build-progress i{display:block;height:100%;width:var(--brief-progress);background:#0066ff;box-shadow:0 0 8px #0066ff3b}
.daxly-brief-demo [data-brief-layer]{--brief-layer-reveal:1}
.daxly-brief-demo:not([data-brief-stage="2"]) [data-brief-layer]{opacity:calc(.06 + .94 * var(--brief-layer-reveal));transform:translateY(calc(8px * (1 - var(--brief-layer-reveal))));filter:saturate(calc(.2 + .8 * var(--brief-layer-reveal)))}
.daxly-brief-demo[data-brief-stage="0"] [data-brief-layer]:not(.is-built){opacity:.04}
.daxly-brief-demo .brief-app-assembly-note{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;justify-content:center;gap:6px;max-width:calc(100% - 24px);padding:7px 11px;border:1px solid #dbe6f5;border-radius:20px;background:#fbfdfff2;box-shadow:0 3px 12px #24497c12;pointer-events:none;white-space:nowrap;font-size:10px;color:#496b99}
.daxly-brief-demo .brief-assembly-dot{width:5px;height:5px;background:#0066ff;border-radius:50%;box-shadow:0 0 0 3px #e4eeff}
.daxly-brief-demo[data-brief-stage="2"] .brief-app-assembly-note{display:none}
.daxly-brief-demo .brief-demo-footer{height:40px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 13px;background:#f0f4f9;border-top:1px solid #dfe7f0;color:#6b7c92}
.daxly-brief-demo .brief-demo-footer>span{font-size:9px;line-height:1.3}
.daxly-brief-demo [data-brief-replay]{display:inline-flex;align-items:center;gap:4px;padding:5px 0;min-height:28px;font-size:10px;color:#45658c;white-space:nowrap}
.daxly-brief-demo [data-brief-replay]>span{font-size:15px;line-height:1}
.daxly-brief-demo button:focus-visible,.daxly-brief-demo a:focus-visible{outline:2px solid #5d9eff;outline-offset:2px}
.daxly-brief-demo [data-brief-replay]:disabled,.daxly-brief-demo .brief-stage-buttons button:disabled{cursor:default}
.daxly-brief-demo .brief-noscript{margin:0!important;padding:12px 15px;font-size:11px!important;color:#c4d5ed!important}
.daxly-brief-demo .brief-noscript a{color:#b8d4ff;text-decoration:underline}
.daxly-brief-demo .brief-app-placeholder{padding:17px;background:#f7f9fc;min-height:100%;color:#28415e}
.daxly-brief-demo .brief-placeholder-nav{display:flex;gap:8px;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:15px}
.daxly-brief-demo .brief-placeholder-mark{height:22px;width:22px;border-radius:7px;background:#0066ff;box-shadow:inset 0 0 0 6px #4d95ff}
.daxly-brief-demo .brief-placeholder-nav strong{font-size:13px}
.daxly-brief-demo .brief-placeholder-nav>i{width:22px;height:22px;background:#dde9fb;border-radius:50%;margin-left:auto}
.daxly-brief-demo .brief-placeholder-welcome{display:grid;gap:6px;margin:24px 0}
.daxly-brief-demo .brief-placeholder-welcome small{font-size:8px;letter-spacing:.13em;color:#7b8ea8}
.daxly-brief-demo .brief-placeholder-welcome strong{font-size:21px;letter-spacing:-.025em}
.daxly-brief-demo .brief-placeholder-welcome>span{font-size:10px;color:#8392a6}
.daxly-brief-demo .brief-placeholder-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}
.daxly-brief-demo .brief-placeholder-stats>span{background:#fff;border:1px solid #e0e7f0;border-radius:8px;padding:10px}
.daxly-brief-demo .brief-placeholder-stats i{display:block;width:19px;height:5px;background:#cbdffb;border-radius:4px;margin-bottom:8px}
.daxly-brief-demo .brief-placeholder-stats b{font-size:9px;font-weight:500;color:#8192aa}
.daxly-brief-demo .brief-placeholder-lines>div{display:flex;align-items:center;gap:9px;padding:12px 2px;border-bottom:1px solid #e3eaf2;font-size:11px}
.daxly-brief-demo .brief-placeholder-lines i{display:grid;place-items:center;font-size:8px;font-style:normal;width:17px;height:17px;border-radius:5px;background:#e5edfa;color:#6782a6}
.daxly-brief-demo .brief-placeholder-lines b{margin-left:auto;color:#7b9ec8;font-size:11px}
.motion-paused .daxly-brief-demo [data-brief-layer],.daxly-brief-demo[data-brief-state="paused"] [data-brief-layer],.daxly-brief-demo[data-brief-state="waiting"] [data-brief-layer]{transition:none!important}
@media(prefers-reduced-motion:reduce){.daxly-brief-demo *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){
 .daxly-brief-demo{border-radius:11px}
 .daxly-brief-demo .brief-builder-header{padding:0 11px;gap:8px;height:37px}
 .daxly-brief-demo .brief-builder-status{font-size:9px}
 .daxly-brief-demo .brief-builder-project{font-size:9px}
 .daxly-brief-demo .brief-builder-story{height:81px;padding:10px 11px 8px}
 .daxly-brief-demo .brief-typed-prompt{font-size:10px!important;min-height:42px}
 .daxly-brief-demo .brief-plan,.daxly-brief-demo .brief-checks{font-size:8px;gap:8px}
 .daxly-brief-demo .brief-build-controls{padding:0 9px}
 .daxly-brief-demo .brief-stage-buttons button{padding:4px 6px;font-size:10px}
 .daxly-brief-demo .brief-app-region{height:410px}
 .daxly-brief-demo .brief-demo-footer{padding:0 10px;height:38px}
 .daxly-brief-demo .brief-demo-footer>span{font-size:8px}
 .daxly-brief-demo [data-brief-replay]{font-size:10px}
}
@media(max-width:360px){.daxly-brief-demo .brief-builder-project{display:none}.daxly-brief-demo .brief-builder-divider{display:none}.daxly-brief-demo .brief-stage-buttons button{gap:3px;padding:4px 5px}.daxly-brief-demo .brief-plan{gap:5px}.daxly-brief-demo .brief-plan>span{letter-spacing:-.02em}.daxly-brief-demo .brief-try{font-size:9px}}

/* Give the small working apps the full width of their editorial cards. */
.daxly-page .daxly-brief-grid{align-items:start;gap:26px}
.daxly-page .daxly-brief{min-width:0;padding:0;overflow:hidden;border-radius:16px}
.daxly-page .daxly-brief>.daxly-brief-kind{margin:25px 25px 15px}
.daxly-page .daxly-brief>h3{font-size:27px;line-height:1.18;letter-spacing:-.035em;margin:0 25px 25px}
.daxly-page .daxly-brief>.daxly-brief-demo{border-right:0;border-left:0;border-bottom:0;border-radius:0;box-shadow:none}
@media(max-width:900px){.daxly-page .daxly-brief-grid{grid-template-columns:minmax(0,1fr);max-width:680px;margin-inline:auto;gap:25px}}
@media(max-width:600px){.daxly-page .daxly-brief{padding:0}.daxly-page .daxly-brief>.daxly-brief-kind{margin:23px 21px 13px}.daxly-page .daxly-brief>h3{margin:0 21px 22px;font-size:26px}}

/* Mobile build controls and app regions grow with their usable contents. */
@media(max-width:1020px){
  .daxly-brief-demo .brief-build-controls{height:auto;min-height:54px;padding:5px 9px;flex-wrap:wrap;gap:3px 7px}
  .daxly-brief-demo .brief-stage-buttons{gap:3px;min-width:0}
  .daxly-brief-demo .brief-stage-buttons button{min-width:44px;min-height:44px;padding:8px 6px;font-size:11px}
  .daxly-brief-demo .brief-try{min-width:44px;min-height:44px;font-size:11px;margin-left:auto;padding:8px 3px}
  .daxly-brief-demo .brief-builder-story{height:auto;min-height:81px;overflow:visible}
  .daxly-brief-demo:not([data-daxly-brief-demo="game"]) .brief-app-region{height:auto;min-height:410px;max-height:580px;overflow:auto}
  .daxly-brief-demo .brief-demo-footer{height:auto;min-height:54px;flex-wrap:wrap;padding:5px 10px;gap:3px 8px}
  .daxly-brief-demo [data-brief-replay]{min-width:44px;min-height:44px;font-size:11px;padding:8px 2px;margin-left:auto}
  .daxly-brief-demo .brief-app-assembly-note{max-width:calc(100% - 20px);white-space:normal;text-align:center;line-height:1.4;pointer-events:none}
}