/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#293b32;--muted:#8b928c;--line:#e7e9e2;--green:#385d49;--green-dark:#284737;--sage:#eaf0e5;--cream:#f8f9f5;--orange:#bf8c4d;--red:#b76861;--lavender:#eeeaf5;--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:var(--cream);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:13px}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit}button,input,textarea,select,summary{outline-offset:4px}button:focus-visible,summary:focus-visible{outline:2px solid #81a887}input:focus,textarea:focus,select:focus{outline-offset:1px;outline:2px solid #8cab8f}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}input,textarea,select{color:var(--ink);background:#fff;border:1px solid #dce1d7;border-radius:7px;min-width:0;max-width:100%;padding:10px 11px}textarea{resize:vertical;line-height:1.55}input::placeholder,textarea::placeholder{color:#a1a79f}select{appearance:auto}label{flex-direction:column;gap:7px;font-size:12px;font-weight:550;display:flex}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#d3d9ce;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.studio{grid-template-rows:68px minmax(0,1fr);grid-template-columns:218px minmax(0,1fr);height:100dvh;min-height:600px;display:grid;overflow:hidden}.studio.with-inspector{grid-template-columns:218px minmax(0,1fr) 326px}.app-header{border-bottom:1px solid var(--line);z-index:20;background:#fff;grid-area:1/1/auto/-1;align-items:center;gap:13px;padding:0 23px;display:flex}.brand{white-space:nowrap;align-items:center;gap:9px;display:flex}.brand-mark{color:#f1f4dd;background:#385b46;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.brand>span:first-of-type{letter-spacing:-1.3px;font-size:28px;font-weight:720;line-height:1}.brand-dot{color:#97ad73}.brand-divider{background:#e5e7e1;width:1px;height:20px;margin:0 5px 0 8px}.brand>strong{letter-spacing:-.1px;color:#66736a;font-size:13px;font-weight:500}.private-pill{color:#7f887e;background:#f4f5f1;border:1px solid #edefe8;border-radius:5px;align-items:center;gap:5px;margin-left:5px;padding:4px 7px;font-size:10px;display:flex}.header-spacer,.toolbar-space{flex:1}.save-state{color:#8c9389;white-space:nowrap;align-items:center;gap:6px;margin-right:6px;font-size:11px;display:flex}.save-state>span{background:#8eac81;border-radius:50%;width:5px;height:5px}.save-state.saving>span{background:#d3af70}.save-state.error{color:#b6534f}.save-state.error>span{background:#b6534f}.button{white-space:nowrap;background:#fff;border:1px solid #dfe4d9;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:35px;padding:9px 13px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){background:#f3f6ef;border-color:#c8d4c2}.button.primary{color:#fff;background:var(--green);border-color:var(--green)}.button.primary:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.button.small{min-height:30px;padding:7px 11px;font-size:11px}.button.full{width:100%}.button-count{background:#ffffff26;border-radius:4px;padding:1px 6px}.profile-avatar{color:#647855;background:#e9eddd;border-radius:50%;place-items:center;width:29px;height:29px;margin-left:4px;font-size:11px;font-weight:600;display:grid}.icon-button{color:#879184;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;display:inline-flex}.icon-button:hover:not(:disabled),.icon-button.active{background:var(--sage);color:var(--green)}.text-button{color:#647b5e;align-items:center;gap:5px;font-size:11px;font-weight:550;line-height:1.4;display:inline-flex}.text-button:hover{text-decoration:underline}.text-button.danger{color:#ac6e65}.sidebar{border-right:1px solid var(--line);background:#fcfcf9;flex-direction:column;grid-area:2/1;gap:4px;min-height:0;padding:22px 13px 10px;display:flex;overflow-y:auto}.project-label{align-items:center;gap:9px;padding:0 9px 24px;display:flex}.project-icon{color:#819b71;background:#fff;border:1px solid #dfe5d7;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.project-label strong{letter-spacing:-.1px;font-size:12px;font-weight:600;display:block}.project-label div>span{color:#9a9f92;margin-top:4px;font-size:10px;display:block}.sidebar-caption{letter-spacing:1.15px;color:#9aa091;justify-content:space-between;padding:0 11px 9px;font-size:9px;font-weight:650;display:flex}.stages-caption{margin-top:23px;margin-bottom:2px}.side-item{text-align:left;color:#77806f;border-radius:6px;align-items:center;gap:9px;width:100%;min-height:37px;padding:11px 10px;font-size:11px;display:flex}.side-item svg{color:#96a18e}.side-item>span:last-child{color:#8e9884;margin-left:auto;font-size:10px;font-weight:500}.side-item:hover,.stage-item:hover{background:#f0f3eb}.side-item.active{color:#49613b;background:#eaf0e1;font-weight:650}.side-item.active svg{color:#728b53}.side-item.active>span{color:#66804b}.side-item .tiny-dot{background:#90a573;border-radius:50%;width:5px;height:5px}.stage-item{text-align:left;color:#7b8375;border-radius:6px;align-items:center;gap:9px;width:100%;margin-bottom:2px;padding:10px 9px;font-size:11px;line-height:1.45;display:flex}.stage-number{color:#b1b7a9;align-self:flex-start;padding-top:2px;font-size:9px;font-weight:500}.stage-item>span:nth-child(2){flex:1}.stage-count{opacity:0;font-size:9px;transition:opacity .2s}.stage-item:hover .stage-count,.stage-item.active .stage-count{opacity:1}.stage-item.active{color:#42603b;background:#eef2e8}.stage-item.active .stage-number{color:#799568}.sidebar-add{color:#7c8b70;align-items:center;gap:7px;margin:13px 11px 0;font-size:11px;display:flex}.sidebar-add:hover{color:#304d37}.sidebar-bottom{margin-top:auto;padding-top:26px}.issues-count{color:#ad8a58!important}.sidebar-tip{background:#f3f6ec;border:1px solid #e3e8d8;border-radius:8px;margin:17px 3px;padding:13px 12px}.sidebar-tip>div{align-items:center;gap:6px;display:flex}.sidebar-tip strong{font-size:10px;font-weight:600;line-height:1.35}.tip-sparkle{color:#879a61}.sidebar-tip p{color:#929a85;margin:8px 0 11px;font-size:10px;line-height:1.6}.sidebar-tip button{color:#657e4c;align-items:center;gap:22px;font-size:10px;font-weight:600;display:flex}.help-link{color:#9ca393;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:10px;display:flex}.help-link>span{border:1px solid #e0e5da;border-radius:4px;place-items:center;width:17px;height:18px;margin-left:auto;font-size:10px;display:grid}.workspace{background:#fff;flex-direction:column;grid-area:2/2;min-width:0;min-height:0;display:flex;position:relative}.workspace-header{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;padding:25px 30px 19px}.workspace-eyebrow{letter-spacing:1.3px;color:#9da493;align-items:center;gap:9px;margin-bottom:14px;font-size:9px;font-weight:600;display:flex}.workspace-eyebrow svg{color:#c2c8b9}.version-tag{color:#98a28b;border:1px solid #e5eadd;border-radius:4px;max-width:60px;margin-left:1px;padding:1px 5px;font-size:9px;overflow:hidden;letter-spacing:0!important}.workspace-title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.workspace-header h1{letter-spacing:-.95px;color:#344a3b;font-size:27px;font-weight:550;line-height:1.22}.workspace-header p{color:#8f9789;letter-spacing:.05px;margin-top:8px;font-size:11px}.upload-button{color:#758768;min-height:32px;padding:8px 10px;font-size:10px;font-weight:500}.workspace-meta{color:#9ca392;flex-wrap:wrap;align-items:center;gap:18px;margin-top:17px;font-size:9px;display:flex}.workspace-meta>span:first-child{color:#aa925c;align-items:center;gap:5px;display:flex}.status-dot{background:#8caa78;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.status-dot.amber{background:#c7b47b}.canvas-toolbar{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;align-items:center;gap:16px;min-height:56px;padding:11px 26px;display:flex}.view-switch{background:#f3f5ee;border:1px solid #ecefe5;border-radius:7px;align-items:center;gap:2px;padding:3px;display:flex}.view-switch button{color:#909b85;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:28px;padding:7px 11px;font-size:10px;display:flex}.view-switch button.active{color:#526a42;background:#fff;font-weight:600;box-shadow:0 1px 4px #2a3e2210}.view-switch button:hover:not(.active){color:#516243}.search-box{color:#a8af9c;flex-direction:row;align-items:center;gap:7px;max-width:170px;font-size:10px;display:flex}.search-box input{outline-offset:3px;background:0 0;border:0;width:112px;padding:6px 0;font-size:10px;font-weight:400}.search-box input::placeholder{color:#a0a894}.search-box button{place-items:center;display:grid}.scope-toolbar{background:#fafbf7;border-bottom:1px solid #eaf0e4;flex-shrink:0;align-items:center;gap:12px;min-height:45px;padding:10px 28px;display:flex}.scope-heading{color:#7d8a71;align-items:center;gap:7px;font-size:10px;font-weight:550;display:flex}.scope-heading>span:last-child{color:#929e83;background:#ecf0e5;border-radius:4px;margin-left:1px;padding:1px 5px;font-size:9px}.scope-line{background:#a6bc81;border-radius:2px;width:3px;height:12px}.scope-toolbar .icon-button{color:#a6ae9a;width:25px;height:24px}.scope-toolbar .text-button{font-size:10px}.map-wrap{background:#f8f9f5;flex:1;min-height:0;position:relative;overflow:hidden}.map-canvas{cursor:grab;touch-action:pan-x pan-y;background-image:radial-gradient(#d9dfcf .75px,#0000 .75px);background-size:18px 18px;width:100%;height:100%;padding-bottom:55px;position:relative;overflow:auto}.map-canvas:active{cursor:grabbing}.scaled-canvas{min-width:100%;position:relative}.graph-plane{transform-origin:0 0;position:absolute;top:0;left:0}.section-label{color:#6c7c5c;z-index:3;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex;position:absolute}.section-label>span{border-radius:3px;width:8px;height:8px}.section-label small{color:#a2aa96;margin-left:7px;font-size:10px;font-weight:400}.section-label>svg{color:#a3b090;margin-left:9px}.edges-svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.graph-edge{pointer-events:none}.edge-path{fill:none;stroke:#a2b69b;stroke-width:1.7px;opacity:.58;pointer-events:stroke;cursor:pointer;transition:opacity .15s,stroke-width .15s}.graph-edge.error .edge-path{stroke:#d3a19a;stroke-dasharray:5 4}.graph-edge.alternative .edge-path{stroke:#b8b2c4;stroke-dasharray:4 4}.graph-edge.highlighted .edge-path{opacity:1;stroke-width:2.4px}.edge-hitarea{fill:none;stroke:#0000;stroke-width:15px;pointer-events:stroke;cursor:pointer}.edge-label{pointer-events:auto;cursor:pointer;opacity:.7}.edge-label rect{fill:#f8f9f5}.edge-label text{fill:#8b9980;font-size:9px;font-family:var(--font-sans)}.graph-edge.error .edge-label text{fill:#b7837a}.graph-edge.alternative .edge-label text{fill:#a29aae}.graph-edge.highlighted .edge-label,.graph-edge:hover .edge-label{opacity:1}.graph-edge:hover .edge-path{opacity:1;stroke-width:2.5px}.flow-node{cursor:pointer;z-index:5;background:#fff;border:1.25px solid #dbe2d1;border-radius:10px;transition:box-shadow .15s,border-color .15s;position:absolute;box-shadow:0 3px 6px #3e4c2b05}.flow-node:hover{border-color:#a5bc8e;box-shadow:0 5px 14px #42562b12}.flow-node.selected{border:2px solid #85a46c;box-shadow:0 0 0 4px #85a46c12,0 4px 13px #485f2e0d}.flow-node.deleted-node{opacity:.5;border-style:dashed}.node-main{text-align:left;border-radius:8px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.node-top{flex-shrink:0;align-items:center;gap:7px;width:100%;height:40px;padding:0 11px;display:flex}.node-index{color:#a7b29b;font-size:9px;font-weight:500}.node-top>strong{text-overflow:ellipsis;white-space:nowrap;color:#536849;flex:1;font-size:10.5px;font-weight:600;line-height:1.2;overflow:hidden}.node-status{background:#d1c592;border-radius:50%;width:5px;height:5px}.node-status.has-image{background:#81a56f}.node-preview{background:#eff2e8;border:1px solid #e9eee1;border-radius:5px;flex:1;width:calc(100% - 20px);height:201px;margin:0 10px;position:relative;overflow:hidden}.node-phone{transform-origin:top;background:#fff;border:1px solid #e0e6d7;border-radius:18px;width:270px;height:430px;position:absolute;top:8px;left:50%;overflow:hidden;transform:translate(-50%)scale(.425);box-shadow:0 3px 18px #4e614d10}.node-phone .phone-screen{height:430px;min-height:430px}.node-phone .uploaded-screen{object-fit:contain;background:#fff;width:100%;height:430px}.node-bottom{color:#9da88f;justify-content:space-between;align-items:center;width:100%;height:33px;padding:9px 11px;font-size:8.5px;display:flex}.node-bottom>span:first-child{color:#8b997c;font-weight:500}.node-comment-count{color:#7e9662;background:#edf2e4;border-radius:4px;align-items:center;gap:4px;padding:2px 5px;display:flex}.draft-dot{color:#b1b8a7;font-size:8px}.node-port{background:#fff;border:1px solid #acbd99;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.node-port.left{left:-4px}.node-port.right{right:-4px}.canvas-footer{pointer-events:none;z-index:10;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:15px;left:24px;right:23px}.canvas-legend{pointer-events:auto;background:#fffffff2;border:1px solid #e4e9dc;border-radius:6px;align-items:center;gap:13px;padding:10px 12px;display:flex;box-shadow:0 2px 5px #38462305}.canvas-legend>span{color:#9aa58b;align-items:center;gap:5px;font-size:8px;display:flex}.legend-line{background:#96af87;width:15px;height:1px;display:block}.legend-line.alt{background:0 0;border-top:1px dashed #b0a6bb}.legend-line.error{background:0 0;border-top:1px dashed #c99c91}.zoom-controls{pointer-events:auto;background:#fff;border:1px solid #e0e6d8;border-radius:7px;align-items:center;gap:3px;padding:5px;display:flex;box-shadow:0 2px 7px #34432505}.zoom-controls button{color:#8d9b7e;border-radius:4px;place-items:center;width:27px;height:27px;display:grid}.zoom-controls button:hover{background:#f0f4e8}.zoom-controls>span{text-align:center;color:#79896a;width:34px;font-size:10px}.zoom-controls i{background:#e6ebde;width:1px;height:15px;margin:0 4px}.source-footer{color:#a0a68f;background:#fbfcf8;border-top:1px solid #e5e9de;flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 26px;font-size:8px;display:flex}.source-footer>span{align-items:center;gap:6px;display:flex}.source-footer button{color:#99a18a;align-items:center;gap:4px;font-size:8px;display:flex}.mobile-menu{display:none}.inspector{border-left:1px solid var(--line);background:#fff;flex-direction:column;grid-area:2/3;min-width:0;min-height:0;display:flex}.inspector-heading{color:#a3aa98;flex-shrink:0;justify-content:space-between;align-items:center;padding:17px 19px 8px;display:flex}.inspector-heading>span{letter-spacing:1.2px;font-size:8px;font-weight:600}.inspector-heading .icon-button{width:22px;height:22px}.selected-title{padding:4px 21px 14px}.selected-title h2{letter-spacing:-.4px;margin-bottom:8px;font-size:17px;font-weight:570;line-height:1.3}.selected-title>div{justify-content:space-between;align-items:center;display:flex}.outline-tag{color:#a49163;background:#faf8ee;border:1px solid #f0ebd9;border-radius:4px;padding:3px 6px;font-size:8px}.selected-title .icon-button{width:22px;height:22px}.inspector-tabs{border-bottom:1px solid var(--line);flex-shrink:0;gap:19px;height:40px;padding:0 21px;display:flex}.inspector-tabs button{color:#9ba48e;white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:flex;position:relative}.inspector-tabs button.active{color:#647b4e;font-weight:600}.inspector-tabs button.active:after{content:"";background:#8da271;height:2px;position:absolute;bottom:-1px;left:0;right:0}.inspector-tabs button>span{color:#8c9b76;background:#f0f3e9;border-radius:3px;padding:1px 4px;font-size:8px}.inspector-scroll{flex:1;min-height:0;overflow-y:auto}.screen-preview-toolbar{color:#a1ab93;justify-content:space-between;align-items:center;padding:14px 22px 10px;font-size:9px;display:flex}.screen-preview-toolbar .text-button{font-size:8px}.screen-preview-toolbar .icon-button{color:#91a17d;width:23px;height:23px}.inspector-phone{background:#fff;border:1.5px solid #e2e8d9;border-radius:23px;width:250px;min-height:390px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 21px #2e432408}.inspector-phone.pinning{cursor:crosshair;outline-offset:5px;outline:2px dashed #92ad70}.inspector-phone .phone-screen{min-height:423px}.inspector-phone .uploaded-screen{object-fit:contain;width:100%;height:auto;min-height:250px;display:block}.screen-pin{color:#fff;z-index:5;background:#dfab54;border:2px solid #fff;border-radius:50%;width:23px;height:23px;font-size:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 7px #5c4a2733}.screen-pin.resolved{opacity:.65;background:#91a57a}.screen-quick-actions{justify-content:center;gap:8px;margin:14px 18px 8px;display:flex}.screen-quick-actions button{color:#91a17d;white-space:nowrap;border:1px solid #e7ecdf;border-radius:5px;align-items:center;gap:5px;padding:7px 8px;font-size:8px;display:flex}.screen-quick-actions button:hover{background:#f4f6ed}.screen-description{padding:16px 21px 20px}.list-heading{letter-spacing:.05px;color:#7d8a70;align-items:center;gap:6px;margin-bottom:9px;font-size:10px;font-weight:600;display:flex}.list-heading>span{color:#9ca98a;background:#f0f3e9;border-radius:3px;padding:1px 4px;font-size:9px}.screen-description>p{color:#a0a691;margin-bottom:15px;font-size:10px;line-height:1.7}.screen-description details{color:#95a086;margin:8px 0 15px;font-size:9px}.screen-description summary{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.screen-description ul{margin-top:9px;padding-left:16px;font-size:9px;line-height:1.65}.screen-description .button{color:#7a9163;background:#fbfcf8;border-color:#e1e8d7;min-height:33px;font-size:10px;font-weight:500}.event-label{color:#b1b9a3;align-items:center;gap:5px;margin-top:13px;font-size:8px;display:flex;overflow:hidden}.event-label code{text-overflow:ellipsis;overflow:hidden}.inspector-footer{border-top:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:43px;padding:11px 18px;display:flex}.step-id{color:#a7b098;white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:8px;overflow:hidden}.inspector-footer .text-button{white-space:nowrap;font-size:9px}.comments-content,.transitions-content{padding:19px 19px 22px}.comment-composer{background:#fdfefa;border:1px solid #dfe6d6;border-radius:8px;margin-bottom:24px;padding:12px}.comment-composer>label{color:#7e906a;margin-bottom:8px;font-size:10px;font-weight:600}.comment-composer textarea{background:0 0;border:none;outline:none;width:100%;min-height:92px;padding:0;font-size:10px}.comment-composer textarea:focus{outline:none}.composer-actions{border-top:1px solid #eaf0e1;justify-content:space-between;align-items:center;gap:5px;margin-top:7px;padding-top:9px;display:flex}.composer-actions>span{color:#a7b298;font-size:8px}.composer-actions .button{min-height:28px;padding:5px 8px;font-size:9px}.anchor-label{color:#aa8e54;background:#f3eddc;border-radius:4px;align-items:center;gap:4px;margin-bottom:8px;padding:5px 7px;font-size:8px;display:flex}.anchor-label button{place-items:center;margin-left:auto;display:grid}.empty-state{text-align:center;color:#abb6a0;flex-direction:column;align-items:center;gap:10px;padding:40px 22px;display:flex}.empty-state>svg{color:#b7c4a9;stroke-width:1.3px;margin-bottom:3px}.empty-state strong{color:#8a9a7c;font-size:11px;font-weight:550}.empty-state p{color:#a8b097;max-width:250px;font-size:10px;line-height:1.65}.map-canvas>.empty-state{justify-content:center;height:70%}.comment-card{background:#fff;border:1px solid #e5eadf;border-radius:8px;margin:10px 0;padding:12px}.comment-card.resolved{opacity:.6;background:#f8faf4}.comment-top{align-items:center;gap:6px;display:flex}.avatar{color:#879d6d;background:#eff3e4;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;display:grid}.comment-top strong{color:#798e66;font-size:9px;font-weight:550}.comment-top time{color:#b2bba4;margin-left:auto;font-size:8px}.comment-pin{color:#fff;background:#e3b75f;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;display:grid}.comment-card>p{color:#69785c;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 12px;font-size:11px;line-height:1.65}.comment-controls{align-items:center;gap:11px;display:flex}.comment-controls button{color:#9bab8a;align-items:center;gap:3px;font-size:8px;display:flex}.comment-controls button:nth-child(2){margin-left:auto}.transition-row{border:1px solid #e2e9d9;border-left:2px solid #9db788;border-radius:6px;align-items:center;margin:8px 0;padding:9px 7px 9px 10px;display:flex}.transition-row.error{border-left-color:#c68c81}.transition-row.alternative{border-left-color:#b2a3c1}.transition-main{text-align:left;flex:1;min-width:0}.transition-main>span{color:#9da98d;margin-bottom:4px;font-size:9px;display:block}.transition-main>strong{color:#6c8159;align-items:center;gap:5px;font-size:10px;font-weight:500;display:flex}.transition-row .icon-button{width:23px;height:23px}.new-edge{border:1px dashed #d8e2cd;border-radius:7px;margin:22px 0;padding:13px}.new-edge h4{color:#859972;align-items:center;gap:5px;margin-bottom:13px;font-size:10px;font-weight:550;display:flex}.new-edge label{color:#9bab88;margin-bottom:11px;font-size:9px}.new-edge input,.new-edge select{color:#6d815a;border-color:#e1e9d7;width:100%;padding:8px;font-size:10px}.new-edge .button{color:#799465;background:#f6f9ef;font-size:10px}.incoming-row{text-align:left;color:#95a782;border-bottom:1px solid #edf1e7;align-items:center;gap:8px;width:100%;padding:10px 0;font-size:10px;display:flex}.incoming-row>span{flex:1}.incoming-row small{color:#afb9a2;margin-top:4px;font-size:9px;display:block}.muted-note{color:#9ca98b;margin:10px 0;font-size:10px;line-height:1.6}.edge-summary{color:#9bab8a;border:1px solid #e6ecdf;border-radius:7px;flex-direction:column;align-items:center;gap:9px;margin:16px 20px 0;padding:13px;font-size:10px;display:flex}.edge-summary button{color:#80976b;background:#f3f7ed;border-radius:4px;width:100%;padding:9px;font-size:10px}.edge-summary strong{color:#7f956a;font-size:10px;font-weight:500}.phone-screen{color:#324b36;width:100%;height:100%;min-height:420px;font-family:var(--font-sans);background:#fff;flex-direction:column;padding-bottom:8px;display:flex;position:relative;overflow:hidden}.phone-status{color:#53674c;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 18px 7px;font-size:8px;font-weight:650;display:flex}.phone-status>span{align-items:center;gap:3px;font-size:6px;display:flex}.battery{background:linear-gradient(90deg,#7f8e75 80%,#0000 80%);border:1px solid #7f8e75;border-radius:2px;width:12px;height:6px;display:inline-block;position:relative}.phone-nav{color:#6e8760;flex-shrink:0;justify-content:space-between;align-items:center;min-height:30px;padding:6px 17px;font-size:11px;display:flex}.phone-nav>span:not(.phone-wordmark){letter-spacing:-.3px;font-size:12px;font-weight:600}.phone-wordmark{letter-spacing:-.5px;align-items:center;gap:4px;font-size:17px;font-weight:650;display:flex}.phone-content{flex:1;padding:12px 17px;overflow:hidden}.phone-content h3{letter-spacing:-.5px;color:#3d5638;font-size:18px;font-weight:600;line-height:1.25}.phone-subtitle{color:#9aa78f;margin-top:7px;margin-bottom:13px;font-size:8px;line-height:1.65}.phone-hero-symbol{color:#8ca379;justify-content:center;align-items:center;max-width:180px;height:105px;margin:0 auto 15px;display:flex;position:relative}.phone-hero-symbol.welcome{color:#91a66c;background:#f5f7ee;border-radius:50%;width:117px;height:117px;margin-top:3px;margin-bottom:22px}.orbit{border:1px solid #dbe4c9;border-radius:50%;width:145px;height:85px;position:absolute;transform:rotate(-37deg)}.orbit-two{border-color:#e4ead9;width:134px;height:75px;transform:rotate(43deg)}.orbit-dot{color:#8e9d61;background:#eef1df;border:3px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute}.dot-one{color:#c69375;background:#f3e4d9;top:13px;right:-9px}.dot-two{bottom:13px;left:-8px}.phone-hero-symbol.success{color:#9dbb76;background:#edf4e4;border-radius:50%;width:82px;height:82px;margin:20px auto}.phone-hero-symbol.error{color:#cd9c8e;background:#f9eeeb;border-radius:50%;width:82px;height:82px;margin:17px auto}.phone-hero-symbol.permission{color:#a69bc0;background:#f0edf7;border-radius:15px;width:110px;height:90px;margin:15px auto}.kind-welcome .phone-content h3,.kind-welcome .phone-subtitle,.kind-success .phone-content h3,.kind-success .phone-subtitle{text-align:center}.phone-items{flex-direction:column;gap:7px;margin-top:11px;display:flex}.phone-item{color:#81956d;background:#f6f8f1;border:1px solid #edf1e5;border-radius:7px;align-items:center;gap:8px;min-height:35px;padding:9px 10px;display:flex}.phone-item>div{flex:1;min-width:0}.phone-item>div>span{color:#82946f;font-size:8px;line-height:1.3;display:block}.phone-item>div>strong{color:#5d784b;margin-top:3px;font-size:10px;font-weight:550;line-height:1.3;display:block}.phone-item>svg{color:#a3b491}.phone-item.item-selected{background:#f0f5e7;border-color:#b1c593}.phone-item-icon,.meal-icon{color:#91a56d;background:#e8efd9;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.phone-items.form-items .phone-item{background:#fff;border-color:#e3e9da}.phone-actions{flex-shrink:0;padding:9px 17px 12px}.phone-primary{color:#fff;text-align:center;background:#5c7f4e;border-radius:7px;padding:10px 5px;font-size:9px;font-weight:550;line-height:1.35}.phone-secondary{text-align:center;color:#9aac86;margin-top:10px;font-size:8px;line-height:1.35}.phone-home{background:#c2cbb7;border-radius:4px;flex-shrink:0;width:65px;height:3px;margin:7px auto 0}.phone-tabbar{color:#a9b897;border-top:1px solid #edf2e5;flex-shrink:0;justify-content:space-around;padding:10px 14px 2px;display:flex}.calorie-card{background:#f3f7eb;border:1px solid #e7efda;border-radius:9px;align-items:center;gap:14px;padding:12px 9px;display:flex}.calorie-ring{color:#a1b87c;border:5px solid #dbe8c5;border-color:#98b669 #dbe8c5 #dbe8c5 #98b669;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:80px;height:80px;display:flex}.calorie-ring strong{color:#63844b;font-size:19px;font-weight:600}.calorie-ring>span{color:#a2b58a;font-size:6px}.macro-bars{flex:1}.macro-bars>div{margin-bottom:10px}.macro-bars span{color:#8ea475;margin-bottom:4px;font-size:6px;display:block}.macro-bars i{background:#e0e9d0;border-radius:3px;width:100%;height:3px;display:block}.macro-bars b{background:#b9cd96;border-radius:3px;height:3px;display:block}.macro-bars>div:nth-child(2) b{background:#d2bd93}.macro-bars>div:nth-child(3) b{background:#b6a9ce}.phone-mini-heading{color:#8c9d76;justify-content:space-between;margin-top:15px;font-size:9px;display:flex}.phone-chart{background:repeating-linear-gradient(#0000,#0000 23px,#edf1e5 24px);border-bottom:1px solid #e6eddc;height:100px;margin:20px 0;position:relative}.phone-chart svg{width:100%;height:85px;position:absolute;inset:0}.phone-chart>span{color:#afbaa1;font-size:6px;position:absolute;bottom:0}.capture-frame{color:#adb99b;background:#edf0e6;border:1px solid #dfe6d3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:165px;margin:14px 0;display:flex;position:relative}.capture-frame:before{content:"";border:1px dashed #bcc9a7;border-radius:9px;position:absolute;inset:20px}.capture-note{font-size:7px}.capture-button{background:#fff;border:3px solid #cad6b9;border-radius:50%;width:25px;height:25px;position:absolute;bottom:9px}.phone-premium{color:#a193bf;background:#f1edfa;border-radius:10px;flex-direction:column;align-items:center;gap:7px;margin:10px 0;padding:15px;display:flex}.phone-premium strong{font-size:14px}.phone-premium span{font-size:7px}.fake-text-field{color:#b0bba0;border:1px solid #dfe6d4;border-radius:8px;min-height:100px;padding:13px;font-size:10px}.fake-text-field span{color:#7b9961}.uploaded-screen{object-fit:contain;max-width:100%}.screens-grid{background:#f7f9f2;flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:20px;min-height:0;padding:26px;display:grid;overflow-y:auto}.gallery-card{text-align:left;background:#fff;border:1px solid #dce6d0;border-radius:10px;max-width:310px;overflow:hidden}.gallery-card.selected{border-color:#8cae69;box-shadow:0 0 0 2px #dbe9c9}.gallery-preview{background:#edf3e4;justify-content:center;height:370px;padding:14px 25px;display:flex;overflow:hidden}.gallery-preview>.phone-screen{transform-origin:top;border:1px solid #dce6d0;border-radius:16px;flex-shrink:0;width:240px;height:400px;min-height:400px;transform:scale(.82)}.gallery-preview>.uploaded-screen{object-fit:contain;height:100%}.gallery-info{border-top:1px solid #edf2e4;padding:12px}.gallery-info>strong{color:#66814e;font-size:11px;font-weight:550;display:block}.gallery-info>span{color:#a5b392;margin-top:5px;font-size:8px;line-height:1.5;display:block}.walk-view{background:#f8faf3;flex:1;justify-content:center;align-items:flex-start;gap:30px;min-height:0;padding:36px 28px;display:flex;overflow:auto}.walk-context{width:200px;padding-top:25px}.eyebrow{letter-spacing:1.2px;color:#a9b794;font-size:8px;font-weight:600}.walk-context h2{letter-spacing:-.5px;color:#567745;margin-top:13px;font-size:21px;font-weight:550;line-height:1.25}.walk-context>p{color:#9eae8c;margin-top:15px;font-size:11px;line-height:1.7}.walk-context .info-box{margin-top:20px;font-size:10px}.walk-meta{color:#a4b28f;align-items:center;gap:7px;margin:23px 0;font-size:9px;display:flex}.walk-meta>span{color:#88a268;background:#f2f6e9;border:1px solid #dce6cc;border-radius:6px;place-items:center;min-width:25px;height:25px;padding:0 4px;font-size:11px;display:grid}.walk-phone-wrap{flex-shrink:0;width:270px}.walk-phone{background:#fff;border:3px solid #d5dfc9;border-radius:30px;width:270px;overflow:hidden;box-shadow:0 17px 25px #4b66220a}.walk-phone>.phone-screen{min-height:490px}.walk-phone>.uploaded-screen{width:100%;height:auto;display:block}.walk-draft-label{text-align:center;color:#afb99d;margin-top:11px;font-size:8px;display:block}.walk-actions{width:195px;padding-top:25px}.walk-actions .list-heading{margin-bottom:15px}.walk-action{text-align:left;color:#769955;background:#fff;border:1px solid #d9e5c9;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:9px;padding:12px;font-size:10px;line-height:1.4;display:flex}.walk-action:hover{background:#f2f7e9;border-color:#a4c381}.walk-action.error{color:#bd8b77;border-color:#edd9c9}.walk-action.alternative{color:#a299b5;border-color:#e3dcec}.walk-actions>.text-button{margin-top:14px;font-size:9px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#25332555;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e7ecdf;border-radius:15px;outline:none;flex-direction:column;width:620px;max-width:100%;max-height:calc(100dvh - 56px);display:flex;overflow:hidden;box-shadow:0 25px 90px #132a2b25}.modal.modal-wide{width:850px}.modal-header{border-bottom:1px solid #e8ede1;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 27px 20px;display:flex}.modal-header h2{letter-spacing:-.5px;color:#465f3c;font-size:21px;font-weight:550}.modal-header p{color:#9da890;margin-top:7px;font-size:11px;line-height:1.5}.modal-body{min-height:0;padding:24px 27px 27px;overflow:auto}.modal-intro{color:#8c9b7c;margin-bottom:22px;font-size:12px;line-height:1.65}.modal-actions{border-top:1px solid #e8eedd;justify-content:space-between;align-items:center;gap:12px;margin-top:23px;padding-top:19px;display:flex}.modal-actions .button{min-height:38px;font-size:11px}.info-box{color:#8da476;background:#f6f9f0;border:1px solid #e4ecda;border-radius:7px;align-items:flex-start;gap:10px;margin:15px 0;padding:13px;font-size:10px;line-height:1.65;display:flex}.info-box>svg{color:#a8bb90;margin-top:1px}.info-box p{flex:1}.info-box strong{color:#7c9367;font-weight:600}.info-box.amber-box{color:#a2956d;background:#fbf9f0;border-color:#ede5cf}.info-box.amber-box svg{color:#b6a171}.info-box.amber-box strong{color:#968356}.upload-zone{color:#8aa470;background:#f8fbf3;border:1px dashed #c9d9b7;border-radius:10px;flex-direction:column;align-items:center;width:100%;padding:27px;display:flex}.upload-zone>span{color:#a1b987;background:#edf3e4;border-radius:13px;place-items:center;width:57px;height:57px;margin-bottom:13px;display:grid}.upload-zone strong{font-size:13px;font-weight:550}.upload-zone p{color:#a5b58f;margin-top:8px;font-size:9px}.upload-zone:hover{background:#f2f8e9;border-color:#95b577}.upload-list{flex-direction:column;gap:9px;margin:18px 0;display:flex}.upload-row{border:1px solid #e5ecdc;border-radius:7px;align-items:center;gap:11px;padding:9px;display:flex}.upload-row>img{object-fit:contain;border:1px solid #ecf1e5;border-radius:3px;width:36px;height:53px}.upload-row>div{flex:1;min-width:0}.upload-row strong{white-space:nowrap;text-overflow:ellipsis;color:#8b9f79;margin-bottom:7px;font-size:10px;font-weight:500;display:block;overflow:hidden}.upload-row select{color:#879e73;border-color:#e1e9d7;width:100%;padding:7px;font-size:10px}.export-option{text-align:left;border:1px solid #dfe9d3;border-radius:10px;align-items:center;gap:15px;width:100%;margin:13px 0;padding:20px;display:flex}.export-option:hover{background:#fafcf6;border-color:#b7d299}.export-option>div{flex:1}.export-icon{color:#90ad6c;background:#edf4e3;border-radius:10px;flex-shrink:0;place-items:center;width:49px;height:49px;display:grid}.export-icon.lavender{color:#afa0c4;background:#f1edf6}.export-option h3{color:#6e8d53;font-size:14px;font-weight:550}.export-option p{color:#a2b18f;margin-top:6px;font-size:10px;line-height:1.6}.export-option div>span{color:#9eb889;margin-top:8px;font-size:9px;display:block}.export-option>svg{color:#abbf94}.help-step{gap:17px;padding:16px 0;display:flex}.help-step>span{color:#adc298;background:#f3f7eb;border:1px solid #e7efd9;border-radius:8px;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:11px;font-weight:550;display:grid}.help-step h3{color:#78945f;margin-bottom:7px;font-size:13px;font-weight:550}.help-step p{color:#a1b08d;font-size:11px;line-height:1.7}.help-bottom{color:#afbb9e;border-top:1px solid #e8efdf;gap:10px;margin-top:10px;padding-top:18px;font-size:10px;line-height:1.7;display:flex}.help-bottom>svg{color:#a4b88b}.checks-summary{color:#90ae6e;align-items:center;gap:15px;margin-bottom:23px;display:flex}.checks-summary h3{color:#6e8a56;margin-bottom:7px;font-size:16px;font-weight:500}.checks-summary p{color:#a5b88e;font-size:10px}.issues-list{margin:10px 0;padding:0;list-style:none}.issues-list li{color:#ad9974;overflow-wrap:anywhere;border-bottom:1px solid #f0ebdf;gap:9px;padding:12px 0;font-size:11px;line-height:1.65;display:flex}.issues-list svg{color:#c2ad81;margin-top:2px}.node-form{flex-direction:column;gap:15px;display:flex}.node-form label{color:#8aa074;font-size:11px}.node-form input,.node-form select,.node-form textarea{color:#627f4c;border-color:#dfe9d3;font-size:12px}.form-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-divider{letter-spacing:1px;color:#adbb9d;border-top:1px solid #e5edd9;margin-top:3px;padding-top:18px;font-size:9px}.checkbox-label{color:#91a77a;flex-direction:row;align-items:center;gap:9px;font-size:11px;font-weight:400;line-height:1.5}.checkbox-label input{accent-color:#77965c;width:14px;height:14px;margin:0}.node-form .modal-actions{margin-top:3px}.ai-package{background:#f8fbf3;border:1px solid #e4ecdb;border-radius:9px;grid-template-columns:repeat(4,1fr);margin-bottom:23px;padding:14px 6px;display:grid}.ai-package>div{border-right:1px solid #e4edd8;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:7px 6px;display:grid}.ai-package>div:last-child{border:none}.ai-package svg{color:#adbf95}.ai-package strong{color:#7f9c65;font-size:18px;font-weight:550}.ai-package div>span{color:#a6b690;letter-spacing:.15px;grid-column:1/-1;font-size:8px}.api-key-field{position:relative}.api-key-field label{color:#839a6a;font-size:11px}.key-input{color:#a5b98d;border:1px solid #dbe6cf;border-radius:6px;align-items:center;gap:8px;padding:0 11px;display:flex}.key-input input{background:0 0;border:none;flex:1;min-width:0;padding:11px 0;font-size:12px}.key-input input:focus{outline:none}.key-input:focus-within{outline:2px solid #a3bd86}.api-key-field>.text-button{font-size:10px;position:absolute;top:0;right:0}.api-key-field>p{color:#aab99a;margin-top:7px;font-size:9px;line-height:1.5}.ai-form{flex-direction:column;gap:16px;margin-top:20px;display:flex}.ai-form label{color:#8aa276;font-size:11px}.ai-form input,.ai-form textarea{color:#748f5e;border-color:#dfebd2;font-size:11px}.ai-form>label:first-child input{color:#8ca173;font-family:monospace;font-size:11px}.ai-form .checkbox-label{font-size:10px}.error-message{color:#b98973;overflow-wrap:anywhere;background:#fcf1ed;border:1px solid #ecd7cb;border-radius:6px;align-items:flex-start;gap:8px;margin:14px 0;padding:12px;font-size:11px;line-height:1.65;display:flex}.ai-note{color:#b0bd9e;font-size:10px}.ai-progress{color:#93b070;align-items:center;gap:8px;font-size:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.revision-summary{background:#f2f8e9;border:1px solid #dfead1;border-radius:8px;margin-bottom:19px;padding:16px}.revision-summary>span{color:#86a466;align-items:center;gap:7px;margin-bottom:10px;font-size:11px;font-weight:550;display:flex}.revision-summary>p{color:#8aa374;white-space:pre-wrap;font-size:12px;line-height:1.7}.revision-change{border:1px solid #e2ead7;border-radius:8px;margin:12px 0;padding:15px}.revision-change>div:first-child{align-items:center;gap:8px;display:flex}.change-badge{color:#81a565;white-space:nowrap;background:#f0f6e6;border-radius:4px;padding:4px 6px;font-size:9px}.change-badge.red{color:#bf9278;background:#faede6}.revision-change strong{color:#78925e;font-size:12px;font-weight:550}.revision-change>p{color:#a0b28b;margin-top:9px;font-size:11px;line-height:1.65}.change-comparison{background:#fafcf6;border:1px solid #edf3e4;border-radius:6px;grid-template-columns:1fr auto 1fr;align-items:center;gap:11px;margin-top:12px;padding:13px;display:grid}.change-comparison>div>span{color:#b5c2a4;letter-spacing:.9px;margin-bottom:8px;font-size:8px;display:block}.change-comparison strong{color:#90a875;font-size:11px}.change-comparison p{color:#b1bea2;margin-top:7px;font-size:10px;line-height:1.5}.change-comparison small{color:#9ab080;margin-top:7px;font-size:9px;display:block}.change-comparison>svg{color:#b6c8a1}.revision-warning{color:#b29b75;align-items:flex-start;gap:7px;margin:10px 0;font-size:10px;line-height:1.7;display:flex}.revision-warning svg{color:#c5ad80;margin-top:2px}.revision-log{color:#a8b891;margin-top:18px;font-size:10px}.revision-log summary{cursor:pointer}.revision-log p{border-top:1px solid #edf1e5;margin:10px 0;padding-top:10px;line-height:1.65}.toast{z-index:120;color:#809c65;background:#fff;border:1px solid #dbe7cf;border-radius:9px;align-items:center;gap:10px;max-width:calc(100vw - 36px);padding:14px 16px;font-size:11px;line-height:1.5;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 7px 28px #26382817}.toast>svg{color:#a5bc8a}.toast>button{color:#a7b795;place-items:center;margin-left:7px;display:grid}@media (width>=1700px){.studio{grid-template-columns:232px minmax(0,1fr)}.studio.with-inspector{grid-template-columns:232px minmax(0,1fr) 350px}.workspace-header{padding:30px 35px 23px}.workspace-header h1{font-size:31px}.inspector-phone{width:270px}.inspector-phone .phone-screen{min-height:450px}.node-preview{height:202px}}@media (width<=1270px){.studio{grid-template-columns:190px minmax(0,1fr)}.studio.with-inspector{grid-template-columns:190px minmax(0,1fr) 294px}.sidebar{padding-left:9px;padding-right:9px}.stage-item{gap:7px;font-size:10px}.project-label{gap:7px;padding-left:5px}.project-label strong{font-size:11px}.sidebar-tip{padding:11px 10px}.sidebar-tip strong,.sidebar-tip p{font-size:9px}.workspace-header{padding-left:24px;padding-right:24px}.workspace-header h1{font-size:24px}.workspace-header p{font-size:10px}.canvas-toolbar{gap:8px;padding:10px 18px}.view-switch button{gap:5px;padding:6px 8px;font-size:9px}.search-box{gap:5px;max-width:120px}.search-box input{width:84px;font-size:9px}.scope-toolbar{padding-left:22px;padding-right:18px}.app-header{gap:10px;padding:0 18px}.brand>strong{font-size:11px}.private-pill{display:none}.save-state{font-size:10px}.inspector-phone{width:230px}.inspector-phone .phone-screen{min-height:412px}.inspector-tabs{gap:15px;padding:0 18px}.inspector-tabs button{font-size:9px}.screen-preview-toolbar{padding:12px 20px 9px}.canvas-legend{gap:9px;padding:9px}.canvas-legend>span{font-size:7px}.walk-view{flex-wrap:wrap;gap:18px;padding:24px 18px}.walk-context{width:100%;padding-top:0}.walk-context .info-box,.walk-context .walk-meta{display:none}.walk-context>.button{margin-top:12px}.walk-context h2{font-size:18px}.walk-context>p{max-width:600px;font-size:10px}.walk-actions{width:160px}.walk-phone-wrap,.walk-phone{width:230px}}@media (width<=1000px){.studio,.studio.with-inspector{grid-template-columns:177px minmax(0,1fr)}.inspector{z-index:30;width:310px;position:fixed;top:68px;bottom:0;right:0;box-shadow:-12px 0 30px #28381c14}.workspace-header{padding-top:20px;padding-bottom:17px}.app-header{gap:10px}.save-state{display:none}.header-spacer{min-width:10px}.brand>span:first-of-type{font-size:25px}.brand-mark{width:29px;height:29px}.brand{gap:7px}.brand-divider{margin:0 4px}.profile-avatar{display:none}.canvas-toolbar{gap:10px}.workspace-header h1{font-size:25px}.view-switch button{font-size:10px}.search-box{max-width:160px}.search-box input{width:110px}.sidebar-tip{display:none}.sidebar-bottom{padding-top:15px}.screens-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.walk-context{width:200px}.walk-view{justify-content:flex-start}.studio.with-inspector .workspace:after{content:"";pointer-events:none;background:#fff0;position:absolute;inset:0}}@media (width<=700px){.studio,.studio.with-inspector{flex-direction:column;min-height:500px;display:flex}.app-header{gap:8px;height:60px;min-height:60px;padding:0 13px}.brand>span:first-of-type{font-size:23px}.brand>strong,.brand-divider{display:none}.brand-mark{border-radius:8px;width:27px;height:27px}.brand-mark svg{width:18px}.header-export{gap:5px;min-height:31px;padding:7px 9px;font-size:10px}.send-button{gap:6px;min-height:32px;padding:8px 10px;font-size:10px}.send-button>svg:last-child{display:none}.sidebar{z-index:50;width:218px;transition:left .2s;position:fixed;top:60px;bottom:0;left:-220px;box-shadow:15px 0 25px #34442513}.menu-open .sidebar{left:0}.menu-open:after{content:"";z-index:45;pointer-events:none;background:#3a473a33;position:fixed;inset:60px 0 0 218px}.workspace{flex:1;width:100%}.workspace-header{padding:17px 18px 15px}.workspace-eyebrow{gap:6px;margin-bottom:10px;font-size:8px}.mobile-menu{width:22px;height:22px;margin-right:2px;display:inline-flex}.workspace-title-row{gap:10px}.workspace-header h1{font-size:23px}.workspace-header p{max-width:240px;margin-top:7px;font-size:10px;line-height:1.5}.upload-button{min-height:30px;padding:8px;font-size:0}.upload-button svg{width:17px}.workspace-meta{gap:12px;margin-top:13px;font-size:8px}.workspace-meta>span:last-child{display:none}.canvas-toolbar{gap:6px;min-height:50px;padding:9px 14px}.view-switch{padding:2px}.view-switch button{gap:4px;padding:6px 7px;font-size:9px}.view-switch button svg{width:13px}.search-box{max-width:100px}.search-box input{width:65px;font-size:9px}.search-box>svg{width:13px}.scope-toolbar{gap:7px;min-height:38px;padding:7px 16px}.scope-heading{gap:5px;font-size:9px}.scope-toolbar .text-button{gap:4px;font-size:8px}.canvas-footer{gap:7px;bottom:12px;left:12px;right:12px}.canvas-legend{gap:7px;padding:8px}.legend-line{width:11px}.canvas-legend>span{gap:3px;font-size:6px}.zoom-controls{gap:1px;padding:3px}.zoom-controls button{width:22px;height:24px}.zoom-controls>span{width:29px;font-size:9px}.zoom-controls i{margin:0 2px}.source-footer{height:29px;padding:0 15px;font-size:7px}.source-footer button{font-size:7px}.source-footer .status-dot{width:4px;height:4px}.inspector{z-index:60;width:min(326px,100vw - 35px);top:60px;box-shadow:-30px 0 70px #2f44272a}.modal-backdrop{padding:13px}.modal{border-radius:12px;max-height:calc(100dvh - 26px)}.modal-header{padding:20px 19px 17px}.modal-header h2{font-size:19px}.modal-header p{font-size:10px}.modal-body{padding:19px}.modal-actions{gap:8px}.modal-actions .button{padding:9px 10px;font-size:10px}.form-pair{grid-template-columns:1fr;gap:13px}.ai-package{padding:12px 2px}.ai-package svg{width:15px}.ai-package strong{font-size:16px}.ai-package>div{column-gap:4px}.ai-package div>span{font-size:7px}.export-option{gap:10px;padding:15px 11px}.export-icon{width:39px;height:39px}.export-icon svg{width:20px}.export-option h3{font-size:12px}.export-option p{font-size:9px}.export-option div>span{font-size:8px}.help-step{gap:12px}.help-step h3{font-size:12px}.help-step p{font-size:10px}.screens-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:18px}.gallery-preview{height:300px;padding:10px 5px}.gallery-preview>.phone-screen{transform:scale(.67)}.gallery-info>strong{font-size:10px}.gallery-info>span{font-size:7px}.walk-view{justify-content:center;gap:20px;padding:20px}.walk-context{width:100%;padding:0}.walk-context .eyebrow{font-size:7px}.walk-context h2,.walk-context>p{margin-top:7px}.walk-context>.button{display:none}.walk-phone-wrap,.walk-phone{width:220px}.walk-phone>.phone-screen{min-height:430px}.walk-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;padding-top:0;display:grid}.walk-actions>.list-heading{grid-column:1/-1;margin:0}.walk-action{gap:5px;margin:0;padding:10px;font-size:9px}.walk-actions>.text-button{margin-top:5px;font-size:8px}.change-comparison{gap:7px;padding:10px}.toast{width:max-content;max-width:calc(100vw - 26px);padding:11px 12px;font-size:10px;bottom:15px}.toast>svg{width:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.side-item,.stage-item{color:#69765e;font-size:12px}.side-item>span:last-child,.stage-number{color:#8d987f}.sidebar-caption{color:#8b967d;font-size:10px}.stage-number{font-size:10px}.project-label strong{font-size:12px}.project-label div>span{color:#8e9982;font-size:11px}.sidebar-add{color:#778a64;font-size:12px}.sidebar-tip strong{font-size:11px}.sidebar-tip p{color:#81906f}.sidebar-tip button{font-size:11px}.help-link{color:#8d9a7c;font-size:11px}.workspace-header p{color:#7d8a71;font-size:12px}.workspace-meta{color:#8a977b;font-size:10px}.workspace-eyebrow{color:#8f9c80;font-size:10px}.upload-button{font-size:11px}.view-switch button{color:#7f8e71;font-size:11px}.search-box input{font-size:11px}.scope-heading{color:#708460;font-size:11px}.source-footer{color:#92a07f;font-size:9px}.source-footer button{font-size:9px}.node-top>strong{color:#526846;font-size:13px}.node-index,.node-bottom{font-size:10px}.draft-dot{font-size:9px}.edge-label text{font-size:10px}.canvas-legend>span{color:#82936f;font-size:9px}.inspector-heading>span{color:#8f9e7c;font-size:9px}.selected-title h2{font-size:19px}.outline-tag{font-size:9px}.inspector-tabs button{color:#859575;font-size:11px}.screen-preview-toolbar{color:#8c9e7b;font-size:10px}.screen-description>p{color:#7e9070;font-size:11px}.list-heading{color:#758b65;font-size:11px}.screen-description details,.screen-description ul{color:#92a47e;font-size:10px}.screen-quick-actions button{color:#83996e;font-size:10px}.screen-description .button{font-size:11px}.inspector-footer .text-button{font-size:10px}.comment-composer textarea{font-size:12px}.comment-composer>label{font-size:11px}.composer-actions>span{font-size:9px}.comment-card>p{font-size:12px}.comment-top strong,.comment-controls button{font-size:10px}.comment-top time{font-size:9px}.transition-main>span{color:#8a9f75;font-size:10px}.transition-main>strong{font-size:11px}.transition-row .icon-button{color:#9aaf84}.new-edge label{font-size:10px}.new-edge input,.new-edge select,.new-edge h4,.incoming-row{font-size:11px}.empty-state strong{font-size:12px}.empty-state p{color:#8d9f7c;font-size:11px}.modal-header p{color:#839973}.modal-intro{color:#7e946d}.info-box{color:#7e956b;font-size:11px}.help-step p{color:#879d74}.help-bottom{color:#93a880}.ai-form label,.api-key-field label{color:#779365}.api-key-field>p{color:#8fa77a;font-size:10px}.ai-form input,.ai-form textarea{color:#6c8857;font-size:12px}.ai-package div>span{font-size:9px}.export-option p{color:#91a77b;font-size:11px}.upload-zone p{font-size:10px}.walk-context>p{color:#899e77}.walk-action{font-size:11px}.walk-draft-label{font-size:9px}.change-comparison p{color:#8ca376}.revision-change>p{color:#829c6d}@media (width<=1270px){.stage-item{font-size:11px}.sidebar-caption{font-size:9px}.workspace-header p{font-size:11px}.view-switch button{font-size:10px}.canvas-legend>span{font-size:8px}.inspector-tabs{gap:13px}.inspector-tabs button{font-size:10px}.screen-quick-actions button{font-size:9px}}@media (width<=700px){.side-item,.stage-item{font-size:12px}.workspace-header p{font-size:11px}.workspace-eyebrow{font-size:9px}.workspace-meta{gap:10px;font-size:9px}.view-switch button{font-size:10px}.upload-button{font-size:0}.canvas-legend>span{font-size:7px}.scope-heading{font-size:10px}.source-footer,.source-footer button{font-size:8px}.canvas-toolbar{padding-left:12px;padding-right:12px}.search-box input{width:58px;font-size:10px}.inspector-tabs button{font-size:11px}.screen-quick-actions button{font-size:10px}}.preview-mode-button{color:#82986c;white-space:nowrap;background:#fff;border:1px solid #dce5d0;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;display:flex}.preview-mode-button:hover{background:#f4f8ed}@media (width<=700px){.preview-mode-button{gap:4px;padding:4px 5px;font-size:8px}}.codex-connection{border:1px solid var(--line);background:var(--sage);border-radius:10px;gap:12px;margin-bottom:18px;padding:18px;display:grid}.codex-connection p{color:#526846;line-height:1.6}.codex-connection .button{justify-self:start}.codex-connection details{font-size:12px;line-height:1.6}.codex-connection summary{cursor:pointer}.codex-connection details p{margin-top:8px}.workspace-login{background:#fff;border:1px solid #dce3d8;border-radius:24px;max-width:520px;margin:12vh auto;padding:32px;box-shadow:0 12px 60px #1e35200c}.workspace-login h1{margin:28px 0 14px;font-size:28px}.workspace-login p{color:#657061;line-height:1.6}.workspace-login label,.build-browser>label{gap:10px;margin:24px 0 16px;display:grid}.workspace-login input{letter-spacing:5px;border:1px solid #cbd5c6;border-radius:10px;padding:14px;font-size:22px}.workspace-error{z-index:2;background:#fff0df;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;font-size:12px;display:flex}.device-code{background:#f4f7f1;border-radius:16px;gap:12px;margin:24px 0;padding:24px;display:grid}.device-code strong{letter-spacing:7px;font-size:38px}.device-code span{color:#657061;font-size:12px}.build-details{overflow-wrap:anywhere;background:#f3f7ef;border-radius:14px;padding:18px;font-size:12px}.build-browser select{border:1px solid #d8dfd3;border-radius:8px;width:100%;padding:10px}.build-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:18px;margin-top:20px;display:grid}.build-screen{border:1px solid #e2e7dd;border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.build-screen img{object-fit:contain;background:#f5f5f3;border-radius:8px;width:100%;height:260px}.build-screen code{overflow-wrap:anywhere;color:#778371;font-size:10px}.build-screen strong{font-size:13px}.build-unavailable{color:#737a6b;background:#f5f5f3;border-radius:8px;flex-direction:column;justify-content:center;height:260px;padding:15px;display:flex}.build-unavailable p{font-size:12px}.workspace-meta{flex-wrap:wrap}.workspace-meta>.text-button{overflow-wrap:anywhere;max-width:100%}.workspace-login-overlay{z-index:200;background:#f3f5efef;position:fixed;inset:0;overflow:auto}@media (width<=600px){.workspace-login{margin:5vh 14px;padding:22px}.build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.build-screen img,.build-unavailable{height:190px}.device-code strong{font-size:28px}}.build-image{background:#f5f5f3;border-radius:8px;height:260px;display:block;position:relative}.build-image-loading{color:#737a6b;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.build-image img{display:block}@media (width<=600px){.build-image{height:190px}}.new-build-notice{color:#506048;background:#edf5e7;border-bottom:1px solid #d8e4ce;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 22px;font-size:12px;display:flex}.new-build-notice>span{font-size:11px}.release-notes{color:#34432d;background:#fcfdf9;border:1px solid #dce4d4;border-radius:14px;margin:18px 0;padding:20px;font-size:13px;line-height:1.6}.release-notes-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.release-notes-heading h3{margin:0;font-size:18px}.release-notes-heading span{background:#eaf1e2;border-radius:20px;padding:3px 9px;font-size:11px}.release-notes-summary{font-weight:600}.release-notes h4{margin:16px 0 5px}.release-notes summary{cursor:pointer;padding:7px 0}.release-notes small{color:#6b7863;margin-left:16px;font-size:11px;display:block}.release-notes ul{margin:5px 0 12px;padding-left:22px}.release-notes li{overflow-wrap:anywhere;margin:5px 0}.release-notes code{overflow-wrap:anywhere;font-size:11px}.release-notes-basis,.release-notes-method{color:#6b7863;font-size:11px}.release-notes-capture{border-top:1px solid #e4e9df;margin-top:12px;padding-top:6px}.release-notes-method p{margin:6px 0}.release-notes-workspace{background:#f2f6ee;border-radius:10px;margin:16px 0;padding:2px 16px 10px}.release-notes-workspace>h4{font-size:14px}.release-notes-scope{color:#6b7863;margin:3px 0 12px;font-size:11px}.release-notes-issues,.release-notes-pending{color:#795d25}.release-notes-group{margin-top:12px}.release-notes-group li{margin:10px 0}.release-notes-pending{font-size:12px}.screen-not-mapped{text-align:center;color:#697463;background:#f4f5f1;border:1px dashed #cbd3c4;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;min-height:310px;padding:28px;display:flex}.screen-not-mapped strong{font-size:17px;line-height:1.4}.screen-not-mapped p{font-size:13px;line-height:1.6}.screen-not-mapped span{color:#87917f;font-size:11px;line-height:1.5}.screen-not-mapped.small{gap:12px;min-height:0;padding:18px}.screen-not-mapped.small strong{font-size:18px}.prototype-label{z-index:2;color:#805d25;text-align:center;background:#fff0d8;border:1px solid #e8cb95;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:650;position:absolute;top:3px;left:3px;right:3px}.prototype-notice{color:#775523;background:#fff1da;border-bottom:1px solid #e6d0aa;padding:12px 22px;font-size:12px}.build-catalog{flex:1;min-height:0;overflow:auto}.build-catalog>.build-browser{max-height:none;overflow:visible}.build-catalog .build-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.build-notes-details{margin:14px 0}.build-notes-details>summary{cursor:pointer;color:#526c48;font-size:12px;font-weight:600}.build-catalog>.build-browser>label{margin-top:0}.build-catalog .build-details{padding:12px}.build-catalog .build-browser>p{color:#6b7863;font-size:11px;line-height:1.5}.build-catalog>.build-browser>label{z-index:3;background:#fff;margin-bottom:12px;padding:12px 0;position:sticky;top:0}.comments-overview{gap:16px;max-width:960px;margin:auto;padding:24px;display:grid}.comments-overview article{background:#fff;border:1px solid #dfe6dd;border-radius:14px;padding:20px}.comments-overview p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0;font-size:14px;line-height:1.6}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
