:root{
  --font:"Open Sans",Arial,Helvetica,sans-serif;
  --ink:#10182A;--ink2:#26344F;--text:#5D6E8A;--muted:#7E8EA8;
  --canvas:#F3F7FC;--violet:#6D5DFB;--violet2:#5948EF;--violet-soft:rgba(109,93,251,.12);
  --cyan:#35D4E7;--mint:#30C996;--danger:#ED667C;--border:rgba(143,164,197,.26);
  --glass:rgba(255,255,255,.64);--glass-strong:rgba(255,255,255,.82);--dark:rgba(16,24,42,.88);
  --shadow:0 24px 70px rgba(54,74,114,.14);--shadow-soft:0 12px 34px rgba(54,74,114,.09);
  --blur:22px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink);background:var(--canvas)}button,input,select{font:inherit}.app-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 14%,rgba(88,205,255,.18),transparent 25%),radial-gradient(circle at 82% 14%,rgba(118,96,255,.18),transparent 22%),radial-gradient(circle at 58% 88%,rgba(82,226,221,.15),transparent 25%),linear-gradient(135deg,#F5F9FE,#EEF4FB 55%,#F5F4FF)}
.utility-rail{position:fixed;z-index:30;left:20px;top:20px;bottom:20px;width:64px;border-radius:24px;background:rgba(15,23,42,.90);backdrop-filter:blur(22px);display:flex;flex-direction:column;align-items:center;padding:12px 8px;box-shadow:0 24px 60px rgba(10,18,35,.20)}.brand-dot{width:42px;height:42px;border:0;border-radius:14px;background:linear-gradient(145deg,#fff,#dde8ff);color:#10182A;font-weight:800;font-size:16px}.rail-group{display:grid;gap:10px;margin-top:26px}.rail-spacer{flex:1}.rail-btn{position:relative;width:42px;height:42px;border:0;border-radius:14px;background:transparent;color:#AEBBD0;display:grid;place-items:center;cursor:pointer}.rail-btn img{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(78%) sepia(12%) saturate(519%) hue-rotate(178deg) brightness(96%)}.rail-btn:hover,.rail-btn.active{background:rgba(255,255,255,.10);color:#fff}.rail-btn:hover:after{content:attr(data-label);position:absolute;left:52px;white-space:nowrap;background:#10182A;color:white;padding:8px 10px;border-radius:10px;font-size:11px;box-shadow:var(--shadow-soft)}
.top-float{position:fixed;z-index:25;top:18px;left:104px;right:22px;height:52px;display:flex;align-items:center;justify-content:center;gap:10px}.command-bar{width:min(660px,52vw);height:46px;border:1px solid rgba(255,255,255,.76);background:rgba(255,255,255,.68);backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-soft);border-radius:16px;display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--text);cursor:pointer}.search-dot{width:10px;height:10px;border:2px solid #7183A3;border-radius:50%;position:relative}.search-dot:after{content:"";width:5px;height:2px;background:#7183A3;position:absolute;right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:2px}.command-placeholder{flex:1;text-align:left;font-size:12px}.kbd{font-size:10px;color:#8190A8;background:rgba(94,110,140,.08);border:1px solid rgba(100,118,148,.14);padding:4px 7px;border-radius:7px}.session-chip,.user-chip{height:40px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.58);backdrop-filter:blur(var(--blur));border-radius:14px;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:11px;color:var(--text)}.session-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(48,201,150,.10)}.avatar{width:24px;height:24px;border-radius:9px;background:#10182A;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700}.chevron{color:#91A0B8}
.workspace-shell{min-height:100vh;padding:88px 28px 28px 104px}.page{display:none;position:relative;min-height:calc(100vh - 116px)}.page.active{display:block}.spatial-page{border-radius:32px}.glass-panel{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.52));border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(var(--blur)) saturate(140%);box-shadow:var(--shadow);border-radius:28px}.glass-panel.compact{border-radius:16px}
.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.72;box-shadow:inset -18px -18px 38px rgba(72,103,204,.10),inset 16px 14px 32px rgba(255,255,255,.60),0 18px 50px rgba(89,96,180,.10);pointer-events:none}.orb-a{width:180px;height:180px;left:16%;top:12%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.92),rgba(145,234,246,.34) 30%,rgba(109,93,251,.12) 66%,rgba(255,255,255,.05))}.orb-b{width:240px;height:240px;right:11%;top:16%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.9),rgba(161,143,255,.30) 34%,rgba(53,212,231,.10) 70%,rgba(255,255,255,.04))}.orb-c{width:140px;height:140px;left:43%;bottom:7%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(133,224,255,.30) 36%,rgba(109,93,251,.08) 72%,transparent)}
.home-center{position:absolute;z-index:3;width:min(720px,74vw);left:50%;top:49%;transform:translate(-50%,-50%);padding:34px 36px;text-align:center}.home-mark{width:48px;height:48px;border-radius:16px;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(145deg,#6D5DFB,#35D4E7);color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(109,93,251,.25)}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;color:#7568EB;margin:0 0 10px}.eyebrow.dark{color:#6A7890}.home-center h1,.flow-title h1,.task-header h1,.result-panel h1,.help-card h1{font-size:38px;line-height:1.1;margin:0;letter-spacing:-.03em}.home-center .lead,.result-panel .lead{font-size:13px;color:var(--text);margin:12px 0 24px}.quick-tools{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.quick-tool{border:0;background:transparent;display:grid;justify-items:center;gap:8px;color:var(--ink2);font-size:11px;font-weight:600;cursor:pointer}.tool-icon{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);display:grid;place-items:center;box-shadow:0 10px 28px rgba(74,92,132,.09);transition:.16s ease}.tool-icon img{width:22px;height:22px}.quick-tool:hover .tool-icon{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 32px rgba(75,93,143,.14);background:white}.home-footnote{margin-top:22px;color:#8796AD;font-size:10px}.bottom-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:10px;color:#8999B0}
.task-page{padding:26px 4vw 96px}.task-header{display:flex;align-items:flex-start;justify-content:space-between;max-width:1080px;margin:0 auto 22px}.task-header h1{font-size:34px}.task-header p{margin:6px 0 0;color:var(--text);font-size:12px}.icon-action{border:1px solid var(--border);background:rgba(255,255,255,.64);border-radius:13px;padding:10px 12px;display:flex;align-items:center;gap:8px;color:var(--text);font-size:11px}.icon-action img{width:16px}.file-stage{max-width:980px;margin:0 auto;display:grid;gap:10px}.file-card{display:grid;grid-template-columns:28px 40px 44px 1fr auto;align-items:center;gap:10px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow-soft);cursor:grab}.file-card:active{cursor:grabbing}.drag-grip{color:#A4B0C2}.file-index{font-size:11px;color:#8998AD;font-weight:700}.file-symbol{width:38px;height:38px;border-radius:12px;background:var(--violet-soft);display:grid;place-items:center}.file-symbol img{width:18px}.file-copy strong{display:block;font-size:13px}.file-copy span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.file-actions{display:flex;gap:5px}.file-actions button{width:30px;height:30px;border:0;border-radius:10px;background:transparent;color:#7889A4;cursor:pointer}.file-actions button:hover{background:#EEF2F8}.add-file-card{height:58px;border:1px dashed rgba(109,93,251,.34);border-radius:18px;background:rgba(255,255,255,.42);color:#6657E9;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700}.add-file-card img{width:17px}.task-meta{display:flex;justify-content:center;gap:16px;margin-top:16px;font-size:10px;color:#8292AA}.task-meta span+span:before{content:"•";margin-right:16px;color:#B1BDCD}.floating-dock{position:fixed;z-index:24;bottom:24px;left:50%;transform:translateX(-50%);height:56px;background:rgba(16,24,42,.90);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.10);border-radius:18px;display:flex;align-items:center;padding:7px;box-shadow:0 24px 55px rgba(19,31,56,.24)}.dock-btn{height:42px;border:0;border-radius:12px;background:transparent;color:#C8D3E7;padding:0 14px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.dock-btn img{width:17px;filter:brightness(0) invert(1);opacity:.9}.dock-btn.primary{background:linear-gradient(135deg,#6D5DFB,#6754F5);color:#fff}.dock-sep{width:1px;height:26px;background:rgba(255,255,255,.12);margin:0 4px}
.flow-page{overflow:hidden}.flow-title{position:absolute;left:2.5%;top:2%;z-index:6}.flow-title h1{font-size:30px}.flow-title p:last-child{font-size:11px;color:var(--text);margin:6px 0}.flow-toolbar{position:absolute;z-index:12;right:2%;top:2%;height:44px;display:flex;align-items:center;gap:4px;padding:5px}.toolbar-icon{width:32px;height:32px;border:0;background:transparent;border-radius:10px;color:#6F7F99}.toolbar-icon:hover{background:#EEF2F8}.toolbar-icon img{width:15px}.toolbar-sep{width:1px;height:22px;background:#E0E6F0;margin:0 3px}.zoom-value{font-size:10px;color:#7788A2;min-width:38px;text-align:center}.process-btn{height:32px;border:0;border-radius:10px;background:linear-gradient(135deg,#6D5DFB,#5C4CF2);color:#fff;font-size:10px;font-weight:700;padding:0 14px}.flow-canvas{position:absolute;inset:0;border-radius:30px;background-color:rgba(250,252,255,.55);background-image:radial-gradient(rgba(100,118,152,.18) 1px,transparent 1px);background-size:22px 22px;overflow:hidden}.connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.connectors path{fill:none;stroke:#A7B6D0;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:4 5}.flow-node{position:absolute;width:132px;height:84px;transform:translate(-50%,-50%);border:1px solid rgba(177,190,215,.62);border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;text-align:left;align-items:center;padding:13px;gap:0 8px;cursor:pointer;transition:.18s ease}.flow-node:hover{transform:translate(-50%,-50%) translateY(-2px)}.flow-node.selected{border-color:rgba(109,93,251,.72);box-shadow:0 0 0 5px rgba(109,93,251,.09),0 18px 40px rgba(82,78,167,.16)}.node-icon{grid-row:1/3;width:34px;height:34px;border-radius:11px;background:var(--violet-soft);display:grid;place-items:center}.node-icon img{width:16px}.flow-node strong{font-size:11px;align-self:end}.flow-node small{font-size:9px;color:#8292A9;align-self:start}.branch-node{background:rgba(245,251,255,.78)}.add-node{position:absolute;transform:translate(-50%,-50%);height:38px;border:1px dashed rgba(109,93,251,.45);border-radius:13px;background:rgba(255,255,255,.55);color:#6757E8;display:flex;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:700}.add-node img{width:14px}.inspector{position:absolute;z-index:10;right:2%;top:14%;width:270px;padding:18px}.inspector-head{display:flex;justify-content:space-between;align-items:flex-start}.inspector-kicker{font-size:9px;color:#8796AC;letter-spacing:.09em;font-weight:700}.inspector h2{font-size:20px;margin:4px 0 18px}.close-btn{width:30px;height:30px;border:0;border-radius:10px;background:#EFF3F8;color:#718099}.inspector label{display:grid;gap:6px;font-size:10px;color:#6C7D97;margin:12px 0}.inspector select{height:38px;border:1px solid #DEE6F1;border-radius:11px;background:#FBFCFE;padding:0 10px;color:#31405C;font-size:10px}.toggle-line{display:flex!important;justify-content:space-between;align-items:center}.toggle-line input{accent-color:var(--violet)}.inspector-meta{display:flex;justify-content:space-between;padding:12px 0;margin-top:6px;border-top:1px solid #E7ECF3;font-size:9px;color:#8291A7}.inspector-meta strong{color:#B07629}.danger-link{width:100%;border:0;background:transparent;color:#D75E72;font-size:10px;text-align:left;padding:8px 0}
.result-page{display:none}.result-page.active{display:block}.result-orb-a{width:260px;height:260px;left:18%;top:20%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.92),rgba(129,224,255,.26),rgba(109,93,251,.10),transparent)}.result-orb-b{width:210px;height:210px;right:18%;bottom:14%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.9),rgba(168,143,255,.26),rgba(53,212,231,.08),transparent)}.result-panel{position:absolute;z-index:4;width:min(520px,74vw);left:50%;top:49%;transform:translate(-50%,-50%);padding:28px;text-align:center}.success-ring{width:54px;height:54px;border-radius:50%;margin:0 auto 12px;background:rgba(48,201,150,.12);color:var(--mint);display:grid;place-items:center;border:1px solid rgba(48,201,150,.22)}.success-ring img{width:26px}.result-panel h1{font-size:34px}.lead.dark{color:var(--text)}.result-file-card{margin:20px 0 16px;display:grid;grid-template-columns:44px 1fr 24px;align-items:center;text-align:left;gap:10px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.86);border-radius:16px;padding:13px}.pdf-tile{width:40px;height:40px;border-radius:12px;background:#FFF0F3;color:#D4576B;display:grid;place-items:center}.pdf-tile span{font-size:9px;font-weight:800}.result-file-card strong{font-size:11px;display:block}.result-file-card small{font-size:9px;color:#8090A8}.file-more{border:0;background:transparent;color:#7D8CA3;font-size:20px}.result-actions{display:flex;gap:10px;justify-content:center}.download-btn,.secondary-btn{height:40px;border-radius:12px;padding:0 16px;font-size:10px;font-weight:700}.download-btn{border:0;background:linear-gradient(135deg,#6D5DFB,#5A48ED);color:#fff;display:flex;align-items:center;gap:8px}.download-btn img{width:15px;filter:brightness(0) invert(1)}.secondary-btn{border:1px solid #DEE6F0;background:rgba(255,255,255,.62);color:#566985}.result-notice{margin-top:16px;font-size:9px;color:#8595AC}.help-page{display:grid!important;place-items:center}.help-card{max-width:620px;padding:30px}.help-card p:last-child{color:var(--text);line-height:1.6}
.command-overlay,.drag-overlay{position:fixed;z-index:90;inset:0;display:none;align-items:flex-start;justify-content:center;background:rgba(28,38,58,.16);backdrop-filter:blur(10px)}.command-overlay.open,.drag-overlay.open{display:flex}.command-palette{width:min(680px,90vw);margin-top:11vh;padding:12px;border-radius:22px}.command-search{height:54px;display:flex;align-items:center;gap:12px;padding:0 10px;border-bottom:1px solid #E9EDF4}.command-search input{flex:1;border:0;outline:0;background:transparent;font-size:13px;color:var(--ink)}.command-section{padding:12px 4px 4px}.command-label{display:block;font-size:9px;color:#8A99AF;letter-spacing:.1em;font-weight:700;margin:5px 9px 7px}.command-section button{width:100%;height:56px;border:0;background:transparent;border-radius:13px;display:grid;grid-template-columns:38px 1fr 30px;align-items:center;text-align:left;padding:0 9px;cursor:pointer}.command-section button:hover{background:#F2F5FA}.cmd-icon{width:32px;height:32px;border-radius:10px;background:var(--violet-soft);display:grid;place-items:center}.cmd-icon img{width:15px}.command-section strong{font-size:11px;display:block}.command-section small{font-size:9px;color:#8291A8}.command-section kbd{font-size:10px;color:#8A99AE}.drag-overlay{align-items:center}.drag-target{text-align:center;color:#445774}.drag-target img{width:36px;margin-bottom:8px}.drag-target h2{font-size:28px;margin:8px}.drag-target p{font-size:12px}.drop-orbit{width:160px;height:160px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-58%);border:1px solid rgba(109,93,251,.18);box-shadow:0 0 0 30px rgba(109,93,251,.05),0 0 0 60px rgba(53,212,231,.03)}
.login-screen{display:none;min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 14% 12%,rgba(85,203,255,.20),transparent 24%),radial-gradient(circle at 80% 16%,rgba(120,96,255,.18),transparent 22%),linear-gradient(135deg,#F5F9FE,#EFF5FC 55%,#F5F4FF)}.login-screen.open{display:grid;place-items:center}.login-orb{position:absolute;border-radius:50%;box-shadow:inset 12px 12px 26px rgba(255,255,255,.7),0 28px 70px rgba(78,86,160,.12)}.login-orb.one{width:240px;height:240px;left:12%;top:18%;background:radial-gradient(circle at 30% 30%,#fff,rgba(125,229,245,.34),rgba(109,93,251,.10),transparent)}.login-orb.two{width:310px;height:310px;right:9%;bottom:11%;background:radial-gradient(circle at 30% 30%,#fff,rgba(174,150,255,.30),rgba(53,212,231,.09),transparent)}.login-brand{position:absolute;top:30px;left:34px;width:42px;height:42px;border:0;border-radius:14px;background:#10182A;color:#fff;font-weight:800}.login-card{position:relative;z-index:4;width:min(430px,88vw);padding:30px}.login-card h1{font-size:30px;margin:0}.login-card>p:not(.eyebrow){font-size:11px;color:#73839D;margin:8px 0 20px}.login-card label{display:grid;gap:6px;font-size:10px;color:#6A7C97;margin:12px 0}.login-card input{height:42px;border-radius:12px;border:1px solid #DEE6F1;background:rgba(255,255,255,.64);outline:0;padding:0 12px}.login-card input:focus{border-color:#8A7CF7;box-shadow:0 0 0 4px rgba(109,93,251,.08)}.login-btn{height:44px;width:100%;border:0;border-radius:13px;margin-top:8px;background:linear-gradient(135deg,#6D5DFB,#5B49EE);color:#fff;font-size:11px;font-weight:700}.login-card small{display:block;margin-top:14px;color:#8796AC;font-size:9px;line-height:1.5}
@media(max-width:1050px){.top-float{left:92px}.command-bar{width:48vw}.session-chip{display:none}.quick-tools{grid-template-columns:repeat(3,1fr);row-gap:16px}.home-center{width:min(640px,78vw)}.inspector{width:230px}.flow-node{width:115px}.task-page{padding-inline:2vw}}
@media(max-width:760px){.utility-rail{left:12px;right:12px;top:auto;bottom:12px;width:auto;height:62px;flex-direction:row;padding:8px 10px;border-radius:20px}.brand-dot{display:none}.rail-group{display:flex;margin:0;gap:8px}.rail-spacer{flex:1}.top-float{left:12px;right:12px;top:12px}.command-bar{width:100%;max-width:none}.user-chip{display:none}.workspace-shell{padding:78px 12px 88px}.home-center{width:92vw;padding:26px 20px}.home-center h1{font-size:30px}.orb-a{left:-14%}.orb-b{right:-18%}.quick-tools{grid-template-columns:repeat(3,1fr)}.task-page{padding:12px 0 80px}.task-header{padding:0 4px}.file-card{grid-template-columns:20px 30px 40px 1fr}.file-actions{display:none}.floating-dock{bottom:82px}.flow-page{overflow:auto}.flow-title{left:18px;top:12px}.flow-toolbar{right:12px;top:12px}.flow-canvas{min-width:950px}.inspector{position:fixed;left:12px;right:12px;bottom:84px;top:auto;width:auto}.result-panel{width:92vw}.rail-btn:hover:after{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.quick-tool:hover .tool-icon{transform:none}.flow-node:hover{transform:translate(-50%,-50%)}}

/* NiceGUI production mappings */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/wgc-assets/fonts/OpenSans-Regular.ttf') format('truetype')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/wgc-assets/fonts/OpenSans-Semibold.ttf') format('truetype')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/wgc-assets/fonts/OpenSans-Bold.ttf') format('truetype')}
html,body,#app{min-height:100%;width:100%;font-family:var(--font)!important}
body{margin:0;background:var(--canvas);color:var(--ink);overflow-x:hidden}
/* NiceGUI/Quasar renders page content as a flex item. Explicitly stretch the application root
   so the spatial workspace uses the viewport instead of shrinking to its intrinsic content. */
.q-layout,.q-page-container,.q-page,.nicegui-content{width:100%!important;max-width:none!important;background:transparent!important}
.nicegui-content{padding:0!important;align-items:stretch!important}
.nicegui-content>.wgc-app-shell,.nicegui-content>.login-screen-live{width:100%!important;max-width:none!important;align-self:stretch!important}
.wgc-app-shell{width:100vw;max-width:100vw;min-width:0;min-height:100vh;position:relative;overflow-x:hidden;background:radial-gradient(circle at 15% 16%,rgba(80,207,244,.20),transparent 28%),radial-gradient(circle at 82% 17%,rgba(113,94,251,.16),transparent 28%),radial-gradient(circle at 58% 88%,rgba(53,212,231,.10),transparent 31%),linear-gradient(135deg,#F5F9FE,#EFF5FC 56%,#F5F4FF)}
.wgc-canvas{width:100%;max-width:none;min-width:0;min-height:100vh;padding:104px 7vw 110px 108px;position:relative}
.wgc-canvas-inner{width:100%;max-width:1180px;min-width:0;margin:0 auto}
/* The advanced builder is a true canvas and intentionally breaks out of the centered content column. */
.wgc-canvas-inner:has(.flow-workspace){max-width:none}
.wgc-svg-icon{display:inline-block;width:var(--icon-size,22px);height:var(--icon-size,22px);background:currentColor;mask:var(--icon-url) center/contain no-repeat;-webkit-mask:var(--icon-url) center/contain no-repeat;flex:none}
.utility-rail{z-index:60}
.rail-link{width:42px;height:42px;border:0;background:transparent;border-radius:13px;color:#9FB0C9;display:grid;place-items:center;cursor:pointer;position:relative;transition:.16s ease}
.rail-link:hover,.rail-link.active{background:#fff;color:#6D5DFB;box-shadow:0 10px 22px rgba(0,0,0,.14)}
.rail-link:focus-visible,.command-bar:focus-visible,.quick-tool:focus-visible,.file-card button:focus-visible,.floating-dock button:focus-visible{outline:3px solid rgba(109,93,251,.32);outline-offset:3px}
.rail-link .rail-tooltip{position:absolute;left:54px;padding:7px 10px;background:#10182A;color:white;border-radius:9px;white-space:nowrap;font-size:11px;opacity:0;pointer-events:none;transform:translateX(-5px);transition:.14s ease}
.rail-link:hover .rail-tooltip,.rail-link:focus-visible .rail-tooltip{opacity:1;transform:none}
.brand-dot{display:grid;place-items:center;text-decoration:none;color:#10182A}
.top-float{z-index:55}
.command-bar{cursor:pointer;color:#6B7C97}
.command-bar .wgc-svg-icon{color:#667A98}
.session-chip{white-space:nowrap}.session-dot{background:#30C996}
.user-chip{cursor:pointer}.user-chip .avatar{display:grid;place-items:center}
.wgc-user-menu{min-width:230px;border:1px solid rgba(143,164,197,.24);border-radius:16px!important;box-shadow:0 20px 60px rgba(31,53,88,.16)}
.wgc-page-title{font-size:40px;line-height:1.08;margin:0;color:var(--ink);font-weight:700}.wgc-page-subtitle{color:var(--text);font-size:13px;margin-top:4px}
.wgc-home-wrap{min-height:calc(100vh - 214px);display:grid;place-items:center;position:relative}
.home-center{width:min(760px,80vw)}
.quick-tools .quick-tool{color:var(--ink)}
.quick-tool .tool-icon{color:var(--violet)}
.wgc-upload-inline .q-uploader{width:100%;max-width:none;background:transparent!important;box-shadow:none!important;border:0!important;min-height:46px}
.wgc-upload-inline .q-uploader__header{background:transparent!important;color:var(--violet)!important;padding:0!important;min-height:46px}
.wgc-upload-inline .q-uploader__list{display:none!important}.wgc-upload-inline .q-uploader__header-content{justify-content:center!important}
.wgc-upload-inline .q-uploader__title,.wgc-upload-inline .q-uploader__subtitle{display:none!important}
.wgc-upload-inline .q-uploader__header .q-btn{color:var(--violet)!important}
.wgc-global-uploader{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:120!important;opacity:0!important;pointer-events:none!important;border:0!important;background:rgba(241,247,253,.82)!important;backdrop-filter:blur(12px)!important;transition:opacity .16s ease!important}
body.wgc-drag-active .wgc-global-uploader{opacity:1!important;pointer-events:auto!important}
.wgc-global-uploader .q-uploader__header{height:100%!important;background:transparent!important;color:#445774!important;display:flex!important;align-items:center!important;justify-content:center!important}
.wgc-global-uploader .q-uploader__header-content{flex-direction:column!important;justify-content:center!important;gap:8px!important}
.wgc-global-uploader .q-uploader__title{font-size:28px!important;font-weight:700!important;color:#253753!important}.wgc-global-uploader .q-uploader__subtitle{font-size:13px!important;color:#71829A!important}.wgc-global-uploader .q-uploader__list{display:none!important}
.task-page-live{padding-top:8px}.task-header-live{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px}.task-header-live .eyebrow{color:var(--violet);font-size:10px;font-weight:700;letter-spacing:.08em}.task-header-live h1{font-size:40px;margin:3px 0 0}.task-header-live p{margin:3px 0;color:var(--text);font-size:12px}
.file-stage-live{width:min(980px,100%);margin:0 auto}.file-card-live{display:grid;grid-template-columns:28px 40px 48px 1fr auto;align-items:center;gap:12px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.92);border-radius:18px;padding:15px 16px;margin-bottom:12px;box-shadow:0 13px 34px rgba(58,77,108,.08)}
.file-card-live .file-index{font-size:10px;color:#8DA0BA;font-weight:700}.file-card-live .file-symbol{width:42px;height:42px;border-radius:13px;background:var(--violet-soft);display:grid;place-items:center;color:var(--violet)}.file-card-live .file-copy strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-live .file-copy span{font-size:10px;color:#8191A8}.file-card-live .file-actions{display:flex;gap:5px}.file-card-live .file-actions button{width:34px;height:34px;border:0;border-radius:10px;background:#F5F8FC;color:#6F819A;cursor:pointer}.file-card-live .file-actions button.danger{color:#ED667C}
.add-files-panel{border:1px dashed rgba(109,93,251,.48);background:rgba(255,255,255,.42);border-radius:17px;padding:5px;margin-top:10px}
.task-metadata{text-align:center;color:#8A9AB0;font-size:10px;margin:18px 0 88px}.empty-stage{padding:58px 20px;text-align:center;background:rgba(255,255,255,.46);border:1px dashed rgba(109,93,251,.32);border-radius:24px}.empty-stage h3{margin:10px 0 4px}.empty-stage p{margin:0;color:var(--text);font-size:12px}
.floating-dock-live{position:fixed;z-index:50;left:50%;bottom:30px;transform:translateX(-50%);display:flex;align-items:center;padding:8px;background:#10182A;border-radius:18px;box-shadow:0 20px 55px rgba(16,24,42,.25)}.floating-dock-live .q-btn{border-radius:12px!important;min-height:42px!important;color:#EAF0FA!important}.floating-dock-live .q-btn.primary{background:var(--violet)!important;color:white!important;padding-inline:18px!important}.floating-dock-live .dock-sep{width:1px;height:28px;background:rgba(255,255,255,.18);margin:0 4px}
.inspector-live{width:300px;padding:20px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.94);border-radius:22px;box-shadow:0 22px 60px rgba(65,75,116,.12)}.inspector-live .q-field__control{border-radius:12px!important}.inspector-live .q-checkbox{font-size:12px}.inspector-live .inspector-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.inspector-live .inspector-head .eyebrow{font-size:9px;color:#91A1B8}.inspector-live .inspector-head h3{font-size:24px;margin:4px 0 0}
.task-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.flow-workspace{position:relative;margin:-104px -7vw -110px -108px;padding:122px 32px 110px 122px;min-height:100vh;background-color:rgba(240,247,253,.58);background-image:radial-gradient(circle,rgba(99,130,170,.44) 1px,transparent 1.2px);background-size:22px 22px}.flow-header-live{max-width:680px}.flow-header-live .eyebrow{font-size:9px;letter-spacing:.1em;color:#61748F}.flow-header-live h1{font-size:40px;margin:7px 0 2px}.flow-header-live p{color:var(--text);font-size:12px}.flow-toolbar-live{position:absolute;right:34px;top:118px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.92);border-radius:17px;padding:7px;display:flex;align-items:center;gap:5px;box-shadow:0 13px 34px rgba(58,77,108,.08)}.flow-toolbar-live .q-btn{border-radius:11px!important}.flow-track-live{display:flex;align-items:center;gap:20px;margin:160px 320px 0 0;min-height:150px;overflow-x:auto;padding:20px 8px 40px}.flow-node-live{min-width:142px;height:92px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.94);border-radius:18px;display:flex;align-items:center;gap:12px;padding:14px;box-shadow:0 14px 36px rgba(56,75,106,.08);cursor:pointer;transition:.2s cubic-bezier(.2,.8,.2,1);position:relative}.flow-node-live:after{content:'';position:absolute;width:20px;height:1px;background:#AABBD0;right:-21px;top:50%}.flow-node-live:last-child:after{display:none}.flow-node-live.selected{border-color:var(--violet);box-shadow:0 0 0 4px rgba(109,93,251,.10),0 18px 42px rgba(62,68,126,.13);transform:scale(1.015)}.flow-node-live .node-icon{width:38px;height:38px;border-radius:12px;background:var(--violet-soft);display:grid;place-items:center;color:var(--violet)}.flow-node-live strong{font-size:12px}.flow-node-live small{display:block;color:#8A9AB0;font-size:9px;margin-top:4px}.flow-inspector-wrap{position:absolute;right:28px;top:205px;width:300px}.add-stage-btn{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);border:1px solid var(--violet)!important;color:var(--violet)!important;border-radius:13px!important;background:rgba(255,255,255,.72)!important}
.result-live{min-height:calc(100vh - 150px);display:grid;place-items:center}.result-panel-live{width:min(560px,92vw);padding:42px;text-align:center;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.94);border-radius:28px;box-shadow:0 28px 75px rgba(56,75,106,.12)}.result-success{width:58px;height:58px;border-radius:50%;margin:0 auto 18px;background:rgba(48,201,150,.08);border:1px solid rgba(48,201,150,.55);display:grid;place-items:center;color:var(--mint)}.result-panel-live .eyebrow{font-size:9px;letter-spacing:.08em;color:#6D7E98}.result-panel-live h1{font-size:38px;margin:10px 0 4px}.result-panel-live .lead{font-size:12px;color:var(--text)}.result-file-live{margin:24px 0 18px;display:grid;grid-template-columns:44px 1fr 24px;align-items:center;text-align:left;gap:10px;background:rgba(255,255,255,.72);border:1px solid #EDF1F6;border-radius:16px;padding:14px}.result-file-live strong{font-size:12px}.result-file-live small{display:block;color:#8A9AB0;font-size:9px}.result-actions-live{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.result-notice-live{margin-top:16px;color:#8797AE;font-size:9px;line-height:1.5}
.command-dialog-card{width:min(690px,92vw)!important;border-radius:22px!important;padding:12px!important;background:rgba(255,255,255,.93)!important;box-shadow:0 32px 90px rgba(34,53,84,.20)!important}.command-search-live .q-field__control{min-height:58px!important;border-radius:14px!important}.command-result{width:100%;min-height:58px;border:0;background:transparent;border-radius:13px;padding:8px 10px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer;color:var(--ink)}.command-result:hover{background:#F2F5FA}.command-result .cmd-icon{width:34px;height:34px;border-radius:10px;background:var(--violet-soft);display:grid;place-items:center;color:var(--violet)}.command-result strong{font-size:12px}.command-result small{font-size:9px;color:#8291A8;display:block}.command-result kbd{font-size:9px;color:#8A99AE;background:#F3F6FA;border:1px solid #E3EAF2;border-radius:7px;padding:4px 6px}
.admin-stage{width:min(1040px,100%);margin:0 auto}.admin-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}.admin-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.90);padding:16px;border-radius:20px}.admin-user-list{display:grid;gap:10px;margin-top:16px}.admin-user-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.94);border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(58,77,108,.07)}.admin-user-card .mail{font-size:13px;font-weight:700}.admin-user-card .meta{font-size:10px;color:#8090A8;margin-top:4px}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:700}.status-pill.active{background:rgba(48,201,150,.10);color:#15966E}.status-pill.pending{background:rgba(242,183,93,.13);color:#B17821}.status-pill.disabled{background:rgba(237,102,124,.10);color:#C3485E}.admin-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.login-screen-live{width:100vw;max-width:100vw;min-width:0;min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 14% 12%,rgba(85,203,255,.20),transparent 24%),radial-gradient(circle at 80% 16%,rgba(120,96,255,.18),transparent 22%),linear-gradient(135deg,#F5F9FE,#EFF5FC 55%,#F5F4FF);display:grid;place-items:center;padding:20px}.login-orb-live{position:absolute;border-radius:50%;box-shadow:inset 12px 12px 26px rgba(255,255,255,.7),0 28px 70px rgba(78,86,160,.12)}.login-orb-live.one{width:240px;height:240px;left:12%;top:18%;background:radial-gradient(circle at 30% 30%,#fff,rgba(125,229,245,.34),rgba(109,93,251,.10),transparent)}.login-orb-live.two{width:310px;height:310px;right:9%;bottom:11%;background:radial-gradient(circle at 30% 30%,#fff,rgba(174,150,255,.30),rgba(53,212,231,.09),transparent)}.login-card-live{position:relative;z-index:4;width:min(430px,92vw);padding:30px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.88);border-radius:24px;box-shadow:var(--shadow-float);backdrop-filter:blur(22px)}.login-card-live h1{font-size:30px;margin:0}.login-card-live>p{font-size:11px;color:#73839D}.login-card-live .q-field__control{border-radius:12px!important;background:rgba(255,255,255,.62)!important}.login-cta{height:44px!important;width:100%!important;border-radius:13px!important;background:linear-gradient(135deg,#6D5DFB,#5B49EE)!important;color:#fff!important;font-weight:700!important}.login-secure{margin-top:14px;color:#8796AC;font-size:9px;line-height:1.5}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-card-live{padding:20px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.92);border-radius:18px}.help-card-live h3{font-size:14px;margin:8px 0 4px}.help-card-live p{font-size:11px;color:var(--text);margin:0;line-height:1.5}
.mobile-nav{display:none}
@media(max-width:1050px){.wgc-canvas{padding-left:96px;padding-right:28px}.task-grid{grid-template-columns:1fr 260px}.inspector-live,.flow-inspector-wrap{width:260px}.flow-track-live{margin-right:280px}.flow-workspace{margin-left:-96px;margin-right:-28px;padding-left:112px}.top-float{left:92px}.command-bar{width:48vw}}
@media(max-width:760px){body{padding-bottom:78px}.utility-rail{display:none!important}.mobile-nav{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:70;height:62px;background:rgba(16,24,42,.93);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 20px 55px rgba(16,24,42,.25);align-items:center;justify-content:space-around;padding:6px}.mobile-nav button{width:48px;height:48px;border:0;background:transparent;color:#AABBD0;border-radius:14px;display:grid;place-items:center}.mobile-nav button.active{background:white;color:var(--violet)}.top-float{left:12px;right:12px;top:12px;height:54px}.wgc-home-wrap{min-height:calc(100vh - 178px)}.command-bar{width:100%;max-width:none;height:46px}.session-chip,.user-chip{display:none}.wgc-canvas{padding:82px 14px 96px}.home-center{width:100%;padding:28px 18px}.home-center h1{font-size:31px}.quick-tools{grid-template-columns:repeat(3,1fr);row-gap:16px}.bottom-hint{display:none}.wgc-page-title,.task-header-live h1,.flow-header-live h1{font-size:30px}.task-header-live{align-items:flex-start;margin-bottom:22px}.task-grid{grid-template-columns:1fr;gap:14px}.file-card-live{grid-template-columns:26px 40px 1fr auto;padding:13px 11px}.file-card-live .file-index{display:none}.file-card-live .file-actions .move{display:none}.floating-dock-live{left:12px;right:12px;bottom:84px;transform:none;justify-content:center}.floating-dock-live .q-btn{flex:1}.inspector-live{width:100%;border-radius:22px 22px 8px 8px}.flow-workspace{margin:-82px -14px -96px;padding:94px 14px 160px;min-height:calc(100vh + 178px)}.flow-toolbar-live{top:88px;right:14px}.flow-track-live{margin:110px 0 0;display:grid;gap:12px;overflow:visible;padding:8px 0}.flow-node-live{width:100%;height:76px;min-width:0}.flow-node-live:after{width:1px;height:13px;right:auto;left:50%;top:auto;bottom:-13px}.flow-inspector-wrap{position:static;width:100%;margin-top:18px}.add-stage-btn{bottom:102px}.result-panel-live{padding:30px 20px}.result-panel-live h1{font-size:31px}.admin-toolbar{align-items:flex-start;flex-direction:column}.admin-form{grid-template-columns:1fr}.admin-user-card{grid-template-columns:1fr}.admin-actions{justify-content:flex-start}.help-grid{grid-template-columns:1fr}.rail-link .rail-tooltip{display:none}.wgc-global-uploader .q-uploader__title{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.flow-node-live.selected{transform:none!important}}

/* V4 mobile behavior: contextual inspector becomes a reachable bottom sheet. */
@media(max-width:760px){
  .flow-inspector-wrap{position:fixed!important;left:12px!important;right:12px!important;bottom:82px!important;top:auto!important;width:auto!important;max-height:46vh;overflow:auto;z-index:68;margin:0!important;padding-top:8px}
  .flow-inspector-wrap .inspector-live{background:rgba(255,255,255,.95);box-shadow:0 -18px 60px rgba(39,54,89,.18)}
  .flow-track-live{padding-bottom:48vh!important}
  .mobile-nav:has(button:nth-child(5)){gap:2px;padding-inline:5px}
  .mobile-nav:has(button:nth-child(5)) button{width:44px;height:46px}
}