.demo-app .app-enter{opacity:0;transform:translateY(6px)}.demo-app .app-enter.is-on{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}@media (prefers-reduced-motion:reduce){.demo-app .app-enter,.demo-app .app-enter.is-on{opacity:1!important;transform:none!important;transition:none!important}}@keyframes appdemo-spin{to{transform:rotate(1turn)}}.demo-app .app-spinner{display:inline-block;border-style:solid;border-color:rgba(19,83,124,.22);border-top-color:var(--app-color-primary-main);border-radius:50%;animation:appdemo-spin .8s linear infinite}.demo-app .wc-cell{border:1px dashed rgba(33,43,54,.23);border-radius:9px;background:var(--app-color-paper);overflow:hidden;border-left:3px solid var(--wc-stripe,var(--app-color-divider))}.demo-app .wc-header{display:flex;align-items:center;gap:6px;min-height:40px;padding:5px 10px;background:var(--wc-tint,transparent);border-bottom:1px solid var(--app-color-divider)}.demo-app .wc-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0;color:var(--app-color-text-secondary);background:transparent;transition:background .15s ease}.demo-app .wc-iconbtn.is-active{background:var(--app-color-primary-soft)}.demo-app .wc-iconbtn.is-active,.demo-app .wc-iconbtn.is-run{color:var(--app-color-primary-main)}.demo-app .wc-chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;flex-shrink:0}.demo-app .wc-chip--runner{background:var(--wc-chip-bg,var(--app-action-hover));color:var(--wc-chip-text,var(--app-color-text-secondary))}.demo-app .wc-chip--id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:500}.demo-app .wc-chip--id,.demo-app .wc-chip--steps{background:var(--app-action-hover);color:var(--app-color-text-secondary)}.demo-app .wc-title{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--app-color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-app .wc-body{padding:16px;display:flex;flex-direction:column;gap:12px}.demo-app .wc-code{position:relative;background:var(--app-grey-100);border:1px solid var(--app-color-divider);border-radius:6px;padding:12px 14px;max-height:480px;overflow:auto}.demo-app .wc-code pre{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.55;color:var(--app-color-text-primary);white-space:pre}.demo-app .wc-copy{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--app-color-text-secondary);background:var(--app-color-paper);box-shadow:0 0 0 1px var(--app-color-divider);opacity:0;transition:opacity .2s ease}.demo-app .wc-code:hover .wc-copy{opacity:1}@media (hover:none){.demo-app .wc-copy{opacity:1}}.demo-app .wc-output-idle{font-size:14px;font-style:italic;color:var(--app-color-text-disabled);padding:2px 0}.demo-app .wc-output-running{display:flex;align-items:center;justify-content:center;gap:10px;min-height:84px;color:var(--app-color-text-secondary);font-size:13px}.demo-app .wc-code .tok-kw{color:var(--app-color-primary-main);font-weight:600}.demo-app .wc-code .tok-builtin{color:var(--app-color-info-dark)}.demo-app .wc-code .tok-str{color:var(--app-color-success-dark)}.demo-app .wc-code .tok-num{color:var(--app-color-warning-dark)}.demo-app .wc-code .tok-com{color:var(--app-color-text-disabled);font-style:italic}.demo-app .app-md-code .tok-kw{color:#7fb2ff;font-weight:600}.demo-app .app-md-code .tok-builtin{color:#79e0d8}.demo-app .app-md-code .tok-str{color:#9ee493}.demo-app .app-md-code .tok-num{color:#ffcf7a}.demo-app .app-md-code .tok-com{color:#7d8896;font-style:italic}.demo-app .app-callout{display:flex;align-items:flex-start;gap:12px;padding:10px 16px;border-radius:8px;font-size:14px;line-height:1.5}.demo-app .app-callout-icon{flex-shrink:0;margin-top:1px}.demo-app .app-callout-title{font-weight:700;margin-bottom:2px}.demo-app .app-callout-body{min-width:0}.demo-app .app-callout--info{background:var(--app-color-info-lighter);color:var(--app-color-info-darker)}.demo-app .app-callout--info .app-callout-icon{color:var(--app-color-info-main)}.demo-app .app-callout--success{background:var(--app-color-success-lighter);color:var(--app-color-success-darker)}.demo-app .app-callout--success .app-callout-icon{color:var(--app-color-success-main)}.demo-app .app-callout--warning{background:var(--app-color-warning-lighter);color:var(--app-color-warning-darker)}.demo-app .app-callout--warning .app-callout-icon{color:var(--app-color-warning-main)}.demo-app .app-callout--error{background:var(--app-color-error-lighter);color:var(--app-color-error-darker)}.demo-app .app-callout--error .app-callout-icon{color:var(--app-color-error-main)}.demo-app .app-callout-action{margin-left:auto;align-self:center;flex-shrink:0}.demo-app .app-resolve-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px;border-radius:7px;font:inherit;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;color:var(--app-color-text-primary);background:var(--app-color-paper);border:1px solid var(--app-color-border-subtle);box-shadow:var(--app-shadow-z1);transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .12s ease}.demo-app .app-resolve-btn:hover{background:var(--app-action-hover)}.demo-app .app-resolve-btn:active{transform:translateY(1px)}.demo-app .app-resolve-btn.is-pressed{color:var(--app-color-success-contrast);background:var(--app-color-success-main);border-color:var(--app-color-success-main);box-shadow:none;transform:none}.demo-app .app-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.demo-app .app-md .app-callout,.demo-app .app-md .app-kpi-grid{margin:12px 0}.demo-app .app-kpi-card{display:flex;flex-direction:column;border:1px solid var(--app-color-divider);border-radius:9px;padding:16px;min-width:0;background:var(--app-color-bg-neutral)}.demo-app .app-kpi-icon{color:var(--app-color-primary-main);margin-bottom:8px}.demo-app .app-kpi-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--app-color-text-secondary)}.demo-app .app-kpi-value{font-size:20px;font-weight:700;line-height:1.2;color:var(--app-color-text-primary);margin:4px 0}.demo-app .app-kpi-sub{font-size:12px;color:var(--app-color-text-secondary)}.demo-app .app-kpi-delta{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:600;margin-top:4px}.demo-app .app-kpi-delta--up{color:var(--app-color-success-dark)}.demo-app .app-kpi-delta--down{color:var(--app-color-error-main)}.demo-app .app-md{color:var(--app-color-text-primary);font-size:16px;line-height:1.5}.demo-app .app-md>:first-child{margin-top:0}.demo-app .app-md>:last-child{margin-bottom:0}.demo-app .app-md h1{font-size:24px;font-weight:700;line-height:1.25;margin:0 0 8px}.demo-app .app-md h2{font-size:20px;font-weight:700;line-height:1.3;margin:20px 0 8px}.demo-app .app-md h3{font-size:18px;font-weight:600;margin:16px 0 6px}.demo-app .app-md h4{font-size:16px;font-weight:600;margin:14px 0 6px}.demo-app .app-md p{margin:0 0 10px}.demo-app .app-md ol,.demo-app .app-md ul{margin:8px 0;padding-left:22px}.demo-app .app-md li{margin:4px 0}.demo-app .app-md strong{font-weight:700}.demo-app .app-md a{color:var(--app-color-primary-main);text-decoration:underline}.demo-app .app-md hr{border:0;border-top:1px solid var(--app-color-divider);margin:16px 0}.demo-app .app-md blockquote{border-left:2px solid var(--app-color-divider);color:var(--app-color-text-secondary);font-style:italic;margin:12px 0;padding:2px 0 2px 16px}.demo-app .app-md :not(pre)>code,.demo-app .app-md-inline{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em;color:var(--app-color-warning-darker);background:var(--app-color-warning-lighter);border-radius:4px;padding:1.6px 5px}.demo-app .app-md-code{background:var(--app-grey-900);color:#e7eaee;border-radius:6px;padding:14px 16px;margin:12px 0;overflow-x:auto}.demo-app .app-md-code pre{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.6;white-space:pre}.demo-app .app-md table,.demo-app .app-md-table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}.demo-app .app-md table td,.demo-app .app-md table th,.demo-app .app-md-table td,.demo-app .app-md-table th{border:1px solid var(--app-color-divider);padding:8px 10px;text-align:left}.demo-app .app-md table thead th,.demo-app .app-md-table thead th{background:var(--app-color-bg-neutral);font-weight:600}.demo-app .app-md table tbody tr:nth-child(odd),.demo-app .app-md-table tbody tr:nth-child(odd){background:var(--app-color-bg-neutral)}.demo-app .app-status-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:11.5px;font-weight:600;letter-spacing:.02em;line-height:1;white-space:nowrap}.demo-app .app-status-chip.is-filled.is-approved{background:var(--app-color-success-lighter);color:var(--app-color-success-darker)}.demo-app .app-status-chip.is-filled.is-in_review{background:var(--app-color-warning-lighter);color:var(--app-color-warning-darker)}.demo-app .app-status-chip.is-filled.is-draft{background:var(--app-action-selected);color:var(--app-color-text-secondary)}.demo-app .app-status-chip.is-filled.is-archived{background:rgba(145,158,171,.12);color:var(--app-color-text-disabled)}.demo-app .app-status-chip.is-outlined{background:transparent;border:1px solid var(--app-color-divider)}.demo-app .app-status-chip.is-outlined.is-approved{border-color:var(--app-color-success-main);color:var(--app-color-success-dark)}.demo-app .app-status-chip.is-outlined.is-in_review{border-color:var(--app-color-warning-main);color:var(--app-color-warning-dark)}.demo-app .app-status-chip.is-outlined.is-draft{border-color:rgba(145,158,171,.4);color:var(--app-color-text-secondary)}.demo-app .app-status-chip.is-outlined.is-archived{border-color:var(--app-color-border-subtle);color:var(--app-color-text-disabled)}