.dsg [data-hue=cyan]{--hue:var(--color-hue-cyan);--hue-ink:var(--color-hue-cyan-ink)}.dsg [data-hue=violet]{--hue:var(--color-hue-violet);--hue-ink:var(--color-hue-violet-ink)}.dsg [data-hue=magenta]{--hue:var(--color-hue-magenta);--hue-ink:var(--color-hue-magenta-ink)}.dsg [data-hue=green]{--hue:var(--color-hue-green);--hue-ink:var(--color-hue-green-ink)}.dsg [data-hue=red]{--hue:var(--color-hue-red);--hue-ink:var(--color-hue-red-ink)}.dsg [data-hue=blue]{--hue:var(--color-hue-blue);--hue-ink:var(--color-hue-blue-ink)}.dsg [data-hue=orange]{--hue:var(--color-hue-orange);--hue-ink:var(--color-hue-orange-ink)}.dsg [data-hue]{--hue-tint:color-mix(in oklab, var(--hue) 16%, var(--color-surface-raised))}.dsg .fp-line{background:var(--color-surface-strong);border-radius:999px;height:.5em;display:block}.dsg .fp-ink{background:var(--color-ink)}.dsg .fp-stack{flex-direction:column;flex:1;gap:.4em;display:flex}.dsg.dz-canvas{background-color:var(--color-surface);background-image:radial-gradient(var(--color-line) 1.2px, transparent 1.4px);background-size:16px 16px}
.cv{padding-bottom:2rem;position:relative}.cv-board{max-width:80rem;padding:0 var(--spacing-gutter);margin:0 auto}.cv-main{flex-direction:column;min-width:0;padding-bottom:4rem;display:flex}.cv-frame{padding-top:1.5rem;position:relative}.cv-label{color:var(--color-ink-muted);font-size:var(--text-caption);align-items:center;gap:.375rem;font-weight:500;display:flex;position:absolute;top:0;left:.125rem}.cv-label svg{color:var(--hue-ink)}.cv-body{flex-direction:column;gap:2rem;display:flex}.cv-frame[data-variant=board]>.cv-body{border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-ring), var(--shadow-soft);transition:box-shadow var(--duration-fast) var(--ease-out);padding:1.5rem 1.25rem}@media (min-width:48rem){.cv-frame[data-variant=board]>.cv-body{padding:2.5rem}}.cv-frame[data-variant=board]:hover>.cv-body{box-shadow:0 0 0 1.5px var(--color-hue-magenta), var(--shadow-soft)}.cv-head{flex-direction:column;gap:.75rem;max-width:44rem;display:flex}.cv-frame[data-variant=plain] .cv-head,.cv-plate{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 0 0 .875rem var(--color-surface);align-self:flex-start}.cv-pair{gap:3rem 2rem;margin-top:5rem;display:grid}@media (min-width:64rem){.cv-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.cv-pair>:last-child{margin-top:6rem}}.cv-main>.cv-frame+.cv-frame,.cv-main>.cv-pair+.cv-frame{margin-top:5rem}.cv-link{width:min(100%,34rem);height:5.5rem;margin:.5rem auto;position:relative}.cv-link svg{fill:none;width:100%;height:100%;stroke:var(--color-hue-blue);stroke-width:1.5px;stroke-dasharray:5 5;overflow:visible}.cv-link path{vector-effect:non-scaling-stroke}.cv-link-head{border-right:1.5px solid var(--color-hue-blue);border-bottom:1.5px solid var(--color-hue-blue);width:.6rem;height:.6rem;position:absolute;bottom:-.2rem;translate:-50%;rotate:45deg}.cv-link-head[data-bend=right]{left:80%}.cv-link-head[data-bend=left]{left:20%}.cv-toolbar{z-index:20;border-radius:var(--radius-lg);background:var(--color-surface-raised);width:max-content;box-shadow:var(--shadow-ring), var(--shadow-soft);gap:.25rem;margin:0 auto;padding:.375rem;display:none;position:sticky;bottom:1rem}@media (min-width:64rem){.cv-toolbar{display:flex}}.cv-toolbar span{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-ink-muted);place-items:center;display:grid}.cv-toolbar span[data-on]{background:var(--color-accent);color:var(--color-on-accent)}
.cvh{text-align:center;flex-direction:column;align-items:center;gap:2.5rem;padding:3rem 0 1rem;display:flex;position:relative}@media (min-width:80rem){.cvh{justify-content:center;min-height:44rem;padding:4rem 15rem 2rem}}.cvh-text{z-index:2;border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:0 0 0 1.5rem var(--color-surface);flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:relative}.cvh-layer{max-width:46rem;padding:.25rem .5rem;position:relative}.cvh-select{border:1.5px solid var(--color-hue-magenta);pointer-events:none;position:absolute;inset:-.25rem}.cvh-select i{border:1.5px solid var(--color-hue-magenta);background:var(--color-surface-raised);width:.5rem;height:.5rem;position:absolute}.cvh-select i:first-child{top:-.3rem;left:-.3rem}.cvh-select i:nth-child(2){top:-.3rem;right:-.3rem}.cvh-select i:nth-child(3){bottom:-.3rem;left:-.3rem}.cvh-select i:nth-child(4){bottom:-.3rem;right:-.3rem}.cvh-tag{border-radius:var(--radius-xs);background:var(--color-hue-magenta-ink);color:var(--color-canvas);font-family:var(--font-mono);font-size:var(--text-caption);padding:.125rem .4rem;position:absolute;top:-1.75rem;left:-.25rem}.cvh-pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem;width:100%;font-size:.55rem;display:grid;position:relative}@media (min-width:40rem){.cvh-pieces{grid-template-columns:repeat(3,minmax(0,1fr));font-size:.65rem}}@media (min-width:80rem){.cvh-pieces{font-size:.75rem;display:block;position:absolute;inset:0}}.cvh-piece{text-align:left;position:relative}.cvh-piece[data-piece=brand]{display:none}@media (min-width:40rem){.cvh-piece[data-piece=brand]{display:block}}@media (min-width:80rem){.cvh-piece{width:15em;position:absolute}.cvh-piece[data-piece=website]{top:8%;left:0}.cvh-piece[data-piece=app]{bottom:6%;left:3%}.cvh-piece[data-piece=system]{top:4%;right:0}.cvh-piece[data-piece=prototype]{top:36%;right:3%}.cvh-piece[data-piece=brand]{width:13em;bottom:-2%;right:0}}.cvh-name{color:var(--color-ink-muted);font-size:var(--text-caption);align-items:center;gap:.3rem;margin-bottom:.5rem;font-weight:500;display:flex}.cvh-name svg{color:var(--hue-ink)}.cvh-art{background:var(--color-surface-raised);height:13em;box-shadow:var(--shadow-ring), var(--shadow-soft);border-radius:1em;position:relative;overflow:hidden}
.cvh-cursor{z-index:6;color:var(--hue);align-items:flex-start;gap:.1em;display:flex;position:absolute}.cvh-cursor svg{fill:currentColor;stroke:var(--color-surface-raised);stroke-width:1px;filter:drop-shadow(0 1px 1px var(--shade))}.cvh-cursor-tag{background:var(--hue-ink);color:var(--color-canvas);white-space:nowrap;border-radius:999px 999px 999px .25rem;margin-top:.9rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;line-height:1}.cvh-cursor[data-cursor=research]{top:34%;left:40%}.cvh-cursor[data-cursor=design]{top:62%;right:6%}.cvh-cursor[data-cursor=code]{bottom:-4%;left:22%}@media (min-width:80rem){.cvh-cursor[data-cursor=research]{top:46%;left:13%}.cvh-cursor[data-cursor=design]{top:12%;right:20%}.cvh-cursor[data-cursor=code]{bottom:20%;left:auto;right:18%}}@media (prefers-reduced-motion:no-preference){.cvh-cursor[data-cursor=research]{animation:9s ease-in-out infinite cvh-drift-a}.cvh-cursor[data-cursor=design]{animation:11s ease-in-out infinite cvh-drift-b}.cvh-cursor[data-cursor=code]{animation:10s ease-in-out infinite cvh-drift-c}}@keyframes cvh-drift-a{50%{translate:2.5rem -1.5rem}}@keyframes cvh-drift-b{50%{translate:-3rem 2rem}}@keyframes cvh-drift-c{50%{translate:2rem -2.5rem}}
.rp{gap:1.5rem;display:grid}@media (min-width:64rem){.rp{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);align-items:start}}.rp-canvas{border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;gap:2.25rem;padding:1.25rem;display:flex}@media (min-width:48rem){.rp-canvas{padding:1.75rem}}.rp-flows{flex-wrap:wrap;gap:.5rem;min-width:0;display:flex}.rp-flow{border-radius:var(--radius-sm);background:color-mix(in oklab, var(--color-hue-blue) 14%, var(--color-surface-raised));color:var(--color-ink);font-size:var(--text-caption);text-align:left;cursor:pointer;align-items:center;gap:.4rem;padding:.375rem .625rem;font-weight:500;display:inline-flex}.rp-flow svg{color:var(--color-hue-blue-ink)}.rp-flow[aria-pressed=true]{background:var(--color-hue-blue-ink);color:var(--color-canvas)}.rp-flow[aria-pressed=true] svg{color:currentColor}.rp-screens{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem .875rem;display:grid}@media not (min-width:22.5rem){.rp-screens{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.rp-screens{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.75rem}}.rp-stop{position:relative}@media (min-width:48rem){.rp-stop+.rp-stop:before{content:"";border:1.5px solid #0000;border-top-color:var(--color-hue-blue);border-radius:50% 50% 0 0;width:2rem;height:1.5rem;position:absolute;top:22%;right:calc(100% - .25rem)}.rp-stop+.rp-stop:after{content:"";border-right:1.5px solid var(--color-hue-blue);border-bottom:1.5px solid var(--color-hue-blue);width:.4rem;height:.4rem;position:absolute;top:calc(22% + .55rem);right:100%;rotate:45deg}}.rp-screen{text-align:left;cursor:pointer;flex-direction:column;gap:.625rem;width:100%;display:flex}.rp-art{aspect-ratio:.8;background:var(--color-surface-raised);box-shadow:var(--shadow-ring), var(--shadow-soft);transition:box-shadow var(--duration-fast) var(--ease-out);border-radius:1rem;display:block;position:relative;overflow:hidden}.rp-screen:hover .rp-art{box-shadow:var(--shadow-ring-hover), var(--shadow-soft)}.rp-screen[aria-pressed=true] .rp-art{box-shadow:0 0 0 2px var(--color-hue-blue), var(--shadow-soft)}@media (min-width:48rem){.rp-art{aspect-ratio:.66}}.rp-name{font-size:var(--text-label);text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;flex-direction:column;gap:.125rem;font-weight:500;line-height:1.3;display:flex}.rp-name .font-mono{font-size:var(--text-caption);font-weight:400}.rp-here{z-index:1;background:var(--color-hue-magenta-ink);color:var(--color-canvas);font-size:var(--text-caption);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;display:inline-flex;position:absolute;top:-.75rem;left:50%;translate:-50%}.rp-inspector{border-radius:var(--radius-xl);box-shadow:var(--shadow-ring);flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.rp-section{font-size:var(--text-body-sm);text-wrap:pretty;flex-direction:column;gap:.875rem;display:flex}.rp-start{border-bottom:1px solid var(--color-line);padding-bottom:1.25rem}.rp-flow-name{font-size:var(--text-label);align-items:center;gap:.5rem;font-weight:500;display:flex}.rp-section[hidden]{display:none}.rp-list{flex-direction:column;gap:.875rem;display:flex}.rp-section dt{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-caption);margin-bottom:.25rem}
.rs{flex-direction:column;gap:.4rem;padding:.75rem .625rem;display:flex;position:absolute;inset:0}.rs .fp-line{height:.35rem}.rs-bubble{background:var(--color-surface);border-radius:.6rem .6rem .6rem .15rem;width:82%;height:1.25rem}.rs-bubble-reply{background:color-mix(in oklab, var(--color-hue-cyan) 22%, var(--color-surface-raised));border-radius:.6rem .6rem .15rem;align-self:flex-end}.rs-goals{color:var(--color-hue-green-ink);align-items:center;gap:.375rem;margin-top:auto;display:flex}.rs-goals .fp-line{flex:1}.rs-scope{color:var(--color-hue-blue-ink)}.rs-scope .fp-ink{width:70%}.rs-price{background:color-mix(in oklab, var(--color-hue-orange) 18%, var(--color-surface-raised));height:1.75rem;box-shadow:inset .2rem 0 0 var(--color-hue-orange);border-radius:.4rem;margin-top:.25rem}.rs-sign{border-top:1px solid var(--color-ink);width:60%;margin-top:auto}.rs-research{align-items:center;gap:.625rem;padding-top:1rem}.rs-node{background:color-mix(in oklab, var(--color-hue-violet) 20%, var(--color-surface-raised));width:1.4rem;height:.9rem;box-shadow:inset 0 0 0 1px var(--color-hue-violet);border-radius:.25rem}.rs-root{background:var(--color-hue-violet);width:2.4rem}.rs-branches{border-top:1px solid var(--color-line-strong);gap:.35rem;padding-top:.5rem;display:flex}.rs-leaves .rs-node{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line-strong)}.rs-hero{background:color-mix(in oklab, var(--color-hue-magenta) 18%, var(--color-surface-raised));border-radius:.5rem;height:40%}.rs-design .fp-ink{width:70%}.rs-select{outline:1.5px solid var(--color-hue-magenta);margin-top:auto;padding:.2rem}.rs-cta{background:var(--color-ink);border-radius:999px;height:1.1rem;display:block}.rs-handover{align-items:flex-start}.rs-live{background:color-mix(in oklab, var(--color-hue-green) 20%, var(--color-surface-raised));width:2.2rem;height:2.2rem;color:var(--color-hue-green-ink);border-radius:999px;place-items:center;margin-bottom:.25rem;display:grid}.rs-handover .fp-line{width:80%}.rs-check{background:var(--color-hue-green);width:1.25rem;height:1.25rem;color:var(--color-on-accent);border-radius:999px;place-items:center;margin-top:auto;display:grid}
.tf-grid{gap:3rem 2rem;display:grid}@media (min-width:48rem){.tf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tf:nth-child(2n){margin-top:4rem}}.tf{padding-top:1.5rem;position:relative}.tf-body{border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-ring), var(--shadow-soft);transition:box-shadow var(--duration-fast) var(--ease-out);overflow:hidden}.tf:hover .tf-body{box-shadow:0 0 0 1.5px var(--hue), var(--shadow-soft)}.tf-stage{background:var(--color-surface);border-bottom:1px solid var(--color-line);height:12rem;position:relative;overflow:hidden;container-type:inline-size}.tf-chip{background:var(--hue-tint);font-size:var(--text-caption);border-radius:999px;padding:.25rem .625rem}.tf-more summary{border-top:1px solid var(--color-line);font-size:var(--text-label);cursor:pointer;justify-content:space-between;align-items:center;padding-top:.875rem;font-weight:500;list-style:none;display:flex}.tf-more summary::-webkit-details-marker{display:none}.tf-more summary svg{color:var(--color-ink-muted);transition:rotate var(--duration-fast) var(--ease-out)}.tf-more[open] summary svg{rotate:180deg}@media (prefers-reduced-motion:reduce){.tf-more summary svg{transition:none}}
.cf-flow{align-items:center;gap:1rem;display:grid}@media (min-width:64rem){.cf-flow{grid-template-columns:auto auto minmax(0,1fr) auto auto minmax(0,1fr);gap:1rem}}.cf-stop{background:var(--color-surface);font-size:var(--text-label);box-shadow:var(--shadow-ring);border-radius:999px;justify-self:start;align-items:center;gap:.375rem;padding:.375rem .75rem;font-weight:500;display:inline-flex}.cf-stop[data-hue] svg{color:var(--hue-ink)}.cf-arrow{color:var(--color-hue-blue);display:none}@media (min-width:64rem){.cf-arrow{display:block}}.cf-model{border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-ring);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.cf-icon{border-radius:var(--radius-md);background:var(--hue-tint,var(--color-surface));width:1.75rem;height:1.75rem;color:var(--color-ink);flex-shrink:0;place-items:center;display:grid}.cf-note{border-radius:var(--radius-lg);background:color-mix(in oklab, var(--color-hue-orange) 12%, var(--color-surface-raised));flex-direction:column;align-self:start;gap:.5rem;padding:1.25rem;display:flex}.of-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-ring);flex-direction:column;display:flex;overflow:hidden}.of-group{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.of-group+.of-group{border-top:1px solid var(--color-line)}.tk-row{flex-direction:column;gap:.75rem;padding:1rem 0;display:flex}.tk-row+.tk-row{border-top:1px solid var(--color-line)}.tk-tool{border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-caption);align-items:center;gap:.375rem;padding:.3rem .6rem;font-weight:500;display:inline-flex}.cf-foot{border-top:1px solid var(--color-line);gap:2rem;padding-top:1.5rem;display:grid}@media (min-width:64rem){.cf-foot{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}
.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem;display:grid}@media (min-width:64rem){.pf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pf-figure:nth-child(2n){margin-top:2.5rem}}.pf-figure{border-left:2px solid var(--hue);background:var(--color-surface);box-shadow:.75rem 0 0 .25rem var(--color-surface);flex-direction:column;gap:.5rem;padding:.5rem 0 .5rem 1rem;display:flex}.pf-number{letter-spacing:-.04em;font-size:clamp(2.5rem,2rem + 2.5vw,4rem);font-weight:500;line-height:1}.fq{border-top:1px solid var(--color-line)}.fq summary{cursor:pointer;align-items:center;gap:.875rem;padding:1rem 0;list-style:none;display:flex}.fq summary::-webkit-details-marker{display:none}.fq-pin{background:var(--hue-ink);width:1.75rem;height:1.75rem;color:var(--color-canvas);border-radius:999px 999px 999px .25rem;flex-shrink:0;place-items:center;display:grid}.fq-chevron{color:var(--color-ink-muted);transition:rotate var(--duration-fast) var(--ease-out)}.fq[open] .fq-chevron{rotate:180deg}.fq-answer{border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-ink-muted);font-size:var(--text-body-sm);text-wrap:pretty;margin:0 0 1.25rem 2.625rem;padding:1rem 1.125rem}.rl-grid{gap:1rem;display:grid}@media (min-width:48rem){.rl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.rl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.rl-file{border-radius:var(--radius-lg);background:var(--color-surface-raised);height:100%;color:var(--color-ink);box-shadow:var(--shadow-ring);transition:box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;gap:.5rem;padding:1.125rem;text-decoration:none;display:flex}.rl-file:hover{color:var(--color-ink);box-shadow:0 0 0 1.5px var(--hue), var(--shadow-soft)}.rl-name{font-size:var(--text-title);align-items:center;gap:.375rem;font-weight:600;display:flex}.rl-name svg:first-child{color:var(--hue-ink)}.ct{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0;display:flex}@media (prefers-reduced-motion:reduce){.fq-chevron{transition:none}}
.cr-grid{gap:3rem 1.5rem;display:grid}@media (min-width:64rem){.cr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-grid>:nth-child(2){margin-top:3rem}}.cr-stage{border-bottom:1px solid var(--color-line);background:var(--color-surface);height:13rem;position:relative;overflow:hidden}.ca{position:absolute;inset:0}.ca-illustration{align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.ca-icons{grid-template-columns:repeat(3,2.25rem);gap:.375rem;display:grid}.ca-icons span{border-radius:var(--radius-md);background:var(--hue-tint);width:2.25rem;height:2.25rem;color:var(--hue-ink);place-items:center;display:grid}.ca-scene{border-radius:var(--radius-lg);background:color-mix(in oklab, var(--color-hue-cyan) 18%, var(--color-surface-raised));flex:1;align-self:stretch;position:relative;overflow:hidden}.ca-sun{aspect-ratio:1;background:var(--color-hue-orange);border-radius:999px;width:28%;position:absolute;top:14%;right:16%}.ca-hill{border-radius:50% 50% 0 0;height:70%;position:absolute;bottom:-30%}.ca-hill-back{background:var(--color-hue-cyan);width:90%;right:-20%}.ca-hill-front{background:var(--color-hue-green);width:100%;left:-25%}.ca-leaf{aspect-ratio:1;background:var(--color-hue-violet);border-radius:0 999px;width:18%;position:absolute;bottom:18%;left:22%;rotate:-20deg}.ca-motion{flex-direction:column;gap:.625rem;padding:1rem;display:flex}.ca-preview{border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-ring);flex:1;position:relative}.ca-ball{background:var(--color-hue-magenta);border-radius:999px;width:1.75rem;height:1.75rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.ca-timeline{border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-ring);flex-direction:column;gap:.3rem;padding:.5rem .625rem;display:flex;position:relative}.ca-track{grid-template-columns:3rem 1fr;align-items:center;gap:.5rem;height:1rem;display:grid}.ca-name{background:var(--color-surface-strong);border-radius:999px;height:.35rem}.ca-keys{background:var(--hue-tint);border-radius:.2rem;height:100%;position:relative}.ca-keys i{background:var(--hue);width:.45rem;height:.45rem;position:absolute;top:50%;translate:-50% -50%;rotate:45deg}.ca-keys i:first-child{left:6%}.ca-keys i:nth-child(2){left:48%}.ca-keys i:nth-child(3){left:92%}.ca-keys[data-row="1"] i:nth-child(2){left:30%}.ca-keys[data-row="2"] i:nth-child(2){left:70%}.ca-playhead{background:var(--color-hue-red);width:1.5px;position:absolute;top:.25rem;bottom:.25rem;left:calc(4.125rem + 50%)}
.ca-3d{perspective:900px;justify-content:center;align-items:center;gap:2.5rem;display:flex}.ca-cube-stage{perspective:600px;width:4.5rem;height:4.5rem}.ca-cube{width:100%;height:100%;transform-style:preserve-3d;position:relative;transform:rotateX(-24deg)rotateY(38deg)}.ca-cube i{background:color-mix(in oklab, var(--hue) 88%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-ink) 12%, transparent);border-radius:.375rem;position:absolute;inset:0}.ca-cube i:first-child{transform:translateZ(2.25rem)}.ca-cube i:nth-child(2){transform:rotateY(180deg)translateZ(2.25rem)}.ca-cube i:nth-child(3){transform:rotateY(90deg)translateZ(2.25rem)}.ca-cube i:nth-child(4){transform:rotateY(-90deg)translateZ(2.25rem)}.ca-cube i:nth-child(5){transform:rotateX(90deg)translateZ(2.25rem)}.ca-cube i:nth-child(6){transform:rotateX(-90deg)translateZ(2.25rem)}.ca-mockup{background:var(--color-ink);width:5.75rem;height:10.5rem;box-shadow:var(--shadow-soft);border-radius:1.25rem;padding:.3rem;transform:rotateY(-24deg)rotateX(8deg)}.ca-screen{background:var(--color-surface-strong) url(/media/ideas/scene-2.jpg) 38% center / cover;border-radius:1rem;width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.ca-ball{animation:ca-ball 3s var(--ease-move) infinite alternate}.ca-playhead{animation:3s linear infinite alternate ca-playhead}.ca-cube{animation:12s linear infinite ca-turn}.ca-mockup{animation:6s ease-in-out infinite alternate ca-sway}}@keyframes ca-ball{0%{left:12%;scale:1}50%{scale:1.25 .8}to{left:88%;scale:1}}@keyframes ca-playhead{0%{left:calc(4.125rem + 6%)}to{left:calc(100% - 1rem)}}@keyframes ca-turn{0%{transform:rotateX(-24deg)rotateY(0)}to{transform:rotateX(-24deg)rotateY(360deg)}}@keyframes ca-sway{0%{transform:rotateY(-28deg)rotateX(8deg)}to{transform:rotateY(-12deg)rotateX(4deg)}}
.fp-web{background:var(--color-surface-raised);flex-direction:column;gap:.8em;padding:.8em;display:flex;position:absolute;inset:0}.fp-nav{align-items:center;gap:.5em;display:flex}.fp-logo{background:var(--color-ink);border-radius:.35em;width:1.1em;height:1.1em}.fp-bar{background:var(--color-surface-strong);border-radius:999px;width:2em;height:.4em}.fp-pill{background:var(--hue);border-radius:999px;width:3em;height:1.1em;margin-left:auto}.fp-banner{background:var(--hue-tint);border-radius:.7em;flex-direction:column;flex:1;justify-content:center;gap:.5em;padding:0 1em;display:flex;position:relative;overflow:hidden}.fp-banner .fp-line{width:46%}.fp-banner .fp-ink{width:58%;height:.8em}.fp-sun{aspect-ratio:1;background:var(--hue);border-radius:999px;width:34%;position:absolute;top:18%;right:10%}.fp-tiles{grid-template-columns:repeat(3,1fr);gap:.5em;display:grid}.fp-tiles i{background:var(--hue-tint);height:2.6em;box-shadow:inset 0 .5em 0 var(--hue);border-radius:.5em}.fp-app{background:var(--color-surface-raised);box-shadow:var(--shadow-ring);border-radius:1.4em;flex-direction:column;gap:.75em;padding:1em .8em;display:flex;position:absolute;inset:.6em 2.4em}.fp-head{width:50%;height:.8em}.fp-row{align-items:center;gap:.6em;display:flex}.fp-avatar{background:var(--hue);border-radius:999px;flex-shrink:0;width:1.9em;height:1.9em}.fp-app .fp-line{width:80%}.fp-app .fp-ink{width:60%}.fp-button{background:var(--hue);border-radius:999px;height:1.8em;margin-top:auto;display:block}.fp-sys{background:var(--color-surface-raised);flex-direction:column;gap:.9em;padding:.9em;display:flex;position:absolute;inset:0}.fp-swatches{grid-template-columns:repeat(4,1fr);gap:.35em;display:grid}.fp-swatches i{background:var(--hue);border-radius:.45em;height:1.9em}.fp-swatches .fp-ink-swatch{background:var(--color-ink)}.fp-specimen{align-items:center;gap:.8em;display:flex}.fp-aa{letter-spacing:-.04em;font-size:2.6em;font-weight:500;line-height:1}.fp-controls{align-items:center;gap:.6em;margin-top:auto;display:flex}.fp-controls .fp-button{flex:1;margin:0}.fp-toggle{background:var(--hue);border-radius:999px;width:2.6em;height:1.5em;position:relative}.fp-toggle:after{content:"";background:var(--color-surface-raised);border-radius:999px;width:1.1em;height:1.1em;position:absolute;top:.2em;right:.2em}.fp-check{background:var(--hue);border-radius:.4em;width:1.5em;height:1.5em}
.fp-proto{grid-template-columns:repeat(3,1fr);align-items:center;gap:1em;padding:1em .8em;display:grid;position:absolute;inset:0}.fp-screen{background:var(--color-surface-raised);height:8.5em;box-shadow:var(--shadow-ring);border-radius:.8em;flex-direction:column;gap:.4em;padding:.6em .5em;display:flex}.fp-shape{background:var(--hue);border-radius:.5em;height:45%}.fp-done{justify-content:center;align-items:center}.fp-ok{background:var(--hue-tint);width:2.4em;height:2.4em;box-shadow:inset 0 0 0 .5em var(--hue);border-radius:999px}.fp-links{fill:none;width:100%;height:100%;stroke:var(--color-hue-blue);stroke-width:1.5px;position:absolute;inset:0}.fp-links path{vector-effect:non-scaling-stroke}.fp-brand{flex-direction:column;justify-content:center;align-items:center;gap:.8em;padding:.8em;display:flex;position:absolute;inset:0}.fp-grid{background:var(--color-surface-raised);width:7.5em;height:7.5em;box-shadow:var(--shadow-ring);border-radius:.8em}.fp-guide{fill:none;stroke:var(--color-line-strong);stroke-width:.6px}.fp-mark{fill:none;stroke:var(--color-hue-red);stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.fp-dot{fill:var(--color-hue-orange)}.fp-card{background:var(--color-ink);border-radius:.6em;align-items:center;gap:.6em;width:9em;padding:.6em;display:flex;rotate:-4deg}.fp-card-mark{background:var(--color-hue-red);border-radius:.35em;flex-shrink:0;width:1.3em;height:1.3em}.fp-card .fp-line{background:var(--color-ink-subtle);flex:1}
.ta{width:100%;height:100%;font-size:.75rem;position:relative}.ta-short{width:55%}.ta-note{background:var(--color-surface-raised);width:46%;box-shadow:var(--shadow-ring), var(--shadow-soft);border-radius:1em;gap:.75em;padding:.9em;display:flex;position:absolute;top:12%;left:7%}.ta-face{background:var(--hue-tint);width:2.2em;height:2.2em;box-shadow:inset 0 0 0 .2em var(--hue);border-radius:999px;flex-shrink:0}.ta-bubble{background:var(--hue-tint);border-radius:1em 1em 1em .25em;flex-direction:column;gap:.4em;width:28%;padding:.8em;display:flex;position:absolute;top:10%;right:8%}.ta-path{fill:none;width:88%;height:46%;stroke:var(--color-line-strong);stroke-width:1.5px;stroke-dasharray:4 4;position:absolute;bottom:12%;left:6%;right:6%}.ta-path path{vector-effect:non-scaling-stroke}.ta-pin{background:var(--hue);width:1.2em;height:1.2em;box-shadow:0 0 0 .25em var(--color-surface);border-radius:999px;position:absolute;translate:-50% -50%}.ta-browser{background:var(--color-surface-raised);box-shadow:var(--shadow-ring), var(--shadow-soft);border-radius:1em;flex-direction:column;gap:.7em;padding:.8em;display:flex;position:absolute;inset:12% 26% 12% 7%}.ta-phone{background:var(--color-surface-raised);width:20%;max-width:7.5em;box-shadow:var(--shadow-ring), var(--shadow-soft);border-radius:1.3em;flex-direction:column;gap:.5em;padding:.6em;display:flex;position:absolute;top:18%;bottom:8%;right:7%}.ta-phone .fp-banner{flex:0 0 45%}.ta-app{background:var(--color-surface-raised);width:auto;height:auto;box-shadow:var(--shadow-ring), var(--shadow-soft);border-radius:1em;grid-template-columns:24% 1fr;display:grid;position:absolute;inset:12% 8%;overflow:hidden}.ta-side{border-right:1px solid var(--color-line);flex-direction:column;gap:.6em;padding:.9em .8em;display:flex}.ta-side i{background:var(--color-surface-strong);border-radius:999px;height:.5em}.ta-side i[data-hue]{background:var(--hue)}.ta-table{flex-direction:column;gap:.7em;padding:.9em;display:flex}.ta-tr{border-bottom:1px solid var(--color-line);grid-template-columns:1fr .8fr auto;align-items:center;gap:.6em;padding-bottom:.6em;display:grid}.ta-state{background:var(--hue-tint);width:3.4em;height:1.4em;box-shadow:inset 0 0 0 1px var(--hue);border-radius:999px}
.ta-system{flex-direction:column;justify-content:center;gap:1.1em;padding:1.4em 1.8em;display:flex;overflow:hidden}.ta-palette{grid-template-columns:repeat(7,1fr);gap:.35em;display:grid}.ta-palette i{background:var(--hue);border-radius:.55em;height:2.6em}.ta-sys-row{align-items:center;gap:1.2em;display:flex}.ta-aa{letter-spacing:-.04em;font-size:3em;font-weight:500;line-height:1}.ta-aa-small{color:var(--color-ink-muted);font-size:1.8em}.ta-parts{flex:1;align-items:center;gap:.6em;display:flex}.ta-parts .fp-button{flex:1;margin:0}.ta-access{flex-direction:column;justify-content:center;align-items:center;gap:1.1em;display:flex}.ta-pair{gap:.9em;display:flex}.ta-contrast{background:var(--color-ink);width:4.6em;height:3.8em;color:var(--color-canvas);border-radius:.9em;place-items:center;font-size:1.4em;font-weight:600;display:grid;position:relative}.ta-contrast:before{content:"Aa"}.ta-contrast.ta-weak{background:var(--color-surface-raised);color:var(--color-line-strong);box-shadow:var(--shadow-ring)}.ta-mark{background:var(--hue);width:1.2em;height:1.2em;color:var(--color-on-accent);border-radius:999px;place-items:center;display:grid;position:absolute;top:-.4em;right:-.4em}.ta-focus{background:var(--color-ink);width:9em;height:2.4em;box-shadow:0 0 0 .25em var(--color-surface), 0 0 0 .45em var(--color-hue-blue);border-radius:999px}.ta-keys{gap:.5em;display:flex}.ta-keys i{background:var(--color-surface-raised);font-family:var(--font-mono);box-shadow:0 0 0 1px var(--color-line-strong), 0 .15em 0 var(--color-line-strong);border-radius:.5em;padding:.4em .7em;font-style:normal;font-weight:500}.ta-brand{justify-content:center;align-items:center;gap:1.6em;padding:0 1em;display:flex;overflow:hidden}.ta-grid{width:10em;height:10em}.ta-card{width:12em;padding:.9em}.ta-slide{background:var(--color-surface-raised);width:13em;box-shadow:var(--shadow-ring), var(--shadow-soft);border-radius:.6em;flex-direction:column;gap:.5em;padding:1em;display:flex;rotate:3deg}.ta-slide .fp-ink{width:70%;height:.8em}.ta-dots{flex-direction:column;gap:.5em;display:flex}.ta-dots i{background:var(--hue);border-radius:999px;width:1.8em;height:1.8em}.ta-dots .ta-dot-ink{background:var(--color-ink)}@container (max-width:40rem){.ta-slide{display:none}}@container (max-width:24rem){.ta-dots{display:none}.ta-card{width:9em}}
.id-canvas{grid-template-columns:1fr 1fr;gap:2.25rem .875rem;padding-top:1.5rem;font-size:.75rem;display:grid;position:relative}@media (min-width:64rem){.id-canvas{grid-template-columns:1fr 1.7fr 1fr;align-items:center;gap:2rem;padding-top:2rem}}.id-links{fill:none;width:100%;height:100%;stroke:var(--color-line-strong);stroke-width:1.25px;stroke-dasharray:4 5;display:none;position:absolute;inset:0}.id-links path{vector-effect:non-scaling-stroke}@media (min-width:64rem){.id-links{display:block}}.id-side{display:contents}@media (min-width:64rem){.id-side{flex-direction:column;gap:2.5rem;display:flex;position:relative}}.id-label{color:var(--color-ink-muted);font-size:var(--text-caption);white-space:nowrap;align-items:center;gap:.375rem;font-weight:500;display:flex;position:absolute;top:-1.6rem;left:.25rem}.id-label:before{content:"";background:var(--hue);border-radius:.125rem;width:.5rem;height:.5rem}.id-idea{order:-1;grid-column:1/-1;position:relative}@media (min-width:64rem){.id-idea{order:0;grid-column:auto}}.id-video{aspect-ratio:16/10;border-radius:var(--radius-xl);background:var(--color-surface-strong);box-shadow:var(--shadow-ring), var(--shadow-soft);overflow:hidden}.id-sel{border:1.5px solid var(--color-hue-magenta);pointer-events:none;border-radius:.25rem;position:absolute;inset:-.5rem}.id-sel i{border:1.5px solid var(--color-hue-magenta);background:var(--color-surface-raised);width:.5rem;height:.5rem;position:absolute}.id-sel i:first-child{top:-.3rem;left:-.3rem}.id-sel i:nth-child(2){top:-.3rem;right:-.3rem}.id-sel i:nth-child(3){bottom:-.3rem;left:-.3rem}.id-sel i:nth-child(4){bottom:-.3rem;right:-.3rem}.id-form{z-index:1;border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-ring), var(--shadow-soft);flex-direction:column;gap:.6em;padding:.75em;display:flex;position:relative}.id-form[data-kind=app]{border-radius:1.6em;width:70%;max-width:11rem;margin:0 auto}.id-form .fp-pill,.id-form .fp-button{background:var(--hue)}.id-form .fp-button{height:1.6em;margin:0}.id-picture{aspect-ratio:2;background:var(--color-surface-strong) url(/media/ideas/scene-2.jpg) center 35% / cover;border-radius:.6em;display:block;position:relative}.id-form[data-kind=shop] .id-picture{aspect-ratio:1.5}.id-form[data-kind=app] .id-picture{aspect-ratio:.85}.id-form[data-kind=campaign] .id-picture{aspect-ratio:1.25}.id-meta{justify-content:space-between;align-items:center;gap:.6em;display:flex}.id-meta .fp-ink{width:55%}.id-price{background:var(--hue);width:22%}.id-overlay{flex-direction:column;gap:.4em;display:flex;position:absolute;bottom:.7em;left:.7em;right:30%}.id-overlay .fp-line{background:var(--color-on-accent)}.id-overlay .fp-line+.fp-line{opacity:.7;width:60%}.id-icons{color:var(--color-ink-muted);gap:.6rem;display:flex}
.ex-board{padding-top:.5rem}.ex-file{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-caption);align-items:center;gap:.5rem;margin-bottom:2.25rem;display:flex}.ex-steps{gap:2.5rem 1.5rem;display:grid}@media (min-width:40rem){.ex-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.ex-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}.ex-step{flex-direction:column;gap:.75rem;display:flex}.ex-frame{aspect-ratio:1.5;border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-ring), var(--shadow-soft);margin-bottom:.5rem;font-size:.75rem;position:relative}@media (min-width:40rem){.ex-frame{aspect-ratio:1.05}}.ex-flabel{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-caption);align-items:center;gap:.375rem;display:flex;position:absolute;top:-1.5rem;left:.125rem}.ex-flabel:before{content:"";background:var(--hue);border-radius:.125rem;width:.5rem;height:.5rem}.ea{flex-direction:column;gap:.7em;padding:1.1em;display:flex;position:absolute;inset:0}.ea-bubble{background:var(--color-surface);width:82%;color:var(--color-ink-muted);border-radius:1em 1em 1em .25em;align-items:center;gap:.6em;padding:.75em .9em;display:flex}.ea-bubble[data-side=right]{background:var(--hue-tint);color:var(--hue-ink);border-radius:1em 1em .25em;align-self:flex-end}.ea-question{background:var(--hue);width:2.6em;height:2.6em;color:var(--color-on-accent);border-radius:999px 999px 999px .3em;place-items:center;margin-top:auto;display:grid}.ea-sketch{flex-direction:row;gap:.9em}.ea-variant{box-shadow:inset 0 0 0 1px var(--color-line);border-radius:.8em;flex-direction:column;flex:1;gap:.55em;padding:.7em;display:flex;position:relative}.ea-variant[data-chosen]{box-shadow:inset 0 0 0 1.5px var(--hue)}.ea-box{border:1.5px dashed var(--color-line-strong);border-radius:.45em;height:2.4em}.ea-box-head{width:60%;height:1.2em}.ea-box-button{border-radius:999px;width:55%;height:1.6em;margin-top:auto}.ea-tick{background:var(--hue);width:1.6em;height:1.6em;color:var(--color-on-accent);border-radius:999px;place-items:center;display:grid;position:absolute;top:-.6em;right:-.6em}
.ea-task{background:var(--hue-tint);color:var(--color-ink);font-size:var(--text-caption);border-radius:.6em;padding:.6em .75em;line-height:1.35}.ea-row{box-shadow:inset 0 0 0 1px var(--color-line);border-radius:.7em;flex-direction:column;gap:.45em;padding:.8em;display:flex}.ea-row .fp-ink{width:60%}.ea-hesitate{outline:2px dashed var(--hue);outline-offset:.3em}.ea-note{background:var(--color-surface-raised);color:var(--hue-ink);font-size:var(--text-caption);box-shadow:inset 0 0 0 1px var(--hue);border-radius:999px;align-self:flex-start;margin-top:auto;padding:.35em .75em;line-height:1.3}.ea-design{border-radius:var(--radius-lg);flex-direction:row;gap:0;padding:0;overflow:hidden}.ea-half{flex-direction:column;flex:1;justify-content:center;gap:.8em;padding:.9em;display:flex}.ea-dark{background:var(--color-ink)}.ea-delivery{background:var(--color-surface);border-radius:.7em;flex-direction:column;gap:.6em;padding:.75em;display:flex}.ea-dark .ea-delivery{background:color-mix(in oklab, var(--color-canvas) 12%, var(--color-ink))}.ea-dark .fp-ink{background:var(--color-canvas)}.ea-delivery .fp-ink{width:60%}.ea-track{align-items:center;display:flex}.ea-track i{background:var(--hue);border-radius:999px;flex-shrink:0;width:.8em;height:.8em}.ea-track b{background:var(--hue);flex:1;height:2px}.ea-track:not([data-done]) i:last-child,.ea-track:not([data-done]) b:last-of-type{background:var(--color-line-strong)}
.ho-win{border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-ring), var(--shadow-soft);overflow:hidden}.ho-bar{border-bottom:1px solid var(--color-line);font-size:var(--text-label);align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;display:flex}.ho-design{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);min-height:15rem;display:grid}.ho-canvas{background:var(--color-surface);place-items:center;padding:1.5rem;display:grid}.ho-card{border-radius:var(--radius-xl);background:var(--color-surface-raised);width:100%;max-width:13rem;box-shadow:var(--shadow-ring);flex-direction:column;gap:.5rem;padding:1rem;font-size:.75rem;display:flex}.ho-card .fp-ink{width:70%;height:.7em}.ho-button{background:var(--color-accent);height:2rem;box-shadow:0 0 0 3px var(--color-surface-raised), 0 0 0 5px var(--color-hue-green);border-radius:999px;margin-top:.5rem}.ho-inspector{border-left:1px solid var(--color-line);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.ho-inspector li{border-radius:var(--radius-md);background:var(--hue-tint);color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-caption);align-items:center;gap:.5rem;padding:.375rem .625rem;display:flex}.ho-inspector svg{color:var(--hue-ink)}.ho-code{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-caption);white-space:pre;padding:1.25rem;line-height:2.1;overflow-x:auto}.ho-code em{background:var(--hue-tint);color:var(--color-ink);box-shadow:inset 0 -2px 0 var(--hue);border-radius:.3rem;padding:.125rem .375rem;font-style:normal}.ho-tag{background:var(--color-surface-raised);font-size:var(--text-body-sm);box-shadow:var(--shadow-ring);border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .75rem;display:inline-flex}.ho-tag:before{content:"";background:var(--hue);border-radius:999px;width:.5rem;height:.5rem}
.ac-layout{gap:2rem;display:grid}@media (min-width:64rem){.ac-layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:2.5rem}}.ac-switch{background:var(--color-surface);box-shadow:var(--shadow-ring);border-radius:1.375rem;flex-wrap:wrap;align-self:flex-start;gap:.125rem;padding:.25rem;display:inline-flex}.ac-pick{color:var(--color-ink-muted);font-size:var(--text-label);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:999px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-weight:500;display:inline-flex}.ac-pick[aria-pressed=true]{background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-ring)}.ac-stage{background:var(--color-surface);border-radius:var(--radius-xl);height:23.5rem;position:relative;overflow:hidden}.ac-form{border-radius:var(--radius-xl);background:var(--color-surface-raised);width:min(20rem,84%);box-shadow:var(--shadow-ring), var(--shadow-soft);transition:scale var(--duration-surface) var(--ease-out);flex-direction:column;gap:.5rem;padding:1.125rem;display:flex;position:absolute;top:50%;left:50%;translate:-50% -56%}.ac-stage[data-mode=zoom] .ac-form{scale:1.4}.ac-label{font-size:var(--text-caption);font-weight:500}.ac-field{border-radius:var(--radius-md);height:2.125rem;box-shadow:inset 0 0 0 1px var(--color-line-strong);margin-bottom:.25rem}.ac-error{box-shadow:inset 0 0 0 1.5px var(--color-hue-red);margin-bottom:0}.ac-hint{color:var(--color-hue-red-ink);font-size:var(--text-caption);margin-bottom:.25rem;line-height:1.3}.ac-send{background:var(--color-ink);height:2.25rem;color:var(--color-canvas);font-size:var(--text-caption);border-radius:999px;place-items:center;margin-top:.25rem;font-weight:500;display:grid}.ac-keys{gap:.375rem;display:flex;position:absolute;bottom:.875rem;left:1rem}.ac-keys i{background:var(--color-surface-raised);font-family:var(--font-mono);font-size:var(--text-caption);box-shadow:0 0 0 1px var(--color-line-strong), 0 2px 0 var(--color-line-strong);border-radius:.4rem;padding:.3rem .55rem;font-style:normal;font-weight:500}.ac-reader{border-radius:var(--radius-lg);background:var(--color-ink);color:var(--color-canvas);font-family:var(--font-mono);font-size:var(--text-caption);flex-direction:column;gap:.25rem;padding:.75rem .875rem;line-height:1.4;display:flex;position:absolute;bottom:.875rem;left:.875rem;right:.875rem}.ac-stage[data-mode=screenreader] .ac-form{top:38%}.ac-zoom{background:var(--color-surface-raised);font-size:var(--text-caption);box-shadow:var(--shadow-ring);border-radius:999px;align-items:center;gap:.375rem;padding:.3rem .65rem;font-weight:500;display:inline-flex;position:absolute;top:.875rem;left:1rem}.ac-card{border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;gap:.625rem;padding:1.25rem;display:flex}.ac-case{border-top:1px solid var(--color-line);font-size:var(--text-body-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.375rem .75rem;padding-top:.5rem;display:flex}.ac-status{background:var(--color-surface-raised);color:var(--color-ink-muted);font-size:var(--text-caption);box-shadow:var(--shadow-ring);border-radius:999px;align-items:center;gap:.3rem;padding:.125rem .5rem;display:inline-flex}.ac-status[data-applies]{color:var(--color-ink)}
@media (prefers-reduced-motion:reduce){.ac-stage[data-mode=keyboard] [data-focus="1"]{outline:2px solid var(--color-hue-blue);outline-offset:3px}.ac-form{transition:none}}@media (prefers-reduced-motion:no-preference){.ac-stage[data-mode=keyboard] [data-focus]{animation:4.5s step-end infinite ac-tab}.ac-stage[data-mode=keyboard] [data-focus="2"]{animation-delay:-3s}.ac-stage[data-mode=keyboard] [data-focus="3"]{animation-delay:-1.5s}}@keyframes ac-tab{0%,33%{outline:2px solid var(--color-hue-blue);outline-offset:3px}34%,to{outline-offset:3px;outline:2px solid #0000}}