.workspace{color:var(--ws-text,#18332c);background:var(--ws-background,#f5f7f5);font-family:var(--ws-font,system-ui,sans-serif);max-width:100%;padding:1rem}.workspace button,.workspace-switcher button{font:inherit;cursor:pointer;border:1px solid var(--ws-border,#d8dedb);background:var(--ws-surface,#fff);color:inherit;border-radius:.4rem;min-height:44px;padding:.65rem .9rem}.workspace button:focus-visible,.workspace-switcher button:focus-visible,.workspace-panel:focus-visible{outline:3px solid var(--ws-focus,var(--ws-accent,#175c50));outline-offset:3px}.workspace-menu,.workspace-toolbar,.workspace-tabs,.workspace-tab{align-items:center;gap:.5rem;display:flex}.workspace-menu{flex-wrap:wrap;margin-bottom:1rem}.workspace-toolbar{border-bottom:1px solid var(--ws-border,#d8dedb);background:var(--ws-background,#f4f6f5);align-items:stretch;gap:0;padding:0}.workspace-tabs{flex:1;gap:0;min-width:0;padding:0;overflow-x:auto}.workspace-tab{flex:none;gap:0}.workspace-toolbar>button,.workspace [role=tab],.workspace .workspace-close{box-sizing:border-box;background:0 0;border-top:0;border-bottom:2px solid #0000;border-radius:0;height:44px;min-height:44px;margin:0}.workspace-toolbar>button{border-inline-start:0}.workspace [role=tab]{border-inline:0}.workspace .workspace-close{border-inline-start:0;padding:.65rem;font-size:1.2rem}.workspace [role=tab][aria-selected=true],.workspace .workspace-close[data-active=true]{background:var(--ws-surface,#fff);color:var(--ws-accent,#175c50);border-bottom-color:var(--ws-accent,#175c50)}.workspace [role=tab]:hover,.workspace .workspace-close:hover,.workspace-toolbar>button:hover{background:var(--ws-surface,#fff)}.workspace-panel{background:var(--ws-surface,#fff);min-height:15rem;padding:1.5rem}.workspace-panel[hidden]{display:none}.workspace-status{min-height:1.5rem;padding:.5rem 0}.workspace-overlay{background:var(--ws-overlay,#10251fb3);z-index:1000;position:fixed;inset:0}.workspace-switcher{z-index:1001;box-sizing:border-box;background:var(--ws-surface,#fff);width:min(40rem,100vw - 2rem);max-height:85dvh;color:var(--ws-text,#18332c);border-radius:var(--ws-dialog-radius,.8rem);font-family:var(--ws-font,system-ui,sans-serif);box-shadow:var(--ws-dialog-shadow,0 20px 80px #0003);padding:1.5rem;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.workspace-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.5rem 0;display:grid}.workspace-choices button{overflow-wrap:anywhere;min-height:6rem}.workspace-choices button[aria-current=true]{border:2px solid var(--ws-focus,var(--ws-accent,#175c50))}@media (width<=600px){.workspace{padding:.5rem}.workspace-toolbar{flex-direction:row;align-items:stretch}.workspace-panel{padding:1rem}.workspace-switcher{width:100%;max-height:90dvh;padding-bottom:max(1.5rem,env(safe-area-inset-bottom));border-radius:1rem 1rem 0 0;top:auto;bottom:0;left:0;transform:none}.workspace-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@font-face{font-family:Geist;src:url(./geist-B40WzpMT.woff2)format("woff2");font-weight:400;font-display:swap}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}a{text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ws-accent);outline-offset:3px}::selection{color:#172554;background:#bfdbfe}.demo-shell{--ws-text:#18181b;--ws-background:#f4f5f7;--ws-surface:#fff;--ws-border:#d8dce5;--ws-accent:#1d4ed8;--ws-on-accent:#fff;--ws-focus:#1d4ed8;--ws-font:Geist,system-ui,sans-serif;--muted:#52525b;--soft:#eff4ff;color:var(--ws-text);background:var(--ws-background);font-family:var(--ws-font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100dvh;line-height:1.6}.demo-shell[data-theme=dark]{--ws-text:#fafafa;--ws-background:#09090b;--ws-surface:#18181b;--ws-border:#3f3f46;--ws-accent:#93c5fd;--ws-on-accent:#172554;--ws-focus:#93c5fd;--muted:#a1a1aa;--soft:#172554;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.demo-header{background:var(--ws-surface);border-bottom:1px solid var(--ws-border);justify-content:space-between;align-items:center;gap:24px;min-height:80px;padding:16px max(24px,50vw - 600px);display:flex}.demo-brand{color:var(--ws-text);align-items:center;gap:12px;font-size:22px;font-weight:600;text-decoration:none;display:flex}.demo-brand img{width:36px;height:36px}.demo-header nav{align-items:center;gap:28px;font-size:14px;display:flex}.demo-header a:not(.demo-brand){color:var(--muted)}.demo-header button{border:1px solid var(--ws-border);background:var(--ws-surface);color:var(--ws-text);cursor:pointer;border-radius:6px;min-height:40px;padding:8px 12px}.demo-main{max-width:1248px;margin:auto;padding:52px 24px 36px}.demo-intro{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px;display:flex}.demo-intro h2{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.2}.demo-intro p{color:var(--muted);max-width:65ch;margin:0}.demo-intro>a{color:var(--ws-accent);flex:none;font-size:14px}.workspace-frame{border:1px solid var(--ws-border);border-radius:12px;overflow:hidden}.workspace{background:var(--ws-surface);padding:0}.workspace-menu{border-bottom:1px solid var(--ws-border);margin:0;padding:12px 20px}.workspace-menu button{color:var(--muted);background:0 0;border:0;padding:8px 16px}.workspace-menu button:hover{color:var(--ws-accent);background:var(--soft)}.workspace-toolbar{background:var(--ws-background);gap:0;padding:0}.workspace button{min-height:40px;font-size:14px}.workspace-status:empty{display:none}.workspace-status{color:var(--muted);padding:12px 24px}.workspace-panel{min-height:420px;padding:32px;animation:.2s ease-out panel-enter}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:-.02em;margin:0 0 8px;font-size:26px;line-height:1.3}.page-heading p{color:var(--muted);max-width:65ch;margin:0;font-size:14px}.page-heading>span{white-space:nowrap;color:var(--muted);font-size:12px}.list-tools{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.list-tools>span{color:var(--muted);font-size:13px}.list-tools label{gap:6px;width:min(100%,360px);font-size:13px;display:grid}.list-tools input{border:1px solid var(--ws-border);background:var(--ws-surface);width:100%;min-height:42px;color:var(--ws-text);border-radius:6px;padding:9px 12px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{color:var(--muted);background:var(--ws-background);font-size:12px;font-weight:400}th,td{border-bottom:1px solid var(--ws-border);white-space:nowrap;padding:14px 16px}td strong{font-weight:500}td small{color:var(--muted);margin-top:2px;font-size:12px;display:block}input[type=checkbox]{width:16px;height:16px;accent-color:var(--ws-accent)}tr[data-selected=true]{background:var(--soft)}.badge{white-space:nowrap;background:var(--soft);color:var(--ws-accent);border-radius:4px;padding:4px 8px;font-size:12px}.badge[data-state=Review]{color:#854d0e;background:#fef3c7}.badge[data-state=Completed]{color:#166534;background:#dcfce7}.footnote{color:var(--muted);margin:24px 0 0;font-size:12px}.draft-label{gap:10px;font-size:14px;display:grid}.draft-label textarea{resize:vertical;border:1px solid var(--ws-border);background:var(--ws-background);width:100%;min-height:200px;color:var(--ws-text);caret-color:var(--ws-accent);border-radius:8px;padding:16px;line-height:1.7}.note-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:16px;display:flex}.note-actions p{color:var(--muted);font-size:12px}.workspace button:disabled{opacity:.5;cursor:not-allowed}.activity-line{border-top:1px solid var(--ws-border);border-bottom:1px solid var(--ws-border);align-items:center;gap:12px;padding:20px 0;display:flex}.activity-line output{color:var(--ws-accent);font-variant-numeric:tabular-nums;margin-left:auto}.workspace-panel pre{background:var(--ws-background);border-radius:8px;padding:20px;font-size:13px;overflow:auto}.demo-help{color:var(--muted);justify-content:space-between;gap:28px;margin-top:22px;font-size:13px;display:flex}.demo-help p{max-width:65ch;margin:0}kbd{border:1px solid var(--ws-border);font:inherit;background:var(--ws-surface);border-radius:4px;padding:2px 5px}.demo-footer{max-width:1248px;color:var(--muted);justify-content:space-between;gap:20px;margin:auto;padding:20px 24px 32px;font-size:12px;display:flex}.demo-footer a{color:var(--ws-accent)}.workspace-switcher{--ws-surface:#fff;--ws-text:#18181b;--ws-border:#d8dce5;--ws-accent:#1d4ed8;--ws-focus:#1d4ed8;font-family:Geist,system-ui,sans-serif}.screen-preview{text-align:left;color:#1d4ed8;background:#eff4ff;border-radius:6px;margin-bottom:14px;padding:12px}.preview-tabs{gap:4px;margin-bottom:14px;display:flex}.preview-tabs i{background:#bfdbfe;border-radius:2px;width:22px;height:6px}.preview-tabs i:first-child{background:#1d4ed8}.preview-lines{gap:6px;display:grid}.preview-lines i{background:#bfdbfe;width:80%;height:4px}.preview-lines i:last-child{width:50%}.screen-preview span{margin-top:16px;font-size:11px;display:block}@keyframes panel-enter{0%{transform:translateY(4px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.workspace-panel{animation:none}}@media (width<=700px){.demo-header{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:16px}.demo-header nav{flex-wrap:wrap;gap:18px}.demo-main{padding:28px 16px}.demo-intro{margin-bottom:24px;display:block}.demo-intro>a{margin-top:16px;display:inline-block}.workspace-menu{padding:8px}.workspace-toolbar{align-items:stretch;gap:0;padding:0}.workspace-panel{min-height:420px;padding:20px 16px}.page-heading{flex-wrap:wrap;gap:12px}.list-tools{flex-direction:column;align-items:flex-start;gap:12px}.demo-help,.demo-footer{flex-direction:column;gap:14px}.note-actions{flex-direction:column;align-items:flex-start;gap:4px}.activity-line{flex-wrap:wrap}.activity-line output{margin-left:0}}html[data-demo-theme=dark] .workspace-switcher{--ws-surface:#18181b;--ws-text:#fafafa;--ws-border:#3f3f46;--ws-accent:#93c5fd;--ws-focus:#93c5fd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.workspace-overlay{--ws-overlay:#09090bb3}.workspace-tabs{gap:0}.workspace [role=tab],.workspace .workspace-close,.workspace .screen-switcher-icon{border-radius:0;height:44px;min-height:44px;margin:0}.workspace .workspace-close{place-items:center;width:32px;padding:4px 10px;display:grid}.workspace .screen-switcher-icon{flex:none;align-self:stretch;place-items:center;width:44px;padding:11px;display:grid}.workspace .screen-switcher-icon:hover{background:var(--soft);color:var(--ws-accent)}@media (width<=700px){.workspace-toolbar{flex-direction:row;align-items:stretch}.workspace-tabs{min-width:0}}
