:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--tf-border:#c8ccd4;--tf-surface:#fff;--tf-surface-muted:#f4f6f9;--tf-text:#1b1f24;--tf-text-muted:#59606a;--tf-accent:#1d4ed8;--tf-error:#b42318;--tf-error-surface:#fdeceb;--tf-focus:#2563eb;--tf-radius:8px;--tf-gap:1rem;--tf-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--tf-border:#3a3f47;--tf-surface:#16181d;--tf-surface-muted:#1e2127;--tf-text:#e8eaed;--tf-text-muted:#a6adb8;--tf-accent:#93b4ff;--tf-error:#ff9a92;--tf-error-surface:#3a1d1b;--tf-focus:#93b4ff}}*{box-sizing:border-box}body{background:var(--tf-surface-muted);color:var(--tf-text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{min-height:100vh}.app-header{padding:1.5rem var(--tf-gap) .5rem;max-width:1100px;margin:0 auto}.app-header h1{margin:0;font-size:1.75rem}.app-main{gap:var(--tf-gap);max-width:1100px;padding:var(--tf-gap);flex-direction:column;margin:0 auto;display:flex}.panel{background:var(--tf-surface);border:1px solid var(--tf-border);border-radius:var(--tf-radius);padding:1rem}.panel h2{margin-top:0;font-size:1.2rem}.panel h3{font-size:1.05rem}.panel h4{margin-bottom:.25rem;font-size:1rem}.muted{color:var(--tf-text-muted)}.editor-help{margin-top:.25rem}.source-editor{border:1px solid var(--tf-border);border-radius:var(--tf-radius);overflow:hidden}.source-editor .cm-editor{min-height:14rem;max-height:32rem}.source-editor .cm-scroller{font-family:var(--tf-mono);font-size:.9rem}.editor-status{color:var(--tf-text-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin:.5rem 0 0;font-size:.9rem;display:flex}.editor-status-position{font-family:var(--tf-mono)}.diagnostic-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.diagnostic{text-align:left;background:var(--tf-surface-muted);width:100%;color:inherit;border:1px solid var(--tf-border);border-radius:var(--tf-radius);font:inherit;cursor:pointer;border-left-width:4px;flex-direction:column;gap:.25rem;padding:.5rem .75rem;display:flex}.diagnostic-error{border-left-color:var(--tf-error)}.diagnostic-warning{border-left-color:#b45309}.diagnostic-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.85rem;display:flex}.diagnostic-code{font-family:var(--tf-mono);font-weight:600}.diagnostic-phase,.diagnostic-location{color:var(--tf-text-muted)}.diagnostic-message{white-space:pre-wrap;overflow-wrap:anywhere}.diagnostic-hint{color:var(--tf-text-muted);font-size:.9rem}.field-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.scalar-field{border-top:1px solid var(--tf-border);flex-direction:column;gap:.5rem;padding:.5rem 0;display:flex}.field-list>li:first-child .scalar-field{border-top:none}.field-mode{align-items:center;gap:.5rem;display:flex}.field-control{flex-direction:column;gap:.25rem;display:flex}.field-control label{font-weight:600}.field-control input[type=text],.field-control select{width:100%;max-width:24rem;font:inherit;color:inherit;background:var(--tf-surface);border:1px solid var(--tf-border);border-radius:6px;padding:.4rem .5rem}.field-control input[type=text]{font-family:var(--tf-mono)}.field-hint{color:var(--tf-text-muted);margin:0;font-size:.85rem}.field-error{color:var(--tf-error);margin:0;font-size:.9rem}.start-button{font:inherit;color:#fff;background:var(--tf-accent);border:1px solid var(--tf-accent);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-weight:600}.start-button:disabled{cursor:not-allowed;opacity:.6}.start-hint{margin-bottom:0}.pending{color:var(--tf-text-muted);font-style:italic}.reference-examples{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.reference-example{border:1px solid var(--tf-border);border-radius:var(--tf-radius);padding:.75rem}.reference-source{background:var(--tf-surface-muted);border:1px solid var(--tf-border);font-family:var(--tf-mono);border-radius:6px;margin:0 0 .5rem;padding:.5rem .75rem;font-size:.85rem;overflow-x:auto}.reference-load{font:inherit;border:1px solid var(--tf-border);background:var(--tf-surface);color:inherit;cursor:pointer;border-radius:6px;padding:.35rem .75rem}.sharing{flex-direction:column;gap:.75rem;display:flex}.sharing-file,.sharing-group{flex-direction:column;gap:.35rem;display:flex}.sharing-file label{font-weight:600}.sharing-candidate,.sharing-rejected{border:1px solid var(--tf-border);border-radius:var(--tf-radius);padding:.75rem}.sharing-source{background:var(--tf-surface-muted);border:1px solid var(--tf-border);max-height:18rem;font-family:var(--tf-mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;margin:.5rem 0;padding:.5rem .75rem;font-size:.85rem;overflow:auto}.sharing-actions{flex-wrap:wrap;gap:.5rem;display:flex}.sharing-actions button,.sharing-group button{font:inherit;border:1px solid var(--tf-border);background:var(--tf-surface);color:inherit;cursor:pointer;border-radius:6px;padding:.35rem .75rem}.sharing-group button:disabled{cursor:default;color:var(--tf-text-muted)}.sharing-link-value{width:100%;font-family:var(--tf-mono);font-size:.85rem}.sharing-status{margin:0}.sharing-error{color:var(--tf-error);margin:.5rem 0 0;font-weight:600}.sharing-diagnostics{margin:.5rem 0 0;padding-left:1.25rem}.sharing-diagnostics li{margin-top:.25rem}.runner{flex-direction:column;gap:.75rem;display:flex}.runner-notice{background:var(--tf-surface-muted);border:1px solid var(--tf-border);border-left-width:4px;border-left-color:var(--tf-accent);border-radius:6px;margin:0;padding:.5rem .75rem;font-size:.9rem}.runner-audio,.runner-at-limit{margin:0}.audio-diagnostics,.run-diagnostics ul{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.audio-diagnostics li,.run-diagnostics li{flex-wrap:wrap;gap:.5rem;font-size:.9rem;display:flex}.run-list{flex-direction:column;gap:1rem;display:flex}.run-card{border:1px solid var(--tf-border);border-radius:var(--tf-radius);background:var(--tf-surface);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.run-card-header h3{margin:0;font-size:1.1rem}.run-meta{flex-wrap:wrap;gap:.5rem 1rem;margin:.25rem 0 0;font-size:.85rem;display:flex}.run-step,.run-countdown{margin:0}.run-countdown-value{font-family:var(--tf-mono);font-weight:600}.run-confirm{border:1px solid var(--tf-accent);border-radius:6px;padding:.5rem .75rem}.run-confirm h4,.run-blocked h4,.run-history h4,.run-diagnostics h4{margin:0 0 .25rem}.run-confirm-message,.run-notification-message{white-space:pre-wrap;overflow-wrap:anywhere}.run-controls{flex-wrap:wrap;gap:.5rem;display:flex}.run-controls button,.run-environment button{font:inherit;border:1px solid var(--tf-border);background:var(--tf-surface);color:inherit;cursor:pointer;border-radius:6px;padding:.35rem .75rem}.run-history ul{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.run-notification{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.run-notification.missed{opacity:.7}.run-notification-meta{font-size:.8rem}.run-error{color:var(--tf-error);margin:0}.run-applied{font-family:var(--tf-mono);flex-direction:column;gap:.25rem;margin:.5rem 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.run-applied li{gap:.5rem;display:flex}.run-applied-name{font-weight:600}.run-source-text{background:var(--tf-surface-muted);border:1px solid var(--tf-border);font-family:var(--tf-mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;margin:.5rem 0 0;padding:.5rem .75rem;font-size:.85rem;overflow-x:auto}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button,input,select,textarea,.cm-content):focus-visible,.source-editor:focus-within{outline:2px solid var(--tf-focus);outline-offset:1px}@media (width>=48rem){.app-main{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;display:grid}.editor-panel,.reference,.runner,.sharing{grid-column:1/-1}}