@font-face{font-family:Flow;src:url(/fonts/LiberationSans-Regular.ttf)format("truetype");font-display:swap}:root{--bg:#f7f7fa;--surface:#fff;--surface-2:#f8f8fb;--border:#e6e6ee;--text:#303047;--text-muted:#79798e;--accent:#655dd3;--focus:#7870e3;--success:#187357;--warning:#93620c;--danger:#b1394b;--accent-hub:#74623c;--accent-decision:#7465d8;--accent-onboarding:#398977;--accent-content:#587dcc;--accent-modal:#b16d8d;--sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:ui-monospace, monospace;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,input,textarea,select{outline-offset:3px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus)}button{color:inherit}input,textarea,select{min-width:0}textarea{resize:vertical;line-height:1.6}h3{color:#606076;margin:0 0 18px;font-size:12px;font-weight:600}p{line-height:1.6}.spacer{flex:1}.eyebrow{letter-spacing:.12em;color:#9696a5;font-size:9px}.app-shell{grid-template-rows:76px 43px 1fr;height:100dvh;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--border);z-index:10;background:#fff;align-items:center;gap:14px;padding:14px 24px;display:flex}.brand{white-space:nowrap;letter-spacing:.06em;align-items:center;gap:9px;padding-right:24px;font-size:13px;font-weight:750;display:flex}.brand-mark{color:#fff;background:#655dd3;border-radius:9px;place-items:center;width:30px;height:32px;font-size:18px;font-weight:600;display:grid}.brand-sub{color:#9b9baa;font-size:11px}.project-heading{border-left:1px solid var(--border);flex-direction:column;gap:3px;padding-left:24px;display:flex}.scenario-name{width:270px;color:var(--text);background:0 0;border:0;padding:2px 0;font-size:13px}.btn{color:#626277;white-space:nowrap;background:#fff;border:1px solid #e1e1eb;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:11px;line-height:1.35;transition:background .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){background:#f4f3ff;border-color:#c4bfee}.btn.primary{color:#fff;background:#655dd3;border-color:#655dd3;box-shadow:0 2px 3px #655dd31a}.btn.primary:hover:not(:disabled){color:#fff;background:#554bc0}.btn.danger{color:#b45c72;background:#fff;border-color:#ecd5db}.btn.tiny{padding:4px 6px;font-size:10px}.file-menu{position:relative}.file-menu summary{list-style:none}.file-menu-content{border:1px solid var(--border);background:#fff;border-radius:10px;gap:2px;width:232px;padding:6px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 12px 35px #30304720}.file-menu-content button{text-align:left;background:0 0;border:0;border-radius:5px;padding:12px;font-size:12px}.file-menu-content button:hover{background:#f5f4ff}.file-menu-content .danger{color:#ad536a}.workspace-bar{border-bottom:1px solid var(--border);color:#626277;background:#fff;align-items:center;gap:24px;padding:0 24px;font-size:11px;display:flex}.status-dot{background:#7168d6;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.workspace-count{color:#9999ab;font-size:10px}.workspace-count span{color:#ccc;margin:0 6px}.save-status{color:#9292a3;font-size:10px}.main-area{grid-template-columns:270px minmax(0,1fr) 286px;min-height:0;display:grid}.wt-panel,.inspector{scrollbar-width:thin;scrollbar-color:#dddde6 transparent;background:#fff;overflow-y:auto}.wt-panel{border-right:1px solid var(--border);padding:24px 12px}.wt-panel-header{padding:0 10px;font-size:13px;font-weight:650}.empty-hint{color:var(--text-muted);margin:12px 0 20px;font-size:11px;line-height:1.7}.wt-new{gap:6px;margin:18px 0;padding:0 4px;display:flex}.wt-new input{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;flex:1;width:0;padding:9px;font-size:11px}.wt-new .btn{padding:6px 8px}.wt-list{gap:8px;display:grid}.wt-item{border:1px solid var(--border);border-radius:9px;overflow:hidden}.wt-item-row{cursor:pointer;align-items:center;gap:6px;padding:13px 10px;font-size:11px;line-height:1.55;display:flex}.wt-name{flex:1;font-weight:600}.wt-count{color:#9393a7;white-space:nowrap;font-size:9px}.wt-item-row .tiny{background:0 0;border:0;font-size:15px}.wt-detail{flex-direction:column;gap:8px;padding:4px 10px 12px;display:flex}.wt-detail>.btn{white-space:normal}.field{margin-bottom:14px}.field label{color:#838397;margin-bottom:7px;font-size:10px;line-height:1.5;display:block}.field input,.field select,.field textarea,.variant-row textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fafafd;border-radius:6px;padding:9px 10px;font-size:12px}.field textarea{min-height:68px}.field.checkbox{align-items:center;gap:9px;display:flex}.field.checkbox input{accent-color:#655dd3;width:14px;height:14px}.field.checkbox label{margin:0}.wt-steps{margin:4px 0 12px;padding:0;list-style:none}.wt-steps li{border-bottom:1px solid #e9e7f3;align-items:center;gap:5px;padding:6px 0;display:flex}.step-link{text-align:left;color:#625b9a;background:0 0;border:0;flex:1;padding:0;font-size:11px;line-height:1.5}.wt-step-actions{gap:2px;display:flex}.canvas-wrap{background:#f7f7fa;min-width:0;position:relative;overflow:hidden}.board-toolbar{z-index:5;pointer-events:none;justify-content:space-between;align-items:start;gap:8px;display:flex;position:absolute;top:16px;left:18px;right:18px}.board-toolbar button,.toolbar-group{pointer-events:auto}.toolbar-group{border:1px solid var(--border);background:#fff;border-radius:9px;gap:3px;padding:4px;display:flex;box-shadow:0 3px 10px #30304704}.toolbar-group .btn{border:0;padding:7px 9px;font-size:10px}.board-toolbar>.btn{padding:11px;font-size:10px}.board-filter{z-index:5;color:#9090a4;align-items:center;gap:9px;font-size:10px;display:flex;position:absolute;top:76px;left:20px}.board-filter select{border:1px solid var(--border);color:#626277;background:#fff;border-radius:6px;max-width:190px;padding:6px 8px;font-size:10px}.palette{z-index:5;border:1px solid var(--border);background:#fff;border-radius:10px;gap:4px;width:124px;padding:12px 7px;display:grid;position:absolute;top:127px;left:18px;box-shadow:0 5px 16px #30304704}.palette .label{color:#9797aa;letter-spacing:.1em;padding:0 7px 7px;font-size:8px}.palette-button{color:#69697e;text-align:left;background:#fff;border:0;border-radius:5px;align-items:center;gap:10px;padding:9px 7px;font-size:10px;display:flex}.palette-button:hover{color:#655dd3;background:#f1effe}.palette-button span{color:#88869c;text-align:center;width:20px;font-size:18px}.inspector{border-left:1px solid var(--border);padding:24px 20px}.inspector-empty-icon{color:#8e85d9;background:#f4f2ff;border-radius:13px;place-items:center;width:46px;height:46px;margin:25px 0 24px;font-size:28px;display:grid}.guide-step{color:#8d8da0;align-items:center;gap:12px;margin:20px 0;font-size:11px;line-height:1.6;display:flex}.guide-step b{color:#9c94c7;border:1px solid #e4e2ef;border-radius:50%;flex:0 0 23px;place-items:center;height:23px;font-size:10px;font-weight:500;display:grid}.membership-row{margin-bottom:6px}.variant-row{border:1px solid var(--border);border-radius:7px;margin-bottom:8px;padding:9px}.variant-row-head{justify-content:space-between;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.screen-node{border:1px solid #dedee8;border-top:3px solid var(--accent-content);background:#fff;border-radius:10px;width:100%;min-width:230px;height:100%;min-height:150px;padding:14px 15px 0;font-size:11px;overflow:hidden;box-shadow:0 3px 9px #30304706}.react-flow__node-screen{width:250px}.node-meta{color:#9898a7;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:8px;display:flex}.kind-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-content);font-size:8px}.screen-node .label{overflow-wrap:anywhere;font-size:13px;font-weight:650;line-height:1.5}.node-description{color:#9898a8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0;font-size:10px;line-height:1.6;display:-webkit-box;overflow:hidden}.phase-tag{color:#8d82be;margin-top:7px;font-size:9px}.screen-node .hs{color:#999;margin-top:5px;font-size:9px}.kind-hub{border-top-color:var(--accent-hub)}.kind-hub .kind-tag{color:var(--accent-hub)}.kind-decision{border-top-color:var(--accent-decision)}.kind-decision .kind-tag{color:var(--accent-decision)}.kind-onboarding{border-top-color:var(--accent-onboarding)}.kind-onboarding .kind-tag{color:var(--accent-onboarding)}.kind-modal{border-top-color:var(--accent-modal)}.kind-modal .kind-tag{color:var(--accent-modal)}.wt-badges{flex-wrap:wrap;gap:4px;margin:9px 0 12px;display:flex}.wt-badge{color:#a0a0af;background:#f7f7fa;border-radius:4px;padding:3px 5px;font-size:8px;line-height:1.4}.wt-badge.active{color:#8679bb;background:#f0edff}.folder-toggle{color:#818195;text-align:left;background:0 0;border:0;align-items:center;gap:6px;width:100%;padding:10px 15px;font-size:10px;display:flex}.folder-toggle span{color:#aaa2c8;background:#f4f3f9;border-radius:4px;margin-left:auto;padding:1px 5px;font-size:9px}.folder-content{color:#999;padding:0 8px 8px;font-size:10px}.folder-content p{padding:0 7px}.screen-link{text-align:left;overflow-wrap:anywhere;background:#faf9ff;border:0;border-radius:4px;width:100%;margin:3px 0;padding:9px 7px;font-size:10px;display:block}.screen-link span{color:#b0a8d4;margin-right:5px}.add-screen{color:#9b91b9;text-align:left;background:#fdfcff;border:0;border-top:1px solid #f1eff8;width:100%;padding:8px 8px 8px 15px;font-size:9px}.add-screen:hover{background:#f2efff}.react-flow__handle{background:#fff;border:2px solid #bab5d6;width:8px;height:8px}.edge-label{pointer-events:all;color:#9792aa;cursor:pointer;background:#fdfcfe;border:1px solid #e6e4ef;border-radius:5px;padding:3px 7px;font-size:9px;position:absolute}.edge-label.selected{color:#655dd3;border-color:#8d82ce}.react-flow__controls{border:1px solid var(--border);border-radius:7px;overflow:hidden;bottom:38px!important;box-shadow:0 2px 6px #3030470a!important}.react-flow__controls-button{border-color:var(--border)!important;color:#777!important;background:#fff!important}.react-flow__minimap{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff!important;width:120px!important;height:85px!important;bottom:35px!important}.react-flow__minimap svg{width:120px!important;height:85px!important}.canvas-hint{white-space:nowrap;color:#a7a7b5;pointer-events:none;font-size:9px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.demo-bar{z-index:6;background:#fffffff5;border:1px solid #dad5f5;border-radius:10px;max-height:32%;padding:12px 15px;position:absolute;bottom:12px;left:65px;right:16px;overflow:auto;box-shadow:0 4px 20px #655dd310}.demo-bar-title{align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.demo-wt-name{color:#655c96;font-size:11px;font-weight:600}.demo-context{color:#9d96b3;overflow-wrap:anywhere;font-size:9px}.demo-bar-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-bar-controls .btn{padding:6px 10px;font-size:10px}.demo-step-count{color:#a19aaf;font-size:10px}.demo-current{color:#8e879e;margin-top:9px;font-size:10px;line-height:1.5}.board-focused .main-area{grid-template-columns:1fr}.board-focused .main-area>.wt-panel,.board-focused .main-area>.inspector{display:none}.board-empty{text-align:center;position:absolute;top:42%;left:24%;right:15%}.board-empty h2{color:#827a9e;font-size:19px;font-weight:500}.board-empty p{color:#aaa1b9;font-size:12px}.sketch-overlay{z-index:100;background:var(--bg);grid-template-rows:76px 1fr;display:grid;position:fixed;inset:0}.sketch-header{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:20px;padding:16px 24px;display:flex}.sketch-header strong{margin-top:6px;font-size:14px;display:block}.sketch-layout{grid-template-columns:220px minmax(0,1fr) 270px;min-height:0;display:grid}.sketch-sidebar,.sketch-properties{border-right:1px solid var(--border);background:#fff;padding:24px 18px;overflow:auto}.sketch-properties{border-left:1px solid var(--border);border-right:0}.slide-item{border:1px solid var(--border);text-align:left;background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:9px;width:100%;margin-bottom:10px;padding:12px;font-size:11px;display:flex}.slide-item span{color:#8b7ebb;background:#f1effb;border-radius:4px;padding:4px 6px}.slide-item small{color:#a49ab8;width:100%;padding-left:30px;font-size:9px;display:block}.slide-item.active{background:#f8f6ff;border-color:#c6bcec}.sketch-workspace{flex-direction:column;min-width:0;min-height:0;display:flex}.sketch-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:14px 8px;display:flex}.sketch-tools .btn{padding:8px;font-size:10px}.sketch-tools input{background:0 0;border:0;width:28px;height:28px;padding:0}.text-tool{text-align:center;padding:0 14px 10px}.text-tool input{border:1px solid var(--border);border-radius:6px;width:100%;max-width:440px;padding:10px;font-size:12px}.artboard-area{background-image:radial-gradient(#dedde8 .7px,#0000 .7px);background-size:20px 20px;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px 40px;display:flex;overflow:hidden}.sketch-artboard{touch-action:none;cursor:crosshair;background:#fff;border:1px solid #e6e3ee;width:auto;max-width:100%;height:100%;max-height:100%;box-shadow:0 6px 28px #30304712}.slide-controls{color:#9990ac;justify-content:center;align-items:center;gap:24px;padding:15px;font-size:11px;display:flex}.dimension-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width>=1600px){.main-area{grid-template-columns:290px minmax(0,1fr) 310px}.topbar{padding-inline:28px}.palette{width:140px}.palette-button{font-size:11px}}@media (width<=1100px){.main-area{grid-template-columns:220px minmax(0,1fr) 230px}.topbar{padding-inline:16px}.brand{padding-right:8px}.brand-sub{display:none}.scenario-name{width:200px}.project-heading{padding-left:14px}.board-toolbar{flex-wrap:wrap;left:10px;right:10px}.toolbar-group .btn{padding:7px 5px;font-size:9px}.board-toolbar>.btn{padding:11px 6px;font-size:9px}.board-filter>span{display:none}.save-status{text-overflow:ellipsis;white-space:nowrap;max-width:330px;overflow:hidden}.inspector{padding:22px 14px}.canvas-hint{white-space:normal;text-align:center;width:65%;font-size:8px}.sketch-layout{grid-template-columns:180px minmax(0,1fr) 220px}.artboard-area{padding:16px}.palette{width:108px;top:136px}.palette-button{gap:5px;font-size:9px}}@media (width<=800px){.main-area{grid-template-columns:185px minmax(0,1fr)}.main-area>.inspector{z-index:8;width:230px;position:absolute;top:119px;bottom:0;right:0;box-shadow:-5px 0 20px #3030470d}.main-area>.inspector:has(.inspector-empty-icon){display:none}.brand{gap:5px;font-size:10px}.brand-mark{width:24px;height:27px;font-size:14px}.scenario-name{width:150px}.topbar{gap:8px;padding:10px}.project-heading{padding-left:8px}.workspace-bar{gap:10px;padding:0 12px}.save-status{display:none}.sketch-layout{grid-template-columns:145px minmax(0,1fr)}.sketch-properties{grid-column:1/-1;max-height:220px}.sketch-layout{grid-template-rows:minmax(250px,1fr) auto}.sketch-tools .btn{padding:5px;font-size:9px}.artboard-area{padding:10px}.board-toolbar{gap:4px}.palette{top:150px}}.palette-button{font-size:11px}.palette{width:138px}.palette .label{font-size:9px}.toolbar-group .btn,.board-toolbar>.btn{font-size:11px}.wt-item-row{font-size:12px}.field label{font-size:11px}.empty-hint,.guide-step{font-size:12px}.save-status{color:#797989}.node-description{color:#747488}.node-meta{color:#77778a}.wt-badge{color:#767688}.add-screen{color:#796b9d}.screen-node{scrollbar-width:thin;overflow:auto}.screen-node .label{font-size:14px}.kind-tag{font-size:9px}.canvas-hint{color:#818195}@media (width<=1100px){.toolbar-group .btn,.board-toolbar>.btn{font-size:9px}.palette{width:113px}.palette-button{font-size:10px}.wt-item-row{font-size:11px}}.screen-order{gap:8px;margin-bottom:20px;display:flex}.screen-order .btn{padding:7px 9px;font-size:10px}:root{--accent-hub:#bc7a05;--accent-decision:#8551cf;--accent-onboarding:#148f83;--accent-content:#357dd1;--accent-modal:#cf548a}.stage-situation{--stage:#277dcc;--stage-light:#eaf3ff}.stage-behavior{--stage:#bd7a06;--stage-light:#fff5d9}.stage-connections{--stage:#8350cf;--stage-light:#f2eaff}.stage-screens{--stage:#088e83;--stage-light:#e5f8f3}.main-area{grid-template-columns:270px minmax(0,1fr) 350px}.brand-mark{background:linear-gradient(140deg,#6a5ae0,#a46bdf)}.workspace-bar{background:#fdfcff}.workspace-count{display:none}.readiness-summary{color:#178271;background:#e9f8f2;border-radius:20px;padding:5px 9px;font-size:10px}.layout-tools{z-index:5;align-items:center;gap:6px;display:flex;position:absolute;top:67px;left:18px;right:18px}.layout-tools .btn{padding:7px 9px;font-size:10px}.layout-tools>span{color:#938ca4;margin-left:auto;font-size:9px}.layout-tools .editing{color:#8a5700;background:#fff0cf;border-color:#e3bc67}.board-filter{top:111px}.palette{background:#fffefd;padding:12px 8px;top:156px}.palette-button{border:1px solid #0000;margin:2px 0;font-weight:600}.palette-button:first-of-type{color:#9a6a08;background:#fff5d9}.palette-button:nth-of-type(2){color:#804bc3;background:#f1e8ff}.palette-button:nth-of-type(3){color:#138679;background:#e5f7f0}.palette-button:nth-of-type(4){color:#3177c7;background:#eaf3ff}.palette-button:nth-of-type(5){color:#bc4d7c;background:#ffebf2}.palette-button span{color:inherit}.palette-button:hover{filter:brightness(.97);border-color:currentColor}.screen-node{--node-color:#357dd1;--node-tint:#ecf4ff;border:1px solid color-mix(in srgb, var(--node-color) 38%, white);border-top:5px solid var(--node-color);background:linear-gradient(var(--node-tint), white 98px);border-radius:13px;width:100%;min-width:256px;height:auto;min-height:340px;padding:18px 16px 0;transition:box-shadow .15s,opacity .15s;overflow:visible;box-shadow:0 5px 12px #49435c0b}.kind-hub{--node-color:#bc7a05;--node-tint:#fff6de}.kind-decision{--node-color:#8551cf;--node-tint:#f4eaff}.kind-onboarding{--node-color:#148f83;--node-tint:#e9f8f3}.kind-modal{--node-color:#cf548a;--node-tint:#ffedf4}.kind-tag{font-size:9px;font-weight:700;color:var(--node-color)!important}.node-meta{margin-bottom:11px}.screen-node .label{font-size:15px;font-weight:700}.node-description{color:#827c91;margin:10px 0 15px;font-size:11px;line-height:1.6}.screen-node.current-step{box-shadow:0 0 0 4px #7562df,0 10px 28px #5c457322}.screen-node.unrelated{opacity:.5}.screen-node.dimmed{opacity:.25}.port-entry{color:#90869b;letter-spacing:.06em;font-size:8px;position:absolute;top:-17px;left:calc(50% + 11px)}.react-flow__handle{border:3px solid #9789b3;width:12px;height:12px}.react-flow__handle.yes-port{background:#17a086;border-color:#d5f4e8}.react-flow__handle.no-port{background:#dc6377;border-color:#ffe1e8}.react-flow__handle.continue-port{background:#3c8bd7;border-color:#dceeff}.react-flow__handle.legacy-port{opacity:0;pointer-events:none}.node-progress-header{color:#83768f;justify-content:space-between;margin:12px 0 8px;font-size:10px;display:flex}.node-progress-header b{color:var(--node-color)}.stage-pips{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.stage-pip{background:var(--stage-light);color:var(--stage);border:1px solid #e8e2ef;border-radius:7px;flex-direction:column;align-items:center;gap:5px;padding:7px 2px;font-size:8px;display:flex}.stage-pip span{border:1px dashed var(--stage);border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:600;display:grid}.stage-pip.done{border-color:color-mix(in srgb, var(--stage) 35%, white)}.stage-pip.done span{color:#fff;background:var(--stage);border-style:solid}.stage-pip.started span{background:#fff;border-style:solid}.node-next{color:var(--node-color);text-align:left;background:0 0;border:0;width:100%;padding:12px 0;font-size:11px;font-weight:600}.node-folder{border-top:1px solid #ebe6f2;margin:0 -16px}.folder-content{max-height:190px;overflow:auto}.folder-toggle{font-size:11px}.screen-link{background:#f8f7fc;align-items:center;gap:10px;padding:8px;display:flex}.screen-link svg{background:#fff;border:1px solid #e6e0ed;flex-shrink:0;width:31px;height:44px}.screen-link .screen-link-info{color:#756781;flex-direction:column;flex:1;gap:5px;min-width:0;margin:0;display:flex}.screen-link-info b{overflow-wrap:anywhere;font-size:10px}.screen-link-info small{color:#8e7d9c;font-size:9px}.add-screen{color:#8061a5;background:#f6f0fe;padding:10px 16px;font-size:10px}.output-strip{background:#fcfaff;border-top:1px solid #e7e0ef;border-radius:0 0 13px 13px;justify-content:space-around;margin:0 -16px;padding:10px 8px;display:flex}.branch-label{background:0 0;border:0;font-size:10px;font-weight:600}.branch-label.yes{color:#09866e}.branch-label.no{color:#c64c65}.branch-label.continue{color:#397fc4}.terminal-label{color:#87629e;font-size:10px}.edge-label{text-align:center;white-space:normal;border-width:1.5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 5px;max-width:200px;font-size:9px;display:flex;box-shadow:0 2px 5px #4f3b5e08}.edge-label b{font-size:10px}.edge-label small{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:180px;color:inherit;opacity:.85;font-size:8px;overflow:hidden}.edge-label.yes{color:#087460;background:#edfff7;border-color:#90cebb}.edge-label.no{color:#bc435b;background:#fff0f3;border-color:#e8a9b7}.edge-label.auto{color:#7046bb;background:#f6efff;border-color:#c6ace8}.edge-label.continue{color:#306db5;background:#eef5ff;border-color:#a8c6e7}.edge-label.selected{border-width:2px;box-shadow:0 0 0 2px #ffffffb0}.guided-inspector{background:#fefcff;padding:22px 18px}.guide-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.readiness{color:#977526;background:#fff2d6;border-radius:15px;padding:5px 8px;font-size:10px}.readiness.ready{color:#16806d;background:#e1f6ee}.guided-inspector h2{overflow-wrap:anywhere;margin:14px 0;font-size:17px;line-height:1.5}.guide-progress{gap:4px;margin:12px 0 18px;display:flex}.guide-progress span{background:#ece7f2;border-radius:8px;flex:1;height:5px}.guide-progress span.done{background:var(--stage)}.guide-tabs{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:18px;display:grid}.guide-tabs button{background:var(--stage-light);color:var(--stage);border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:10px 2px;display:flex}.guide-tabs button.active{border-color:var(--stage);box-shadow:0 2px 7px color-mix(in srgb, var(--stage) 15%, transparent)}.guide-tabs button>span{border:1px solid;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.guide-tabs button.done>span{color:#fff;background:var(--stage);border-color:var(--stage)}.guide-tabs b{font-size:9px}.guide-tabs small{opacity:.9;font-size:8px}.guide-task{border:1px solid color-mix(in srgb, var(--stage) 25%, white);background:#fff;border-radius:11px;margin-bottom:16px;padding:15px 12px}.task-heading{background:var(--stage-light);border-radius:11px 11px 0 0;align-items:flex-start;gap:10px;margin:-15px -12px 18px;padding:16px 12px;display:flex}.task-heading>span{width:30px;height:30px;color:var(--stage);background:#fff;border-radius:8px;flex-shrink:0;place-items:center;font-size:22px;display:grid}.task-heading h3{color:var(--stage);margin:0 0 5px;font-size:13px}.task-heading p{color:#76677f;margin:0;font-size:11px;line-height:1.65}.guided-inspector .field label{color:#817189;font-size:11px}.guided-inspector .field input,.guided-inspector .field textarea,.guided-inspector .field select{background:#fdfbff;padding:10px;font-size:12px;line-height:1.6}.guided-inspector .field input:focus,.guided-inspector .field textarea:focus,.guided-inspector .field select:focus{outline-color:var(--stage);border-color:var(--stage)}.check-row{color:#786584;align-items:center;gap:9px;margin:14px 0;font-size:11px;line-height:1.6;display:flex}.check-row input{accent-color:var(--stage);flex-shrink:0;width:15px;height:15px}.guide-example{color:#987027;background:#fff9e9;border-radius:7px;padding:12px;font-size:11px;line-height:1.7}.stage-result{color:#98752c;background:#fff8e8;border:1px dashed #e5c87e;border-radius:8px;flex-direction:column;gap:5px;margin:16px 0;padding:12px;font-size:11px;display:flex}.stage-result span{font-size:10px;line-height:1.6}.stage-result.complete{color:#25806b;background:#ecf9f2;border:1px solid #b2dfcd}.guide-navigation{justify-content:space-between;gap:8px;display:flex}.guide-navigation .primary{background:var(--stage);border-color:var(--stage)}.guide-free-order{color:#a18fa9;margin:12px 0 0;font-size:9px;line-height:1.7}.advanced-details{border-top:1px solid #e9e0f0;margin:10px 0 20px;padding-top:15px}.advanced-details summary{cursor:pointer;color:#927f9e;margin-bottom:18px;font-size:11px}.card-sizes{gap:5px;display:flex}.card-sizes .btn{padding:7px;font-size:9px}.card-sizes .btn[aria-pressed=true]{background:#f2e9ff;border-color:#ad8ed4}.incoming-list{border-bottom:1px solid #e9e1f3;padding:0 0 14px}.incoming-list h4,.connection-card h4,.branch-setup h4{justify-content:space-between;align-items:center;gap:6px;margin:0 0 12px;font-size:11px;display:flex}.incoming-list p{color:#9a87a6;font-size:11px;line-height:1.7}.incoming-link{text-align:left;color:#9272ab;background:#faf6ff;border:1px solid #e5d9f2;border-radius:6px;width:100%;margin:3px 0;padding:9px 10px;font-size:11px;line-height:1.6}.incoming-link span{color:#a38fb1;font-size:9px;display:block}.decision-branches{gap:10px;margin:15px 0;display:grid}.branch-setup,.connection-card{background:#fbf7ff;border:1px solid #d5c1ea;border-radius:9px;margin-bottom:10px;padding:13px 10px}.branch-setup.yes,.connection-card.yes{background:#f2fcf7;border-color:#a1d7c7}.branch-setup.no,.connection-card.no{background:#fff5f7;border-color:#edb8c5}.branch-setup.yes h4,.connection-card.yes h4{color:#268e76}.branch-setup.no h4,.connection-card.no h4{color:#c6556d}.branch-setup h4 span{font-size:9px;font-weight:400}.branch-setup label{color:#85768d;font-size:10px;line-height:1.7;display:block}.branch-setup select{color:#6b5d76;background:#fff;border:1px solid #dfd6e6;border-radius:5px;width:100%;margin:7px 0 12px;padding:9px;font-size:11px;display:block}.branch-setup .btn{font-size:10px}.connection-warning{color:#98702a;background:#fff1d7;border-radius:6px;padding:9px;font-size:10px;line-height:1.7}.guide-success{color:#218877;font-size:11px;line-height:1.7}.text-button{color:#8c6ba7;background:0 0;border:0;padding:3px;font-size:10px}.text-button.danger{color:#bf647b}.add-connection{border:1px dashed #c6abdf;border-radius:8px;margin:14px 0;padding:12px}.add-connection summary{color:#9470b7;cursor:pointer;margin-bottom:10px;font-size:11px}.add-connection>.btn{white-space:normal;margin:5px 0;font-size:10px}.inspector-screens{border:0;margin:0}.inspector-screens .folder-content{max-height:330px;padding:0}.inspector-screens .add-screen{text-align:center;border-radius:6px}.edge-route{flex-direction:column;align-items:center;margin:15px 0;display:flex}.wt-item{border-left:3px solid #d8c3ed}.wt-item.active{background:#f4eaff;border-color:#b18bdf}.wt-count{white-space:normal;text-align:right;max-width:54px;font-size:8px}.demo-bar{background:#fffafff5;border-color:#c6a7e5}.demo-step-count{color:#8964b5;background:#efe4fd;border-radius:10px;padding:5px 8px}@media (width>=1600px){.main-area{grid-template-columns:280px minmax(0,1fr) 370px}}@media (width<=1100px){.main-area{grid-template-columns:210px minmax(0,1fr) 310px}.guided-inspector{padding:20px 12px}.guide-tabs{gap:3px}.guide-tabs b{font-size:8px}.layout-tools>span{display:none}.palette{width:115px}.layout-tools{left:10px;right:10px}.layout-tools .btn{padding:6px;font-size:9px}.board-filter{left:12px}.task-heading p{font-size:10px}.workspace-bar{gap:10px}.save-status{max-width:260px}}@media (width<=800px){.main-area{grid-template-columns:175px minmax(0,1fr)}.main-area>.inspector{width:310px}.palette{top:165px}.layout-tools{top:75px}.board-filter{top:120px}.board-toolbar>.btn,.readiness-summary,.guide-tabs b{font-size:9px}}@media (prefers-reduced-motion:reduce){.screen-node,.btn{transition:none}}.screen-node .folder-content{max-height:108px}.quick-start{color:#333547;background:#f8f8fb;height:100dvh;overflow:auto}.start-header{background:#fff;border-bottom:1px solid #e9e9f0;justify-content:space-between;align-items:center;padding:24px 5vw;display:flex}.start-main{color:#fff;background:#111a3c url(/noedis-flow-hero.png) 50%/cover no-repeat;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;max-width:none;margin:0;padding:82px max(5vw,50vw - 690px) 72px;display:grid;position:relative;overflow:hidden}.start-main:before{content:"";background:linear-gradient(90deg,#08112bf5 0%,#0a1230d6 38%,#0f0e3747 72%,#0a0a232e);position:absolute;inset:0}.start-main>*{z-index:1;position:relative}.start-main .start-kicker{color:#a9f2e9}.start-main .start-copy h1{color:#fff;text-shadow:0 8px 30px #060921aa}.start-main .start-copy h1>span{color:#c4a5ff}.start-main .start-copy>p,.start-main .start-small,.start-main .start-facts{color:#c8cee5}.start-main .start-preview{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#17163fb8;border-color:#cabdff47;box-shadow:0 22px 70px #03051b88}.start-main .preview-window{background:#0f0f2ec2;border-color:#ffffff1a}.start-main .preview-content{background:linear-gradient(150deg,#463482bf,#121439e0)}.start-main .preview-content h2{color:#fff}.start-main .preview-content>p{color:#c8c5df}.start-kicker{letter-spacing:.13em;color:#8880b0;font-size:10px;font-weight:600}.start-copy h1{letter-spacing:-.045em;margin:20px 0 25px;font-size:clamp(32px,3.9vw,58px);font-weight:650;line-height:1.17}.start-copy h1>span{color:#8b76d6}.start-copy>p{color:#818093;max-width:500px;font-size:15px;line-height:1.9}.start-actions{flex-wrap:wrap;gap:12px;margin:28px 0 22px;display:flex}.start-actions .btn{padding:14px 18px;font-size:12px}.start-facts{color:#89889d;flex-wrap:wrap;gap:18px;font-size:10px;display:flex}.start-facts span:before{content:"✓";color:#69998a;margin-right:6px}.start-copy .start-small,.start-small{color:#9b97a9;font-size:11px;line-height:1.8}.start-preview{background:#fff;border:1px solid #e5e3ed;border-radius:15px;overflow:hidden;transform:rotate(1deg);box-shadow:0 18px 55px #70628812}.preview-window{background:#f9f8fc;border-bottom:1px solid #eceaf3;align-items:center;gap:5px;padding:14px;display:flex}.preview-window>span{background:#dbd5e8;border-radius:50%;width:6px;height:6px}.preview-window b{color:#aba1b8;margin:auto;font-size:9px;font-weight:400}.preview-content{background:linear-gradient(150deg,#f5f2ff,#fff 70%);padding:28px}.preview-top{color:#b4a9c5;justify-content:space-between;align-items:center;font-size:9px;display:flex}.demo-chip{color:#8b6fba;letter-spacing:.065em;white-space:nowrap;background:#eee8fb;border-radius:5px;padding:6px 9px;font-size:9px}.preview-content h2{letter-spacing:-.04em;color:#514460;margin:32px 0 12px;font-size:38px;line-height:1.13}.preview-content>p{color:#a395ae;font-size:12px}.preview-project{background:#fff;border:1px solid #e9e3f2;border-radius:10px;align-items:center;gap:12px;margin-top:32px;padding:15px;display:flex}.project-monogram{color:#9b7bc9;background:#eee5ff;border-radius:9px;place-items:center;width:36px;height:36px;font-weight:600;display:grid}.preview-project>div:nth-child(2){flex-direction:column;gap:5px;display:flex}.preview-project b{font-size:12px}.preview-project span{color:#9b91a9;font-size:9px}.preview-project em{color:#b39a5b;background:#fff3d6;border-radius:4px;margin-left:auto;padding:5px;font-size:8px;font-style:normal}.preview-agents{grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 10px;display:grid}.preview-agents>div{background:#fff;border:1px solid #eae4f0;border-radius:8px;flex-direction:column;align-items:start;gap:8px;padding:14px 10px;display:flex}.preview-agents>div>span{color:#a69ac2;font-size:19px}.preview-agents b{color:#8b819a;font-size:10px}.preview-agents small{color:#aaa1b6;font-size:8px}.start-how{max-width:1380px;margin:auto;padding:20px 5vw 45px}.start-how h2{letter-spacing:-.025em;margin:12px 0 26px;font-size:22px;font-weight:500}.start-flow{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.start-flow>div{background:#fff;border:1px solid #eee;border-top-width:3px;border-radius:8px;padding:15px 12px}.start-flow span{font-size:10px;font-weight:600}.start-flow p{color:#9b95a6;margin:10px 0 0;font-size:10px;line-height:1.7}.start-footer{color:#a29aad;background:#fff;border-top:1px solid #e9e6ef;justify-content:space-between;gap:12px;padding:20px 5vw;font-size:10px;display:flex}.factory-demo{color:#333a3b;background:#f5f4f8;grid-template-rows:62px 63px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.demo-learning-header{color:#988d9f;background:#fff;border-bottom:1px solid #e9e5ee;align-items:center;gap:20px;padding:14px 22px;font-size:11px;display:flex}.demo-learning-header .text-button{font-size:11px}.factory-stepper{background:#fff;border-bottom:1px solid #e9e5ee;justify-content:center;align-items:center;gap:16px;padding:12px 22px;display:flex;overflow:auto}.factory-stepper button{white-space:nowrap;color:#aaa0b3;background:0 0;border:0;align-items:center;gap:10px;padding:5px 0;font-size:11px;display:flex}.factory-stepper button b{border:1px solid #e2dce9;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.factory-stepper button small{color:#d2cadc;margin-left:12px}.factory-stepper button.active{color:var(--step-color);font-weight:600}.factory-stepper button.active b{color:#fff;background:var(--step-color);border-color:var(--step-color)}.factory-stepper button.complete b{color:var(--step-color);border-color:var(--step-color);background:#f8f6fb}.factory-layout{grid-template-columns:minmax(0,1fr) 268px;gap:20px;min-height:0;padding:20px;display:grid}.factory-window{background:#fff;border:1px solid #e1dfe6;border-radius:11px;grid-template-rows:32px minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 4px 20px #50465308}.factory-browser{color:#b1a7bb;background:#faf9fc;border-bottom:1px solid #eeecf1;justify-content:space-between;align-items:center;padding:8px 14px;font-size:9px;display:flex}.browser-lights{letter-spacing:3px;color:#d8d0e0;font-size:8px}.factory-app{grid-template-columns:177px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.factory-app.factory-landing{grid-template-columns:1fr}.factory-sidebar{background:#f6f8f7;border-right:1px solid #e9eeeb;flex-direction:column;padding:24px 15px;display:flex}.factory-logo{color:#317762;letter-spacing:-.04em;flex-wrap:wrap;align-items:center;gap:7px;font-size:24px;display:flex}.factory-logo b{font-size:22px;font-weight:650}.factory-logo small{letter-spacing:.17em;color:#9aae9f;width:100%;margin-top:-3px;margin-left:25px;font-size:7px}.factory-workspace-name{color:#82958a;background:#fff;border:1px solid #dee8e1;border-radius:5px;justify-content:space-between;margin:32px 0 22px;padding:9px;font-size:10px;display:flex}.factory-nav-item{color:#94a398;border-radius:5px;justify-content:space-between;margin:2px 0;padding:11px 10px;font-size:11px;display:flex}.factory-nav-item span{font-size:9px}.factory-nav-item.active{color:#3c7d5d;background:#e1eee6;font-weight:600}.factory-sidebar-bottom{align-items:center;gap:9px;margin-top:auto;padding-top:25px;display:flex}.factory-sidebar-bottom>div{flex-direction:column;gap:4px;display:flex}.factory-sidebar-bottom b{color:#7a9284;font-size:10px}.factory-sidebar-bottom small{color:#a7b4ab;font-size:8px}.avatar{color:#a49172;background:#e9dfca;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:9px;display:inline-grid}.factory-page{scrollbar-width:thin;scrollbar-color:#e2e8e3 transparent;background:#fefefd;min-width:0;overflow:auto}.factory-page-top{color:#a6afa7;background:#fff;border-bottom:1px solid #edf0ec;align-items:center;gap:17px;min-height:62px;padding:17px 28px;font-size:10px;display:flex}.factory-page-top>span:first-child>span{color:#d4d9d4;margin:0 7px}.factory-demo-label{color:#a9b6aa;background:#f3f7f2;border-radius:4px;padding:5px 8px;font-size:9px}.factory-section{max-width:1080px;margin:0 auto;padding:35px 32px 38px}.factory-eyebrow{letter-spacing:.13em;color:#879b8e;margin-bottom:10px;font-size:9px;font-weight:600;display:inline-block}.factory-section h1,.factory-empty h1{letter-spacing:-.035em;color:#3b5045;margin:0 0 10px;font-size:28px;font-weight:600;line-height:1.3}.factory-section>p,.factory-heading p,.factory-empty>p{color:#93a196;margin:0 0 26px;font-size:12px;line-height:1.85}.factory-primary,.factory-secondary{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:12px 16px;font-size:11px;font-weight:500;line-height:1.5;display:inline-flex}.factory-primary{color:#fff;background:#3f795d;border:1px solid #3f795d;box-shadow:0 2px 3px #406f5912}.factory-primary:hover{background:#34664e}.factory-secondary{color:#8ca18f;background:#fff;border:1px solid #e2e8df;margin-left:9px}.factory-secondary:hover{background:#f5f8f3}.factory-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.factory-heading p{margin:0}.factory-heading .factory-primary{white-space:nowrap}.factory-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px;display:grid}.factory-stats>div{background:#fff;border:1px solid #e4eae2;border-radius:8px;flex-direction:column;gap:12px;padding:20px;display:flex}.factory-stats span{color:#94a58f;font-size:10px}.factory-stats b{color:#648365;font-size:28px;font-weight:500}.factory-stats b em{color:#c0cdb8;font-size:17px;font-style:normal}.factory-stats small{color:#afbaab;font-size:9px}.factory-section-title{justify-content:space-between;align-items:center;gap:15px;margin:14px 0;display:flex}.factory-section-title h2{color:#7f8e7b;font-size:15px;font-weight:500}.factory-section-title .text-button{color:#9eae98;font-size:9px}.factory-projects{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.factory-project{background:#fff;border:1px solid #e4e7df;border-radius:9px;flex-direction:column;align-items:start;padding:21px 16px;display:flex}.project-icon{color:#ad9abb;background:#eee8f8;border-radius:9px;place-items:center;width:37px;height:37px;font-weight:600;display:grid}.factory-project.mint .project-icon{color:#94af94;background:#e4f0e5}.factory-project.peach .project-icon{color:#c7a384;background:#f9eadc}.factory-project h3{color:#788270;margin:17px 0 7px;font-size:13px;font-weight:600}.factory-project>p{color:#a2ad9c;min-height:32px;margin:0 0 20px;font-size:10px;line-height:1.6}.project-state{color:#b2b17d;background:#f4f4e8;border-radius:4px;margin-bottom:18px;padding:5px 7px;font-size:8px}.factory-project>button{color:#91a489;background:0 0;border:0;margin-top:auto;padding:0;font-size:10px}.factory-project>small{color:#c0c6b9;margin-top:auto;font-size:9px}.factory-hero{background:radial-gradient(at 87% 68%,#edf4e7,#0000 65%);min-height:620px;padding:65px 7%;position:relative;overflow:hidden}.factory-hero h1{letter-spacing:-.055em;color:#3c5849;z-index:1;max-width:550px;margin:10px 0 25px;font-size:clamp(38px,4vw,60px);font-weight:550;line-height:1.12;position:relative}.factory-hero h1 em{color:#87aa8a;font-style:normal}.factory-hero>p{color:#96a79a;max-width:380px;margin:0 0 27px;font-size:13px;line-height:1.95}.factory-hero-proof{color:#a6b7a2;gap:20px;margin-top:32px;font-size:9px;display:flex}.factory-hero-card{background:#fffffff5;border:1px solid #e1e9d9;border-radius:12px;width:280px;padding:24px;position:absolute;top:175px;right:5%;transform:rotate(3deg);box-shadow:0 15px 40px #58794412}.mini-badge{letter-spacing:.08em;color:#b1ba9a;font-size:8px}.factory-hero-card h3{color:#7c946b;margin:20px 0 10px;font-size:21px}.factory-hero-card>p{color:#b1bda4;font-size:10px}.factory-hero-card>div{border-top:1px solid #edf0e6;flex-direction:column;gap:7px;margin-top:15px;padding:12px 0;display:flex}.factory-hero-card>div>span{color:#a2b293;font-size:10px}.factory-hero-card>div>b{color:#b8c1ac;font-size:9px;font-weight:400}.factory-brief{max-width:760px}.factory-brief form{flex-direction:column;align-items:start;gap:10px;display:flex}.factory-brief label{color:#8c9b88;margin-top:13px;font-size:11px}.factory-brief input,.factory-brief textarea,.factory-brief select{color:#6e8266;background:#fff;border:1px solid #dfe7d9;border-radius:7px;width:100%;padding:12px;font-size:12px;line-height:1.75}.factory-brief [aria-invalid=true]{border-color:#d78578}.factory-brief small[role=alert]{color:#c78171;font-size:10px}.factory-brief-note{color:#9aaf85;background:#f2f7eb;border:1px solid #e7efde;border-radius:7px;margin:9px 0;padding:13px;font-size:10px;line-height:1.8}.factory-plan{gap:12px;margin:28px 0 20px;display:grid}.factory-plan>div{background:#fff;border:1px solid #e3e8dc;border-radius:8px;align-items:center;gap:16px;padding:20px;display:flex}.factory-plan>div>span{color:#a2b589;background:#f1f5e9;border-radius:7px;place-items:center;width:32px;height:32px;font-size:11px;display:grid}.factory-plan section{flex:1}.factory-plan h3{color:#849577;margin:0 0 6px;font-size:12px}.factory-plan p{color:#a8b59b;margin:0;font-size:10px}.factory-plan b{color:#a6b696;border:1px solid #e6eddf;border-radius:4px;padding:6px;font-size:9px;font-weight:400}.factory-scope{background:#fafcf6;border:1px dashed #d7e1ca;border-radius:7px;flex-direction:column;gap:9px;margin-bottom:25px;padding:18px 20px;display:flex}.factory-scope b{color:#92a37b;font-size:11px}.factory-scope span{color:#a4b18f;font-size:11px}.factory-scope small{color:#b7c2a5;font-size:9px}.factory-run-tag{color:#9aad83;white-space:nowrap;background:#f5f9ee;border:1px solid #dce6cf;border-radius:15px;padding:7px 10px;font-size:10px}.factory-run-progress{background:#fbfdf8;border:1px solid #e2e9d6;border-radius:8px;margin:25px 0;padding:20px}.factory-run-progress>div:first-child{color:#a0af8c;justify-content:space-between;margin-bottom:14px;font-size:10px;display:flex}.factory-run-progress>div:last-child{background:#ebf0e0;border-radius:10px;height:6px}.factory-run-progress>div:last-child>span{background:#99b776;border-radius:10px;width:75%;height:6px;display:block}.factory-agent-list{gap:10px;margin:25px 0;display:grid}.factory-agent-list>div{background:#fff;border:1px solid #e6eadf;border-radius:8px;align-items:center;gap:14px;padding:16px;display:flex}.factory-agent-list>div>span{color:#b0bd99;border:1px solid #e3ead7;border-radius:9px;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.factory-agent-list section{flex-direction:column;flex:1;gap:6px;display:flex}.factory-agent-list b{color:#93a07f;font-size:11px}.factory-agent-list small{color:#b0bba0;font-size:10px}.factory-agent-list em{color:#a5b68b;font-size:9px;font-style:normal}.factory-tabs{gap:6px;margin:20px 0 15px;display:flex}.factory-tabs button{color:#b4bda5;background:0 0;border:0;border-radius:5px;padding:9px 13px;font-size:10px}.factory-tabs button.active{color:#8eaa70;background:#edf3e1}.crm-preview{background:#fff;border:1px solid #dce5d2;border-radius:9px;overflow:hidden}.crm-top{color:#9cac85;border-bottom:1px solid #e8eedf;justify-content:space-between;align-items:center;gap:10px;padding:16px;font-size:9px;display:flex}.crm-top b{font-size:11px}.crm-content{padding:22px}.crm-content h2{letter-spacing:-.03em;color:#889c71;margin:0 0 20px;font-size:17px;font-weight:500}.crm-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 24px;display:grid}.crm-metrics>div{background:#fafcf5;border:1px solid #e6eddc;border-radius:6px;flex-direction:column;gap:11px;padding:14px;display:flex}.crm-metrics small{color:#adb998;font-size:9px}.crm-metrics b{color:#95ab79;font-size:22px;font-weight:500}.crm-content table{border-collapse:collapse;color:#a4b08f;text-align:left;width:100%;font-size:9px}.crm-content caption{text-align:left;color:#8fa774;margin-bottom:12px;font-size:11px}.crm-content th{color:#b5c0a0;background:#f6f9ef;padding:9px 6px;font-size:8px;font-weight:500}.crm-content td{border-bottom:1px solid #edf1e5;padding:13px 6px}.crm-content td span{color:#a1b383;white-space:nowrap;background:#f1f5e7;border-radius:3px;padding:4px 6px;font-size:8px}.factory-review-actions{margin-top:23px}.factory-test-results{border:1px solid #e4eadb;border-radius:8px;padding:22px}.factory-test-results h2{color:#92a578;font-size:19px;font-weight:500}.factory-test-results>div{color:#a2b08c;border-bottom:1px solid #edf0e6;align-items:center;gap:12px;padding:14px 0;font-size:11px;display:flex}.factory-test-results>div>span{color:#8aa965}.factory-test-results>div>b{color:#afbd98;margin-left:auto;font-size:9px;font-weight:400}.factory-test-results>p{color:#b8c1a6;font-size:10px;line-height:1.9}.factory-empty{text-align:center;flex-direction:column;align-items:center;max-width:600px;margin:50px auto;padding:35px;display:flex}.factory-empty>div:first-child{color:#a0b980;background:#eff5e5;border-radius:17px;place-items:center;width:62px;height:62px;margin-bottom:25px;font-size:31px;display:grid}.factory-empty h1{font-size:27px}.factory-empty .factory-secondary{margin:12px 0}.factory-empty .factory-eyebrow{margin-bottom:13px}.factory-checks{text-align:left;color:#a1b58a;width:100%;max-width:350px;margin:0 0 24px;padding:10px 20px;font-size:12px;list-style:none}.factory-checks li{padding:9px}.factory-error>div:first-child{color:#cc9987;background:#fbede6}.factory-error h1{color:#a88174}.factory-error-detail{text-align:left;color:#baa28e;background:#fdf7f3;border:1px solid #f0ded3;border-radius:7px;flex-direction:column;gap:10px;margin:0 0 24px;padding:19px;font-size:10px;line-height:1.7;display:flex}.factory-delivery{text-align:center;max-width:880px;padding-top:50px}.factory-success-mark{color:#99b675;background:#e8f3db;border-radius:50%;place-items:center;width:65px;height:65px;margin:0 auto 24px;font-size:29px;display:grid}.factory-deliverables{grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 25px;display:grid}.factory-deliverables>div{background:#fff;border:1px solid #e5ebd9;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:22px 14px;display:flex}.factory-deliverables>div>span{color:#b1c198;font-size:24px}.factory-deliverables b{color:#9aaa85;font-size:11px}.factory-deliverables small{color:#bac5a6;font-size:9px}.factory-delivery .factory-disclaimer{color:#b4bea1;margin-bottom:24px;font-size:10px}.factory-modal-backdrop{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#344a3544;place-items:center;padding:25px;display:grid;position:absolute;inset:32px 0 0}.factory-confirm{text-align:center;background:#fffefa;border:1px solid #e3e7d5;border-radius:13px;max-width:420px;padding:32px;box-shadow:0 18px 70px #3b492b24}.factory-confirm>span{color:#b4a087;background:#f6eee5;border-radius:12px;place-items:center;width:46px;height:46px;margin:0 auto 20px;font-size:23px;display:grid}.factory-confirm h2{color:#7f896b;letter-spacing:-.03em;font-size:22px}.factory-confirm p{color:#a7ae95;margin:15px 0 23px;font-size:12px;line-height:1.9}.factory-confirm .factory-primary,.factory-confirm .factory-secondary{width:100%;margin:5px 0}.factory-lesson{scrollbar-width:thin;color:#8f839c;background:#fff;border:1px solid #e7e1ed;border-radius:10px;align-self:start;max-height:100%;padding:23px 19px;overflow:auto}.lesson-kicker{color:#b3a6bf;letter-spacing:.12em;font-size:8px}.lesson-type{background:var(--lesson-tint);color:var(--lesson-color);border:1px solid color-mix(in srgb, var(--lesson-color) 25%, white);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0;padding:12px;display:flex}.lesson-type>span{font-size:22px}.lesson-type b{font-size:11px}.lesson-type small{opacity:.8;width:100%;padding-left:29px;font-size:9px;display:block}.factory-lesson h2{letter-spacing:-.02em;color:#887499;margin:20px 0 10px;font-size:18px;font-weight:550;line-height:1.4}.factory-lesson>p{color:#a493b1;font-size:11px;line-height:1.8}.lesson-situation{border-top:1px solid #eee8f4;margin:23px 0;padding-top:20px}.lesson-situation>b,.lesson-legend>b{color:#9b86ae;font-size:10px}.lesson-situation>p,.lesson-legend>p{color:#b09dbf;font-size:10px;line-height:1.9}.lesson-next{border:1px solid color-mix(in srgb, var(--lesson-color) 25%, white);border-left:3px solid var(--lesson-color);background:var(--lesson-tint);border-radius:7px;margin-bottom:22px;padding:16px 13px}.lesson-next>span{letter-spacing:.07em;color:var(--lesson-color);font-size:8px}.lesson-next h3{color:var(--lesson-color);margin:9px 0;font-size:13px;line-height:1.6}.lesson-next p{color:#a492b1;margin:0;font-size:10px;line-height:1.9}.lesson-legend{margin:20px 0}.factory-lesson>.btn{width:100%;font-size:10px}.state-library{scrollbar-width:thin;scrollbar-color:#dcd1eb transparent;width:180px;max-height:calc(100% - 240px);padding:0 9px 12px;display:block;bottom:90px;overflow:auto}.canvas-wrap .react-flow__controls{left:216px}.state-library.compact~.react-flow .react-flow__controls{left:90px}.library-heading{border-bottom:1px solid #ece6f2;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:15px 7px 10px;display:grid}.library-heading>b{color:#89759b;font-size:11px}.library-heading>p{color:#b09bbe;grid-column:1/-1;margin:7px 0;font-size:9px;line-height:1.7}.library-toggle{color:#866f98;cursor:pointer;background:#fff;border:1px solid #e5dbea;border-radius:7px;width:25px;height:25px}.library-toggle:hover{background:#f7f0fa;border-color:#9876b3}.state-library.compact{width:54px;padding:0 5px 9px;overflow-x:hidden}.state-library.compact .library-heading{flex-direction:column;padding:10px 2px;display:flex}.state-library.compact .library-heading>b{text-transform:uppercase;font-size:7px}.state-library.compact .library-heading>p,.state-library.compact .palette-group>h3,.state-library.compact .palette-group>p,.state-library.compact .catalog-copy{display:none}.state-library.compact .palette-group{padding-top:6px}.state-library.compact .palette-group.secondary{margin-top:6px;padding-top:8px}.state-library.compact .palette-button.catalog-button{justify-content:center;align-items:center;min-height:40px;margin:4px 0;padding:7px 4px}.state-library.compact .palette-button .catalog-icon{width:auto;margin:0}.palette-group{padding-top:15px}.palette-group>h3{color:#9880ad;margin:0 7px 5px;font-size:9px}.palette-group>p{color:#b8a3c7;margin:0 7px 10px;font-size:8px;line-height:1.65}.palette-group.secondary{border-top:1px solid #e9e0f0;margin-top:14px}.palette-button.catalog-button{white-space:normal;border:1px solid #0000;align-items:flex-start;gap:8px;width:100%;margin:7px 0;padding:10px 8px;display:flex}.palette-button .catalog-icon{flex-shrink:0;width:19px;margin:1px 0 0;font-size:18px;line-height:1.1}.palette-button .catalog-copy{text-align:left;flex-direction:column;flex:1;gap:6px;width:auto;font-size:10px;display:flex}.catalog-copy>b{font-size:10px;line-height:1.35}.catalog-copy>small{color:color-mix(in srgb, var(--catalog-color) 65%, #666);font-size:8px;font-weight:400;line-height:1.6}.react-flow__node-screen.selected{z-index:50!important}.next-wheel{z-index:70;position:absolute;top:45%;right:-62px}.next-wheel-trigger{border:2px solid var(--node-color);width:48px;min-height:52px;color:var(--node-color);cursor:pointer;background:#fff;border-radius:16px;place-items:center;padding:5px 3px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 7px 18px #4e3f6426}.next-wheel-trigger:hover,.next-wheel.open .next-wheel-trigger{box-shadow:0 9px 24px color-mix(in srgb, var(--node-color) 25%, transparent);transform:scale(1.08)}.next-wheel-trigger>span{font-size:24px;line-height:1}.next-wheel-trigger>small{font-size:7px;font-weight:700;line-height:1.1}.next-wheel-menu{background:radial-gradient(circle,#fff 0 41%,#0000 42%),conic-gradient(from -15deg,#faf7fc,#f2fbfa,#fff9e8,#faf7fc);border:1px solid #e4dbea;border-radius:50%;width:324px;height:324px;animation:.16s ease-out wheel-in;position:absolute;top:50%;left:63px;transform:translateY(-50%);box-shadow:0 18px 55px #4c355d30}@keyframes wheel-in{0%{opacity:0;transform:translateY(-50%)scale(.9)}to{opacity:1;transform:translateY(-50%)scale(1)}}.wheel-center{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:85px}.wheel-center:before{content:"";border:1px dashed color-mix(in srgb, var(--preview-color) 55%, white);background:color-mix(in srgb, var(--preview-color) 4%, white);z-index:-1;border-radius:18px;position:absolute;inset:-11px}.wheel-center .wheel-kicker{letter-spacing:.1em;color:#a697ad;margin-bottom:5px;font-size:6px}.wheel-center>b{font-size:11px;line-height:1.3}.wheel-center>p{color:#887b91;margin:5px 0;font-size:7px;line-height:1.45}.placement-hint{color:#6f6178;background:#f2edf5;border-radius:20px;padding:4px 7px;font-size:7px;font-weight:700}.placement-hint.below{color:#187865;background:#e9f7f2}.placement-hint.side{color:#a35a30;background:#fff0e9}.wheel-branches{pointer-events:auto;gap:3px;margin-top:5px;display:flex}.wheel-branches button{color:#85778e;cursor:pointer;background:#fff;border:1px solid #ded4e3;border-radius:10px;padding:3px 5px;font-size:6px}.wheel-branches .active.yes{color:#13806c;background:#e8f8f3;border-color:#70c7b5}.wheel-branches .active.no{color:#b44255;background:#fff0f3;border-color:#e7a3af}.wheel-option{--wheel-angle:0deg;--wheel-counter-angle:0deg;width:45px;height:45px;transform:translate(-50%, -50%) rotate(var(--wheel-angle)) translateY(-132px) rotate(var(--wheel-counter-angle));border:1px solid color-mix(in srgb, var(--wheel-color) 30%, white);background:var(--wheel-tint);color:var(--wheel-color);cursor:pointer;border-radius:14px;place-items:center;padding:0;transition:width .12s,height .12s,box-shadow .12s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 3px 9px #4b3a5d12}.wheel-option>span{font-size:18px;font-weight:700}.wheel-option>i{color:#a66e00;background:#fff4ba;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;font-style:normal;display:grid;position:absolute;top:-5px;right:-3px}.wheel-option:hover,.wheel-option:focus-visible,.wheel-option.hovered{z-index:2;outline:2px solid var(--wheel-color);outline-offset:2px;width:53px;height:53px;box-shadow:0 7px 20px color-mix(in srgb, var(--wheel-color) 22%, transparent)}.wheel-help{color:#fff;background:#3f3547;border-radius:12px;width:max-content;padding:5px 9px;font-size:7px;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.branch-move-toggle.active{color:#2b7566;background:#e9f8f3;border-color:#9bd4c8}.layout-tools{pointer-events:none}.layout-tools .btn{pointer-events:auto}.dimension-switch{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #dfd8e6;border-radius:14px;align-items:center;gap:7px;padding:5px 7px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 7px 24px #4c3d5f16}.dimension-switch>span:first-child{color:#9a8da4;letter-spacing:.11em;white-space:nowrap;padding:0 7px;font-size:7px}.dimension-switch button{color:#796e82;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:24px auto;min-width:145px;padding:7px 10px;font-size:10px;display:grid;position:relative}.dimension-switch button b{color:#79668a;background:#eee8f2;border-radius:7px;grid-row:1/3;place-items:center;width:20px;height:20px;display:grid}.dimension-switch button small{color:#aa9db3;text-overflow:ellipsis;white-space:nowrap;grid-column:2;max-width:115px;font-size:7px;overflow:hidden}.dimension-switch button.active{color:#6651a6;background:#f2edff;border-color:#b6a4df}.dimension-switch button:disabled{opacity:.45;cursor:default}.dimension-switch .dimension-focus{min-width:104px}.dimension-link{color:#b9acbf;font-size:11px}.canvas-wrap .board-toolbar{top:72px}.canvas-wrap .layout-tools{top:123px}.canvas-wrap .board-filter{top:167px}.canvas-wrap .state-library{max-height:calc(100% - 300px);top:212px}.screen-flow-layer{background-color:#f8f7fb;background-image:radial-gradient(#d8d2e3 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;overflow:auto}.screen-flow-toolbar{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e1dbe7;border-radius:12px;align-items:center;gap:15px;width:fit-content;margin:78px 18px 0;padding:10px 12px;display:flex;position:sticky;top:78px;left:18px;box-shadow:0 7px 22px #45365112}.screen-flow-toolbar>div{flex-direction:column;min-width:190px;display:flex}.screen-flow-toolbar>div span{color:#9a8ba4;letter-spacing:.09em;font-size:7px}.screen-flow-toolbar>div strong{color:#5d5066;font-size:12px}.screen-flow-toolbar label{color:#918397;align-items:center;gap:7px;font-size:8px;display:flex}.screen-flow-toolbar select{color:#61536b;background:#fff;border:1px solid #ded5e5;border-radius:8px;max-width:220px;padding:7px 9px;font-size:9px}.screen-flow-plane{min-width:100%;min-height:100%;position:relative}.screen-flow-edges{pointer-events:none;position:absolute;inset:0;overflow:visible}.screen-flow-edges path{fill:none;stroke:#8068c8;stroke-width:2.5px;stroke-dasharray:7 5;animation:1.1s linear infinite screen-edge-flow}.screen-flow-edges circle{fill:#8068c8}.screen-flow-edges text{fill:#725f82;font-size:9px}@keyframes screen-edge-flow{to{stroke-dashoffset:-24px}}.screen-flow-card{color:#5f5366;text-align:left;cursor:pointer;background:#fff;border:1px solid #ddd5e3;border-radius:14px;width:260px;height:245px;padding:0;animation:.28s ease-out both screen-card-in;position:absolute;overflow:hidden;box-shadow:0 8px 24px #4c3c5a13}@keyframes screen-card-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.screen-flow-card:hover{border-color:#8b75c8;transform:translateY(-3px);box-shadow:0 12px 30px #674e8522}.screen-flow-card-head{border-bottom:1px solid #eee8f1;grid-template-columns:28px 1fr auto;align-items:center;padding:9px 10px;display:grid}.screen-flow-card-head>span{color:#7058bc;background:#efeaff;border-radius:7px;place-items:center;width:21px;height:21px;font-size:8px;display:grid}.screen-flow-card-head b{font-size:10px}.screen-flow-card-head i{color:#9c8da4;font-size:7px;font-style:normal}.screen-flow-card>svg{background:#f3f0f5;width:100%;height:172px;display:block}.screen-flow-open{color:#755eb2;padding:7px 10px;font-size:8px;display:block}.screen-flow-empty{text-align:center;color:#776b7f;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.screen-flow-empty>span{color:#9b86ca;font-size:45px}.screen-flow-empty h2{margin:8px 0;font-size:18px}.screen-flow-empty p{color:#9b8fa2;max-width:420px;margin:0 0 18px;font-size:11px}.flow-hotspot-preview{pointer-events:all;fill:#7b61d21a;stroke:#7359c9;stroke-width:3px;stroke-dasharray:8 5}.screen-flow-card.is-hotspot-target{border-color:#8e6ee0;transform:translateY(-4px);box-shadow:0 0 0 4px #9b7be52e,0 12px 30px #674ba62a}.screen-hotspot{cursor:pointer}.screen-hotspot rect{fill:#7255d41a;stroke:#765bd0;stroke-width:3px;stroke-dasharray:9 6;vector-effect:non-scaling-stroke}.screen-hotspot text{fill:#6247b2;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;font-size:15px;font-weight:700}.screen-hotspot.unconnected rect{fill:#ef9d1f18;stroke:#d48a18}.screen-hotspot.target-screen rect{fill:#2782d51c;stroke:#267dcc}.screen-hotspot.target-state rect{fill:#7555d31c;stroke:#7254c8}.screen-hotspot.target-modal rect{fill:#d7518b1c;stroke:#c94f82}.screen-hotspot.target-error rect{fill:#d94f471c;stroke:#cf4b43}.screen-hotspot.selected rect{fill:#6c4dd52b;stroke-width:5px}.is-playing .screen-hotspot rect{fill:#2ba9861f;stroke:#18a27d;animation:1.1s ease-in-out infinite alternate hotspot-pulse}@keyframes hotspot-pulse{to{fill:#2ba98638;stroke-width:5px}}.play-hint{color:#fff;pointer-events:none;background:#292233e8;border-radius:20px;padding:8px 13px;font-size:9px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.sketch-artboard.screen-fade{animation:.3s transition-fade}.sketch-artboard.screen-slide-left{animation:.3s transition-left}.sketch-artboard.screen-slide-right{animation:.3s transition-right}.sketch-artboard.screen-push{animation:.3s transition-push}.sketch-artboard.screen-modal{animation:.3s transition-modal}@keyframes transition-fade{to{opacity:0}}@keyframes transition-left{to{opacity:0;transform:translate(-70px)}}@keyframes transition-right{to{opacity:0;transform:translate(70px)}}@keyframes transition-push{to{opacity:0;transform:scale(.92)}}@keyframes transition-modal{to{opacity:0;filter:blur(2px);transform:scale(1.06)}}.hotspot-properties{background:#faf7fc;border:1px dashed #d9cde2;border-radius:11px;margin:0 0 16px;padding:11px}.hotspot-properties.active{background:#f5effb;border-style:solid;border-color:#bda8dc}.hotspot-properties-title{align-items:flex-start;gap:8px;display:flex}.hotspot-properties-title>span{color:#7859bd;font-size:19px}.hotspot-properties-title>div{flex-direction:column;gap:3px;display:flex}.hotspot-properties-title b{color:#65536e;font-size:10px}.hotspot-properties-title small{color:#9a8ba2;font-size:8px;line-height:1.5}.hotspot-properties .field:first-of-type{margin-top:12px}.image-properties{background:#f0f7fb;border:1px solid #c9d9e8;border-radius:11px;margin:0 0 14px;padding:11px}.image-properties>b{color:#426b87;font-size:10px}.image-properties .field{margin-top:9px}.image-properties input[type=range]{width:100%}.image-url-import{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;gap:7px;margin-bottom:10px;padding:10px;display:grid}.image-url-import>b{font-size:9px}.image-url-import>div{grid-template-columns:1fr auto;gap:6px;display:grid}.image-url-import input{border:1px solid var(--border);border-radius:7px;min-width:0;padding:7px}.image-url-import small{color:var(--text-muted);font-size:7px;line-height:1.5}html[data-theme=dark] .image-properties{background:#222f39;border-color:#40596b}.react-flow__node-screen{animation:.3s cubic-bezier(.2,.8,.2,1) node-arrive}@keyframes node-arrive{0%{opacity:.35;filter:saturate(1.7)}to{opacity:1;filter:none}}.react-flow__node-screen:not(.dragging){transition:transform .32s cubic-bezier(.2,.8,.2,1)}.react-flow__edge-path{animation:.45s ease-out edge-arrive}@keyframes edge-arrive{0%{opacity:0;stroke-dasharray:70;stroke-dashoffset:70px}to{opacity:1;stroke-dasharray:70;stroke-dashoffset:0}}.open-screen-flow{border:1px solid color-mix(in srgb, var(--node-color) 28%, white);background:var(--node-tint);width:100%;color:var(--node-color);cursor:pointer;border-radius:8px;margin:8px 0 10px;padding:7px 9px;font-size:8px;font-weight:700}.open-screen-flow:hover{border-color:var(--node-color)}.run-from-node{width:100%;color:var(--node-color);background:0 0;border:0;border-radius:7px;margin:-5px 0 10px;padding:6px;font-size:7px;font-weight:700}.run-from-node:hover{background:color-mix(in srgb, var(--node-color) 10%, white)}.mini-screen-flow{background:var(--node-tint);border-radius:8px;align-items:center;gap:2px;margin:7px 0;padding:7px;display:flex}.mini-screen-flow>span{align-items:center;gap:2px;display:flex}.mini-screen-flow i{border:1px solid color-mix(in srgb, var(--node-color) 40%, white);width:17px;height:17px;color:var(--node-color);background:#fff;border-radius:5px;place-items:center;font-size:7px;font-style:normal;display:grid}.mini-screen-flow b{color:color-mix(in srgb, var(--node-color) 55%, white);font-size:8px}.mini-screen-flow em{color:var(--node-color);margin-left:auto;font-size:7px;font-style:normal}.history-actions{background:#faf8fc;border:1px solid #e2dce8;border-radius:9px;gap:3px;padding:3px;display:flex}.history-actions .btn{border:0;padding:7px 8px;font-size:9px}.history-actions button small{max-width:88px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:6px;display:block;overflow:hidden}.theme-picker{color:#74677c;background:#faf8fc;border:1px solid #e2dce8;border-radius:9px;align-items:center;gap:4px;padding:4px 6px;display:flex}.theme-picker select{color:inherit;background:0 0;border:0;font-size:9px}html[data-theme=dark]{--bg:#17151d;--surface:#211e29;--surface-2:#292531;--border:#3a3444;--text:#eee9f3;--text-muted:#aaa0b2;--accent:#a990ef;--focus:#b49cff;--success:#62d2aa;--warning:#f0c36a;--danger:#ff8b9a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body,html[data-theme=dark] .app-shell,html[data-theme=dark] .main-area{background:var(--bg);color:var(--text)}html[data-theme=dark] .topbar,html[data-theme=dark] .workspace-bar,html[data-theme=dark] .walkthrough-panel,html[data-theme=dark] .wt-panel,html[data-theme=dark] .inspector,html[data-theme=dark] .palette,html[data-theme=dark] .toolbar-group,html[data-theme=dark] .dimension-switch,html[data-theme=dark] .screen-flow-toolbar,html[data-theme=dark] .react-flow__controls-button,html[data-theme=dark] .file-menu-content,html[data-theme=dark] .btn,html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background-color:var(--surface);color:var(--text);border-color:var(--border)}html[data-theme=dark] .canvas-wrap,html[data-theme=dark] .screen-flow-layer{background-color:#191720}html[data-theme=dark] .screen-flow-layer{background-image:radial-gradient(#40394b 1px,#0000 1px)}html[data-theme=dark] .screen-flow-card{color:#eee8f2;background:#26222d;border-color:#443c4d}html[data-theme=dark] .screen-flow-card-head{border-color:#443c4d}html[data-theme=dark] .screen-flow-card>svg{background:#18151d}html[data-theme=dark] .edge-label{color:#d3c7db;background:#28232f;border-color:#4b4255}html[data-theme=dark] .history-actions,html[data-theme=dark] .theme-picker{background:#28232f;border-color:#443c4d}html[data-theme=dark] .sketch-overlay{background:#17151d}html[data-theme=dark] .sketch-header,html[data-theme=dark] .sketch-sidebar,html[data-theme=dark] .sketch-properties,html[data-theme=dark] .sketch-tools{color:#eee9f3;background:#211e29;border-color:#3a3444}html[data-theme=dark] .hotspot-properties{background:#2a2531;border-color:#54475e}html[data-theme=dark] .wt-item{background:#24202c;border-color:#443b50}html[data-theme=dark] .wt-item.active{background:#332940;border-color:#8064a5}html[data-theme=dark] .wt-steps li{border-color:#443b50}html[data-theme=dark] .step-link{color:#c7b2f0}html[data-theme=dark] .demo-bar{background:#261f30f5;border-color:#5f4778}.project-health{position:relative}.project-health summary{color:#956516;cursor:pointer;background:#fff4db;border-radius:18px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;list-style:none;display:flex}.project-health summary::-webkit-details-marker{display:none}.project-health.has-errors summary{color:#ba4e43;background:#fff0ed}.project-health.is-ready summary{color:#157864;background:#e7f8f1}.project-health summary>span{border:1px solid;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.project-health-panel{z-index:40;border:1px solid var(--border);background:var(--surface);border-radius:12px;width:380px;max-height:min(620px,70vh);padding:10px;position:absolute;top:30px;left:0;overflow:auto;box-shadow:0 18px 50px #3e31482b}.project-health-panel header{justify-content:space-between;padding:8px 6px 12px;display:flex}.project-health-panel header b{font-size:11px}.project-health-panel header small{color:var(--text-muted);font-size:8px}.health-overview{background:var(--surface-2);border-radius:10px;gap:7px;margin:0 6px 9px;padding:10px;display:grid}.health-overview>div{align-items:baseline;gap:7px;display:flex}.health-overview>div b{font-size:18px}.health-overview>div span,.health-overview>small{color:var(--text-muted);font-size:8px}.health-overview progress{accent-color:#33a778;width:100%;height:6px}.health-overview .health-next{color:#65509e;text-align:left;background:#f5f0ff;border:1px solid #cfc1ee;border-radius:8px;grid-template-columns:20px 1fr auto;align-items:center;padding:8px;display:grid}.health-overview .health-next i{font-size:8px;font-style:normal}html[data-theme=dark] .health-overview .health-next{color:#cfbdf7;background:#342c42;border-color:#574777}.project-health-panel>button{border:0;border-top:1px solid var(--border);width:100%;color:var(--text-muted);text-align:left;background:0 0;grid-template-columns:20px 1fr;padding:8px;font-size:9px;line-height:1.5;display:grid}.project-health-panel>button:hover{background:var(--surface-2)}.project-health-panel>button.error>span{color:#cf4b43}.project-health-panel>button.warning>span{color:#c48318}.command-backdrop{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#241b2d66;place-items:start center;padding-top:12vh;display:grid;position:fixed;inset:0}.command-palette{border:1px solid var(--border);background:var(--surface);width:min(620px,100vw - 30px);color:var(--text);border-radius:16px;overflow:hidden;box-shadow:0 30px 90px #24162e4d}.command-palette header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:15px;display:flex}.command-palette header>span{color:#7b62c2;font-size:24px}.command-palette input{color:inherit;background:0 0;border:0;flex:1;padding:5px;font-size:14px}.command-palette kbd{border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:4px 6px;font-size:8px}.command-palette section{border-bottom:1px solid var(--border);padding:10px}.command-palette section>small{color:var(--text-muted);letter-spacing:.1em;padding:5px 7px;font-size:7px;display:block}.command-palette section>button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:28px 1fr auto;align-items:center;padding:9px;display:grid}.command-palette section>button:hover,.command-palette section>button:focus-visible,.command-palette section>button.is-active{color:#5e47a5;background:#f1ebff}html[data-theme=dark] .command-palette section>button:hover,html[data-theme=dark] .command-palette section>button:focus-visible,html[data-theme=dark] .command-palette section>button.is-active{color:#cfbdf7;background:#342c42}.command-palette section>button>span{color:#7b62c2;font-size:17px}.command-palette section>button b{flex-direction:column;gap:2px;font-size:10px;display:flex}.command-palette section>button em{color:var(--text-muted);font-size:8px;font-style:normal;font-weight:400}.command-palette section>button i{color:var(--text-muted);font-size:8px;font-style:normal}.command-palette section>p{color:var(--text-muted);text-align:center;padding:15px;font-size:10px}.command-palette footer{color:var(--text-muted);gap:14px;padding:8px 15px;font-size:7px;display:flex}.work-status{color:#625a6e;text-transform:uppercase;background:#ece9f3;border-radius:999px;padding:3px 6px;font-size:7px;font-weight:800}.work-status.status-mvp{color:#286bb8;background:#e7f0ff}.work-status.status-blocked{color:#b02f45;background:#ffe9eb}.work-status.status-review{color:#92620d;background:#fff2d3}.work-status.status-approved{color:#17724c;background:#ddf7eb}.node-tags{flex-wrap:wrap;gap:4px;margin:5px 0;display:flex}.node-tags span{border:1px solid color-mix(in srgb, var(--node-color) 30%, transparent);color:var(--node-color);border-radius:999px;padding:2px 5px;font-size:7px;font-weight:700}.game-dock{z-index:14;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #d8d0e3;border-radius:16px;align-items:stretch;gap:4px;padding:6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #33264b28}.game-dock.simulation-active{display:none}.game-dock section{border-right:1px solid var(--border);gap:3px;padding:10px 7px 3px;display:flex;position:relative}.game-dock section:last-child{border-right:0}.game-dock section>small{color:var(--text-muted);letter-spacing:.11em;font-size:6px;font-weight:800;position:absolute;top:0;left:10px}.game-dock button{min-width:54px;color:var(--text);background:0 0;border:0;border-radius:10px;place-items:center;padding:7px 8px 5px;display:grid}.game-dock button:hover,.game-dock button.active{color:#6c51b0;background:#eee8ff;transform:translateY(-2px)}.game-dock button b{background:var(--surface-2);border-radius:9px;place-items:center;width:27px;height:27px;font-size:15px;display:grid}.game-dock button span{white-space:nowrap;margin-top:3px;font-size:7px}.game-dock .dock-run button.play b{color:#fff;background:linear-gradient(145deg,#8a6bdd,#5e45aa);box-shadow:0 4px 15px #7557c655}.game-dock .dock-run button.running b{color:#b64050;background:#ffe8e9}.dock-progress{color:#775aba;align-self:center;padding:4px;font-size:8px;font-weight:800}html[data-theme=dark] .game-dock button:hover,html[data-theme=dark] .game-dock button.active{color:#d2c0ff;background:#3b304c}.settings-backdrop{z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#100d1b94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.settings-panel{border:1px solid var(--border);background:var(--surface);width:min(900px,96vw);max-height:90vh;color:var(--text);border-radius:18px;overflow:auto;box-shadow:0 25px 90px #120c22aa}.settings-panel>header{z-index:2;border-bottom:1px solid var(--border);background:inherit;justify-content:space-between;gap:20px;padding:22px 25px;display:flex;position:sticky;top:0}.settings-panel h2{margin:4px 0;font-size:22px}.settings-panel header p,.settings-panel fieldset>p{color:var(--text-muted);margin:0;font-size:9px}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;padding:20px 25px;display:grid}.settings-panel fieldset{border:1px solid var(--border);border-radius:12px;min-width:0;margin:0;padding:14px}.settings-panel legend{padding:0 6px;font-size:9px;font-weight:800}.settings-panel select{border:1px solid var(--border);background:var(--surface);width:100%;color:inherit;border-radius:8px;padding:9px}.settings-options{gap:6px;display:grid}.settings-options button{border:1px solid var(--border);background:var(--surface);color:inherit;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;padding:9px;display:flex}.settings-options button small{color:var(--text-muted)}.settings-options button.active,.canvas-choices button.active{color:#674baa;background:#f2edff;border-color:#8b6cd4}.canvas-choices{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.canvas-choices button{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:8px;padding:6px}.canvas-choices button span{background-color:#faf9fc;border-radius:5px;height:42px;margin-bottom:5px;display:block}.canvas-choices .preview-dots span{background-image:radial-gradient(#aaa2bd 1px,#0000 1px);background-size:10px 10px}.canvas-choices .preview-grid span{background-image:linear-gradient(#ddd8e6 1px,#0000 1px),linear-gradient(90deg,#ddd8e6 1px,#0000 1px);background-size:10px 10px}.state-color-settings{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.state-color-settings legend{grid-column:1/-1}.state-color-settings label{background:var(--surface-2);border-radius:8px;grid-template-columns:28px 20px 1fr;align-items:center;gap:6px;padding:6px;display:grid}.state-color-settings input{border:0;width:26px;height:26px;padding:0}.state-color-settings b{font-size:8px}.state-color-settings small{color:var(--text-muted);grid-column:3;font-size:7px}.settings-panel>footer{color:var(--text-muted);justify-content:space-between;align-items:center;padding:14px 25px 20px;font-size:8px;display:flex}html[data-theme=dark] .settings-options button.active,html[data-theme=dark] .canvas-choices button.active{color:#d5c5ff;background:#382e48}html[data-canvas-style=plain] .react-flow__background{opacity:0}html[data-font=rounded] body{font-family:ui-rounded,Nunito,system-ui,sans-serif}html[data-font=technical] body{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}html[data-density=icons] .game-dock button span,html[data-density=icons] .game-dock section>small,html[data-density=icons] .state-library .catalog-copy,html[data-density=icons] .state-library .palette-group>p,html[data-density=icons] .screen-node .kind-explanation,html[data-density=icons] .screen-node .node-description{display:none}html[data-density=icons] .game-dock button{min-width:36px}html[data-density=icons] .state-library.expanded{width:58px}html[data-density=standard] .game-dock section>small,html[data-density=standard] .state-library .palette-group>p,html[data-density=standard] .state-library .catalog-copy small,html[data-density=standard] .screen-node .kind-explanation,html[data-density=standard] .screen-node .node-description{display:none}html[data-density=detailed] .screen-node .kind-explanation,html[data-density=detailed] .screen-node .node-description,html[data-density=detailed] .state-library .catalog-copy small,html[data-density=detailed] .state-library .palette-group>p,html[data-density=detailed] .game-dock section>small{display:block}html[data-animations=reduced] *,html[data-animations=reduced] :before,html[data-animations=reduced] :after{transition-duration:.12s!important;animation-duration:.12s!important}html[data-animations=off] *,html[data-animations=off] :before,html[data-animations=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (width<=850px){.settings-grid{grid-template-columns:1fr}.state-color-settings{grid-column:auto;grid-template-columns:1fr 1fr}.game-dock{max-width:calc(100vw - 20px);overflow-x:auto}.game-dock button{min-width:44px}}.template-gallery{border:1px solid var(--border);background:var(--surface);width:min(940px,96vw);max-height:90vh;color:var(--text);border-radius:18px;overflow:hidden;box-shadow:0 25px 90px #120c22aa}.template-gallery>header{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:22px 25px;display:flex}.template-gallery h2{margin:4px 0;font-size:22px}.template-gallery header p,.template-gallery main>p{color:var(--text-muted);margin:0;font-size:9px;line-height:1.6}.template-body{grid-template-columns:300px 1fr;min-height:520px;max-height:calc(90vh - 100px);display:grid}.template-body>nav{border-right:1px solid var(--border);padding:12px;overflow:auto}.template-body>nav button{width:100%;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:35px 1fr;padding:11px;display:grid}.template-body>nav button:hover,.template-body>nav button.active{color:#644ca0;background:#f3effc;border-color:#d4c7ed}.template-body>nav button>b{font-size:20px}.template-body>nav button span{flex-direction:column;gap:4px;font-size:10px;font-weight:700;display:flex}.template-body>nav button small{color:var(--text-muted);font-size:8px;font-weight:400;line-height:1.5}.template-body>nav h4{color:var(--text-muted);letter-spacing:.12em;margin:18px 8px 5px;font-size:7px}.saved-template-row{grid-template-columns:1fr 28px;align-items:center;display:grid}.saved-template-row>button:first-child{color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:35px 1fr;padding:9px;display:grid}.saved-template-row>button:first-child span{flex-direction:column;font-size:9px;font-weight:700;display:flex}.saved-template-row>button:last-child{color:#a64b58;grid-template-columns:1fr;padding:5px;display:grid}.template-body>main{padding:28px 35px;overflow:auto}.template-icon{color:#7557bd;background:#eee7ff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.template-body main h3{margin:12px 0 5px;font-size:20px}.template-preview{gap:5px;margin:22px 0;display:grid}.template-preview>div{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:10px;display:grid;position:relative}.template-preview>div>b{color:#7356bd;background:#eae1ff;border-radius:8px;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.template-preview>div>span{flex-direction:column;gap:3px;display:flex}.template-preview strong{font-size:9px}.template-preview small{color:var(--text-muted);font-size:8px}.template-preview i{z-index:1;color:#8b73c8;font-style:normal;position:absolute;bottom:-10px;left:22px}html[data-theme=dark] .template-body>nav button:hover,html[data-theme=dark] .template-body>nav button.active{color:#d5c5ff;background:#382e48;border-color:#594777}@media (width<=700px){.template-body{grid-template-columns:1fr;overflow:auto}.template-body>nav{border-right:0;border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.template-body>nav button{min-width:210px}}.version-panel{border:1px solid var(--border);background:var(--surface);width:min(820px,96vw);max-height:90vh;color:var(--text);border-radius:18px;overflow:auto;box-shadow:0 25px 90px #120c22aa}.version-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;padding:22px 25px;display:flex}.version-panel h2{margin:4px 0;font-size:22px}.version-panel header p{color:var(--text-muted);margin:0;font-size:9px}.version-create{border-bottom:1px solid var(--border);grid-template-columns:1fr 1.4fr auto;gap:8px;padding:16px 25px;display:grid}.version-create input,.version-compare select{border:1px solid var(--border);background:var(--surface);min-width:0;color:inherit;border-radius:8px;padding:9px}.version-compare{background:var(--surface-2);border-radius:10px;margin:16px 25px;padding:14px}.version-compare h3{margin:0 0 8px;font-size:10px}.version-compare>div{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.version-compare p{color:var(--text-muted);margin:9px 0 0;font-size:8px}.version-list{gap:7px;padding:0 25px 25px;display:grid}.version-list article{border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:11px;display:grid}.version-list article>div{grid-template-columns:auto 1fr;gap:4px 9px;display:grid}.version-list time,.version-list small{color:var(--text-muted);font-size:7px}.version-list p{grid-column:1/-1;margin:0;font-size:8px}.demo-shortcut{color:var(--text-muted);align-self:center;font-size:7px}.simulation-choices{background:#f7f2ff;border:1px solid #dbcff0;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;display:flex}.simulation-choices>b{color:#7054ad;font-size:8px}.simulation-choices button{color:#5e488c;text-align:left;background:#fff;border:1px solid #cbbce8;border-radius:8px;grid-template-columns:auto 1fr;gap:2px 7px;padding:6px 9px;font-size:8px;display:grid}.simulation-choices button span{font-weight:700}.simulation-choices button small{color:#9487a3;grid-column:2}html[data-theme=dark] .simulation-choices{background:#30263e;border-color:#55436e}html[data-theme=dark] .simulation-choices button{color:#d2bfff;background:#241d30;border-color:#5e4c76}@media (width<=650px){.version-create{grid-template-columns:1fr}}html[data-theme=dark] .btn:not(.primary),html[data-theme=dark] summary.btn{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .btn:not(.primary):hover{background:var(--surface-2)!important}.sketch-loading{z-index:100;background:var(--bg);color:var(--text-muted);place-items:center;display:grid;position:fixed;inset:0}.screen-node .kind-explanation{color:var(--node-color);opacity:.8;margin:8px 0 10px;font-size:9px;line-height:1.65}.node-following{background:var(--node-tint);border-left:2px solid var(--node-color);color:var(--node-color);border-radius:3px;margin:9px 0;padding:7px 9px;font-size:10px;line-height:1.6}.walkthrough-path{gap:5px;margin:8px 0 12px;padding-bottom:4px;display:flex;overflow:auto}.walkthrough-path button{white-space:nowrap;color:#a493b3;background:#fff;border:1px solid #ece3f4;border-radius:5px;align-items:center;gap:6px;padding:6px 8px;font-size:9px;display:flex}.walkthrough-path button[aria-current=step]{color:#9775b4;background:#f3eafe;border-color:#bb9cda}.walkthrough-path button b{font-size:8px}.walkthrough-next{color:#9980ad;background:#f7f0ff;border-radius:5px;margin-top:10px;padding:9px;font-size:11px;line-height:1.7}.walkthrough-next strong{color:#86659e;font-weight:600}.walkthrough-gap{color:#ba9872;margin:8px 0;font-size:10px;line-height:1.7}.intro-button{color:#9474b1;background:#f7f0ff;border-color:#e3d4f0}@media (width>=1650px){.factory-layout{grid-template-columns:minmax(0,1fr) 290px;gap:25px;padding:25px}.factory-hero-card{width:320px;right:7%}.factory-hero>p{max-width:440px}.factory-app{grid-template-columns:195px minmax(0,1fr)}.factory-section{padding:45px 40px}}@media (width<=1250px){.factory-layout{grid-template-columns:minmax(0,1fr) 230px;gap:13px;padding:13px}.factory-app{grid-template-columns:145px minmax(0,1fr)}.factory-sidebar{padding:20px 10px}.factory-section{padding:27px 22px}.factory-hero{min-height:670px;padding:45px 6%}.factory-hero h1{font-size:42px}.factory-hero-card{width:auto;max-width:360px;margin-top:30px;padding:18px;position:relative;top:auto;right:auto;transform:none}.factory-hero-card>div{display:none}.factory-hero-card h3{margin:10px 0}.factory-hero-card>p{margin-bottom:0}.factory-hero-proof{gap:12px;font-size:8px}.factory-hero>p{max-width:400px}.factory-section h1{font-size:24px}.factory-heading{flex-direction:column;align-items:flex-start}.factory-projects{gap:9px}.factory-project{padding:15px 10px}.factory-stats>div{padding:15px}.factory-lesson{padding:18px 14px}.factory-lesson h2{font-size:16px}.factory-stepper{gap:10px}.factory-stepper button{gap:7px;font-size:10px}.factory-stepper button small{margin-left:5px}.start-main{gap:40px;padding-top:50px}.start-flow{grid-template-columns:repeat(4,1fr)}.state-library{width:158px}.catalog-copy>b{font-size:9px}.palette-button .catalog-copy>small{font-size:8px}}@media (width<=950px){.factory-layout{flex-direction:column;grid-template-columns:minmax(0,1fr);display:flex;overflow:auto}.factory-window{flex-shrink:0;min-height:700px}.factory-lesson{grid-template-columns:1fr 1fr;align-self:stretch;gap:0 20px;max-height:none;display:grid}.lesson-type{margin:12px 0}.factory-lesson>.lesson-kicker{grid-column:1/-1}.factory-lesson>.btn{width:auto}.factory-app{grid-template-columns:135px minmax(0,1fr)}.factory-page{max-height:800px}.factory-stepper{justify-content:flex-start}.demo-learning-header{gap:10px;padding:12px}.demo-learning-header>span:not(.demo-chip):not(.spacer){display:none}.start-main{grid-template-columns:1fr;gap:30px;padding:40px 6vw}.start-copy h1{font-size:44px}.start-copy>p{max-width:600px}.start-preview{max-width:550px}.start-flow{grid-template-columns:repeat(3,1fr)}.start-header{padding:18px}.start-how{padding:20px 6vw 30px}.intro-button{padding:7px;font-size:9px}.state-library{width:145px}.canvas-wrap .react-flow__controls{left:181px}.library-heading{padding-inline:3px}.palette-group>p,.palette-group>h3{margin-inline:3px}}@media (width<=600px){.factory-app{grid-template-columns:1fr}.factory-sidebar{display:none}.factory-projects{grid-template-columns:1fr}.factory-projects>.factory-project:not(:first-child){display:none}.factory-stats{gap:5px}.factory-stats>div{padding:10px}.factory-stats b{font-size:22px}.factory-stats small{font-size:8px}.factory-section{padding:24px 15px}.factory-page-top{padding:15px}.factory-lesson{display:block}.factory-deliverables{grid-template-columns:1fr}.factory-hero h1{font-size:37px}.factory-plan>div{gap:10px;padding:13px}.factory-plan b{display:none}.factory-agent-list em{max-width:85px;line-height:1.6}.factory-secondary{margin:8px 0}.factory-primary{font-size:10px}.demo-learning-header .demo-chip{display:none}.demo-learning-header .btn{font-size:9px}.crm-content{padding:13px}.crm-content td,.crm-content th{padding:10px 4px;font-size:8px}.crm-top>span:nth-child(2){display:none}.crm-content td span{white-space:normal;font-size:7px}.start-flow{grid-template-columns:repeat(2,1fr)}.start-copy h1{font-size:37px}.start-copy>p{font-size:13px}.start-footer{flex-direction:column}.preview-content{padding:20px}.start-header .brand-sub{display:none}.start-header .btn{font-size:10px}.factory-confirm{padding:24px}.factory-window{min-height:710px}}.factory-page p,.factory-page small{color:#738575}.factory-page h1{color:#344d3d}.factory-page h2,.factory-page h3{color:#526b4d}.factory-page label{color:#6f8568}.factory-page table{color:#6e8365}.factory-page .factory-eyebrow{color:#798d72}.factory-page .factory-disclaimer{color:#7b8d70}.factory-lesson>p,.lesson-situation>p,.lesson-legend>p,.lesson-next p{color:#8d7a9b}.catalog-copy>small{opacity:1}.start-copy .start-small{color:#8e879e}.kind-field-help{color:#9d8cac;margin:7px 0 0;font-size:10px;line-height:1.7}.marketing-site{scroll-behavior:smooth;background:#faf9fc}.marketing-site section[id]{scroll-margin-top:78px}.marketing-header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe8;grid-template-columns:auto auto 1fr auto;align-items:center;gap:22px;min-height:76px;padding:8px max(5vw,50vw - 690px);display:grid;position:sticky;top:0;box-shadow:0 8px 32px #2218380e}.ecosystem-brand{color:#2f293a;align-items:center;gap:9px;text-decoration:none;display:flex}.ecosystem-brand img{object-fit:contain;width:48px;height:48px}.ecosystem-brand>span{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.ecosystem-brand b{letter-spacing:.13em;font-size:13px}.ecosystem-brand small{color:#765bc2;letter-spacing:.28em;margin-top:5px;font-size:9px;font-weight:800}.ecosystem-launcher{position:relative}.ecosystem-launcher>summary{color:#796d85;cursor:pointer;border-radius:11px;grid-template-columns:repeat(3,3px);place-content:center;gap:3px;width:38px;height:38px;list-style:none;display:grid}.ecosystem-launcher>summary:hover,.ecosystem-launcher[open]>summary{background:#f0ecfb}.ecosystem-launcher>summary i{background:currentColor;border-radius:50%;width:3px;height:3px}.ecosystem-launcher>div{background:#fff;border:1px solid #e2dbea;border-radius:17px;width:290px;padding:9px;display:grid;position:absolute;top:48px;left:-62px;box-shadow:0 25px 65px #2415322d}.ecosystem-launcher>div>header{flex-direction:column;gap:4px;padding:12px;display:flex}.ecosystem-launcher>div>header b{font-size:12px}.ecosystem-launcher>div>header small{color:#9b91a6;font-size:8px}.ecosystem-launcher>div>a{color:#554c60;border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:9px;text-decoration:none;display:grid}.ecosystem-launcher>div>a:hover,.ecosystem-launcher>div>a.active{background:#f5f1ff}.ecosystem-launcher>div>a>span{color:#6e50c0;background:#ede6ff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.ecosystem-launcher>div>a>div{flex-direction:column;gap:3px;display:flex}.ecosystem-launcher>div>a b{font-size:10px}.ecosystem-launcher>div>a small{color:#a399ab;font-size:7px}.ecosystem-launcher em{color:#15917f;font-size:6px;font-style:normal;font-weight:800}.marketing-header>nav{justify-content:center;gap:clamp(18px,2.4vw,38px);display:flex}.marketing-header>nav a{color:#5f5868;font-size:10px;font-weight:650;text-decoration:none}.marketing-header>nav a:hover{color:#6d50bd}.marketing-auth{gap:6px;display:flex}.marketing-auth button{color:#5d5469;background:0 0;border:0;border-radius:9px;min-height:39px;padding:0 13px;font-size:10px}.marketing-auth button:hover{background:#f1edf8}.marketing-auth button.primary{color:#fff;background:#6d56ce;box-shadow:0 6px 16px #5d42b52c}.marketing-hero{color:#fff;background:#10193b url(/noedis-flow-hero.png) 50%/cover no-repeat;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(40px,6vw,90px);min-height:710px;padding:85px max(5vw,50vw - 690px);display:grid;position:relative;overflow:hidden}.marketing-hero:before{content:"";background:linear-gradient(90deg,#070f27fa,#0d1233de 43%,#1b12466b 78%,#0a0d2a4d);position:absolute;inset:0}.marketing-hero>*{z-index:1;position:relative}.hero-pill{color:#b7faef;letter-spacing:.13em;background:#9b7af51b;border:1px solid #bca9ff45;border-radius:20px;padding:7px 10px;font-size:8px;font-weight:800;display:inline-flex}.hero-copy h1{color:#fff;letter-spacing:-.06em;margin:24px 0;font-size:clamp(46px,5.4vw,76px);line-height:1.04}.hero-copy h1 em{color:#bfa8ff;font-style:normal}.hero-copy>p{color:#cbd0e4;max-width:670px;font-size:15px;line-height:1.85}.hero-actions{gap:10px;margin-top:31px;display:flex}.hero-actions .btn{border-radius:10px;min-height:49px;padding-inline:19px;font-size:11px}.hero-actions .ghost{color:#fff;background:#ffffff0c;border-color:#ffffff42}.hero-actions .ghost:hover{background:#ffffff18}.hero-proof{color:#aeb7d1;gap:21px;margin-top:23px;font-size:9px;display:flex}.hero-proof span:first-letter{color:#73dbc9}.marketing-hero .start-preview{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b1747c4;border-color:#d0c3ff42;box-shadow:0 28px 80px #04051999}.marketing-hero .preview-window{background:#111033c7;border-color:#ffffff14}.marketing-hero .preview-content{background:linear-gradient(150deg,#4b358fd1,#16163feb)}.marketing-hero .preview-content h2{color:#fff}.marketing-hero .preview-content>p{color:#cac6dd}.trust-strip{color:#716a7b;background:#fff;justify-content:center;align-items:center;gap:clamp(18px,3vw,48px);padding:25px 5vw;display:flex}.trust-strip span{color:#a19aa9;letter-spacing:.14em;font-size:7px}.trust-strip b{letter-spacing:.09em;font-size:9px}.trust-strip i{color:#d1cbd6;font-size:9px;font-style:normal}.section-index{color:#8067ca;letter-spacing:.14em;font-size:8px;font-weight:800}.product-story{max-width:1380px;margin:auto;padding:105px 5vw 95px}.product-story>header{grid-template-columns:1.1fr .9fr;align-items:end;gap:50px;display:grid}.product-story>header .section-index{grid-column:1/-1}.product-story h2,.pricing-section h2,.faq-section h2,.request-section h2{color:#302a3c;letter-spacing:-.05em;margin:8px 0 0;font-size:clamp(34px,4vw,56px);line-height:1.08}.product-story>header p{color:#81798b;max-width:520px;margin:0 0 8px;font-size:13px;line-height:1.8}.dimension-showcase{grid-template-columns:1fr 1fr;gap:15px;margin:52px 0 22px;display:grid}.dimension-showcase article{background:#fff;border:1px solid #e5dfec;border-radius:18px;grid-template-columns:74px 1fr;gap:25px;padding:35px;display:grid}.dimension-showcase article>span{color:#7053c4;background:#ebe5ff;border-radius:20px;place-items:center;width:68px;height:68px;font-size:28px;font-weight:750;display:grid}.dimension-showcase article:nth-child(2)>span{color:#188f7d;background:#dcf6f0}.dimension-showcase small{color:#8b73cd;letter-spacing:.13em;font-size:7px;font-weight:800}.dimension-showcase h3{color:#3e3649;margin:8px 0 12px;font-size:19px}.dimension-showcase p{color:#7d7586;font-size:11px;line-height:1.75}.dimension-showcase ul,.pricing-grid ul{color:#5d5666;gap:8px;margin:18px 0 0;padding:0;font-size:9px;list-style:none;display:grid}.dimension-showcase li:before,.pricing-grid li:before{content:"✓";color:#198e7d;margin-right:8px}.workflow-ribbon{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.workflow-ribbon>div{background:#f4f1f8;border-radius:10px;flex-direction:column;min-width:0;padding:13px 10px;display:flex}.workflow-ribbon span{font-size:8px;font-weight:800}.workflow-ribbon b{color:#554e5e;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 5px;font-size:8px;overflow:hidden}.workflow-ribbon small{color:#928a99;font-size:7px;line-height:1.5}.feature-grid{color:#fff;background:#171333;border-radius:20px;grid-template-columns:1.4fr repeat(3,1fr);max-width:1380px;margin:0 auto 105px;display:grid;overflow:hidden}.feature-grid article{border-left:1px solid #ffffff13;min-height:270px;padding:35px 28px}.feature-grid .feature-lead{background:linear-gradient(145deg,#302064,#171333);border:0}.feature-grid .feature-lead h2{color:#fff;letter-spacing:-.04em;margin:20px 0;font-size:31px;line-height:1.15}.feature-grid article>span:not(.section-index){color:#fff;background:#7257cd;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.feature-grid h3{color:#fff;margin:55px 0 10px;font-size:14px}.feature-grid p{color:#b8b2c8;font-size:10px;line-height:1.7}.pricing-section{background:#f1eef8;padding:100px max(5vw,50vw - 640px)}.pricing-section>header{max-width:690px;margin-bottom:48px}.pricing-section>header p{color:#7f7689;font-size:12px}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:14px;display:grid}.pricing-grid article{background:#fff;border:1px solid #ded7e7;border-radius:17px;flex-direction:column;padding:30px;display:flex;position:relative}.pricing-grid article.featured{border-color:#7960c9;transform:translateY(-9px);box-shadow:0 20px 50px #674c9f1b}.pricing-grid article>em{color:#684ab9;background:#e8e1ff;border-radius:5px;padding:5px 7px;font-size:6px;font-style:normal;font-weight:800;position:absolute;top:18px;right:18px}.pricing-grid article>small{color:#8067ca;letter-spacing:.14em;font-size:7px;font-weight:800}.pricing-grid h3{color:#393142;margin:9px 0 20px;font-size:19px}.price{color:#30283a;letter-spacing:-.04em;font-size:34px;font-weight:750}.price span{color:#948b9c;letter-spacing:0;font-size:9px;font-weight:500}.pricing-grid article>p{color:#817888;min-height:54px;font-size:10px;line-height:1.7}.pricing-grid ul{flex:1;margin-bottom:28px}.pricing-grid .btn{min-height:44px}.faq-section{grid-template-columns:.75fr 1.25fr;gap:90px;max-width:1280px;margin:auto;padding:110px 5vw;display:grid}.faq-section>div{border-top:1px solid #ded8e5}.faq-section details{border-bottom:1px solid #ded8e5}.faq-section summary{color:#494151;cursor:pointer;justify-content:space-between;gap:20px;padding:21px 4px;font-size:12px;font-weight:650;list-style:none;display:flex}.faq-section summary span{color:#765bc4;font-size:16px}.faq-section details[open] summary span{transform:rotate(45deg)}.faq-section details p{color:#7d7484;margin:-7px 38px 22px 4px;font-size:10px;line-height:1.8}.request-section{color:#fff;background:#15122d;grid-template-columns:1fr minmax(360px,.7fr);gap:80px;padding:100px max(6vw,50vw - 640px);display:grid}.request-section h2{color:#fff}.request-section>div p{color:#aaa5ba;max-width:520px;font-size:11px;line-height:1.8}.request-section form{background:#ffffff0a;border:1px solid #ffffff17;border-radius:16px;gap:14px;padding:25px;display:grid}.request-section label{color:#cac5d5;gap:7px;font-size:9px;font-weight:700;display:grid}.request-section input,.request-section textarea{color:#fff;background:#ffffff0c;border:1px solid #ffffff20;border-radius:9px;width:100%;padding:12px;font-size:11px}.request-section textarea{resize:vertical}.request-section form>p{color:#8de3d3;margin:0;font-size:9px}.marketing-footer{color:#8e899a;background:#0d0b1d;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;padding:38px max(5vw,50vw - 690px);display:grid}.marketing-footer .ecosystem-brand{color:#fff}.marketing-footer .ecosystem-brand img{width:43px;height:43px}.marketing-footer p{font-size:9px}.marketing-footer nav{gap:20px;display:flex}.marketing-footer nav a{color:#aaa5b4;font-size:8px;text-decoration:none}.marketing-footer>small{border-top:1px solid #ffffff0d;grid-column:1/-1;padding-top:15px;font-size:7px}@media (width<=1000px){.marketing-header{grid-template-columns:auto auto 1fr}.marketing-header>nav{display:none}.marketing-auth{justify-self:end}.marketing-hero{grid-template-columns:1fr;padding-top:65px}.marketing-hero .start-preview{max-width:620px}.product-story>header{grid-template-columns:1fr;gap:20px}.dimension-showcase{grid-template-columns:1fr}.workflow-ribbon{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:1fr 1fr;margin-inline:4vw}.feature-grid article:nth-child(3){border-left:0}.pricing-grid{grid-template-columns:1fr}.pricing-grid article.featured{transform:none}.faq-section{grid-template-columns:1fr;gap:35px}}@media (width<=600px){.marketing-site section[id]{scroll-margin-top:64px}.marketing-header{grid-template-columns:auto auto 1fr;gap:5px;min-height:64px;padding:6px 10px}.ecosystem-brand{gap:4px}.ecosystem-brand img{width:39px;height:39px}.ecosystem-brand b{font-size:10px}.ecosystem-brand small{margin-top:4px;font-size:7px}.ecosystem-launcher>summary{width:34px}.ecosystem-launcher>div{width:auto;position:fixed;top:65px;left:10px;right:10px}.marketing-auth{gap:2px}.marketing-auth button{min-height:36px;padding-inline:7px;font-size:8px}.marketing-auth button:first-child{background:0 0}.marketing-hero{gap:45px;min-height:auto;padding:58px 20px 65px}.hero-copy h1{font-size:44px}.hero-copy>p{font-size:13px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-proof{flex-wrap:wrap;gap:9px 16px}.marketing-hero .start-preview{transform:none}.trust-strip{white-space:nowrap;justify-content:flex-start;overflow-x:auto}.product-story{padding:75px 18px}.product-story h2,.pricing-section h2,.faq-section h2,.request-section h2{font-size:36px}.dimension-showcase article{grid-template-columns:48px 1fr;gap:15px;padding:23px 18px}.dimension-showcase article>span{border-radius:14px;width:46px;height:46px;font-size:20px}.workflow-ribbon{margin-inline:-18px;padding-inline:18px;display:flex;overflow-x:auto}.workflow-ribbon>div{flex:0 0 145px}.feature-grid{grid-template-columns:1fr;margin:0 14px 75px}.feature-grid article{border-top:1px solid #ffffff13;border-left:0;min-height:210px}.feature-grid h3{margin-top:35px}.pricing-section{padding:75px 17px}.faq-section{padding:80px 19px}.request-section{grid-template-columns:1fr;gap:38px;padding:75px 18px}.request-section form{padding:18px}.marketing-footer{grid-template-columns:1fr;gap:18px;padding:35px 20px}.marketing-footer nav{flex-wrap:wrap}}.factory-heading h1,.factory-project h3,.factory-delivery h1,.factory-hero-card h3{overflow-wrap:anywhere}.start-account-actions{gap:8px;display:flex}.start-account-actions a{text-decoration:none}.account-access{background:linear-gradient(145deg,#f7f5ff 0%,#fbfbfd 48%,#edf9f7 100%);grid-template-columns:minmax(0,.9fr) minmax(390px,.72fr);align-items:center;gap:clamp(45px,8vw,130px);padding:90px max(6vw,50vw - 660px);display:grid;position:relative;overflow:hidden}.account-access:before{content:"";background:radial-gradient(circle,#9675e833,#0000 68%);border-radius:50%;width:430px;height:430px;position:absolute;bottom:-210px;right:-120px}.account-copy{position:relative}.account-copy h2{color:#2f2940;letter-spacing:-.045em;margin:18px 0 22px;font-size:clamp(31px,3.5vw,53px);line-height:1.12}.account-copy>p{color:#746c82;max-width:610px;font-size:14px;line-height:1.85}.account-copy ul{color:#554d64;gap:12px;margin:28px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.account-copy li:before{content:"✓";color:#138c79;background:#dcf6f0;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:10px;font-weight:800;display:inline-grid}.account-card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffed;border:1px solid #ddd6eb;border-radius:22px;gap:14px;padding:10px 28px 26px;display:grid;position:relative;box-shadow:0 30px 80px #4a356b1c}.account-card>nav{background:#f1eef7;border-radius:15px;grid-template-columns:1fr 1fr;gap:5px;margin:0 -18px 6px;padding:6px;display:grid}.account-card>nav button{color:#857b90;background:0 0;border:0;border-radius:11px;min-height:42px;font-size:11px;font-weight:700}.account-card>nav button.active{color:#654db0;background:#fff;box-shadow:0 4px 14px #49386414}.account-card>header{align-items:center;gap:13px;padding:7px 0 3px;display:flex}.account-card>header>span{color:#fff;background:linear-gradient(145deg,#7c61d5,#5942a5);border-radius:13px;place-items:center;width:43px;height:43px;font-size:13px;font-weight:800;display:grid;box-shadow:0 8px 20px #654db044}.account-card h3{color:#332d3e;margin:0 0 4px;font-size:17px}.account-card header p{color:#948c9e;margin:0;font-size:10px}.account-card>label{color:#665d70;gap:6px;font-size:10px;font-weight:700;display:grid}.account-card input{color:#332d3e;background:#fff;border:1px solid #ddd7e6;border-radius:10px;outline:none;width:100%;min-height:45px;padding:11px 13px;font-size:12px}.account-card input:focus{border-color:#8066cb;box-shadow:0 0 0 3px #8066cb1d}.account-submit{border-radius:11px;min-height:48px;margin-top:3px}.account-card>small{color:#9a92a3;text-align:center;font-size:8px;line-height:1.6}.account-error{color:#ac4054;background:#fff0f2;border-radius:8px;margin:0;padding:10px 12px;font-size:10px}.project-hub{min-height:100dvh;color:var(--text);background:#f7f7fa;overflow:auto}.hub-user{align-items:center;gap:15px;display:flex}.hub-user>span{flex-direction:column;align-items:end;gap:3px;font-size:10px;display:flex}.hub-user small{color:var(--text-muted);font-size:8px}.project-hub-hero{color:#fff;background:linear-gradient(115deg,#101934,#282054 58%,#173a49);grid-template-columns:1fr minmax(320px,430px);align-items:center;gap:50px;padding:65px max(6vw,50vw - 660px);display:grid}.project-hub-hero h1{letter-spacing:-.045em;margin:12px 0;font-size:clamp(34px,4vw,58px)}.project-hub-hero p{color:#c7cbe0;font-size:13px}.demo-project-card{color:#fff;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff2b;border-radius:16px;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:18px;display:grid}.demo-project-card:hover{background:#ffffff1c;transform:translateY(-2px)}.demo-project-card>span{background:#8b70e9;border-radius:14px;place-items:center;width:48px;height:48px;font-size:18px;display:grid}.demo-project-card>div{flex-direction:column;gap:5px;display:flex}.demo-project-card small{color:#c9c4df;font-size:9px}.demo-project-card em{color:#153f3a;background:#8ee5d8;border-radius:5px;padding:5px 7px;font-size:7px;font-style:normal;font-weight:800}.project-library{max-width:1320px;margin:auto;padding:48px 6vw 80px}.project-library>header{justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px;display:flex}.project-library h2{letter-spacing:-.035em;margin:9px 0 0;font-size:28px}.project-library form{gap:8px;display:flex}.project-library input{border:1px solid var(--border);background:var(--surface);min-width:260px;color:var(--text);border-radius:9px;padding:11px 13px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.user-project-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;position:relative;box-shadow:0 8px 25px #3527440a}.project-open{border-radius:inherit;width:100%;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;padding:18px 42px 18px 18px;display:grid}.project-open:hover{background:var(--surface-2)}.project-open>span{color:#fff;border-radius:13px;place-items:center;width:45px;height:45px;font-size:17px;font-weight:800;display:grid}.project-open>div{flex-direction:column;gap:5px;min-width:0;display:flex}.project-open b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.project-open small{color:var(--text-muted);font-size:8px}.project-open em{color:#755bbd;font-size:9px;font-style:normal}.project-delete{color:#a39aaa;background:0 0;border:0;border-radius:8px;width:28px;height:28px;font-size:17px;position:absolute;top:8px;right:8px}.project-delete:hover{color:#b64257;background:#fff0f2}.empty-projects{text-align:center;border:1px dashed #d6cfdf;border-radius:16px;grid-column:1/-1;padding:55px}.empty-projects>span{color:#8c72d2;font-size:35px}.empty-projects h3{color:var(--text);margin:10px 0 3px}.empty-projects p{color:var(--text-muted);font-size:10px}.sketch-element{cursor:inherit;pointer-events:all}.sketch-element.selected{filter:drop-shadow(0 0 4px #7a5ddd);stroke:#7357cf;stroke-width:4px;stroke-dasharray:9 5}@media (width<=850px){.account-access{grid-template-columns:1fr;gap:35px;padding:65px 7vw}.account-copy>p{max-width:none}.project-hub-hero{grid-template-columns:1fr;gap:25px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.start-account-actions{gap:5px}.start-account-actions .btn{padding:8px;font-size:9px}.account-access{padding:52px 18px}.account-copy h2{font-size:34px}.account-card{border-radius:17px;padding:8px 18px 22px}.account-card>nav{margin-inline:-10px}.project-hub .start-header{align-items:flex-start}.hub-user{gap:7px}.hub-user>span{display:none}.project-hub-hero{padding:45px 20px}.demo-project-card{grid-template-columns:42px 1fr}.demo-project-card>span{width:42px;height:42px}.demo-project-card em{display:none}.project-library{padding:35px 16px 70px}.project-library>header,.project-library form{flex-direction:column;align-items:stretch}.project-library input{min-width:0;min-height:44px}.project-grid{grid-template-columns:1fr}.project-open{min-height:86px}}.mobile-workspace-nav,.mobile-panel-backdrop{display:none}@media (width<=700px){body{overscroll-behavior:none}.app-shell{grid-template-rows:auto 40px minmax(0,1fr)}.topbar{scrollbar-width:none;gap:7px;min-height:58px;padding:8px 10px;overflow:auto hidden}.topbar::-webkit-scrollbar{display:none}.topbar .brand{z-index:2;background:var(--surface);padding-right:8px;position:sticky;left:0}.topbar .project-heading{min-width:132px}.topbar .scenario-name{width:132px}.topbar .history-actions,.topbar .intro-button,.topbar .spacer{display:none}.topbar .btn,.topbar summary.btn,.topbar select{min-height:40px}.topbar .settings-button{font-size:0}.topbar .settings-button:first-letter{font-size:15px}.theme-picker{min-width:116px}.workspace-bar{white-space:nowrap;scrollbar-width:none;gap:8px;min-width:0;padding:0 10px;overflow:auto visible}.workspace-bar::-webkit-scrollbar{display:none}.workspace-count,.workspace-bar>.spacer,.workspace-bar .save-status{display:none}.main-area,.board-focused .main-area{grid-template-columns:minmax(0,1fr)}.canvas-wrap{grid-column:1;min-height:0}.main-area>.wt-panel,.main-area>.inspector{z-index:52;width:min(88vw,360px);max-width:none;padding-top:max(22px, env(safe-area-inset-top));pointer-events:none;transition:transform .2s;position:fixed;top:0;bottom:0;box-shadow:0 0 45px #17102055;display:block!important}.main-area>.wt-panel{left:0;transform:translate(-105%)}.main-area>.inspector{right:0;transform:translate(105%)}.mobile-panel-scenarios .main-area>.wt-panel,.mobile-panel-detail .main-area>.inspector{pointer-events:auto;transform:translate(0)}.mobile-panel-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17102066;border:0;display:block;position:fixed;inset:0}.mobile-workspace-nav{z-index:60;right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;gap:5px;padding:5px;display:flex;position:fixed;box-shadow:0 10px 30px #24173530}.mobile-workspace-nav button{min-width:58px;min-height:48px;color:var(--text);background:0 0;border:0;border-radius:10px;place-items:center;font-size:8px;display:grid}.mobile-workspace-nav button b{font-size:17px}.mobile-workspace-nav button.active{color:#fff;background:#7459cc}.dimension-switch{scrollbar-width:none;justify-content:flex-start;width:auto;max-width:none;left:8px;right:8px;overflow-x:auto;transform:none}.dimension-switch::-webkit-scrollbar{display:none}.dimension-switch>span:first-child,.dimension-switch .dimension-link{display:none}.dimension-switch button{flex:1 0 118px;min-width:118px;min-height:44px;padding:5px 7px}.dimension-switch .dimension-focus{flex-basis:68px;min-width:68px}.dimension-switch button small{display:none}.canvas-wrap .board-toolbar{scrollbar-width:none;flex-wrap:nowrap;max-width:calc(100vw - 16px);top:66px;left:8px;right:8px;overflow-x:auto}.canvas-wrap .board-toolbar::-webkit-scrollbar{display:none}.layout-tools::-webkit-scrollbar{display:none}.board-filter::-webkit-scrollbar{display:none}.toolbar-group{flex:none}.toolbar-group .btn{min-height:40px}.canvas-wrap .layout-tools{scrollbar-width:none;flex-wrap:nowrap;max-width:calc(100vw - 16px);display:flex;top:115px;left:8px;right:8px;overflow-x:auto}.layout-tools .btn{flex:none;min-height:40px}.canvas-wrap .board-filter{scrollbar-width:none;max-width:calc(100vw - 16px);top:162px;left:8px;right:8px;overflow-x:auto}.board-filter select{flex:0 0 132px;min-height:40px}.canvas-wrap .state-library{max-height:calc(100% - 360px);top:212px;left:8px}.game-dock{left:8px;right:8px;bottom:calc(67px + env(safe-area-inset-bottom));scrollbar-width:none;justify-content:flex-start;width:auto;max-width:none;overflow-x:auto;transform:none}.game-dock::-webkit-scrollbar{display:none}.game-dock section{flex:none}.game-dock button{min-width:48px;min-height:48px}.canvas-wrap .react-flow__minimap{display:none}.canvas-wrap .react-flow__controls{bottom:145px;left:8px}.canvas-hint{display:none}.demo-bar{max-height:50%;padding:10px;bottom:72px;left:8px;right:8px}.demo-bar-controls .btn{min-height:40px}.walkthrough-path{flex-wrap:nowrap;overflow-x:auto}.screen-flow-toolbar{white-space:nowrap;width:auto;max-width:calc(100vw - 16px);top:70px;left:8px;right:8px;overflow-x:auto}.screen-flow-toolbar select,.screen-flow-toolbar button{min-height:40px}.screen-flow-plane{min-width:900px}.settings-backdrop{align-items:end;padding:0}.settings-panel,.template-gallery,.version-panel{border-radius:18px 18px 0 0;width:100vw;max-width:none;max-height:94dvh}.settings-panel>header,.template-gallery>header{padding:16px}.settings-grid{padding:14px}.state-color-settings{grid-template-columns:1fr}.canvas-choices{grid-template-columns:repeat(3,minmax(76px,1fr))}.settings-options button,.canvas-choices button{min-height:44px}.template-body{grid-template-columns:1fr;min-height:0;max-height:calc(94dvh - 82px);overflow:auto}.template-body>nav{border-right:0;border-bottom:1px solid var(--border);flex:none;display:flex;overflow-x:auto}.template-body>nav button{min-width:200px}.template-body>main{padding:20px 16px 90px;overflow:visible}.sketch-overlay{grid-template-rows:auto minmax(0,1fr)}.sketch-header{gap:9px;padding:10px;overflow-x:auto}.sketch-header .spacer{display:none}.sketch-header .btn{min-height:40px}.sketch-layout{flex-direction:column;display:flex;overflow:auto}.sketch-sidebar{border:0;border-top:1px solid var(--border);order:2;gap:8px;min-height:92px;padding:12px;display:flex;overflow-x:auto}.sketch-sidebar h3{display:none}.sketch-sidebar .slide-item{flex:0 0 160px;min-height:64px;margin:0}.sketch-workspace{flex:0 0 min(62dvh,540px);order:1;min-height:400px}.sketch-tools{flex-wrap:nowrap;justify-content:flex-start;padding:8px;overflow-x:auto}.sketch-tools .btn{flex:none;min-height:40px}.artboard-area{min-height:250px;padding:8px}.slide-controls{gap:8px;padding:8px}.slide-controls .btn{min-height:40px}.sketch-properties{border:0;border-top:1px solid var(--border);order:3;max-height:none;padding:18px 14px 90px}}@media (width>=701px) and (width<=1024px){.game-dock{max-width:calc(100vw - 32px);overflow-x:auto}.dimension-switch>span:first-child{display:none}.dimension-switch button{min-width:120px}.topbar .history-actions small,.topbar .intro-button{display:none}.start-main{min-height:640px}.start-preview{width:min(100%,560px)}}:root{--noedis-ink:#0a1029;--noedis-midnight:#17113d;--noedis-purple:#7357d7;--noedis-lilac:#b89cff}.noedis-brand{min-width:max-content;color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.noedis-brand img{object-fit:contain;filter:drop-shadow(0 4px 8px #09051f28);width:38px;height:38px}.noedis-brand>span{letter-spacing:.12em;flex-direction:column;align-items:flex-start;line-height:1;display:flex}.noedis-brand b{font-size:12px}.noedis-brand small{color:var(--noedis-purple);letter-spacing:.3em;margin-top:5px;font-size:7px;font-weight:900}.noedis-brand.compact img{width:32px;height:32px}.noedis-brand.compact b{color:#fff;font-size:10px}.noedis-brand.compact small{color:#bba4ff}.app-shell{--accent:var(--noedis-purple);background:#f5f3fb}.app-shell .topbar{color:#fff;background:linear-gradient(105deg,#080e27 0%,#17113d 57%,#302064 100%);border:0;min-height:68px;box-shadow:0 10px 30px #11102c24}.topbar .project-heading .eyebrow{color:#a99bd1}.topbar .scenario-name{color:#fff;background:#ffffff0c;border-color:#ffffff18}.topbar .scenario-name:focus{background:#ffffff14;border-color:#a88af5}.topbar .btn,.topbar summary.btn,.topbar .theme-picker{color:#e8e2fa;background:#ffffff0d;border-color:#ffffff1f}.topbar .btn:hover,.topbar summary.btn:hover{color:#fff;background:#ffffff19;border-color:#a98af1}.topbar .btn.primary{background:linear-gradient(135deg,#896be5,#6546c0);border-color:#8f70e8;box-shadow:0 7px 20px #08051f55}.topbar select{color:inherit}.topbar select option{color:#272039}.workspace-bar{background:linear-gradient(90deg,#faf8ff,#f1edfb);border-color:#e4def2}.main-area>.wt-panel,.main-area>.inspector{background:linear-gradient(#fff 0%,#faf8ff 100%);border-color:#e1dcef}.wt-panel-header{color:#5e477f}.canvas-wrap{background:radial-gradient(circle at 78% 8%,#cbb9ff26,#0000 34%),linear-gradient(145deg,#f8f6fd,#f0edf8)}.dimension-switch{color:#ede8ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(105deg,#101630f2,#25194df2);border-color:#33265b;box-shadow:0 15px 35px #1e14372b}.dimension-switch>span:first-child,.dimension-switch button small{color:#9e91c3}.dimension-switch button{color:#d7ceef}.dimension-switch button:hover{background:#ffffff10}.dimension-switch button.active{color:#fff;background:linear-gradient(135deg,#8062dc,#5c41ad);border-color:#9e80ef;box-shadow:0 5px 18px #05031655}.dimension-switch button b{color:#d6c8fb;background:#ffffff10}.dimension-switch button.active b{color:#6248b7;background:#fff}.state-library{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-color:#ddd5ef;box-shadow:0 18px 45px #25143d1c}.library-heading{color:#fff;background:linear-gradient(135deg,#17113d,#332065)}.library-heading p{color:#bcb1d8}.library-toggle{color:#fff!important;border-color:#ffffff25!important}.game-dock{color:#fff;background:linear-gradient(105deg,#11172ef5,#241747f5);border-color:#392a61;box-shadow:0 18px 45px #17102d55}.game-dock section{border-color:#ffffff14}.game-dock section>small{color:#a99acb}.game-dock button{color:#ded6f3}.game-dock button b{color:#cdbdf5;background:#ffffff0d}.game-dock button:hover,.game-dock button.active{color:#fff;background:#ffffff12}.game-dock button:hover b,.game-dock button.active b{color:#fff;background:#8b6be9}.game-dock .dock-run button.play b{background:linear-gradient(145deg,#a486ff,#6848c6);box-shadow:0 0 0 4px #ad91ff20,0 5px 20px #9a75ef66}.screen-node{box-shadow:0 10px 28px #28194116}.screen-node.selected{box-shadow:0 0 0 3px #7a5adc,0 18px 42px #3a22622c}.settings-panel,.template-gallery,.version-panel{border-color:#4b3677;box-shadow:0 30px 100px #09051fbb}.settings-panel>header,.template-gallery>header,.version-panel>header{color:#fff;background:linear-gradient(110deg,#0c132e,#2c1d59)}.settings-panel>header p,.template-gallery>header p,.version-panel>header p{color:#bdb2d8}.settings-panel>footer>div{gap:8px;display:flex}.project-hub{background:linear-gradient(#f7f5fc,#efecf7)}.project-hub .start-header{border:0;box-shadow:0 8px 28px #1e143514}.project-hub-hero{background-image:linear-gradient(100deg,#080e27ee 0%,#22154ce8 56%,#3a2265b8),url(/noedis-flow-hero.png);background-position:50%;background-size:cover}.demo-project-card{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff12;border-color:#9f83e155;box-shadow:0 15px 45px #03020f44}.demo-project-card small{color:#c6bade}.project-library{max-width:1320px;margin-inline:auto}.user-project-card{border-color:#dfd8ed;box-shadow:0 10px 30px #25153b0c}.cloud-workspace-note{color:#4f398c;margin:0 0 18px;font-size:10px;font-weight:700}html[data-theme=dark] .app-shell .topbar{background:linear-gradient(105deg,#080e27,#17113d 57%,#302064)}html[data-theme=dark] .topbar .btn:not(.primary),html[data-theme=dark] .topbar summary.btn,html[data-theme=dark] .topbar .theme-picker{color:#e8e2fa!important;background:#ffffff0d!important;border-color:#ffffff1f!important}html[data-theme=dark] .workspace-bar{background:linear-gradient(90deg,#1e1928,#271e36);border-color:#342a49}html[data-theme=dark] .main-area>.wt-panel,html[data-theme=dark] .main-area>.inspector{background:linear-gradient(#211b2b,#191620);border-color:#3e3450}html[data-theme=dark] .canvas-wrap{background:radial-gradient(circle at 78% 8%,#6b46c133,#0000 34%),linear-gradient(145deg,#191620,#21182e)}html[data-theme=dark] .state-library{background:#211b2bf2;border-color:#493963}html[data-theme=dark] .library-heading{background:linear-gradient(135deg,#0b112b,#332065)}html[data-theme=dark] .game-dock{background:linear-gradient(105deg,#0d142cf5,#251749f5);border-color:#49366f}html[data-theme=dark] .toolbar-group,html[data-theme=dark] .layout-tools .btn{color:#e5dded!important;background:#272031!important;border-color:#493b5d!important}.tutorial-layer{z-index:400;pointer-events:none;position:fixed;inset:0}.tutorial-shade{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#070515a8;position:absolute;inset:0}.tutorial-card{z-index:2;color:#2d2740;pointer-events:auto;background:#fff;border:1px solid #9a7be8;border-radius:20px;width:min(440px,100vw - 32px);animation:.25s ease-out tutorial-in;position:absolute;bottom:28px;right:28px;overflow:hidden;box-shadow:0 28px 100px #070317cc}.tutorial-card>header{color:#fff;background:linear-gradient(105deg,#0b122d,#302061);justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.tutorial-card>header span{letter-spacing:.18em;font-size:8px;font-weight:900}.tutorial-card>header button{color:#d8cffa;background:0 0;border:0;font-size:22px}.tutorial-card>small{color:#775bc2;letter-spacing:.14em;margin:20px 24px 0;font-size:8px;font-weight:900;display:block}.tutorial-card h2{letter-spacing:-.04em;margin:8px 24px;font-size:27px}.tutorial-card p{color:#6f687e;margin:0 24px 22px;font-size:12px;line-height:1.7}.tutorial-progress{grid-template-columns:repeat(6,1fr);gap:4px;padding:13px 24px 0;display:grid}.tutorial-progress i{background:#e5dff1;border-radius:5px;height:3px}.tutorial-progress i.active{background:#795bd0}.tutorial-card footer{border-top:1px solid #eeeaf4;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px 20px;display:flex}.tutorial-card footer>div{gap:7px;display:flex}.tutorial-focus{outline-offset:5px;outline:4px solid #b89cff!important;box-shadow:0 0 0 10px #9d79ef2b,0 0 45px #a07cef99!important}@keyframes tutorial-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}@media (width<=700px){.noedis-brand.compact img{width:28px;height:28px}.app-shell .topbar{min-height:58px}.tutorial-card{bottom:16px;right:16px}.tutorial-card h2{font-size:22px}}