.immer-demo{gap:1rem;display:grid}.immer-demo__header,.immer-demo__editor,.immer-demo__progress,.immer-demo__module,.immer-demo__add{border:1px solid var(--color-fd-border);border-radius:var(--ui-radius-sm)}.immer-demo__header{border-inline-start:3px solid var(--ui-react);background:color-mix(in srgb, var(--ui-canvas) 72%, var(--ui-surface));justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.immer-demo__header h2,.immer-demo__header p,.immer-demo__module h3,.immer-demo__progress p{margin:0}.immer-demo__header h2{color:var(--color-fd-foreground);margin-top:.65rem;font-size:1rem}.immer-demo__header p{color:var(--color-fd-muted-foreground);margin-top:.25rem;font-size:.76rem}.immer-demo__editor{grid-template-columns:2fr 1fr 1fr;gap:.7rem;padding:.85rem;display:grid}.immer-demo label{color:var(--color-fd-foreground);gap:.35rem;font-size:.74rem;font-weight:700;display:grid}.immer-demo input:not([type=checkbox]),.immer-demo select{border:1px solid var(--color-fd-border);border-radius:var(--ui-radius-sm);min-width:0;min-height:2.35rem;color:var(--color-fd-foreground);font:inherit;background:var(--color-fd-background);padding:.42rem .62rem}.immer-demo input:focus,.immer-demo select:focus,.immer-demo button:focus-visible{outline:3px solid color-mix(in srgb, var(--color-fd-primary) 20%, transparent);outline-offset:1px}.immer-demo__button,.immer-demo__text-button,.immer-demo__remove{border-radius:var(--ui-radius-sm);font:inherit;cursor:pointer;padding:.42rem .65rem;font-size:.74rem;font-weight:750}.immer-demo__button{border:1px solid var(--color-fd-border);color:var(--color-fd-foreground);background:var(--color-fd-background)}.immer-demo__button--primary{border-color:var(--ui-ink);color:var(--ui-surface);background:var(--ui-ink)}.immer-demo button:disabled{cursor:not-allowed;opacity:.5}.immer-demo__progress{background:var(--color-fd-muted);gap:.65rem;padding:.8rem .9rem;display:grid}.immer-demo__progress>div:first-child{color:var(--color-fd-foreground);justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;display:flex}.immer-demo__progress strong{color:var(--color-fd-foreground)}.immer-demo__progress-track{background:var(--color-fd-border);border-radius:999px;height:.5rem;overflow:hidden}.immer-demo__progress-track span{border-radius:inherit;background:var(--ui-react);height:100%;transition:width .18s;display:block}.immer-demo__modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.immer-demo__module{min-width:0;overflow:hidden}.immer-demo__module>header{border-bottom:1px solid var(--color-fd-border);background:var(--color-fd-muted);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .8rem;display:flex}.immer-demo__module h3{color:var(--color-fd-foreground);font-size:.82rem}.immer-demo__module header span{color:var(--color-fd-muted-foreground);font-size:.68rem}.immer-demo__text-button{color:var(--color-fd-primary);background:0 0;border:0}.immer-demo__module ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.immer-demo__module li{border-bottom:1px solid var(--color-fd-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.55rem .7rem;display:grid}.immer-demo__module li:last-child{border-bottom:0}.immer-demo__module li.is-completed .immer-demo__task-title{color:var(--color-fd-muted-foreground);text-decoration:line-through}.immer-demo__task-title{border-color:#0000!important;min-height:2rem!important;padding-block:.25rem!important}.immer-demo__task-title:hover,.immer-demo__task-title:focus{border-color:var(--color-fd-border)!important}.immer-demo__remove{color:#c43f3f;background:0 0;border:0}.immer-demo__empty{color:var(--color-fd-muted-foreground);text-align:center;margin:0;padding:1rem;font-size:.75rem}.immer-demo__add{grid-template-columns:minmax(0,1fr) minmax(8rem,.4fr) auto;align-items:end;gap:.7rem;padding:.85rem;display:grid}.immer-demo__add .immer-demo__button{min-height:2.35rem}@media (width<=42rem){.immer-demo__editor,.immer-demo__modules,.immer-demo__add{grid-template-columns:1fr}.immer-demo__header{flex-direction:column;align-items:stretch}}