:root{--bg:#f5f5f7;--surface:#ffffff;--surface-2:#fbfbfd;--border:#e3e3e8;--border-strong:#d2d2d7;--text:#1d1d1f;--text-2:#6e6e73;--text-3:#8e8e93;--accent:#1d1d1f;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04),0 1px 1px rgba(0,0,0,0.03);--shadow:0 4px 16px rgba(0,0,0,0.06);--shadow-lg:0 12px 40px rgba(0,0,0,0.12);--font-body:var(--font-inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}a{color:inherit}button{font-family:inherit;cursor:pointer}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.workspace{display:grid;grid-template-columns:320px 1fr 360px;flex:1 1;min-height:0}.zone{min-height:0;overflow-y:auto;background:var(--surface)}.zone--left{border-right:1px solid var(--border)}.zone--right{border-left:1px solid var(--border);background:var(--surface-2)}.zone--center{background:var(--bg);overflow:hidden;position:relative}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border);z-index:20}.topbar__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.header-actions{gap:8px;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow)}.header-actions,.topbar__brand{display:flex;align-items:center}.topbar__brand{gap:10px;font-weight:600}.topbar__brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--text);color:#fff}.topbar__logo{width:26px;height:26px;object-fit:contain}.topbar__tagline{font-size:13px;font-weight:400;color:var(--text-3);margin-left:6px;padding-left:10px;border-left:1px solid var(--border)}[data-theme=dark] .topbar__logo,[data-theme=dark] .welcome__box{filter:invert(1)}.topbar__actions,.user-chip{display:flex;align-items:center;gap:8px}.user-chip{padding:4px 4px 4px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.user-chip__avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--text);color:var(--surface);font-size:13px;font-weight:600;flex-shrink:0}.user-chip__info{display:flex;flex-direction:column;line-height:1.2}.user-chip__email{font-size:12px;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-dd{position:relative}.settings-dd__menu{position:absolute;top:calc(100% + 6px);right:0;width:250px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:10px;z-index:40}.settings-dd__title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:8px}.settings-dd__row{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:6px 0}.settings-dd__divider{height:1px;background:var(--border);margin:8px 0}.settings-dd__account{display:flex;align-items:center;gap:10px;padding:4px 0 10px}.settings-dd__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;font-size:14px;color:var(--text);text-align:left}.settings-dd__item:hover{background:var(--surface-2)}.company-select{position:relative}.company-select__trigger{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);font-size:14px;font-weight:500;color:var(--text)}.company-select__menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:6px;z-index:40}.company-select__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;border:none;border-radius:8px;background:transparent;font-size:14px;color:var(--text);text-align:left}.company-select__item:hover{background:var(--surface-2)}.company-select__item--active{font-weight:600}.company-select__divider{height:1px;background:var(--border);margin:5px 0}.company-row{display:flex;align-items:center;gap:2px;border-radius:8px}.company-row:hover{background:var(--surface-2)}.company-row__main{display:flex;align-items:center;gap:9px;flex:1 1;min-width:0;padding:8px 10px;border:none;background:transparent;font-size:14px;color:var(--text);text-align:left}.company-row__name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-row--active .company-row__name{font-weight:600}.company-row__dot{width:8px;height:8px;border-radius:999px;background:#34c759;flex-shrink:0}.company-row__gear{display:grid;place-items:center;width:30px;height:30px;margin-right:4px;border:none;border-radius:8px;background:transparent;color:var(--text-3);flex-shrink:0}.company-row__gear:hover{background:var(--border);color:var(--text)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;transition:background .15s ease,transform .1s ease}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--text);color:#fff;border-color:var(--text)}.btn--primary:hover{background:#000}.btn--ghost{border-color:transparent;background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}.icon-btn:hover{background:var(--surface-2)}.panel{padding:16px}.panel__title{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:12px}.node-search{margin-top:0!important;margin-bottom:12px}.segment-tabs{display:flex;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;margin-bottom:16px}.segment-tab{flex:1 1;padding:7px 10px;border:none;border-radius:999px;background:transparent;font-size:13px;font-weight:500;color:var(--text-2)}.segment-tab--active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.icon-tabs{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:2px;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px}.icon-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border:none;border-radius:8px;background:transparent;color:var(--text-2)}.icon-tab span{font-size:9.5px;font-weight:500}.icon-tab--active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.accordion{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden}.accordion--highlight{animation:accordion-glow 1.5s linear infinite}@keyframes accordion-glow{0%{box-shadow:0 0 0 2px #ff3b30}25%{box-shadow:0 0 0 2px #ff9500}50%{box-shadow:0 0 0 2px #34c759}75%{box-shadow:0 0 0 2px #0a84ff}to{box-shadow:0 0 0 2px #af52de}}.accordion__head{display:flex;align-items:center;gap:8px;width:100%;padding:12px;border:none;background:var(--surface);font-size:14px;font-weight:600;color:var(--text);text-align:left}.accordion__head:hover{background:var(--surface-2)}.accordion__chevron{transition:transform .18s ease;color:var(--text-3)}.accordion__chevron--open{transform:rotate(90deg)}.accordion__body{padding:4px 12px 12px;border-top:1px solid var(--border)}.ai-kind{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);background:var(--surface-2);border:1px solid var(--border)}.ai-kind,.conn-tag{font-weight:600;border-radius:999px;padding:1px 6px;margin-left:4px}.conn-tag{font-size:9px;letter-spacing:.02em;vertical-align:middle}.conn-tag--input{background:rgba(255,149,0,.14);color:#c97a00}.conn-tag--output{background:rgba(10,132,255,.14);color:#0a6cd0}.conn-tag--process{background:rgba(52,199,89,.16);color:#1f9d4d}[data-theme=dark] .conn-tag--input{color:#ffb340}[data-theme=dark] .conn-tag--output{color:#5ea8ff}[data-theme=dark] .conn-tag--process{color:#4cd07a}.list-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;margin-bottom:8px;transition:border-color .15s ease,box-shadow .15s ease}.list-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.list-card--draggable{cursor:-webkit-grab;cursor:grab}.list-card--off{opacity:.5}.list-card--off:hover{opacity:.75}.list-card__gear{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);flex-shrink:0}.list-card__gear:hover{background:var(--surface-2);color:var(--text)}.list-card__gear--alert{color:#ff9500;border-color:#ff9500;animation:gear-alert 1.8s ease-in-out infinite}.list-card__gear--ok{color:#34c759;border-color:rgba(52,199,89,.5)}@keyframes gear-alert{0%,to{box-shadow:0 0 0 0 rgba(255,149,0,.5);border-color:#ff9500}50%{box-shadow:0 0 0 4px rgba(255,149,0,0);border-color:#ffb340}}.list-card__avatar-lg{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:var(--text);color:var(--surface);font-size:16px;font-weight:600;flex-shrink:0}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:60;padding:20px}.modal{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:85vh}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.modal__body{padding:16px;overflow-y:auto}.modal__footer{display:flex;gap:8px;padding:14px 16px;border-top:1px solid var(--border)}.modal__footer .btn{flex:1 1;justify-content:center}.connect-guide{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:14px}.connect-guide__title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}.connect-guide ol{margin:8px 0 0;padding-left:18px}.connect-guide li{font-size:13px;color:var(--text-2);line-height:1.5;margin-bottom:4px}.connect-guide__link{display:inline-block;margin-top:6px;font-size:12px;color:#0a84ff}.modal--lg{max-width:760px;max-height:88vh}.ai-picker{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0}.ai-picker--empty{font-size:13px;color:var(--text-3)}.ai-picker__label{font-size:12px;color:var(--text-2);margin-right:2px}.ai-picker__chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);font-size:12px;font-weight:500;color:var(--text-2)}.ai-picker__chip--active{font-weight:600}.ai-picker__pin{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2)}.detail-post{border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;margin-bottom:12px}.detail-post__head{align-items:center;margin-bottom:10px;font-size:14px}.comment-row,.detail-post__head{display:flex;justify-content:space-between;gap:12px}.comment-row{align-items:flex-start;padding:10px 0;border-top:1px solid var(--border)}.comment-row__main strong{font-size:13px}.comment-row__followers{font-size:11px;color:var(--text-3);margin-left:6px}.comment-row__main p{font-size:13px;color:var(--text-2);margin-top:2px}.sentiment-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid var(--border)}.chip--pos{color:#34c759}.chip--neg{color:#ff3b30}.chip--int{color:#0a84ff}.detail-summary{font-size:13px;color:var(--text-2);line-height:1.45}.list-card--active{border-color:var(--text);box-shadow:var(--shadow-sm)}.help-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:12px}.help-card__head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14px}.help-chip{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 7px;border-radius:999px;color:#fff}.help-chip--input{background:#6e6e73}.help-chip--process{background:#10a37f}.help-chip--output{background:#0a84ff}.help-demo{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.help-field{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-2);background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:8px;padding:7px 9px}.help-field--on{border-style:solid;color:#34c759;border-color:#34c759}.help-card__note{font-size:12px;color:var(--text-3);line-height:1.4}.help-arrow{display:grid;place-items:center;color:var(--text-3);padding:6px 0}.list-card__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;flex-shrink:0;color:#fff}.list-card__body strong{display:block;font-size:14px}.list-card__body p{font-size:12px;color:var(--text-2)}.group-label{font-size:12px;font-weight:600;color:var(--text-3);margin:14px 0 8px}.tpl-icons{display:flex;align-items:center;gap:3px;margin-top:8px}.tpl-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;color:#fff;flex-shrink:0}.tpl-icons__arrow{color:var(--text-3)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.toggle-row strong{font-size:14px}.toggle-row p{font-size:12px;color:var(--text-2)}.toggle{position:relative;width:44px;height:26px;border-radius:999px;border:none;background:var(--border-strong);transition:background .2s ease;flex-shrink:0}.toggle span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s ease}.toggle--on{background:#34c759}.toggle--on span{transform:translateX(18px)}.field{display:block;margin-bottom:14px;font-size:13px;font-weight:500;color:var(--text-2)}.field__input,.field__select,.field__textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:14px;font-family:inherit}.field__textarea{min-height:90px;resize:vertical}.field__input:focus,.field__select:focus,.field__textarea:focus{outline:none;border-color:var(--text)}.pill-row{display:flex;gap:8px;margin-bottom:14px}.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);font-size:13px;color:var(--text-2)}.pill--active{background:var(--text);color:#fff;border-color:var(--text)}.canvas-stage{position:absolute;inset:0}[data-theme=dark] .header-actions{background:rgba(22,22,24,.92)}.flow-status{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}.flow-status--ok{color:#34c759;border-color:rgba(52,199,89,.5)}.flow-status--warn{color:#ff9500;border-color:rgba(255,149,0,.5)}.flow-status--error{color:#ff3b30;border-color:rgba(255,59,48,.5)}.btn--ai{position:relative;border:2px solid transparent;border-radius:999px;color:var(--text);font-weight:600;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(90deg,#ff3b30,#ff9500,#ffcc00,#34c759,#00c7be,#0a84ff,#bf5af2,#ff2d55,#ff3b30) border-box;background-size:100% 100%,300% 100%;animation:rainbow-border 3s linear infinite}.btn--ai:hover{background:linear-gradient(var(--surface-2,var(--surface)),var(--surface-2,var(--surface))) padding-box,linear-gradient(90deg,#ff3b30,#ff9500,#ffcc00,#34c759,#00c7be,#0a84ff,#bf5af2,#ff2d55,#ff3b30) border-box;background-size:100% 100%,300% 100%}@keyframes rainbow-border{to{background-position:0 0,300% 0}}@media (prefers-reduced-motion:reduce){.btn--ai{animation:none}}.flow-tips{position:absolute;top:60px;left:50%;transform:translateX(-50%);z-index:16;width:min(460px,calc(100% - 32px));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:12px 14px}.flow-tips__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.flow-tips__title{display:flex;align-items:center;gap:6px;font-size:13px}.flow-tips__item{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;padding:6px 0;color:var(--text-2);border-top:1px solid var(--border)}.flow-tips__item:first-of-type{border-top:none}.flow-tips__item svg{flex-shrink:0;margin-top:2px;color:#ff9500}@media (max-width:1180px){.header-actions .btn__label{display:none}.header-actions .btn{padding:7px 10px}}@media (max-width:720px){.header-actions{gap:5px;padding:4px}.topbar__tagline{display:none}}.flow-issues{position:absolute;top:60px;left:50%;transform:translateX(-50%);z-index:16;width:min(440px,calc(100% - 32px));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:12px 14px}.flow-issues__title{display:block;font-size:13px;margin-bottom:8px}.flow-issues__item{font-size:13px;line-height:1.5;padding:5px 0;color:var(--text-2)}.flow-issues__item--error{color:var(--text);font-weight:500}.flow-prompt{position:absolute;top:64px;left:50%;transform:translateX(-50%);z-index:14;display:flex;align-items:center;gap:8px;width:min(620px,calc(100% - 32px));padding:6px 6px 6px 14px;background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow)}.flow-prompt__icon{color:#10a37f;flex-shrink:0}.flow-prompt__ai{border:none;background:var(--surface-2);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:600;color:var(--text);font-family:inherit;flex-shrink:0;cursor:pointer}.flow-prompt--banner{cursor:pointer;font-size:13px;color:var(--text-2);text-align:left}.flow-prompt--banner:hover{border-color:#ff9500}.editing-banner{position:absolute;top:110px;left:50%;transform:translateX(-50%);z-index:14;display:flex;align-items:center;gap:12px;padding:6px 6px 6px 14px;background:rgba(16,163,127,.12);border:1px solid #10a37f;border-radius:999px;font-size:13px;font-weight:500;color:var(--text)}.flow-prompt__input{flex:1 1;border:none;background:transparent;font-size:14px;color:var(--text);outline:none;font-family:inherit}.flow-prompt__btn{flex-shrink:0}.icon-tab--glow{animation:tab-glow 1s ease-in-out infinite}@keyframes tab-glow{0%,to{box-shadow:0 0 0 0 rgba(16,163,127,0)}50%{box-shadow:0 0 0 3px rgba(16,163,127,.5);background:rgba(16,163,127,.12)}}.canvas-locked{position:absolute;inset:0;display:grid;place-items:center;background:rgba(245,245,247,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;text-align:center;padding:24px}.canvas-locked__card{border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:28px;max-width:360px}.canvas-locked__card,.node{background:var(--surface);border-radius:var(--radius)}.node{position:relative;width:200px;padding:14px;border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,border-color .15s ease}.node--selected{border-color:var(--text);box-shadow:var(--shadow)}.node__header{display:flex;align-items:center;gap:10px}.node__copy{flex:1 1;min-width:0}.node__icon{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:#fff;flex-shrink:0}.node__ai-orbit{position:absolute;top:-11px;right:-11px;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--surface);border:1.5px solid var(--border-strong);color:var(--text-2);box-shadow:var(--shadow);z-index:3}.node--running{border-color:#34c759;box-shadow:0 0 0 3px rgba(52,199,89,.18),var(--shadow)}.node--paused{opacity:.92}.node__dot--running{background:#34c759;animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 rgba(52,199,89,.5)}50%{box-shadow:0 0 0 5px rgba(52,199,89,0)}}.node__title{font-size:14px;font-weight:600}.node__family{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.node__meta{margin-top:10px;font-size:12px;color:var(--text-2);display:flex;align-items:center;justify-content:space-between}.node__dot{width:8px;height:8px;border-radius:999px}.node__dot--healthy{background:#34c759}.node__dot--warning{background:#ff9f0a}.node__dot--error{background:#ff3b30}.node__dot--idle{background:var(--border-strong)}.react-flow__node.node-highlight .node{animation:node-blink .7s ease-in-out infinite}@keyframes node-blink{0%,to{box-shadow:0 0 0 0 rgba(10,132,255,0);border-color:var(--border-strong)}50%{box-shadow:0 0 0 4px rgba(10,132,255,.45);border-color:#0a84ff}}.canvas-handle{width:10px!important;height:10px!important;background:var(--surface)!important;border:2px solid var(--border-strong)!important}.react-flow__attribution{display:none}.react-flow__edge.animated path.react-flow__edge-path{stroke-dasharray:6 6;animation:flow-dash .6s linear infinite}@keyframes flow-dash{to{stroke-dashoffset:-24}}.context-menu{position:fixed;z-index:50;min-width:150px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:5px}.context-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:7px;background:transparent;font-size:14px;color:var(--text);text-align:left}.context-menu__item:hover{background:var(--surface-2)}.context-menu__item--danger{color:#ff3b30}.node-menu{position:fixed;z-index:50;width:260px;max-height:360px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);overflow:hidden}.node-menu__search{margin:0!important;border:none!important;border-bottom:1px solid var(--border)!important;border-radius:0!important}.node-menu__list{overflow-y:auto;padding:4px}.node-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:7px;background:transparent;font-size:13px;color:var(--text);text-align:left}.node-menu__item:hover{background:var(--surface-2)}.node-menu__icon{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;color:#fff;flex-shrink:0}.node-menu__group{margin-left:auto;font-size:10px;color:var(--text-3)}.node-menu__empty{font-size:12px;color:var(--text-3);padding:10px;text-align:center}.onboard{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:28px;text-align:center}.onboard__icon{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;color:#fff;margin:0 auto 16px}.onboard h2{font-size:19px;margin-bottom:8px}.onboard p{font-size:14px;color:var(--text-2);line-height:1.5;margin-bottom:18px}.onboard__dots{display:flex;gap:6px;justify-content:center;margin-bottom:18px}.onboard__dot{width:7px;height:7px;border-radius:999px;background:var(--border-strong)}.onboard__dot--active{background:var(--text);width:18px}.onboard__actions{display:flex;gap:8px}.onboard__actions .btn{flex:1 1;justify-content:center}.toast-stack{position:fixed;top:70px;left:50%;transform:translateX(-50%);z-index:200;flex-direction:column;pointer-events:none}.toast,.toast-stack{display:flex;gap:8px;align-items:center}.toast{padding:10px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;color:var(--text);pointer-events:auto;animation:toast-in .22s ease}.toast--success{border-color:rgba(52,199,89,.4)}.toast--success svg:first-child{color:#34c759}.toast--error{border-color:rgba(255,59,48,.4)}.toast--error svg:first-child{color:#ff3b30}.toast--info svg:first-child{color:#0a84ff}.toast__close{display:grid;place-items:center;border:none;background:transparent;color:var(--text-3);margin-left:4px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.confirm-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:22px;text-align:center}.confirm-card h3{font-size:16px;margin-bottom:6px}.confirm-card p{font-size:14px;color:var(--text-2);margin-bottom:18px}.confirm-card__actions{display:flex;gap:8px}.confirm-card__actions .btn{flex:1 1;justify-content:center}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.inspector{position:absolute;top:12px;right:12px;bottom:12px;width:340px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:30;display:flex;flex-direction:column;overflow:hidden}.inspector__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.inspector__body{padding:16px;overflow-y:auto;flex:1 1}.account-chip{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 9px}.account-chip__dot{width:7px;height:7px;border-radius:999px;background:#34c759}.inspector__footer{display:flex;gap:8px;padding:14px 16px;border-top:1px solid var(--border)}.inspector__footer .btn{flex:1 1;justify-content:center}.inspector-hint{font-size:13px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:14px;line-height:1.45}.icon-btn--active{background:var(--text);color:var(--surface);border-color:var(--text)}.node-guide{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:12px;margin-bottom:16px}.node-guide__what{font-size:13px;font-weight:500;color:var(--text);margin-bottom:10px}.node-guide__fields{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.node-guide__field{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.node-guide__field strong{font-size:12px}.node-guide__field span{font-size:12px;color:var(--text-2)}.node-guide__prev{border-top:1px solid var(--border);padding-top:10px}.node-guide__prev-title{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin-bottom:8px}.node-guide__prev-item{display:flex;gap:8px;margin-bottom:8px}.node-guide__prev-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#fff;flex-shrink:0}.node-guide__prev-item strong{font-size:12px}.node-guide__prev-item p{font-size:12px;color:var(--text-2)}.node-guide__noprev{font-size:12px;color:var(--text-3)}.field-source{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}.src-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);font-size:11px;font-weight:500;color:var(--text-2)}.src-pill--active{background:var(--text);color:var(--surface);border-color:var(--text)}.src-pill--connected{background:#34c759;border-color:#34c759;color:#fff}.src-note{font-size:12px;color:var(--text-3);margin-top:4px;font-style:italic}.attach-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 0}.ai-glow{animation:ai-glow-spin 1.5s linear infinite}@keyframes ai-glow-spin{0%{box-shadow:0 0 0 2px #ff3b30;border-color:#ff3b30}25%{box-shadow:0 0 0 2px #ff9500;border-color:#ff9500}50%{box-shadow:0 0 0 2px #34c759;border-color:#34c759}75%{box-shadow:0 0 0 2px #0a84ff;border-color:#0a84ff}to{box-shadow:0 0 0 2px #af52de;border-color:#af52de}}.ai-gen-btn{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface-2);font-size:12px;color:var(--text-2)}.image-preview{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border);margin-top:6px}.cloud-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:10px}.cloud-file{position:relative;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface-2);padding:0;cursor:pointer}.cloud-file img{width:100%;height:64px;object-fit:cover;display:block}.cloud-file--active{border-color:#0a84ff;box-shadow:0 0 0 2px rgba(10,132,255,.3)}.cloud-file__name{display:block;font-size:10px;color:var(--text-2);padding:3px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-file__copy{position:absolute;top:4px;right:4px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.upload-drop{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:6px;padding:18px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer;text-align:center}.upload-drop:hover{border-color:var(--text);color:var(--text)}.task{display:flex;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:8px}.task__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#fff;flex-shrink:0}.task__body{flex:1 1;min-width:0}.task__time{font-size:12px;font-weight:600;color:var(--text)}.task__copy{font-size:13px;color:var(--text-2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task__status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-2);margin-top:6px}.task__status--scheduled{color:#0a84ff}.task__status--published{color:#34c759}.task__status--failed{color:#ff3b30}.task__status--publishing{color:#ff9f0a}.empty{display:grid;place-items:center;grid-gap:10px;gap:10px;text-align:center;padding:40px 20px;color:var(--text-3)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.badge--ok{color:#34c759}.badge--warn{color:#ff9f0a}.tier-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;border:1.5px solid;font-size:11px;font-weight:700;letter-spacing:.02em;background:var(--surface)}.page{max-width:1040px;margin:0 auto;padding:48px 24px}.page__nav{display:flex;gap:16px;margin-bottom:32px;font-size:14px;color:var(--text-2)}.welcome{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center}.welcome__stage{position:relative;width:280px;height:280px;display:grid;place-items:center;margin-bottom:12px}.welcome__box{width:150px;height:150px;color:var(--text);z-index:2;animation:box-breathe 3.5s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(0,0,0,.12))}.welcome__social{position:absolute;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;z-index:1;box-shadow:0 6px 18px rgba(0,0,0,.2);animation:social-into-box 3.6s cubic-bezier(.5,0,.2,1) infinite}@keyframes social-into-box{0%{transform:translate(var(--fromX),var(--fromY)) scale(1);opacity:0}12%{transform:translate(calc(var(--fromX) * .92),calc(var(--fromY) * .92)) scale(1);opacity:1}40%{transform:translate(calc(var(--fromX) * .6),calc(var(--fromY) * .6)) scale(.7);opacity:.75}58%{transform:translate(calc(var(--fromX) * .42),calc(var(--fromY) * .42)) scale(.45);opacity:.3}70%{transform:translate(calc(var(--fromX) * .32),calc(var(--fromY) * .32)) scale(.2);opacity:0}to{transform:translate(calc(var(--fromX) * .32),calc(var(--fromY) * .32)) scale(.2);opacity:0}}@keyframes box-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.04)}}.welcome__title{font-size:30px;font-weight:700;letter-spacing:-.02em}.welcome__subtitle{font-size:15px;color:var(--text-2);margin-bottom:18px}.welcome__cta{padding:11px 28px;font-size:15px}@media (prefers-reduced-motion:reduce){.welcome__box,.welcome__social{animation:none}.welcome__social{opacity:1;transform:translate(var(--fromX),var(--fromY)) scale(.8)}}.google-btn{gap:8px;font-weight:500}.auth-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--text-3);font-size:12px}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.auth-card{max-width:380px;margin:80px auto;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.page--wide{max-width:1100px}.dash-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.dash-actions{gap:8px}.dash-actions,.period-tabs{display:flex;flex-wrap:wrap}.period-tabs{gap:4px;padding:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;width:-moz-fit-content;width:fit-content}.period-tab{padding:7px 14px;border:none;border-radius:999px;background:transparent;font-size:13px;font-weight:500;color:var(--text-2)}.period-tab--active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.stat-card__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;flex-shrink:0}.stat-card--btn{cursor:pointer;width:100%;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.stat-card--btn:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.stat-card__value{font-size:22px;font-weight:700;letter-spacing:-.02em}.stat-card__label{font-size:12px;color:var(--text-2)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.dash-panel{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.dash-panel h3{font-size:15px;margin-bottom:14px}.dash-empty{font-size:13px;color:var(--text-3)}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:110px 1fr 48px;align-items:center;grid-gap:10px;gap:10px}.bar-row__label{font-size:12px;color:var(--text-2);overflow:hidden}.bar-track{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;transition:width .3s ease}.bar-row__value{font-size:12px;font-weight:600;text-align:right}.platform-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.platform-row:last-child{border-bottom:none}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-weight:600;color:var(--text-2);padding:8px 10px}.data-table td,.data-table th{border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:9px 10px}.data-table tbody tr:hover{background:var(--surface-2)}@media (max-width:760px){.dash-grid{grid-template-columns:1fr}}@media (max-width:640px){.page,.page--wide{padding:20px 14px}.dash-toolbar{flex-direction:column;align-items:stretch}.period-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.period-tab{white-space:nowrap}.dash-actions{width:100%}.dash-actions .btn{flex:1 1;justify-content:center}.stat-cards{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px}.stat-card__value{font-size:18px}.bar-row{grid-template-columns:80px 1fr 40px}.data-table{font-size:12px}.data-table td,.data-table th{padding:6px 8px}.modal--lg{max-width:100%;max-height:92vh}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.pricing-card{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.pricing-card--highlighted{border-color:var(--text);box-shadow:var(--shadow)}.pricing-card ul{padding-left:18px;color:var(--text-2);font-size:14px}[data-theme=dark]{--bg:#0b0b0d;--surface:#161618;--surface-2:#1e1e21;--border:#2a2a2e;--border-strong:#3a3a3f;--text:#f5f5f7;--text-2:#a1a1a6;--text-3:#6e6e73;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow:0 4px 16px rgba(0,0,0,0.5);--shadow-lg:0 12px 40px rgba(0,0,0,0.6)}[data-theme=dark] .topbar{background:rgba(22,22,24,.8)}[data-theme=dark] .btn--primary{border-color:#f5f5f7}[data-theme=dark] .btn--primary,[data-theme=dark] .topbar__brand-mark{background:#f5f5f7;color:#0b0b0d}[data-theme=dark] .react-flow__controls button{background:var(--surface);border-color:var(--border);color:var(--text)}@media (max-width:1100px){.workspace{grid-template-columns:260px 1fr 280px}}@media (max-width:900px){.app{height:auto;min-height:100vh}.workspace{grid-template-columns:1fr;grid-template-rows:auto 60vh auto}.zone{border:none;border-bottom:1px solid var(--border)}.zone--center{min-height:60vh}.inspector{width:auto;left:8px;right:8px}.topbar{gap:8px}.topbar,.topbar__actions{flex-wrap:wrap}}@media (max-width:560px){.btn span,.icon-tab span,.topbar__brand h1{display:none}.company-select__trigger{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media print{.dash-actions,.page__nav,.period-tabs{display:none!important}.dash-panel,.stat-card{page-break-inside:avoid;break-inside:avoid;box-shadow:none}body{background:#fff}}