.demo-workspace{background:rgb(var(--void));height:100%;min-height:0;color:rgb(var(--star));--dw-border:rgb(var(--line)/.14);flex-direction:row;font:14px/1.5 Inter,Arial,sans-serif;display:flex}.demo-workspace *{box-sizing:border-box}.demo-workspace :is(select,.ds-trigger),.demo-workspace button,.demo-workspace input,.demo-workspace textarea{font:inherit}.demo-workspace :focus-visible{outline:2px solid rgb(var(--brand));outline-offset:3px}.dw-body{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.dw-header{border-bottom:1px solid var(--dw-border);justify-content:space-between;align-items:center;gap:24px;padding:20px 28px 16px;display:flex}.dw-header h1{letter-spacing:-.04em;margin:3px 0;font-size:22px}.dw-header p{color:rgb(var(--stardim));margin:0;font-size:13px}.dw-eyebrow{letter-spacing:.13em;text-transform:uppercase;color:rgb(var(--brand-soft));font:10px/1.4 JetBrains Mono,monospace}.dw-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dw-main{flex:1;min-height:0;padding:24px 28px;overflow:auto}.dw-footer{border-top:1px solid var(--dw-border);color:rgb(var(--stardim));flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:12px;padding:9px 28px;font-size:11px;display:flex}.dw-button{border:1px solid var(--dw-border);background:rgb(var(--space));cursor:pointer;min-height:36px;color:rgb(var(--star));white-space:nowrap;border-radius:7px;padding:7px 12px}.dw-button:hover:not(:disabled){border-color:rgb(var(--brand))}.dw-button.is-primary{background:rgb(var(--brand));color:#fff;border-color:#0000}.dw-button:disabled{opacity:.45;cursor:not-allowed}.dw-field{flex-direction:column;gap:5px;margin-bottom:14px;font-size:13px;display:flex}.dw-field>span{color:rgb(var(--stardim));font-size:12px}.dw-error,.dw-field small{color:#f28e8e}.dw-controls :is(select,.ds-trigger),.dw-field :is(select,.ds-trigger),.dw-field input,.dw-field textarea,.dw-filters :is(select,.ds-trigger),.dw-filters input:not([type=checkbox]){border:1px solid var(--dw-border);background:rgb(var(--void));width:100%;color:rgb(var(--star));border-radius:7px;min-width:0;padding:9px 10px}.dw-controls :is(select,.ds-trigger){width:auto}.dw-field textarea{resize:vertical;min-height:88px}.dw-badge{background:rgb(var(--line)/.07);color:rgb(var(--stardim));white-space:nowrap;border-radius:5px;padding:3px 8px;font-size:11px;display:inline-block}.dw-badge.is-good{color:#8ee0b9;background:#25a97720}.dw-badge.is-warn{color:#f3c980;background:#e7a43a20}.dw-badge.is-bad{color:#f28e8e;background:#ef5f5f20}:root[data-theme=light] .dw-badge.is-good{color:#10623f}:root[data-theme=light] .dw-badge.is-warn{color:#845006}:root[data-theme=light] .dw-badge.is-bad,:root[data-theme=light] .dw-error,:root[data-theme=light] .dw-field small{color:#a62132}.dw-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.dw-metric{border:1px solid var(--dw-border);background:rgb(var(--space)/.4);border-radius:9px;padding:15px 18px}.dw-metric>span{color:rgb(var(--stardim));font-size:12px;display:block}.dw-metric strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:27px;font-weight:500;display:block}.dw-metric small{color:rgb(var(--stardim));font-size:11px}.dw-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.dw-filters input:not([type=checkbox]){flex:1;min-width:180px}.dw-filters :is(select,.ds-trigger){width:auto;max-width:100%}.dw-grid{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:20px;display:grid}.dw-panel{border:1px solid var(--dw-border);background:rgb(var(--space)/.3);border-radius:10px;min-width:0;padding:18px}.dw-panel h2{margin:0 0 13px;font-size:16px}.dw-muted{color:rgb(var(--stardim));font-size:12px}.dw-stack{flex-direction:column;gap:12px;display:flex}.dw-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.dw-list{flex-direction:column;gap:8px;display:flex}.dw-row{text-align:left;background:rgb(var(--space)/.4);color:rgb(var(--star));border:1px solid var(--dw-border);cursor:pointer;border-radius:8px;align-items:center;gap:16px;width:100%;padding:14px 16px;display:flex}.dw-row>div{flex:1;min-width:0}.dw-row strong{font-weight:500;display:block}.dw-row p{color:rgb(var(--stardim));margin:4px 0 0;font-size:12px}.dw-row.is-selected,.dw-row:hover{border-color:rgb(var(--brand));background:rgb(var(--brand)/.07)}.dw-empty{text-align:center;border:1px dashed var(--dw-border);color:rgb(var(--stardim));border-radius:8px;padding:40px 18px}.dw-table-scroll{overflow:auto}.dw-table{border-collapse:collapse;width:100%;font-size:12px}.dw-table td,.dw-table th{text-align:left;border-bottom:1px solid var(--dw-border);vertical-align:top;padding:10px}.dw-table th{color:rgb(var(--stardim));font-weight:500}.dw-history{padding:0;list-style:none}.dw-history li{border-bottom:1px solid var(--dw-border);padding:10px 0;font-size:12px}.dw-history small{color:rgb(var(--stardim));display:block}.dw-form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.dw-dialog-layer{z-index:80;justify-content:flex-end;display:flex;position:fixed;inset:0}.dw-backdrop{background:#0008;border:0;position:absolute;inset:0}.dw-drawer{background:rgb(var(--void));border-left:1px solid var(--dw-border);flex-direction:column;width:620px;max-width:100%;height:100%;display:flex;position:relative;box-shadow:-18px 0 60px #0004}.dw-drawer>header{border-bottom:1px solid var(--dw-border);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.dw-drawer h2{margin:0;font-size:18px}.dw-drawer-body{flex:1;min-height:0;padding:24px;overflow:auto}.dw-board{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;min-height:340px;display:grid;overflow-x:auto}.dw-board-column{border:1px solid var(--dw-border);background:rgb(var(--space)/.4);border-radius:10px;padding:12px}.dw-board-column>h2{justify-content:space-between;margin:3px 4px 14px;font-size:13px;display:flex}.dw-task{background:rgb(var(--void));border:1px solid var(--dw-border);border-radius:8px;margin-bottom:10px;padding:14px}.dw-task>button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;font-size:14px}.dw-task-meta{color:rgb(var(--stardim));justify-content:space-between;gap:8px;margin-top:12px;font-size:11px;display:flex}.dw-task [draggable=true]{cursor:grab}.dw-board-column.is-over{border-color:rgb(var(--brand));background:rgb(var(--brand)/.1)}.dw-mobile-columns{display:none}.dw-diagram{border:1px solid var(--dw-border);background:rgb(var(--space)/.3);border-radius:10px;overflow:auto}.dw-diagram svg{min-width:900px;display:block}.dw-diagram text{font-family:Inter,Arial,sans-serif}.dw-process-node{cursor:pointer}.dw-process-node:focus-visible rect{stroke:rgb(var(--brand));stroke-width:3px}@media (width<=760px){.demo-workspace,.dw-header{flex-direction:column}.dw-header{align-items:flex-start;gap:12px;padding:14px 16px}.dw-header h1{font-size:19px}.dw-header p{font-size:12px}.dw-controls{width:100%}.dw-main{padding:16px}.dw-footer{padding:8px 16px;font-size:10px}.dw-footer>span:first-child{display:none}.dw-metrics{grid-template-columns:1fr 1fr;gap:8px}.dw-metric{padding:10px 12px}.dw-metric strong{font-size:22px}.dw-grid{grid-template-columns:1fr}.dw-filters input:not([type=checkbox]){flex:1;min-width:100%}.dw-filters :is(select,.ds-trigger){flex:1;width:auto}.dw-row{gap:8px;padding:12px}.dw-row strong{font-size:13px}.dw-form-grid{grid-template-columns:1fr}.dw-drawer-body{padding:18px}.dw-drawer>header{padding:14px 18px}.dw-board{min-height:250px;display:block}.dw-board-column{display:none}.dw-board-column.is-mobile-active{display:block}.dw-mobile-columns{gap:8px;margin-bottom:12px;display:flex}.dw-mobile-columns .dw-button{flex:1;padding:7px;font-size:12px}.dw-diagram svg{min-width:900px}}@media (prefers-reduced-motion:reduce){.demo-workspace *,.demo-workspace :after,.demo-workspace :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.process-diagram svg{min-width:0}.process-step-list.is-secondary{display:none}.process-diagram{margin-bottom:16px}.process-step-list{margin:16px 0}.demo-workspace fieldset{min-width:0}.demo-workspace fieldset:disabled{opacity:.8}.demo-workspace ol{padding-left:20px;list-style:decimal}.demo-workspace h3{margin:18px 0 10px;font-size:15px}.demo-workspace summary{cursor:pointer;padding:10px 0}.demo-workspace [type=checkbox]{flex:0;width:auto;min-width:0}@media (width<=760px){.process-diagram{display:none}.process-diagram+.process-step-list,.process-step-list.is-secondary{display:flex}.process-diagram.show-mobile{display:block}.process-step-list.force-hide-mobile{display:none}}.process-diagram{cursor:grab;max-height:min(68dvh,720px)}.process-diagram:active{cursor:grabbing}.process-diagram:focus-visible{outline:2px solid rgb(var(--brand));outline-offset:2px}.process-diagram [role=button]{cursor:pointer}
