.automation-feature{--primary:var(--brand);--primary-soft:var(--brand-soft);--on-primary:var(--on-brand);--thread-link:var(--brand-link);--focus-line:var(--accent);--primary-lighter:var(--muted);--content-bg:var(--thread-floor);--card-bg:var(--surface);--input-bg:var(--soft);--input-border:var(--line);--border:var(--line);--text-main:var(--ink);--text-sub:var(--muted);--text-muted:var(--thread-secondary);--text-strong:var(--ink);--gap:16px;--radius:16px;--radius-sm:10px;--radius-pill:999px;--font-family:inherit;--shadow-card:var(--shadow);--success:#258557;--gold:#a57928;--gold-bg:var(--soft);--gold-fg:#9a7023;--danger-bg:var(--danger-soft);--overlay-strong:#1114187a}.modal-overlay.feature-overlay{z-index:150}.modal-card.feature-dialog{flex-direction:column;width:min(540px,100vw - 32px);max-height:min(90vh,100dvh - 32px);display:flex;overflow:hidden}.modal-card.feature-dialog-wide{width:min(1360px,100vw - 32px)}.feature-header{border-bottom:1px solid var(--line);flex:none;margin-bottom:0;padding-bottom:14px}.feature-header .modal-title{font-size:20px}.feature-body{overscroll-behavior:contain;flex:1;min-height:0;padding:20px 2px;overflow:auto}.feature-actions{border-top:1px solid var(--line);flex:none;justify-content:flex-end;align-items:center;gap:10px;padding-top:18px;display:flex}.feature-task-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:45%;margin-right:auto;font-size:13px;overflow:hidden}.feature-dialog .btn-secondary{border:1px solid var(--line);min-height:38px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:999px;padding:7px 16px}.feature-dialog .btn-primary{background:var(--primary);min-height:38px;color:var(--on-primary);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:7px 18px}.feature-dialog .btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 88%, #000)}.task-editor-overlay{--thread-link:var(--bot-link-light,var(--accent))}html[data-theme=dark] .task-editor-overlay{--thread-link:var(--bot-link-dark,var(--accent))}.task-editor-overlay input[type=checkbox]{accent-color:var(--primary)}.task-editor-overlay .feature-tabs button[aria-selected=true]{color:var(--thread-link);box-shadow:0 0 0 1px var(--primary-soft), 0 1px 4px #0001}.feature-dialog button:disabled{opacity:.55;cursor:not-allowed}.feature-dialog .field-block{flex-direction:column;gap:8px;min-width:0;font-size:13px;display:flex}.feature-dialog .field-label{margin:0;font-size:13px}.feature-dialog .input{border:1px solid var(--line);background:var(--soft);width:100%;min-height:42px;color:var(--ink);font:inherit;border-radius:12px;padding:10px 12px}.feature-dialog input[type=checkbox]{width:auto}.feature-dialog .check{align-items:center;gap:9px;display:flex}.feature-dialog .modal-help,.feature-hint{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.feature-dialog .feature-hint{margin-bottom:18px}.feature-editor-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.feature-tabs{background:var(--soft);border-radius:999px;margin-right:auto;padding:4px;display:flex}.feature-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 22px}.feature-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #0001}.feature-settings{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-width:0;margin:0 0 20px;padding:20px;display:grid}.feature-settings[hidden]{display:none}.feature-prompt{flex-direction:column;gap:12px;display:flex}.feature-prompt textarea{resize:vertical;min-height:min(48vh,420px);line-height:1.8}.feature-workflow{border:0;min-width:0;margin:0;padding:0}.feature-dialog .workflow-designer-canvas{height:min(58vh,620px);min-height:360px}.feature-dialog .workflow-node-edit-modal{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}.workflow-node-edit-modal>.wl-close-circle{margin-left:auto;display:flex}.feature-text-button{color:var(--thread-link);text-align:left;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13px}.feature-dialog .chip-row{flex-wrap:wrap;gap:6px;display:flex}.feature-dialog .chip{border:1px solid var(--line);color:var(--ink);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 10px}.feature-dialog .chip.on{background:var(--soft);border-color:var(--muted)}.feature-skeleton{background:linear-gradient(var(--soft) 0 0) 0 0/45% 18px no-repeat, linear-gradient(var(--soft) 0 0) 0 44px/100% 320px no-repeat;border-radius:12px;min-height:420px}.feature-toast{z-index:3;background:var(--thread-ink);width:fit-content;max-width:100%;color:var(--on-ink);box-shadow:var(--shadow);overflow-wrap:anywhere;border-radius:16px;margin:16px auto 0;padding:12px 20px;font-size:13px;position:sticky;bottom:0}.feature-artifact-frame{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:60vh}.automation-feature :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.automation-feature .ntf-page{max-width:none;padding:0}.automation-feature .ntf-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.feature-dialog .workflow-node-edit-overlay{z-index:5}@media (width<=760px){.modal-overlay.feature-overlay{padding:8px}.modal-card.feature-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:20px 16px 16px}.feature-settings,.automation-feature .ntf-grid{grid-template-columns:minmax(0,1fr);align-items:start}.feature-settings{padding:16px}.feature-editor-toolbar .feature-tabs{width:100%;margin-right:0}.feature-tabs button{flex:1}.feature-task-name{display:none}.feature-body{padding-top:16px}.feature-dialog .workflow-designer-canvas{height:50vh;min-height:300px}}.feature-bindings{margin:12px 0;padding:0;font-size:13px;list-style:none}.feature-bindings li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}
