@font-face{font-family:Maple Mono SC NF;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/maple-mono-SC-NF/MapleMono-SC-NF-Regular.woff2) format("woff2")}@font-face{font-family:Maple Mono SC NF;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/maple-mono-SC-NF/MapleMono-SC-NF-Bold.woff2) format("woff2")}:root,[data-theme=light]{--accent: #5046e4;--accent-soft: #ebe9ff;--on-accent: #fff;--bg: #f6f6fa;--on-bg: #18181c;--surface: #f6f6fa;--surface-lo: #efeff5;--surface-mid: #e8e8ee;--surface-hi: #e0e0e8;--on-surface: #18181c;--on-surface-mute: #5b5b66;--border: #d6d6de;--border-soft: #e8e8ee;--el-1: 0 1px 2px rgba(0,0,0,.06);--el-2: 0 4px 12px rgba(0,0,0,.1);--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-pill: 9999px;--font-ui: "Maple Mono SC NF", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-code: "Maple Mono SC NF", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-mono: "Maple Mono SC NF", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--grid-dot: rgba(24,24,28,.08);--port-default: oklch(.62 .02 270);--code-keyword: #af00db;--code-string: #a31515;--code-number: #098658;--code-comment: #008000;--code-builtin: #0070c1;--code-decorator: #795e26}[data-theme=dark]{--accent: #a5a3f5;--accent-soft: #2a2766;--on-accent: #15123d;--bg: #15151a;--on-bg: #ebeaf0;--surface: #15151a;--surface-lo: #1c1c22;--surface-mid: #22222a;--surface-hi: #2a2a33;--on-surface: #ebeaf0;--on-surface-mute: #9c9ba6;--border: #34343e;--border-soft: #22222a;--el-1: 0 1px 2px rgba(0,0,0,.5);--el-2: 0 4px 12px rgba(0,0,0,.6);--grid-dot: rgba(255,255,255,.08);--port-default: oklch(.55 .02 270);--code-keyword: #569cd6;--code-string: #ce9178;--code-number: #b5cea8;--code-comment: #6a9955;--code-builtin: #4ec9b0;--code-decorator: #dcdcaa}html.theme-freeze,html.theme-freeze *,html.theme-freeze *:before,html.theme-freeze *:after{transition:none!important}#btnDarkMode .icon-sun,[data-theme=dark] #btnDarkMode .icon-moon{display:none}[data-theme=dark] #btnDarkMode .icon-sun{display:block}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-ui);font-size:13px;line-height:1.5;color:var(--on-surface);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}input,textarea,[contenteditable=true]{user-select:text!important;-webkit-user-select:text!important}.app-shell{display:grid;grid-template-columns:1fr;grid-template-rows:40px minmax(0,1fr) minmax(220px,auto);height:100vh;background:var(--bg);--sidebar-w: 220px;position:relative;transition:grid-template-rows .22s ease}.app-shell.console-pane--collapsed{grid-template-rows:40px minmax(0,1fr) 0}.app-shell--sb-collapsed{--sidebar-w: 6px}.top-bar{display:flex;align-items:center;gap:2px;padding:0 8px;background:var(--surface);border-bottom:1px solid var(--border);grid-column:1 / -1;grid-row:1}.top-bar__title{flex:1;text-align:center;font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.3px;color:var(--on-surface-mute);text-transform:lowercase}.top-bar__title strong{color:var(--on-surface);margin-right:6px}.icon-btn{position:relative;width:30px;height:30px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--on-surface-mute);transition:background .12s,opacity .12s}.icon-btn:hover{background:#8080801a}.icon-btn:disabled{opacity:.25;pointer-events:none}.icon-btn--saving{pointer-events:none}.icon-btn--saving svg{opacity:0}.icon-btn--saving:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:14px;height:14px;border:2px solid var(--border-soft);border-top-color:var(--accent);border-radius:50%;animation:btn-spin .6s linear infinite}.project-overlay{position:absolute;top:0;left:var(--sidebar-w);right:0;bottom:0;z-index:300;background:#80808026;display:flex;align-items:center;justify-content:center}.project-overlay--hidden{display:none}.project-overlay__text{font-family:var(--font-ui);font-size:14px;color:var(--on-surface-mute);opacity:.6}.main-area{grid-column:1;grid-row:2;min-height:0;overflow:hidden;position:relative}.canvas{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:radial-gradient(circle at 1px 1px,var(--grid-dot) 1px,transparent 0) 0 0 / 22px 22px,var(--bg);z-index:0}.node{position:absolute;width:560px;min-width:320px;max-width:6000px;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--el-1);border:1px solid var(--border);display:flex;flex-direction:column}.node__resize-l,.node__resize-r{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize;z-index:2}.node__resize-l{left:-3px}.node__resize-r{right:-3px}.node__header{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-soft);cursor:grab;background:var(--surface-lo);border-radius:var(--r-md) var(--r-md) 0 0;transition:background .18s}.node__header:active{cursor:grabbing}.node--focused .node__header{background:var(--surface-mid)}.node--focused{box-shadow:var(--el-1),0 0 0 1px color-mix(in srgb,var(--accent-soft) 80%,var(--accent) 20%),0 0 5px 1px color-mix(in srgb,var(--accent-soft) 80%,var(--accent) 20%)}.task--focused,.op-group--focused{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-soft) 80%,var(--accent) 20%),0 0 4px 1px color-mix(in srgb,var(--accent-soft) 80%,var(--accent) 20%)}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:0;z-index:10000;pointer-events:none}.toast{padding:6px 16px;background:var(--surface-lo);color:var(--on-surface);border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--font-ui);font-size:12px;opacity:0;pointer-events:auto;user-select:text;-webkit-user-select:text;box-shadow:var(--el-2);text-align:center;max-height:80px;overflow:hidden;margin-bottom:4px;transition:opacity .2s ease,max-height .25s ease,margin .25s ease,padding .25s ease,border-width .25s ease}.toast--show{opacity:1}.toast--entering{opacity:0!important;max-height:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-top-width:0!important;border-bottom-width:0!important}.toast--pinned{box-shadow:var(--el-2),0 0 0 1px var(--accent-soft)}.toast--leaving{opacity:0!important;max-height:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-top-width:0!important;border-bottom-width:0!important}.node__title{font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--on-surface);outline:none;display:inline-block;max-width:100%;padding:2px 4px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node__title:focus{background:var(--accent-soft);border-radius:var(--r-xs);user-select:text!important;-webkit-user-select:text!important;cursor:text;white-space:normal;overflow:hidden;max-width:100%}.node__body{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1.15fr);gap:0;padding:8px}.node__port-rail{position:absolute;top:calc(50% + 22px);transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3}.node__port-rail--in{left:-8px}.node__port-rail--out{right:-8px;top:0;transform:none;width:14px;gap:18px}.node__port-rail--out .port{position:absolute;left:50%;transform:translate(-50%);margin:0}.node__port-add{width:14px;height:14px;border-radius:50%;flex-shrink:0;cursor:pointer;border:1.5px dashed var(--border);padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;color:var(--on-surface-mute);background:var(--surface);transition:border-color .12s}.node__port-add:hover{border-color:var(--accent);color:var(--accent)}.node__wires{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}.node--goto{min-width:107px}.node--goto .goto__card{padding:14px 12px}.goto__target{width:100%}.port--goto-marker{width:14px;height:14px;min-width:14px;min-height:14px;aspect-ratio:1 / 1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:default}.port--goto-marker .port__svg{overflow:visible}.port--goto-marker circle:first-child{fill:var(--port-default)}.port--goto-marker circle:last-child{fill:#fff}.wire-line--forced{opacity:1}.col{padding:6px 10px;min-height:100px;min-width:0}.col--drop-target{position:relative;background:#8080800a;border-radius:3px}.col--drop-target:after{content:"";position:absolute;left:5px;right:5px;top:2px;bottom:2px;border:1.5px solid var(--accent);border-radius:3px;pointer-events:none;z-index:5}.col--empty.col--drop-target{box-shadow:none!important;background:none!important;outline:none!important}.drop-insert-marker{height:2px;background:var(--accent);margin:0;pointer-events:none;opacity:.8}.col__divider{background:var(--border-soft);width:1px;position:relative}.col__divider:before{content:"";position:absolute;left:-4px;right:-4px;top:0;bottom:0;cursor:col-resize}.col__divider:hover{background:var(--accent-soft)}.col__divider:hover:before{background:transparent}.col__divider--disabled{cursor:default!important}.col__divider--disabled:before{cursor:default!important}.col__divider--disabled:hover{background:var(--border-soft)}.col__divider--disabled:hover:before{background:transparent}.col__divider--dashed{background:repeating-linear-gradient(to bottom,var(--border-soft) 0 4px,transparent 4px 8px)}.col__divider--dashed:hover{background:repeating-linear-gradient(to bottom,var(--accent-soft) 0 4px,transparent 4px 8px)}.col__divider--dashed.col__divider--disabled{background:none}.col__title--with-add{display:flex;align-items:center;justify-content:space-between;gap:4px}.col__add-subcol{flex:0 0 auto;width:14px;height:14px;padding:0;line-height:1;border:1px dashed var(--border);border-radius:3px;background:none;color:var(--on-surface-mute);font-size:11px;font-family:var(--font-ui);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.col__add-subcol:hover{border-color:var(--accent);color:var(--accent)}.col__title{font-family:var(--font-ui);font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--on-surface-mute);line-height:14px;margin-bottom:8px}.col__empty{min-height:60px;border:1px dashed var(--border);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--on-surface-mute);opacity:.55;text-align:center}.col--empty{padding:0;overflow:hidden;position:relative}.col--empty .col__title,.col--empty .col__empty{display:none}.col--empty-all{padding:8px;overflow:visible;position:relative}.col--empty-all .col__title{display:none}.col--empty-all .col__empty{display:flex;align-items:center;justify-content:center;min-height:60px;border:1px dashed var(--border);border-radius:var(--r-sm);font-size:11px;color:var(--on-surface-mute);opacity:.55}.col--empty-all.col--drop-target{background:#8080800a;border-radius:3px}.col--empty-all.col--drop-target:after{content:"";position:absolute;left:5px;right:5px;top:2px;bottom:2px;border:1.5px solid var(--accent);border-radius:3px;pointer-events:none;z-index:5}.col--empty.col--drop-target:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:var(--accent);border-radius:1px;opacity:.6}.col--logic-empty{min-height:100px}.col--logic-empty.col--drop-target{background:#8080800a;border-radius:3px}.col--logic-empty.col--drop-target:after{content:"";position:absolute;left:5px;right:5px;top:2px;bottom:2px;border:1.5px solid var(--accent);border-radius:3px;pointer-events:none;z-index:5}.task{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-sm);margin-bottom:4px}.task:last-child{margin-bottom:0}.task--undefined{background:var(--surface-hi);border-color:var(--border);border-style:dashed}.task--undefined .task__undefined-msg{font-family:var(--font-ui);font-size:11px;font-style:italic;color:var(--on-surface-mute);padding:4px 6px;word-break:break-all}.op-group__body{padding:4px}.task__head{display:flex;align-items:center;padding:5px 10px;cursor:grab;user-select:none;-webkit-user-select:none}.task__head:active{cursor:grabbing}.task__body{padding:0 10px 4px}.task__body:empty{padding:0;height:0}.task__title{font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--on-surface);outline:none;display:inline-block;padding:2px 4px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.task__title:focus{background:var(--accent-soft);border-radius:var(--r-xs);user-select:text!important;-webkit-user-select:text!important;cursor:text;white-space:normal;overflow:hidden;max-width:100%}.wires-zone{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);gap:10px;align-items:center;padding:4px 2px;min-width:0}.wires-zone--empty{display:none}.wires-col{display:flex;flex-direction:column;gap:4px;min-width:0}.wires-col--input{align-items:flex-start}.wires-col--output{align-items:flex-end}.wires-mid{min-width:0;text-align:center;font-family:var(--font-ui);font-size:10px;color:var(--on-surface-mute)}.wire-row{display:flex;align-items:center;gap:6px;height:14px;min-width:0;max-width:100%}.wires-col--output .wire-row{flex-direction:row-reverse}.wire-row__label{outline:none;white-space:nowrap;font-family:var(--font-ui);font-size:10px;color:var(--on-surface-mute);overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto;max-width:100%}.port{background-color:var(--port-c, var(--port-default));flex-shrink:0;cursor:crosshair;border:0;padding:0;display:inline-block;position:relative;margin:0}.port:not(:hover){transition:width .12s,height .12s,margin .12s,min-width .12s,min-height .12s}.port--circle{width:14px;height:14px;min-width:14px;min-height:14px;max-width:14px;max-height:14px;border-radius:0;background:transparent;aspect-ratio:1 / 1;box-sizing:border-box}.port__svg{width:100%;height:100%;display:block;pointer-events:none;overflow:visible;transform-origin:center;transition:transform .12s}.port__circle{fill:var(--port-c, var(--port-default))}.port--circle:hover .port__svg{transform:scale(1.214)}.wires-col--input .port{transform:translate(-4px)}.wires-col--output .port{transform:translate(4px)}.port--square{width:13px;height:13px;min-width:13px;min-height:13px;border-radius:3px;aspect-ratio:1 / 1;box-sizing:border-box}.port--square:hover{width:16px;height:16px;min-width:16px;min-height:16px;margin:-1.5px}.field{display:flex;flex-direction:column;margin-top:0;min-width:0}.field__label{font-family:var(--font-ui);font-size:9px;font-weight:600;letter-spacing:.4px;color:var(--on-surface-mute);padding:0 4px}.field__input{height:24px;padding:0 6px;background:var(--surface-hi);border:none;border-bottom:1px solid var(--border);border-radius:var(--r-xs) var(--r-xs) 0 0;font-family:var(--font-ui);font-size:11px;color:var(--on-surface);outline:none;width:100%;box-sizing:border-box;min-width:0}.field__input:focus{border-bottom-color:transparent;background-origin:border-box;background-clip:border-box;background-image:linear-gradient(transparent 0,transparent calc(100% - 2px),var(--accent) calc(100% - 2px),var(--accent) 100%)}.code-field{display:flex;align-items:stretch;width:100%;min-width:0;box-sizing:border-box;background:var(--surface-hi);border:none;border-bottom:1px solid var(--border);border-radius:var(--r-xs) var(--r-xs) 0 0;overflow:hidden}.code-field:focus-within{border-bottom-color:transparent;background-origin:border-box;background-clip:border-box;background-image:linear-gradient(transparent 0,transparent calc(100% - 2px),var(--accent) calc(100% - 2px),var(--accent) 100%)}.code-field__editor{position:relative;flex:1 1 auto;min-width:0}.code-field__hl{margin:0;min-height:24px;padding:4px 6px;box-sizing:border-box;font-family:var(--font-mono);font-size:11px;line-height:1.4;white-space:pre-wrap;overflow-wrap:break-word;color:var(--on-surface);overflow:hidden}.code-field__hl>div{white-space:pre-wrap;overflow-wrap:break-word}.code-field__hl .tk-comment{color:var(--code-comment)}.code-field__hl .tk-string{color:var(--code-string)}.code-field__hl .tk-number{color:var(--code-number)}.code-field__hl .tk-decorator{color:var(--code-decorator)}.code-field__hl .tk-keyword{color:var(--code-keyword)}.code-field__hl .tk-builtin{color:var(--code-builtin)}.code-field textarea.field__input{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;min-height:0;width:auto;resize:none;padding:4px 6px;line-height:1.4;overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;background:transparent;border:none;border-radius:0;font-family:var(--font-mono);color:transparent;caret-color:var(--on-surface);flex:none}.code-field textarea.field__input:focus{background-image:none;border-bottom-color:transparent}.code-field textarea.field__input.code-field__composing{color:var(--on-surface)}.code-field__gutter{flex:0 0 auto;min-width:18px;padding:4px 6px 4px 8px;text-align:right;font-family:var(--font-mono);font-size:11px;line-height:1.4;color:var(--on-surface-mute);background:var(--surface-lo);border-right:1px solid var(--border);user-select:none;-webkit-user-select:none;overflow:hidden}.field-row{display:flex;flex-wrap:wrap;row-gap:2.5px;column-gap:6px;margin-top:4px;min-width:0}.field__image{cursor:pointer;border:1.5px dashed var(--border);border-radius:var(--r-xs);overflow:hidden;transition:border-color .12s;min-height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-hi)}.field__image:hover{border-color:var(--accent)}.field__image img{width:100%;height:auto;display:block;pointer-events:none}.field__image--empty{font-family:var(--font-ui);font-size:10px;color:var(--on-surface-mute);padding:6px;text-align:center;height:24px;min-height:0}.image-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:10000;display:flex;align-items:center;justify-content:center}.image-popup{background:var(--surface);border-radius:var(--r-md);padding:20px;min-width:320px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000040}.image-popup__preview{flex:1;min-height:120px;max-height:60vh;overflow:auto;display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--border);border-radius:var(--r-xs);margin-bottom:14px;cursor:pointer;position:relative;background:var(--surface-hi)}.image-popup__preview:hover{border-color:var(--accent)}.image-popup__preview img{max-width:100%;max-height:58vh;display:block}.image-popup__preview--empty{font-family:var(--font-ui);font-size:12px;color:var(--on-surface-mute);padding:24px;text-align:center}.image-popup__actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.image-popup__paste{font-family:var(--font-ui);font-size:11px;padding:5px 12px;border-radius:var(--r-xs);cursor:pointer;border:1px solid var(--border)!important;background:var(--surface-hi);color:var(--on-surface);margin-right:auto}.image-popup__paste:hover{background:var(--surface-mid)}.image-popup__actions button{font-family:var(--font-ui);font-size:11px;padding:5px 16px;border-radius:var(--r-xs);cursor:pointer;border:none}.image-popup__cancel{background:var(--surface-hi);color:var(--on-surface);border:1px solid var(--border)!important}.image-popup__cancel:hover{background:var(--surface-mid)}.image-popup__ok{background:var(--accent);color:var(--on-accent)}.image-popup__ok:hover:not(:disabled){opacity:.9}.image-popup__ok:disabled{opacity:.5;cursor:not-allowed}.image-popup-overlay--stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000073;display:flex;align-items:center;justify-content:center}.image-popup-overlay--stage .image-popup{width:90%;min-width:0;max-width:none;max-height:92%;padding:14px}.image-popup-overlay--stage .image-popup__preview{min-height:60px;max-height:none}.image-popup-overlay--stage .image-popup__preview--empty{padding:16px}.image-popup-overlay--stage .image-popup__preview img{max-height:none}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;position:relative}.switch__track{width:26px;height:13px;border-radius:var(--r-pill);background:var(--surface-hi);border:1.5px solid var(--border);position:relative;transition:background .16s cubic-bezier(.34,1.56,.64,1),border-color .16s ease}.switch__thumb{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:7px;height:7px;border-radius:var(--r-pill);background:var(--on-surface-mute);transition:left .26s cubic-bezier(.34,1.56,.64,1),background .16s ease;box-shadow:0 1px 2px #00000026}.switch--on .switch__track{background:#10b981;border-color:#10b981}.switch--on .switch__thumb{left:15px;background:#fff}.port__tooltip{position:fixed;padding:3px 7px;background:var(--surface);color:var(--on-surface);border:1px solid var(--border);border-radius:var(--r-xs);font-family:var(--font-ui);font-size:10px;line-height:1.4;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:1000;box-shadow:var(--el-2)}.port__tooltip--show{opacity:1}.op-group{background:var(--surface-lo);border:1px solid var(--border-soft);border-radius:var(--r-sm);margin-bottom:12px}.op-group__head{display:flex;align-items:center;padding:2px 4px;gap:8px;background:var(--surface);border-bottom:1px solid var(--border-soft);border-radius:var(--r-sm) var(--r-sm) 0 0;user-select:none;-webkit-user-select:none;cursor:grab}.op-group__head:active{cursor:grabbing}.op-group__name{display:inline-block;max-width:100%;padding:2px 4px;line-height:14px;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-group__name:focus{background:var(--accent-soft);border-radius:var(--r-xs);user-select:text!important;-webkit-user-select:text!important;cursor:text;white-space:normal;overflow:hidden;max-width:100%}.op-group__exit-port{flex:0 0 auto;width:13px;height:13px;border-radius:3px;flex-shrink:0;display:inline-block;box-sizing:border-box;background-color:var(--port-default, #999);margin-left:auto}.op-group__head>.port--square{transform:translate(2px)}.op-group__head>.op-group__exit-port{transform:translate(-2px)}.code-preview{position:absolute;top:0;right:-25%;bottom:0;width:25%;min-width:300px;max-width:50%;background:var(--surface-lo);border-left:1px solid var(--border);z-index:100;display:flex;flex-direction:column;transition:right .2s ease;box-shadow:var(--el-2)}.code-preview--fullscreen{top:0!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;min-width:0!important;max-width:none!important;z-index:1000}.code-preview--fullscreen .code-preview__code{font-size:14px}.code-preview__toggle{width:28px;height:28px;flex-shrink:0;margin-left:auto;border-radius:var(--r-sm);background:var(--surface-lo);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--on-surface-mute);cursor:pointer;transition:background .12s,color .12s;box-shadow:var(--el-1)}.code-preview__toggle:hover{background:var(--surface-mid);color:var(--on-surface)}.code-preview__toggle svg{transition:transform .2s ease}.code-preview__toggle--expanded svg{transform:rotate(180deg)}.code-preview__resize{position:absolute;left:0;top:0;bottom:0;width:5px;cursor:ew-resize;z-index:2;transition:background .12s}.code-preview__resize:hover{background:var(--accent-soft)}.code-preview__header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--border-soft);flex-shrink:0}.code-preview__label{font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.3px;color:var(--on-surface-mute);flex-shrink:0}.code-preview__search{display:flex;align-items:center;gap:2px;flex:1 1 auto;margin:0 8px;min-width:0;max-width:280px}.code-preview__search-input{flex:1;min-width:0;height:22px;padding:0 6px;border:1px solid var(--border);border-radius:var(--r-xs);background:var(--surface);color:var(--on-surface);font-family:var(--font-ui);font-size:10px;outline:none}.code-preview__search-input:focus{border-color:var(--accent)}.code-preview__search-input::placeholder{color:var(--on-surface-mute)}.code-preview__search-count{font-family:var(--font-ui);font-size:9px;color:var(--on-surface-mute);white-space:nowrap;min-width:0;text-align:center;flex-shrink:0}.code-preview__search-btn{width:20px;height:20px;border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--on-surface-mute);cursor:pointer;flex-shrink:0}.code-preview__search-btn:hover{color:var(--accent);background:var(--surface-mid)}.code-preview__code mark.mark--search{background:#eedea1;color:#000;border-radius:2px}.code-preview__code mark.mark--search.code-preview__search--active{background:#c04100;background:oklch(.55 .18 40);outline:1px solid oklch(.55 .18 40);color:#fff}[data-theme=dark] .code-preview__code mark.mark--search{background:#473910;color:#eee}[data-theme=dark] .code-preview__code mark.mark--search.code-preview__search--active{background:#c16300;background:oklch(.6 .2 55);color:#111}.code-preview__fullscreen-btn{width:22px;height:22px;border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center;color:var(--on-surface-mute);cursor:pointer;font-size:13px;transition:color .12s,background .12s}.code-preview__fullscreen-btn:hover{color:var(--accent);background:var(--surface-mid)}.code-preview__body{flex:1;overflow:auto;padding:14px 16px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.code-preview__body::-webkit-scrollbar{width:5px;height:5px}.code-preview__body::-webkit-scrollbar-track{background:transparent}.code-preview__body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.code-preview__body::-webkit-scrollbar-thumb:hover{background:var(--on-surface-mute)}.code-preview__code,.code-preview__code.line-numbers{font-family:var(--font-code);font-size:12px;line-height:1.5;white-space:pre;-moz-tab-size:4;tab-size:4;margin:0;padding:0;background:transparent!important;border:none;text-shadow:none;overflow:visible!important;user-select:text;-webkit-user-select:text}.code-preview__code code[class*=language-]{font-family:var(--font-code);background:none;text-shadow:none}.code-preview__code *{user-select:text;-webkit-user-select:text}.code-preview__code .line-numbers-rows,.code-preview__code .line-numbers-rows *{user-select:none;-webkit-user-select:none}.code-preview__ctxmenu{position:fixed;z-index:9999;background:var(--surface-hi);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--el-2);padding:4px;min-width:80px}.code-preview__ctxmenu-item{display:block;width:100%;padding:6px 12px;border-radius:var(--r-xs);font-size:12px;text-align:left;color:var(--on-surface);cursor:pointer;transition:background 80ms}.code-preview__ctxmenu-item:hover{background:var(--accent-soft)}[data-theme=dark] .code-preview__code,[data-theme=dark] .code-preview__code code[class*=language-],[data-theme=dark] .code-preview__code pre[class*=language-]{color:#d4d4d4;text-shadow:none}[data-theme=dark] .code-preview__body{background:#1e1e1e}[data-theme=dark] .code-preview__code ::selection{background:#264f78}[data-theme=dark] .code-preview__code .token.comment,[data-theme=dark] .code-preview__code .token.prolog,[data-theme=dark] .code-preview__code .token.doctype,[data-theme=dark] .code-preview__code .token.cdata{color:#6a9955;font-style:italic}[data-theme=dark] .code-preview__code .token.punctuation{color:#d4d4d4}[data-theme=dark] .code-preview__code .token.keyword,[data-theme=dark] .code-preview__code .token.boolean{color:#569cd6}[data-theme=dark] .code-preview__code .token.string,[data-theme=dark] .code-preview__code .token.char,[data-theme=dark] .code-preview__code .token.attr-value{color:#ce9178}[data-theme=dark] .code-preview__code .token.function,[data-theme=dark] .code-preview__code .token.decorator{color:#dcdcaa}[data-theme=dark] .code-preview__code .token.class-name,[data-theme=dark] .code-preview__code .token.builtin{color:#4ec9b0}[data-theme=dark] .code-preview__code .token.number{color:#b5cea8}[data-theme=dark] .code-preview__code .token.operator,[data-theme=dark] .code-preview__code .token.entity,[data-theme=dark] .code-preview__code .token.url{color:#d4d4d4;background:none}[data-theme=dark] .code-preview__code .token.variable,[data-theme=dark] .code-preview__code .token.attr-name{color:#9cdcfe}[data-theme=dark] .code-preview__code .token.property,[data-theme=dark] .code-preview__code .token.tag,[data-theme=dark] .code-preview__code .token.constant,[data-theme=dark] .code-preview__code .token.symbol,[data-theme=dark] .code-preview__code .token.selector,[data-theme=dark] .code-preview__code .token.important,[data-theme=dark] .code-preview__code .token.regex{color:#d7ba7d}.task-palette{position:relative;z-index:102;width:220px;flex-shrink:0;display:flex;flex-direction:column;overflow:visible}.task-palette--collapsed .task-palette__body{opacity:0;transform:translateY(-6px);pointer-events:none}.task-palette__header{display:flex;align-items:center;height:28px;padding:0 10px;background:var(--surface-lo);border:1px solid var(--border);border-radius:var(--r-sm);flex-shrink:0;cursor:pointer;box-shadow:var(--el-1);transition:background .12s,border-radius .2s ease}.task-palette:not(.task-palette--collapsed) .task-palette__header{border-radius:var(--r-sm) var(--r-sm) 0 0}.task-palette__header:hover{background:var(--surface-mid)}.task-palette__label{font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--on-surface-mute);flex:1;white-space:nowrap;line-height:28px;text-align:center}.task-palette__arrow{font-size:10px;color:var(--on-surface-mute);transition:transform .2s ease;flex-shrink:0}.task-palette--collapsed .task-palette__arrow{transform:rotate(180deg)}.task-palette__body{position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - var(--palette-bottom-gap, 50px) - 28px);background:var(--surface-lo);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--r-sm) var(--r-sm);box-shadow:var(--el-2);overflow-y:auto;overflow-x:hidden;padding:6px;opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,max-height .22s ease;scrollbar-width:thin;scrollbar-color:var(--border) transparent;z-index:1}.task-palette__body::-webkit-scrollbar{width:5px}.task-palette__body::-webkit-scrollbar-track{background:transparent}.task-palette__body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.task-palette__body::-webkit-scrollbar-thumb:hover{background:var(--on-surface-mute)}.task-palette__section{margin-bottom:8px}.task-palette__section-title{font-family:var(--font-ui);font-size:9px;font-weight:600;color:var(--on-surface-mute);padding:2px 6px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px}.task-palette__section-title:hover{color:var(--on-surface)}.task-palette__section-title:before{content:"▼";font-size:7px;transition:transform .15s}.task-palette__section--collapsed .task-palette__section-title{margin-bottom:0}.task-palette__section--collapsed .task-palette__section-title:before{transform:rotate(-90deg)}.task-palette__section--collapsed .task-palette__card,.task-palette__section--collapsed .task-palette__empty{display:none}.task-palette__empty{font-size:10px;color:var(--on-surface-mute);padding:8px;text-align:center;font-style:italic}.task-palette__card{margin-bottom:4px;cursor:grab;width:100%;border-bottom:1px solid var(--border)}.task-palette__card:active{cursor:grabbing}.task-palette__card:hover{box-shadow:0 0 0 1px var(--accent-soft);border-radius:var(--r-xs)}.task-palette__card input,.task-palette__card textarea,.task-palette__card select,.task-palette__card .port,.task-palette__card button,.task-palette__card [contenteditable]{pointer-events:none!important}.startup-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:10000;display:flex;align-items:center;justify-content:center}.startup-dialog--hidden{display:none}.startup-dialog__card{background:var(--surface-lo);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--el-2);padding:24px 28px;max-width:380px;width:90%}.startup-dialog__title{font-family:var(--font-ui);font-size:15px;font-weight:600;margin-bottom:8px;color:var(--on-surface)}.startup-dialog__msg{font-size:13px;color:var(--on-surface-mute);margin-bottom:16px;line-height:1.5}.startup-dialog__actions{display:flex;flex-direction:column;gap:8px}.startup-dialog__actions--row{flex-direction:row;justify-content:flex-end}.startup-btn{display:block;width:100%;padding:10px 16px;border-radius:var(--r-sm);font-size:13px;font-weight:600;text-align:center;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--on-surface);transition:background .12s}.startup-btn:hover{background:var(--surface-mid)}.startup-btn:disabled{opacity:.35;pointer-events:none}.startup-btn--primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.startup-btn--primary:hover{opacity:.9}.startup-btn--danger{background:#d32f2f;color:#fff;border-color:#d32f2f}.startup-btn--danger:hover{background:#b71c1c}.startup-btn--loading{pointer-events:none;opacity:.75}.startup-btn--loading:after{content:"";display:inline-block;width:13px;height:13px;margin-left:8px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite;vertical-align:-2px}@keyframes btn-spin{to{transform:rotate(360deg)}}.startup-dialog__path{font-size:11px;color:var(--on-surface-mute);text-align:center;margin-bottom:4px;font-family:var(--font-ui);word-break:break-all}.startup-dialog__warn{font-size:11px;color:var(--on-surface-mute);margin-top:12px;line-height:1.4;text-align:center}.sidebar-wrap{position:absolute;top:40px;left:0;bottom:0;width:var(--sidebar-w);z-index:50;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface-hi) 35%,var(--surface-lo) 65%);transition:width .22s ease}.sidebar{flex:1;min-height:0;display:flex;flex-direction:column;padding:6px;gap:6px;overflow:hidden;z-index:50}.app-shell--sb-collapsed .sidebar{padding:0}.app-shell--sb-collapsed .sidebar__section{opacity:0;pointer-events:none}.console-handle-row{flex:0 0 28px;display:flex;align-items:stretch;background:var(--surface-lo);border-top:1px solid var(--border)}.console-handle{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:0 10px;background:transparent;border:none;font-family:var(--font-ui);font-size:11px;font-weight:600;color:var(--on-surface-mute);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,color .12s}.console-handle-row:hover{background:var(--surface-mid)}.console-handle-row:hover .console-handle{color:var(--on-surface)}.console-handle:disabled{opacity:.35;cursor:default;pointer-events:none}.console-handle__chevron{display:inline-block;width:10px;height:10px;flex-shrink:0;color:var(--on-surface-mute);transition:transform .18s ease}.app-shell.console-pane--collapsed .console-handle__chevron{transform:rotate(180deg)}.console-handle__label{flex:1;text-align:left;letter-spacing:.5px;text-transform:uppercase}.console-handle__clear{flex:0 0 auto;align-self:center;margin:0 6px 0 0;padding:2px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xs);font-family:var(--font-ui);font-size:11px;font-weight:600;color:var(--on-surface-mute);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,color .12s,border-color .12s,opacity .12s}.console-handle__clear:hover:not(:disabled){background:var(--surface-mid);color:var(--on-surface);border-color:var(--border)}.console-handle-row:hover .console-handle__clear:not(:disabled):not(:hover){background:transparent;border-color:transparent}.console-handle__clear:disabled{opacity:.35;cursor:default;pointer-events:none}.sidebar__toggle{width:28px;height:28px;flex-shrink:0;border-radius:var(--r-sm);background:var(--surface-lo);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--on-surface-mute);cursor:pointer;transition:background .12s,color .12s;box-shadow:var(--el-1)}.sidebar__toggle:hover{background:var(--surface-mid);color:var(--on-surface)}.sidebar__toggle svg{transition:transform .2s ease}.app-shell--sb-collapsed .sidebar__toggle svg{transform:rotate(180deg)}.sidebar__section{display:flex;flex-direction:column;min-height:0;overflow:hidden;transition:opacity .16s ease}.sidebar__section-title{position:relative;font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--on-surface-mute);padding:4px 6px;flex-shrink:0;text-align:center;text-transform:uppercase;letter-spacing:.5px;background:var(--surface-lo);border:1px solid var(--border-soft);border-bottom:none;border-radius:var(--r-sm) var(--r-sm) 0 0}.sidebar__title-actions{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:3px}.sidebar__title-btn{width:18px;height:18px;border-radius:var(--r-xs);background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--on-surface-mute);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.sidebar__title-btn:hover{background:var(--surface-mid);color:var(--on-surface);border-color:var(--on-surface-mute)}.sidebar__title-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.sidebar__title-btn--loading{pointer-events:none;opacity:.7}.sidebar__title-btn--loading svg{display:none}.sidebar__title-btn--loading:after{content:"";display:block;width:10px;height:10px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}.sidebar__section-body{position:relative;flex:1;padding:4px 6px;overflow-y:auto;font-size:11px;color:var(--on-surface-mute);background:var(--surface);border:1px solid var(--border-soft);border-top:none;border-radius:0 0 var(--r-sm) var(--r-sm);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar__section-body::-webkit-scrollbar{width:5px}.sidebar__section-body::-webkit-scrollbar-track{background:transparent}.sidebar__section-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar__section-body::-webkit-scrollbar-thumb:hover{background:var(--on-surface-mute)}.sidebar__file{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--r-xs);font-family:var(--font-ui);font-size:12px;color:var(--on-surface-mute);cursor:pointer;transition:background .1s,color .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__file:hover{background:var(--surface-mid);color:var(--on-surface)}.sidebar__file--active{color:var(--on-surface);background:var(--accent-soft)}.sidebar__file--active:hover{background:var(--surface-mid)}.sidebar__file-icon{font-size:9px;font-weight:600;color:var(--accent);flex-shrink:0;text-transform:uppercase;letter-spacing:.3px}.sidebar__file--active .sidebar__file-icon{color:var(--accent)}.sidebar__file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar__section-body--busy{pointer-events:none;opacity:.6}.sidebar__file-input{flex:1;min-width:0;height:20px;padding:0 4px;font-family:var(--font-ui);font-size:11px;color:var(--on-surface);background:var(--surface);border:1px solid var(--accent);border-radius:var(--r-xs);outline:none}.sidebar__file-input--saving{pointer-events:none;color:var(--on-surface-mute);background:var(--surface-mid);border-color:var(--border)}.sidebar__file-confirm{width:18px;height:18px;flex-shrink:0;border-radius:var(--r-xs);background:var(--surface);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--accent);cursor:pointer;margin-left:2px;position:relative}.sidebar__file-confirm:hover{background:var(--surface-mid);border-color:var(--on-surface-mute)}.sidebar__file-confirm--saving{pointer-events:none}.sidebar__file-confirm--saving svg{opacity:0}.sidebar__file-confirm--saving:after{content:"";position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-5px;width:10px;height:10px;border:2px solid var(--border-soft);border-top-color:var(--accent);border-radius:50%;animation:btn-spin .6s linear infinite}.sidebar__file-rename,.sidebar__file-export,.sidebar__file-copy,.sidebar__file-delete{width:18px;height:18px;flex-shrink:0;border-radius:var(--r-xs);background:var(--surface);border:1px solid var(--border);display:none;align-items:center;justify-content:center;color:var(--on-surface-mute);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.sidebar__file:hover .sidebar__file-rename,.sidebar__file:hover .sidebar__file-export,.sidebar__file:hover .sidebar__file-copy,.sidebar__file:hover .sidebar__file-delete{display:inline-flex}.sidebar__file-export,.sidebar__file-copy,.sidebar__file-delete{margin-left:-4px}.sidebar__file-rename:hover,.sidebar__file-export:hover,.sidebar__file-copy:hover{background:var(--surface-mid);color:var(--on-surface);border-color:var(--on-surface-mute)}.sidebar__file-delete:hover{background:#fdd;color:#c00;border-color:#c00}.sidebar__placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:11px;text-align:center;color:var(--on-surface-mute);opacity:.5;-webkit-user-select:none;user-select:none}.sidebar__spinner{width:24px;height:24px;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;border:2px solid var(--border-soft);border-top-color:var(--border);border-radius:50%;animation:btn-spin .6s linear infinite}.sidebar__stub-hint{display:flex;align-items:center;justify-content:center;height:100%;font-size:10px;text-align:center;color:var(--on-surface-mute);opacity:.5;-webkit-user-select:none;user-select:none}.sidebar__stub-hint[hidden]{display:none}.canvas-toolbar{position:absolute;top:6px;left:var(--sidebar-w);right:0;display:flex;align-items:center;gap:8px;padding:0 8px;z-index:100;transition:left .22s ease,right .2s ease}.trash-drop{position:absolute;bottom:24px;left:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-lo);border:2px dashed var(--border);border-radius:var(--r-sm);color:var(--on-surface-mute);opacity:0;pointer-events:none;z-index:200;transition:opacity .18s,border-color .18s,color .18s,background .18s}.trash-drop--visible{opacity:.45;pointer-events:auto}.trash-drop--over{opacity:.85;border-color:#e55;color:#e55;background:#ee55551f}.global-vars-bar{display:flex;align-items:center;gap:6px;background:var(--surface-lo);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px 10px;box-shadow:var(--el-1);font-family:var(--font-ui);font-size:12px;height:28px;overflow:hidden;flex:1;min-width:0}.gv__label{font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--on-surface-mute);white-space:nowrap;flex-shrink:0;line-height:28px}.gv__items{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;position:relative}.gv__items::-webkit-scrollbar{display:none}.gv__items:before{content:"";width:1px;margin:4px 0;background:var(--border);align-self:stretch;flex-shrink:0}.gv-item{display:flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}.gv-item:not(:first-child):before{content:"";width:1px;height:16px;background:var(--border);flex-shrink:0}.gv-item__name{font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--on-surface);white-space:nowrap}.gv-item__name--draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.gv-item--dragging{opacity:.35}body.gv-dragging,body.gv-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.gv-drop-line{position:absolute;top:3px;bottom:3px;width:2px;background:var(--accent);border-radius:1px;pointer-events:none;z-index:5}.gv-item__type{height:22px;padding:0 4px;background:var(--surface-hi);border:1px solid var(--border);border-radius:var(--r-xs);font-family:var(--font-ui);font-size:10px;color:var(--on-surface);outline:none;cursor:pointer}.gv-item__value{height:22px;padding:0 6px;background:var(--surface-hi);border:1px solid var(--border);border-radius:var(--r-xs);font-family:var(--font-ui);font-size:10px;color:var(--on-surface);outline:none}.gv-item__value:focus{border-color:var(--accent)}.gv-item__value--multi{width:auto;min-width:48px;height:auto;min-height:22px;resize:none;line-height:1.5;padding-top:2px;padding-bottom:2px;overflow:hidden;white-space:pre}.gv-item__value:disabled{color:var(--on-surface-mute);background:var(--surface-mid);cursor:not-allowed;opacity:.7}.gv-item__remove{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;line-height:1;color:var(--on-surface-mute);background:transparent;border:1px solid var(--border);cursor:pointer;flex-shrink:0;padding:0}.gv-item__remove:hover{border-color:#e74c3c;color:#e74c3c}.gv__add{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;line-height:1;color:var(--on-surface-mute);background:transparent;border:1px solid var(--border);cursor:pointer;flex-shrink:0;padding:0}.gv__add:hover{border-color:var(--accent);color:var(--accent)}.gv__new-name{width:80px;height:22px;padding:0 6px;background:var(--surface-hi);border:1px solid var(--accent);border-radius:var(--r-xs);font-family:var(--font-ui);font-size:10px;color:var(--on-surface);outline:none}.canvas-tool-btn{height:28px;padding:0 12px;background:var(--surface-lo);border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--on-surface-mute);cursor:pointer;box-shadow:var(--el-1);white-space:nowrap;transition:color .12s,border-color .12s;flex-shrink:0}.canvas-tool-btn:hover{border-color:var(--accent);color:var(--accent)}.canvas-tool-btn--active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.canvas-tool-btn:disabled{opacity:.35;cursor:not-allowed;border-color:var(--border);color:var(--on-surface-mute)}#btnAddNode{flex:0 0 93px}#btnAddGroup{flex:0 0 117px}#zoomBar{position:absolute;bottom:12px;right:16px;display:flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:10px;color:var(--on-surface-mute);z-index:100;background:var(--surface-lo);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 10px;box-shadow:var(--el-1);cursor:default;transition:right .2s ease}#zoomBar:hover{border-color:var(--accent-soft)}#zoomLabel{min-width:32px;text-align:right;font-weight:600}#zoomTrack{position:relative;width:72px;height:12px;display:flex;align-items:center}#zoomFill{position:absolute;left:0;top:4px;height:4px;background:color-mix(in srgb,var(--accent-soft) 80%,var(--accent) 20%);border-radius:var(--r-pill);pointer-events:none}#zoomThumb{position:absolute;top:0;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:var(--el-1);transform:translate(-50%);z-index:2}.zoom-tick{position:absolute;top:2px;height:8px;font-size:10px;line-height:1;color:var(--border);transform:translate(-50%);pointer-events:auto;cursor:pointer}.zoom-tick:hover{color:var(--on-surface-mute)}.zoom-btn{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--on-surface-mute);background:transparent;border:1px solid var(--border);cursor:pointer;transition:border-color .12s,color .12s;flex-shrink:0}.zoom-btn:hover{border-color:var(--accent);color:var(--accent)}.backend-list{list-style:none;margin:0;padding:0}.backend-item{position:relative}.backend-item__row{position:relative;display:flex;align-items:center;gap:6px;padding:5px 8px;font-family:var(--font-ui);font-size:12px;color:var(--on-surface-mute);border-radius:var(--r-xs);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s,color .1s}.backend-item__row:hover{background:var(--surface-mid);color:var(--on-surface)}.backend-item--selected>.backend-item__row{color:var(--on-surface);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #c4c0f0}.backend-item--selected>.backend-item__row:hover{background:#eae9f8}.backend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#adb5bd;flex-shrink:0}.backend-dot[data-state=connected]{background:#51cf66}.backend-dot[data-state=connecting]{background:#ffd43b}.backend-dot[data-state=disconnected]{background:#adb5bd}.backend-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:clip}.backend-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;gap:2px;align-items:center;padding-left:6px;background:linear-gradient(to right,transparent,var(--surface) 6px,var(--surface) 100%)}.backend-item__row:hover .backend-actions{display:flex;background:linear-gradient(to right,transparent,var(--surface-mid) 6px,var(--surface-mid) 100%)}.backend-actions button{width:18px;height:18px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xs);cursor:pointer;font-size:11px;line-height:1;color:var(--on-surface-mute);flex-shrink:0;transition:background .12s,color .12s,border-color .12s}.backend-actions button:hover{background:var(--surface-mid);color:var(--on-surface);border-color:var(--on-surface-mute)}.backend-actions__delete:hover{background:#fdd;color:#c00;border-color:#c00}.device-list{list-style:none;margin:0 0 4px 14px;padding:2px 0 2px 14px;border-left:1px dashed var(--border)}.device-list__item{position:relative;display:grid;grid-template-columns:7px 1fr;align-items:center;column-gap:6px;padding:3px 8px;margin:1px 0;font-family:var(--font-ui);font-size:12px;color:var(--on-surface-mute);border-radius:var(--r-xs);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s,color .1s}.device-list__item:hover{background:var(--surface-mid);color:var(--on-surface)}.device-list__actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;gap:2px;align-items:center;padding-left:6px;background:linear-gradient(to right,transparent,var(--surface-mid) 6px,var(--surface-mid) 100%)}.device-list__item:hover .device-list__actions{display:flex}.device-list__actions>button{width:18px;height:18px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xs);cursor:pointer;color:var(--on-surface-mute);flex-shrink:0;transition:background .12s,color .12s,border-color .12s}.device-list__actions>button:hover{background:var(--surface);color:var(--on-surface);border-color:var(--on-surface-mute)}.device-list__item--selected{color:var(--on-surface);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #c4c0f0}.device-list__item--selected:hover{background:#eae9f8}.device-list__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#adb5bd;flex-shrink:0}.device-list__dot[data-state=device]{background:#51cf66}.device-list__dot[data-state=offline]{background:#adb5bd}.device-list__dot[data-state=unauthorized]{background:#ff8787}.device-list__label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.dlg{background:var(--surface);color:var(--on-surface);border-radius:8px;padding:16px;width:360px;box-shadow:0 12px 32px #00000080;border:1px solid var(--border)}.dlg__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dlg__header h3{margin:0;font-size:16px}.dlg__close{background:transparent;border:none;color:inherit;cursor:pointer;font-size:16px;color:var(--on-surface-mute)}.dlg__body{display:flex;flex-direction:column;gap:10px}.dlg__body label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:500;color:var(--on-surface-mute)}.dlg__label-row{display:inline-flex;align-items:baseline;gap:2px}.dlg__required{margin-left:2px;color:#ff6b6b;font-weight:600;line-height:1}.dlg__body input{padding:6px 8px;border:1px solid var(--border);background:var(--bg);color:var(--on-bg);border-radius:4px;font-family:var(--font-ui);font-size:13px}.dlg__body input::placeholder{color:color-mix(in srgb,var(--on-bg) 54%,transparent)}.dlg__error{color:#ff6b6b;font-size:13px;padding:6px 8px;background:#ff6b6b1a;border-radius:4px}.dlg__hint{color:color-mix(in srgb,var(--on-bg) 60%,transparent);font-size:12px;line-height:1.45;padding:0 2px;margin:-4px 0 4px}.dlg__divider{border:0;border-top:1px solid var(--border);margin:4px 0 6px}.wifi-discover-list{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.wifi-discover-list__item{padding:10px 12px;border:1px solid var(--border);border-radius:4px;margin-bottom:6px;cursor:pointer;transition:background .12s,border-color .12s}.wifi-discover-list__item:hover{background:var(--surface-mid);border-color:var(--accent)}.wifi-discover-list__item:last-child{margin-bottom:0}.wifi-discover-list__name{font-weight:500;color:var(--on-bg);margin-bottom:2px;font-size:13px}.wifi-discover-list__addr{font-family:var(--font-mono, monospace);font-size:12px;color:var(--on-surface-mute, #888)}.dlg__footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.dlg__footer button{padding:6px 14px;border-radius:4px;border:1px solid var(--border);background:transparent;color:inherit;cursor:pointer;font-size:13px}.dlg__footer .dlg__ok{background:var(--accent);color:var(--on-accent);border-color:transparent}.dlg__footer .dlg__ok:disabled{opacity:.6;cursor:progress}.dlg__footer .dlg__test,.dlg__footer .dlg__save{display:inline-flex;align-items:center;justify-content:center;min-width:5em}.dlg__footer .dlg__test:disabled,.dlg__footer .dlg__save:disabled{cursor:progress;opacity:.85}.dlg__footer .dlg__test-spinner,.dlg__footer .dlg__save-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite;box-sizing:border-box;display:inline-block;vertical-align:middle}.dlg__footer .dlg__test-spinner[hidden],.dlg__footer .dlg__test-label[hidden],.dlg__footer .dlg__save-spinner[hidden],.dlg__footer .dlg__save-label[hidden]{display:none}.dlg-backdrop input:focus,.dlg-backdrop input:focus-visible,.dlg-backdrop select:focus,.dlg-backdrop select:focus-visible,.dlg-backdrop textarea:focus,.dlg-backdrop textarea:focus-visible{outline:none;border-color:var(--border)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.console-pane{grid-column:1;grid-row:3;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);margin-left:var(--sidebar-w);transition:margin-left .22s ease}.console-pane__resize--top{flex-shrink:0;height:6px;cursor:ns-resize;background:#eaeaf0;border-top:1px solid rgb(214,214,222)}[data-theme=dark] .console-pane__resize--top{background:#212128;border-top-color:#34343e}.console-pane__cancel{position:absolute;top:6px;right:8px;z-index:2;padding:3px 12px;border-radius:4px;border:1px solid #fa5252;background:var(--bg);color:#fa5252;font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:background .12s,color .12s}.console-pane__cancel:hover{background:#fa5252;color:#fff}.console-copy-menu{position:fixed;z-index:1000;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xs);box-shadow:var(--el-2);padding:2px;min-width:88px}.console-copy-menu button{display:block;width:100%;padding:5px 12px;background:transparent;border:none;border-radius:var(--r-xs);font-family:var(--font-ui);font-size:11px;color:var(--on-surface);text-align:left;cursor:pointer}.console-copy-menu button:hover{background:var(--accent-soft);color:var(--on-surface)}.console-pane__queue{display:none;flex-direction:column;background:var(--surface-hi);border-bottom:1px solid var(--border);overflow:hidden}.console-pane__queue:empty{display:none}.console-pane__queue:not(:empty){display:flex}.console-pane__queue-item{display:flex;align-items:center;padding:2px 12px;font-family:var(--font-ui);font-size:11px;color:var(--on-surface-mute);gap:8px;min-height:22px}.console-pane__queue-item+.console-pane__queue-item{border-top:1px solid var(--border)}.console-pane__queue-item--running{color:var(--on-surface);background:var(--surface)}.console-pane__queue-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-pane__queue-item__status{flex-shrink:0;font-size:10px}.console-pane__queue-item__cancel{flex-shrink:0;width:18px;height:18px;border:none;border-radius:var(--r-xs);background:transparent;color:var(--on-surface-mute);cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0}.console-pane__queue-item__cancel:hover{background:var(--surface-mid);color:#e53935}.console-pane__body{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.console-pane__lines,.console-pane__lines *{user-select:text;-webkit-user-select:text}.console-pane__lines{flex:1;margin:0;padding:8px 12px;font-family:Maple Mono SC NF,Noto Sans Mono,Cascadia Code,Fira Code,ui-monospace,SF Mono,Menlo,Consolas,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",monospace;font-size:12px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--on-surface-mute);cursor:auto}.canvas-toolbar--row2{top:42px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding:0 8px;max-height:28px;overflow:visible;pointer-events:none}.canvas-toolbar--row2>*{pointer-events:auto}.device-preview{flex:0 0 auto;width:256px;position:relative;display:flex;flex-direction:column}.device-preview__header{cursor:pointer;height:28px;padding:0 10px;background:var(--surface-lo);border:1px solid var(--border);border-radius:var(--r-sm);display:flex;align-items:center;-webkit-user-select:none;user-select:none;flex-shrink:0;position:relative}.device-preview__label{flex:1;text-align:center;line-height:28px;font-size:12px;font-weight:600;color:var(--on-surface-mute)}.device-preview__body{position:absolute;top:100%;left:0;right:0;background:var(--surface-lo);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--r-sm) var(--r-sm);box-shadow:var(--el-2);z-index:1}.device-preview__arrow{transition:transform .15s;font-size:10px;color:var(--on-surface-mute)}.device-preview--collapsed .device-preview__body{display:none}.device-preview--collapsed .device-preview__arrow{transform:rotate(180deg)}.device-preview:not(.device-preview--collapsed) .device-preview__header{border-radius:var(--r-sm) var(--r-sm) 0 0}.device-preview__resize{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:ew-resize;touch-action:none;z-index:2}.device-preview__buttons{display:flex;gap:6px;padding:6px;border-bottom:1px solid var(--border)}.dp-btn{font-size:12px;padding:4px 0;border:1px solid var(--border);border-radius:var(--r-xs);background:var(--surface);color:var(--on-surface);cursor:pointer;transition:background .1s;text-align:center}.dp-btn:hover:not(:disabled){background:var(--surface-mid)}.dp-btn:disabled{opacity:.5;cursor:not-allowed}.dp-btn--active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.device-preview__tools,.device-preview__actions{position:relative}.device-preview__tools .dp-btn,.device-preview__actions .dp-btn{width:100%}.device-tools-menu{position:absolute;top:calc(100% + 2px);right:0;width:max-content;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--el-2);padding:4px;z-index:50;display:flex;flex-direction:column;gap:2px}.device-tools-menu[hidden]{display:none}.device-tools-menu__item{font-family:var(--font-ui);font-size:12px;padding:6px 10px;border:none;border-radius:var(--r-xs);background:none;color:var(--on-surface);text-align:left;cursor:pointer;white-space:nowrap}.device-tools-menu__item:hover:not(:disabled){background:var(--accent-soft)}.device-tools-menu__item:disabled{opacity:.5;cursor:not-allowed}.ocr-popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000073;display:flex;align-items:center;justify-content:center}.ocr-popup{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:0 4px 16px #0000004d}.ocr-popup__label{font-size:12px;color:var(--on-surface);display:flex;align-items:center;gap:6px}.ocr-popup__input{width:64px;padding:2px 4px;font-size:12px;border:1px solid var(--border);border-radius:var(--r-xs);background:var(--surface);color:var(--on-surface);text-align:center}.ocr-popup__input:focus{outline:1px solid var(--accent);outline-offset:-1px}.ocr-popup__actions{display:flex;gap:6px}.ocr-popup__cancel,.ocr-popup__ok{min-width:64px}.ocr-boxes-overlay,.match-boxes-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:visible}.match-box{position:absolute;border:1px solid var(--accent);pointer-events:none;transition:background .1s,border-color .1s}.match-box--active{border-color:#ff1744;background:#ff174426}.ocr-box{position:absolute;border:1px solid #00e676;pointer-events:none;transition:background .1s,border-color .1s}.ocr-box--active{border-color:#ff1744;background:#ff174426}.ocr-box__tooltip,.match-box__tooltip{display:none;position:fixed;padding:2px 6px;background:var(--surface);color:var(--on-surface);border:1px solid var(--border);font-size:11px;line-height:1.4;white-space:nowrap;border-radius:2px;pointer-events:none;z-index:9999;box-shadow:0 2px 8px #00000040}.ocr-box__tooltip--visible,.match-box__tooltip--visible{display:block}.ocr-ctx-menu{position:fixed;z-index:10000;min-width:120px;padding:4px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:0 4px 12px #00000040;font-size:12px}.ocr-ctx-menu__item{padding:4px 12px;cursor:pointer;color:var(--on-surface)}.ocr-ctx-menu__item:hover{background:var(--surface-mid)}.device-preview__stage{width:100%;background:var(--grid-dot);overflow:visible;position:relative}.device-preview__stage canvas{display:block;cursor:crosshair}.device-preview__stage--empty{height:512px}.device-preview__stage--empty:before{content:var(--stage-hint);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--on-surface-mute);font-size:12px;pointer-events:none}.device-preview__stage--empty.device-preview__stage--no-device:before{content:var(--stage-hint-no-device)}.device-preview__infobar{font-family:var(--font-code);font-size:12px;padding:4px 8px;border-top:1px solid var(--border);color:var(--on-surface-mute);line-height:16px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.device-preview__infobar-pick,.device-preview__infobar-hover{display:flex;align-items:center;gap:6px;min-height:16px;overflow:hidden}.device-preview__infobar-pick>span,.device-preview__infobar-hover>span{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-preview__infobar-pick>span:nth-child(3),.device-preview__infobar-hover>span:nth-child(3){flex:2 1 0}.device-preview__infobar-pick{font-weight:600}.device-preview__infobar-hover{font-weight:400;opacity:.75}.device-preview__infobar-pick>span[data-type]{cursor:pointer;border-radius:var(--r-xs);transition:background .1s}.device-preview__infobar-pick>span[data-type]:hover{background:var(--surface-mid)}.device-preview__infobar-app{font-weight:400;border-top:1px solid var(--border)}.device-preview__infobar-app>span[data-type]{flex:1 1 0;min-width:0;word-break:break-all;cursor:pointer;border-radius:var(--r-xs);transition:background .1s}.device-preview__infobar-app>span[data-type]:hover{background:var(--surface-mid)}.device-preview__spinner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#00000059;pointer-events:none}.device-preview__spinner--hidden{display:none}.device-preview__spinner:after{content:"";width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .6s linear infinite}.app-tooltip{position:fixed;padding:3px 7px;background:var(--surface);color:var(--on-surface);border:1px solid var(--border);border-radius:var(--r-xs);font-family:var(--font-ui);font-size:10px;line-height:1.4;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:1100;box-shadow:var(--el-2);display:none}.app-tooltip--show{opacity:1}#btnLang{width:auto;min-width:30px;padding:1.5px 6px 0;font-size:14px;font-weight:600;line-height:1}.automation__list{display:flex;flex-direction:column;gap:4px}.automation__empty,.automation__unavailable{display:flex;align-items:center;justify-content:center;height:100%;font-size:11px;text-align:center;line-height:1.5;color:var(--on-surface-mute);opacity:.5;-webkit-user-select:none;user-select:none;padding:0;margin:0}.automation__list:has(.automation__empty),.automation__list:has(.automation__unavailable){height:100%}.automation__task{border:1px solid var(--border-soft);border-radius:var(--r-xs);padding:4px 6px;background:var(--surface-lo);display:flex;flex-direction:column;gap:3px}.automation__task-head{display:flex;justify-content:space-between;align-items:center;gap:4px}.automation__task-name{font-weight:600;font-size:11px;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation__task-meta{font-size:10px;color:var(--on-surface-mute);display:flex;gap:6px;flex-wrap:wrap}.automation__task-status{font-size:10px;min-height:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.automation__task-msg{margin-left:auto;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.automation__task-actions{display:flex;gap:3px}.automation__task-actions .automation__btn{flex:1 1 0%;min-width:0;padding:1px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation__btn{font-size:10px;padding:1px 6px;border-radius:var(--r-xs);border:1px solid var(--border);background:var(--surface);color:var(--on-surface-mute);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.automation__btn--lg{font-size:13px;padding:2px 8px;font-weight:500}.automation__btn:focus{outline:none}.automation__btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.automation__btn:hover{background:var(--surface-mid);color:var(--on-surface)}.automation__btn:disabled{opacity:.45;cursor:not-allowed}.automation__btn:disabled:hover{background:var(--surface);color:var(--on-surface-mute)}.automation__btn--primary{border-color:var(--accent);color:var(--accent)}.automation__btn--danger{color:#c4554d}.automation__switch{position:relative;display:inline-flex;cursor:pointer;flex-shrink:0}.automation__switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.automation__switch-track{position:relative;width:26px;height:14px;border-radius:7px;background:var(--border);transition:background .12s}.automation__switch-track:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:6px;background:var(--accent);opacity:0;transition:opacity .12s}.automation__switch input:checked+.automation__switch-track:before{opacity:1}.automation__switch-track:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform .12s}.automation__switch input:checked+.automation__switch-track:after{transform:translate(12px)}.automation__switch input:focus-visible+.automation__switch-track{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.automation__result{font-size:10px;border-radius:var(--r-xs);padding:0 4px;line-height:1.6}.automation__result--success{color:#3c8f5a}.automation__result--failed{color:#c4554d}.automation__result--running{color:var(--accent)}.automation__result--queued{color:#d98a2b}.automation__result--canceled,.automation__result--timeout,.automation__result--skipped{color:var(--on-surface-mute)}.automation__history-toggle{margin-top:6px;padding:2px 4px;font-size:11px;color:var(--on-surface-mute);cursor:pointer;display:flex;gap:4px;align-items:center;-webkit-user-select:none;user-select:none}.automation__history-toggle:hover{color:var(--on-surface)}.automation__history{display:flex;flex-direction:column;gap:2px;margin-top:2px;max-height:130px;overflow-y:auto}.automation__hist-item{font-size:10px;display:flex;gap:4px;align-items:center;color:var(--on-surface-mute)}.automation__hist-task{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation__hist-time{white-space:nowrap}.automation__hist-dur{white-space:nowrap;color:var(--on-surface-mute)}.automation-hist{width:600px}.automation-hist__head{display:flex;gap:4px;align-items:center;font-size:10px;font-weight:500;color:var(--on-surface-mute);padding-bottom:2px;margin-bottom:2px;border-bottom:1px solid var(--border-soft)}.automation-hist__list{display:flex;flex-direction:column;gap:5px;max-height:50vh;overflow-y:auto}.automation-hist .automation__hist-item{font-size:11px}.automation-hist .automation__hist-status{flex:0 0 46px;white-space:nowrap}.automation-hist .automation__hist-dev{flex:1 1 80px;min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-hist .automation__hist-msg{flex:1 1 100px;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-hist .automation__hist-time{flex:0 0 135px;white-space:nowrap}.automation-hist .automation__hist-dur{flex:0 0 55px;white-space:nowrap}.automation-hist .automation__hist-log{flex:0 0 56px}.automation-hist .automation__hist-actions{flex:0 0 56px;display:flex;gap:4px;align-items:center}.automation-hist .automation__hist-icon{width:20px;height:20px;flex:none;padding:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--r-xs);background:var(--surface);color:var(--on-surface-mute);cursor:pointer}.automation-hist .automation__hist-icon svg{display:block}.automation-hist .automation__hist-icon:hover{background:var(--surface-mid);color:var(--on-surface)}.automation-hist .automation__hist-icon:disabled{opacity:.4;cursor:default}.automation-log__tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.automation-log__tab{padding:2px 10px;font-size:11px;line-height:1.6;border:1px solid var(--border);border-radius:var(--r-xs);background:var(--surface);color:var(--on-surface-mute);cursor:pointer}.automation-log__tab:hover{background:var(--surface-mid);color:var(--on-surface)}.automation-log__tab--active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}.automation-confirm{width:340px}.automation-confirm__msg{font-size:13px;color:var(--on-surface);padding:2px 0}.automation-log{width:960px;max-width:86vw}.automation-log__body{margin:0;max-height:60vh;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:12px;line-height:1.5;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xs);padding:8px 10px;color:var(--on-bg);user-select:text;-webkit-user-select:text;cursor:text}.automation-editor{width:380px;max-height:82vh;overflow-y:auto}.automation-editor select{padding:6px 8px;border:1px solid var(--border);background:var(--bg);color:var(--on-bg);border-radius:4px;font-family:var(--font-ui);font-size:13px;box-sizing:border-box}.automation-editor input[type=checkbox]{padding:0;width:auto}.automation-editor__sched{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.automation-editor__label{color:var(--on-surface-mute);font-size:11px;font-weight:500}.automation-editor__weekdays{display:flex;gap:4px;flex-wrap:wrap}.dlg__body label.automation-editor__wd{flex-direction:row;align-items:center;gap:2px;font-size:11px;font-weight:400;color:var(--on-surface);cursor:pointer}.automation-editor__vars-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--on-surface-mute)}.automation-editor__devices,.automation-editor__vars{display:flex;flex-direction:column;gap:4px}.automation-editor #ae-add-var{width:16px;height:16px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;box-sizing:border-box}.automation-editor__vars-body{display:flex;flex-direction:column;gap:4px}.automation-editor__var-row{display:flex;gap:6px;align-items:center}.automation-editor__var-row input{flex:1;min-width:0}.automation-editor__var-row .ae-var-key{flex:0 0 110px}.automation-editor .ae-var-del{flex:0 0 30px;width:30px;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:12px;box-sizing:border-box}.automation-editor .ae-var-key--fixed{flex:0 0 110px;display:inline-flex;align-items:center;font-size:11px;font-weight:500;color:var(--on-surface-mute);padding:0 8px;box-sizing:border-box}.automation-editor__var-row input[readonly]{background:var(--surface-lo);color:var(--on-surface-mute);cursor:default}.automation-editor__vars-hint{font-size:11px;color:var(--on-surface-mute)}.automation-editor__devices-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--on-surface-mute)}.automation-editor #ae-add-device{width:16px;height:16px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;box-sizing:border-box}.automation-editor__devices-body{display:flex;flex-direction:column;gap:4px}.automation-editor .ae-device-selw{flex:1;min-width:0;position:relative}.automation-editor .ae-device-selw select{width:100%}.automation-editor .ae-device-selw .ae-device-sel__ph{position:absolute;left:8px;top:50%;transform:translateY(-50%);padding-right:8px;background:var(--bg);color:color-mix(in srgb,var(--on-bg) 54%,transparent);font-family:var(--font-ui);font-size:13px;white-space:nowrap;pointer-events:none}.automation-editor .ae-device-del{flex:0 0 30px;width:30px;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:12px;box-sizing:border-box}.automation-editor .ae-device-del:disabled{opacity:.4;cursor:not-allowed}.automation__hist-dev{white-space:nowrap;color:var(--on-surface-mute)}.dlg__body label.automation-editor__check,.dlg__footer .automation-editor__check{display:flex;flex-direction:row;align-items:center;gap:6px;cursor:pointer}.dlg__footer .automation-editor__check{margin-right:auto;font-size:13px;color:var(--on-surface)}.automation-editor .automation__btn{font-size:11px;padding:2px 8px}.automation-editor .ae-dt{position:relative;flex:1;min-width:0}.automation-editor .ae-dt input{width:100%}.automation-editor .ae-pick{position:relative;flex:1;min-width:0}.automation-editor .ae-pick input,.automation-editor .ae-dt input{width:100%;padding-right:30px}.automation-editor input[type=time]::-webkit-calendar-picker-indicator,.automation-editor input[type=datetime-local]::-webkit-calendar-picker-indicator{display:none}.automation-editor .ae-pick-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;line-height:1;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--r-xs);background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:14px 14px;cursor:pointer;color:var(--on-surface-mute);transition:background-color .12s}.automation-editor .ae-pick-btn:hover{background-color:var(--surface-mid)}.automation-editor .ae-pick-btn:active{background-color:var(--surface-hi)}.automation-editor .ae-pick-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.automation-editor .ae-pick-btn--time{--pick-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235b5b66'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm.5-13H11v6l5.2 3.1.8-1.2-4.5-2.7V7z'/%3E%3C/svg%3E");background-image:var(--pick-ic)}.automation-editor .ae-pick-btn--cal{--pick-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235b5b66'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/%3E%3C/svg%3E");background-image:var(--pick-ic)}[data-theme=dark] .automation-editor .ae-pick-btn--time{--pick-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239c9ba6'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm.5-13H11v6l5.2 3.1.8-1.2-4.5-2.7V7z'/%3E%3C/svg%3E")}[data-theme=dark] .automation-editor .ae-pick-btn--cal{--pick-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239c9ba6'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/%3E%3C/svg%3E")}.automation-editor .ae-dt__ph{position:absolute;left:8px;top:50%;transform:translateY(-50%);padding-right:8px;background:var(--bg);color:color-mix(in srgb,var(--on-bg) 54%,transparent);font-family:var(--font-ui);font-size:13px;white-space:nowrap;pointer-events:none}.automation-editor__script{display:flex;flex-direction:column;gap:3px}.automation-editor__field{display:flex;flex-direction:column;gap:4px}.automation-editor .ae-script-src{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:4px;overflow:hidden;background:var(--bg)}.automation-editor .ae-script-src .ae-src-opt{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;padding:5px 8px;margin:0;font-size:11px;font-weight:500;color:var(--on-surface-mute);cursor:pointer;-webkit-user-select:none;user-select:none}.automation-editor .ae-script-src .ae-src-opt+.ae-src-opt{border-left:1px solid var(--border)}.automation-editor .ae-script-src input[type=radio]{display:none}.automation-editor .ae-script-src .ae-src-opt:has(input:checked){background:var(--surface-mid);color:var(--on-surface)}.automation-editor .ae-script-sel{position:relative}.automation-editor .ae-script-sel select{width:100%}.automation-editor .ae-script-sel__ph{position:absolute;left:8px;top:50%;transform:translateY(-50%);padding-right:8px;background:var(--bg);color:color-mix(in srgb,var(--on-bg) 54%,transparent);font-family:var(--font-ui);font-size:13px;white-space:nowrap;pointer-events:none}.automation-editor__script input[type=file]{font-family:var(--font-ui);font-size:11px;color:var(--on-surface-mute);padding:3px 0;border:none;background:transparent;border-radius:0}.automation-editor__script-empty{font-size:11px;color:var(--on-surface-mute);padding:2px 0}.device-record-mask{background:#0000004d;touch-action:none}.device-record-dot{position:absolute;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;border:1.5px solid #fff;box-shadow:0 1px 3px #00000080}.device-record-dot--start{background:var(--accent)}.device-record-dot--end{background:#ff9800}.device-record-line{pointer-events:none}.device-input-panel{position:absolute;z-index:7;top:50%;left:50%;transform:translate(-50%,-50%);min-width:72%;max-width:95%;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px;box-shadow:0 4px 18px #00000059;display:flex;flex-direction:column;gap:8px}.device-input-panel__textarea{width:100%;min-height:60px;resize:vertical;font:inherit;color:var(--on-surface);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:6px 8px;box-sizing:border-box}.device-input-panel__textarea:focus{outline:none;border-color:var(--accent)}.device-input-panel__actions{display:flex;flex-direction:column;gap:6px}.device-input-panel__actions .dp-btn{width:100%}.device-input-panel__hint{font-size:11px;color:var(--on-surface-mute, #888);line-height:1.4}