.pl-studio.flow-studio{--flow-black:#030405;--flow-panel:#07090d;--flow-surface:#0d162b;--flow-muted:#9da6b8;position:fixed;inset:0;z-index:110;background:#000;color:#f4f6fc;overflow:hidden;isolation:isolate}.flow-studio button{border:0;color:inherit;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .16s,border-color .16s;color-scheme:dark}.flow-studio button:focus-visible,.flow-studio input:focus-visible,.flow-studio select:focus-visible{outline:2px solid #577bff;outline-offset:2px}.flow-studio p{color:#a9b2c5;font-size:12px;line-height:1.6}.flow-studio .pl-green{box-shadow:none;width:7px;height:7px;margin:0 4px 0 0}.flow-top{height:44px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 12px;background:#000}.flow-brand,.flow-top-actions{display:flex;align-items:center;gap:8px;min-width:0}.flow-brand>a{border-radius:10px;display:flex;background:#1644ca;padding:0;overflow:hidden}.flow-brand img{display:block;width:34px;height:34px;border-radius:9px}.flow-brand strong{font-size:16px;font-weight:750;white-space:nowrap;letter-spacing:-.04em}.flow-brand small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px;margin-left:10px;font-size:11px;color:#8d9cb5}.flow-top-actions button{font-size:11px;font-weight:700;padding:8px 10px;background:#101317;border:1px solid #242934;border-radius:8px;white-space:nowrap}.flow-top-actions button:hover{background:#1c2953}.flow-top-actions .flow-top-publish{background:#1b3ec3;border-color:#254bbf}.flow-engine-pill{font-size:9px;color:#7ebfa3;letter-spacing:.05em;white-space:nowrap}.flow-workspace-badge{font-size:11px;white-space:nowrap;color:#03d77c;background:#032313;border-radius:99px;padding:5px 9px;margin-left:7px}.flow-workspace-tabs{height:44px;min-height:44px;display:flex;gap:1px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:0 12px;background:#000}.flow-workspace-tabs button{font-size:12px;font-weight:750;white-space:nowrap;padding:11px 13px;border-radius:10px}.flow-workspace-tabs button.active{background:#2145c5;color:#fff}.flow-workspace-tabs button:hover:not(.active){background:#131923}.flow-workspace-tabs .flow-command-button{margin-left:auto;color:#aeb5c8;background:#0b0e14;font-size:11px;border:1px solid #202838;padding:8px 11px}.flow-command-button kbd{font:10px ui-monospace,monospace;color:#77849c;border:1px solid #303744;border-radius:4px;padding:3px}.flow-shell{margin:2px 10px 9px;border:1px solid #2b2b2e;border-radius:17px;flex-direction:column;overflow:hidden;background:#000}.flow-shell,.flow-upper{display:flex;flex:1 1;min-height:0}.flow-upper{min-width:0}.flow-rail{display:flex;flex-direction:column;flex:0 0 51px;align-items:center;gap:8px;padding:16px 6px 9px;background:#000;border-right:1px solid #111318}.flow-rail button{height:32px;width:35px;border-radius:8px;color:#b9bfc9}.flow-rail button.selected,.flow-rail button:hover{background:#111d45;color:#84a3ff}.flow-rail .flow-rail-bottom{margin-top:auto}.flow-stage{position:relative;flex:1 1}.flow-content,.flow-stage{display:flex;min-height:0;min-width:0}.flow-content{flex-direction:column;flex:1 1;overflow:hidden;background:#000}.flow-content-head{height:48px;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 13px}.flow-switch{display:flex;align-items:center;gap:5px;font-size:11px}.flow-switch button,.flow-switch span{padding:4px 8px;border-radius:99px;font-weight:700;font-size:11px}.flow-switch .active{background:#0a245d;color:#5aa3ff}.flow-switch button{background:#131418}.flow-head-actions{display:flex;align-items:center;gap:4px}.flow-head-actions button{color:#96a5c6;border-radius:7px;padding:6px;font-size:11px}.flow-design-pad{display:flex;flex:1 1;min-height:0;flex-direction:column;justify-content:center;align-items:stretch;padding:0 clamp(10px,3vw,34px) 18px;overflow:auto}.flow-design-canvas{background:#0e162b;border:1px solid #273456;border-radius:9px;min-height:220px;max-height:min(560px,75vh);display:flex;flex-direction:column;overflow:hidden;margin:auto 0 0}.flow-design-title{display:flex;align-items:center;justify-content:space-between;padding:18px 15px 10px;gap:8px;font-size:15px}.flow-design-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-spark{color:#ff925e;font-size:23px;line-height:1}.flow-live-canvas{flex:1 1;min-height:170px;position:relative;padding:3px 12px 12px}.flow-live-canvas .pl-canvas-frame{border-radius:8px}.flow-design-placeholder{height:100%;min-height:170px;display:flex;flex-direction:column;gap:10px}.flow-design-placeholder>button{background:#2347c2;color:#fff;font-size:12px;font-weight:750;border-radius:8px;min-height:43px;width:100%}.flow-design-placeholder>div:first-of-type{background:#243047;height:15px;border-radius:6px}.flow-design-placeholder>div:nth-of-type(2){display:flex;gap:6px;height:28px}.flow-design-placeholder span{background:#243047;border-radius:6px;flex:1 1}.flow-design-placeholder small{font-size:10px;color:#78899f}.flow-quick-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:12px 0 4px}.flow-quick-tools button{font-size:11px;padding:6px 9px;border:1px solid #2a344a;border-radius:7px;color:#b9d0f4}.flow-caption{display:block;text-align:center;color:#6f7a91;font-size:10px;margin-top:8px}.flow-inspector{flex:0 0 147px;min-width:0;padding:18px 12px;border-left:1px solid #14161b;background:#000;overflow-y:auto}.flow-inspector-head{display:flex;justify-content:space-between;align-items:center;font-size:12px}.flow-inspector-head button{color:#9eaccb}.flow-inspector p{margin:16px 0 7px;color:#becbe1;font-size:12px}.flow-inspector p strong{font-size:13px;color:#f2f4ff}.flow-inspector>button{display:flex;width:100%;justify-content:start;text-align:left;background:#212124;border-radius:7px;font-size:11px;margin:8px 0;padding:10px}.flow-inspector>button:hover{background:#243968}.flow-inspector small{display:block;color:#67788f;line-height:1.55;font-size:10px;margin-top:14px}.flow-console{flex:0 0 auto;border-top:1px solid #101318;background:#000}.flow-console-bar{width:100%;height:42px;display:flex!important;align-items:center;justify-content:flex-start!important;padding:0 14px;color:#c9d0db!important;gap:9px!important;font-size:12px}.flow-console-bar span{white-space:nowrap}.flow-console-bar small{color:#76869f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;margin-left:12px}.flow-console-bar svg:last-child{margin-left:auto}.flow-console-log{max-height:190px;overflow-y:auto;background:#0b1018;border-top:1px solid #25283a;padding:9px 17px;font:11px/1.8 ui-monospace,monospace}.flow-console-log>div{display:flex;gap:16px}.flow-console-log time{color:#7a879c}.flow-console-log .ok{color:#79d4aa}.flow-console-log .error{color:#ffa7a7}.flow-console-log button{color:#8eaafb;font-size:11px;margin-top:8px}.flow-tool-drawer{position:absolute;z-index:22;top:0;bottom:0;left:0;width:clamp(220px,28vw,330px);overflow-y:auto;background:#080b12;box-shadow:9px 0 30px #000b;border-right:1px solid #343c53;padding:14px}.flow-drawer-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.12em;padding:0 0 17px}.flow-drawer-head button{color:#aab1c5}.flow-drawer-group{display:flex;justify-content:space-between;align-items:center;color:#7f95b5;font-weight:800;font-size:10px;letter-spacing:.1em;margin-bottom:10px}.flow-file{width:100%;justify-content:start!important;min-height:41px;border-radius:8px!important;font-size:12px}.flow-file.active,.flow-file:hover{background:#1a2e53}.flow-file span{overflow:hidden;text-overflow:ellipsis;flex:1 1;text-align:left;white-space:nowrap}.flow-file small{color:#71829b}.flow-drawer-link{padding:11px;margin-top:10px;color:#9fbfff!important}.flow-drawer-buttons{display:flex;flex-direction:column;gap:10px}.flow-drawer-buttons button,.flow-drawer-buttons>a{border-radius:7px;padding:10px 12px;border:1px solid #283956;background:#172137;text-align:left;justify-content:start;font-size:12px}.flow-drawer-buttons label{font-size:12px;color:#aebdda}.flow-drawer-buttons select{display:block;background:#192037;color:white;border:1px solid #344763;border-radius:7px;width:100%;padding:9px;margin-top:6px}.flow-tool-scroll{overflow-y:auto;max-height:100%}.flow-code-tabs{display:flex;align-items:center;gap:1px;min-height:32px;overflow-x:auto;background:#090b11;border-bottom:1px solid #1a202d;padding:0 7px}.flow-code-tabs button{font-size:11px;padding:8px 12px;border-radius:6px 6px 0 0;white-space:nowrap;color:#96a9c4}.flow-code-tabs button.active{background:#192742;color:#e4eeff}.flow-code-head{border-bottom:1px solid #141922}.flow-source-type{font-size:10px;color:#8495b5!important}.flow-monaco{flex:1 1;min-height:0;position:relative}.flow-monaco>*{height:100%!important}.flow-native-indicator{font-size:10px;letter-spacing:.1em;color:#7b97b8;white-space:nowrap}.flow-scroll-content{flex:1 1;overflow-y:auto;min-width:0;min-height:0;padding:10px 20px 24px;overscroll-behavior:contain}.flow-backend-intro{border:1px solid #2a3c63;border-radius:12px;padding:20px;background:#0e1a30}.flow-backend-intro h2{font-size:22px;margin:0 0 8px}.flow-backend-intro>button{background:#2145be;padding:10px 13px;border-radius:8px;font-size:12px}.flow-scroll-content :is(.pl-publish-panel){margin:8px 0 18px;padding:20px}.flow-scroll-content :is(.pl-publish-panel input,.pl-publish-panel select,.pl-publish-panel textarea){color-scheme:dark}.flow-publish-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.flow-publish-actions button{background:#142744;border-radius:9px;padding:10px 13px;font-size:12px}.flow-publish-actions .pl-publish{background:#234bcf;color:white}.flow-publish-pending{display:flex;gap:8px;align-items:center;padding:15px;border:1px solid #27324c;border-radius:11px;color:#9eacc5;font-size:12px}.flow-test-controls{display:flex;gap:10px;flex-wrap:wrap;padding:0 15px 12px}.flow-test-controls label{display:flex;align-items:center;gap:8px;font-size:11px;color:#acbde0}.flow-test-controls select{min-width:120px;background:#101a30;color:#edf4ff;border:1px solid #354668;border-radius:8px;padding:7px 9px}.flow-device-stage{flex:1 1;min-height:100px;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#172037,#070a12 70%)}.flow-device-scaled{position:relative;box-shadow:0 0 0 2px #405071,0 15px 90px #000c;border-radius:9px;overflow:hidden;flex-shrink:0}.flow-device-viewport{position:absolute;left:0;top:0;background:#0b1528;overflow:hidden}.flow-device-label{position:absolute;left:9px;bottom:9px;color:#abc4f0;background:#080c17dc;border:1px solid #202f4d;padding:6px 10px;font-size:10px;border-radius:8px}.flow-help{position:absolute;bottom:68px;left:62px;width:min(340px,calc(100vw - 75px));z-index:150;padding:16px;border:1px solid #3e5477;border-radius:11px;background:#101a32;box-shadow:0 15px 60px #000b}.flow-help>button{float:right}.flow-help h3{margin:0 0 10px;font-size:17px}.flow-help a{color:#89b5ff;font-size:12px}.flow-modal-backdrop{position:fixed;inset:0;background:#000c;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:clamp(60px,12vh,130px) 18px 18px}.flow-command-dialog{width:min(570px,100%);max-height:min(70vh,660px);display:flex;flex-direction:column;background:#0b111c;border-radius:15px;border:1px solid #485780;box-shadow:0 25px 100px #000e;overflow:hidden}.flow-command-search{display:flex;align-items:center;gap:12px;padding:15px;border-bottom:1px solid #2c3651}.flow-command-search input{flex:1 1;background:transparent;border:none;outline:none;color:#fff;font-size:15px;min-width:0}.flow-command-search button{color:#a3b1c6}.flow-command-results{overflow-y:auto;padding:7px}.flow-command-results button{width:100%;justify-content:flex-start;padding:12px;border-radius:8px;text-align:left;font-size:12px}.flow-command-results button:hover{background:#1e3260}.flow-command-results button svg:last-child{margin-left:auto}.flow-command-dialog>small{padding:10px 16px;color:#7d8da8;font-size:10px;border-top:1px solid #28334d}.if-panel{margin:18px 0;border:1px solid #334469;border-radius:15px;padding:18px;background:#101a30;color:#eef3ff}.if-header{justify-content:space-between;gap:12px}.if-header,.if-header h3{display:flex;align-items:center}.if-header h3{margin:0;gap:8px;font-size:18px}.if-header img{border-radius:12px;flex:0 0 72px}.if-header p{margin:10px 0}.if-search{display:flex;align-items:center;gap:9px;border:1px solid #3d4b69;border-radius:8px;background:#0b1222;padding:8px 12px}.if-search input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;color:white}.if-groups{display:flex;gap:6px;overflow-x:auto;padding:12px 0}.if-groups button{font-size:11px;border:1px solid #314361;border-radius:20px;padding:5px 9px;white-space:nowrap}.if-groups button.active{background:#244aba}.if-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px;max-height:275px;overflow-y:auto}.if-grid button{display:flex;flex-direction:column;gap:5px;align-items:center;border-radius:10px;border:1px solid #30415e;padding:8px 5px;background:#0b1427;font-size:10px}.if-grid button.selected{border:2px solid #6b98ff;background:#1b3059}.if-grid button img{border-radius:10px}.if-grid button span{text-align:center;overflow-wrap:anywhere}.if-subtitle{font-size:13px;margin:18px 0 10px;display:flex;align-items:center;gap:7px}.if-custom{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px}.if-custom label{font-size:11px;display:flex;flex-direction:column;gap:7px;color:#aebfe0}.if-custom input[type=color]{height:37px;width:60px;cursor:pointer;border:0;border-radius:6px;background:transparent}.if-custom select{color:#fff;background:#0e1729;border:1px solid #344463;border-radius:8px;padding:9px}.if-custom input[type=range]{width:100%}.if-custom .if-toggle{flex-direction:row;align-items:center}.if-save{margin-top:15px!important;background:#254dc7!important;color:white!important;border-radius:8px;padding:10px 14px;font-size:12px}.if-status{margin-top:12px!important}.if-upload{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px;padding:11px;border:1px solid #293a5c;border-radius:10px}.if-upload label{font-size:11px;color:#b2c6e3;flex:1 1;min-width:180px}.if-upload input{display:block;width:100%;margin-top:6px;font-size:11px;color:#c9d9f6}.if-upload button{background:#1e2d4c;border-radius:8px;padding:9px;font-size:11px}.if-icon-sizes{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-top:16px}.if-icon-sizes>div{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#9eaed0;align-items:center}.if-icon-sizes img{max-width:min(256px,100%);height:auto;border-radius:8px}@media(max-width:1140px){.flow-engine-pill{display:none}.flow-inspector{flex-basis:127px}.flow-top-actions button{padding:7px}.flow-brand small{max-width:90px}}@media(max-width:790px){.flow-command-button kbd,.flow-command-button span,.flow-inspector{display:none}.flow-top-actions span.flow-workspace-badge{font-size:10px;padding:4px}.flow-top-actions button span{display:none}.flow-top-actions button{min-width:33px;padding:7px}.flow-tool-drawer{width:min(300px,calc(100vw - 63px))}.flow-shell{margin:0 7px 7px}.flow-rail{flex-basis:45px}.flow-design-pad{padding:0 12px 14px}.flow-design-title{padding:12px}.flow-design-canvas{min-height:185px}.flow-quick-tools{gap:4px}.flow-quick-tools button{font-size:10px}.flow-content-head{padding:6px 9px}.flow-caption{display:none}}@media(max-width:450px){.flow-brand strong{font-size:12px}.flow-brand small{display:none}.flow-top{padding:3px 7px}.flow-workspace-tabs{padding:0 5px}.flow-workspace-tabs button{padding:9px 10px}.flow-top-actions{gap:3px}.flow-top-actions .flow-workspace-badge{display:none}.flow-content-head{height:40px;min-height:40px}.flow-design-pad{justify-content:flex-start;padding-top:5px}.flow-design-canvas{margin:0}.flow-device-label{font-size:9px}.flow-console-bar small{display:none}.flow-test-controls select{min-width:90px;max-width:155px}.flow-test-controls{padding:0 9px 9px}.flow-inspector{display:none}.if-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}}@media(prefers-reduced-motion:reduce){.flow-studio *{transition:none!important}}