@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#262c29;background:#f8f7f3;font-synthesis:none;--paper: #f8f7f3;--line: #e5e5de;--muted: #92978f;--ink: #26352f;--accent: #d96343;--accent-dark: #bd4a30;--green: #abc6b2;--canvas: #1d302d;--node: #293e38;--radius: 10px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:background .18s,transform .18s,border-color .18s;color:inherit}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:0;border-color:#91a794;box-shadow:0 0 0 3px #a4b6a51b}button svg{flex-shrink:0}button{border:0;background:transparent}a{color:inherit;text-decoration:none}button:active:not(:disabled){transform:translateY(1px)}.app-shell{display:flex;height:100dvh;min-height:600px;overflow:hidden}.sidebar{width:230px;flex-shrink:0;border-right:1px solid var(--line);padding:30px 18px 18px;display:flex;flex-direction:column;background:#f3f2ec}.brand{display:flex;align-items:center;gap:10px;padding:0 7px 30px;font-family:Manrope,sans-serif;font-weight:800;font-size:21px;letter-spacing:-1px;white-space:nowrap}.brand-light{font-weight:500}.brand-mark{width:35px;height:38px;display:grid;place-items:center;background:var(--accent);color:#fff9e7;border-radius:9px;box-shadow:0 4px 8px #d9634320}.brand small{display:block;font-size:7.8px;letter-spacing:1.8px;font-weight:600;color:#888f84;margin-top:4px}.workspace-label{display:flex;align-items:center;gap:9px;border:1px solid #e0e1d7;border-radius:8px;padding:10px;margin-bottom:22px;font-size:11px;font-weight:600}.avatar{width:29px;height:29px;background:#e1e6da;border-radius:6px;display:grid;place-items:center;font-size:14px;font-family:Manrope}.workspace-label small{display:block;font-size:9px;color:#999e93;font-weight:400;margin-top:3px}.local-dot{width:5px;height:5px;display:inline-block;background:#829d78;border-radius:50%;flex-shrink:0}.workspace-label>.local-dot{margin-left:auto}.primary{display:flex;gap:8px;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:7px;padding:10px 14px;font-size:12px;font-weight:500;box-shadow:0 2px 2px #673b1410}.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.new-skill{width:100%;justify-content:flex-start;padding:11px;margin-bottom:13px}.new-skill span{font-family:monospace;font-size:10px;opacity:.65;margin-left:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 11px;font-size:12px;width:100%;text-align:left;border-radius:7px}.nav-item:hover{background:#e9e9df}.nav-item>span:last-child{margin-left:auto}.count{font-size:10px;background:#e6e8de;padding:2px 6px;border-radius:4px;color:#8b9284}.sidebar-divider{border-top:1px solid var(--line);margin:19px 0 23px}.library-heading{display:flex;justify-content:space-between;padding:0 11px;color:#7d8578;font-size:10px;letter-spacing:1.2px;margin-bottom:13px}.library-heading>span:last-child{font-family:monospace}.search{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e3e4dc;border-radius:6px;color:#a0a397;margin:0 3px 11px}.search input{width:100%;border:0;background:transparent;font-size:10px;padding:0;color:#4f5e50;outline:0;box-shadow:none}.search input::placeholder{color:#aaa99f}.search kbd{font-size:14px}.skill-list{display:flex;flex-direction:column;gap:5px;overflow:auto;min-height:65px;flex:1}.skill-item{width:100%;display:flex;align-items:center;gap:9px;padding:12px 11px;border:1px solid transparent;border-radius:7px;text-align:left;color:#697462}.skill-item.active{background:#e9ede2;border-color:#dbe2d2;color:#344c38}.skill-item:hover{background:#e8eadd}.skill-item>span:not(.selected-dot){font-size:10.5px;font-weight:500;line-height:1.5;min-width:0;overflow:hidden;text-overflow:ellipsis}.skill-item small{display:block;font-family:monospace;font-size:9px;font-weight:400;color:#8e9b84;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-dot{width:5px;height:5px;border-radius:50%;background:#8fa17c;margin-left:auto;flex-shrink:0}.empty-library{color:#9a9c92;padding:15px;font-size:11px}.sidebar-bottom{padding-top:16px}.studio-note{position:relative;border:1px solid #deded1;border-radius:9px;padding:16px;background:linear-gradient(135deg,#f0efdf,#eeeee3);overflow:hidden;margin-bottom:16px}.studio-note:after{content:"";position:absolute;width:120px;height:120px;border:1px solid #dddcca;border-radius:50%;right:-65px;top:-50px}.note-symbol{font-size:30px;color:#9b9d78;line-height:1;margin-bottom:12px}.studio-note h4{font-size:11px;font-weight:600;margin:0 0 8px}.studio-note p{font-size:10px;line-height:1.9;color:#92947f;margin:0 0 15px}.studio-note button{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:10px;text-align:left;padding:0}.studio-note button svg{transform:rotate(45deg)}.muted{color:#969b8c}.storage-note{border-top:1px solid var(--line);padding:16px 8px 0;color:#a1a595;font-size:9px;display:flex;align-items:center;gap:7px}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:68px;flex-shrink:0;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumbs{display:flex;align-items:center;gap:11px;font-size:11px;color:#a1a59a;min-width:0}.breadcrumbs strong{font-family:monospace;font-size:11px;color:#5a6557;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.save-state{display:flex;align-items:center;gap:5px;font-size:10px;color:#9aa18f}.save-state.failed{color:#c24d35}.history-actions{display:flex;gap:2px;padding-left:10px;border-left:1px solid var(--line)}.icon-button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#86917e;border-radius:5px;padding:0}.icon-button:hover:not(:disabled){background:#e9ede2;color:#4c6147}.export-button{padding:9px 12px;font-size:11px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;padding:27px 30px 25px;gap:20px}.eyebrow{font-size:8px;letter-spacing:1.9px;font-family:Manrope,sans-serif;font-weight:600;color:#8b9585;display:flex;align-items:center;gap:9px}.orange-line{width:12px;height:2px;background:var(--accent)}.draft-tag{font-size:7px;letter-spacing:1px;border:1px solid #dddcd0;color:#a7a58f;padding:2px 5px;border-radius:3px;margin-left:4px}.workspace-heading h1{font-size:25px;letter-spacing:-1.2px;font-weight:600;margin:11px 0 7px;line-height:1.5}.workspace-heading p{font-size:11px;letter-spacing:.1px;color:#9ba18f;margin:0}.heading-actions{display:flex;align-items:center;gap:7px;padding-top:18px}.validation-pill{display:flex;align-items:center;gap:6px;border:1px solid #d9e0d0;border-radius:20px;padding:7px 10px;color:#7d9474;background:#edf2e7;font-size:10px;margin-left:7px;white-space:nowrap}.validation-pill.has-errors{background:#fff1e8;border-color:#efcfbf;color:#c47755}.studio-layout{display:flex;gap:0;margin:0 26px 22px;min-height:0;flex:1;border-radius:12px;border:1px solid #d9ddd1;overflow:hidden;box-shadow:0 5px 14px #25372804}.canvas-panel{flex:1;min-width:0;background:var(--canvas);display:flex;flex-direction:column;color:#bbcbb7;position:relative}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;height:49px;flex-shrink:0;padding:0 22px;border-bottom:1px solid #c7d5b614;background:#1c2e29;font-size:11px;color:#c3ceb9}.canvas-toolbar>span{display:flex;align-items:center;gap:8px}.canvas-toolbar small{font-size:9px;color:#738a76;border-left:1px solid #7f98744d;padding-left:10px;margin-left:2px}.canvas-toolbar button{font-size:10px;display:flex;align-items:center;gap:5px;color:#b8c9ad;border:1px solid #526b4f;padding:5px 8px;border-radius:5px}.canvas-toolbar button:hover{background:#314936}.canvas-scroll{overflow:auto;flex:1;background-image:radial-gradient(#b6ceab1a .65px,transparent .65px);background-size:18px 18px;scrollbar-width:thin;scrollbar-color:#4a6252 transparent}.blueprint-caption{display:flex;justify-content:space-between;gap:10px;padding:22px 24px 0;font-family:monospace;font-size:7px;letter-spacing:1px;color:#748873}.blueprint-caption span:last-child{color:#647960}.flow{width:min(348px,calc(100% - 70px));margin:28px auto 30px;position:relative}.flow-trigger{display:block;width:100%;border:1px dashed #647d5b;border-radius:9px;background:#233a2f8c;color:#9cb98f;text-align:center;padding:15px 18px;transition:all .2s}.flow-trigger>span{font-family:monospace;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;letter-spacing:1.7px;color:#acc398}.flow-trigger strong{display:block;font-size:12px;color:#cad5bc;margin:9px 0 6px;font-weight:500}.flow-trigger small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:9px;line-height:1.8;color:#91a78a}.flow-trigger.selected,.input-node.selected,.finish-node.selected{border-color:#b9cf9e;box-shadow:0 0 0 3px #a5c58d15}.connector{position:relative;width:1px;background:#50684d;height:25px;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#79916c}.connector svg{position:absolute;bottom:-1px;background:#1d302d}.connector span{display:block;width:5px;height:5px;border:1px solid #81996c;border-radius:50%;position:absolute;bottom:0;background:#1d302d}.input-node{width:100%;border:1px solid #4a6247;background:#283e32;border-radius:8px;padding:12px 15px;color:#bdd0aa;text-align:left}.input-node>div:first-child{display:flex;align-items:center;gap:8px}.input-node strong{font-size:10px;font-weight:500}.input-node small{font-family:monospace;font-size:7px;margin-left:auto;color:#8ca078;letter-spacing:.7px}.canvas-variables{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.canvas-variables span{font-family:monospace;color:#a9be8c;background:#a9ba8110;border:1px solid #a9ba8129;font-size:9px;padding:3px 5px;border-radius:4px}.flow-node{position:relative;border:1px solid #526749;border-radius:9px;background:linear-gradient(110deg,#304334,#293c31);box-shadow:0 5px 10px #06160c16;transition:border .22s,box-shadow .22s,transform .22s;animation:node-in .35s ease both}.flow-node:hover{border-color:#869d6e;transform:translateY(-1px)}.flow-node.selected{border-color:#cfb183;box-shadow:0 0 0 3px #f2c28c13,0 5px 12px #06160c24}.flow-node.branch{background:linear-gradient(110deg,#3e4030,#323c30);border-color:#746e46}.flow-node.check{background:linear-gradient(110deg,#294138,#263d34);border-color:#486b54}.node-main{display:block;width:100%;text-align:left;padding:15px 17px 12px;color:#cfdbc1}.node-top{display:flex;gap:7px;align-items:center}.node-icon{width:25px;height:25px;border-radius:6px;background:#b5c89315;display:grid;place-items:center;color:#b2c995}.node-icon.branch{color:#d3bd80;background:#c6a95d15}.node-icon.check{color:#a5c8a7;background:#90bb8c18}.node-kind{font-size:8px;color:#91a67c;letter-spacing:.6px}.branch .node-kind{color:#c4b477}.node-number{margin-left:auto;font-size:9px;color:#819277;letter-spacing:1px;font-family:monospace;border:1px solid #78856b4d;border-radius:4px;padding:2px 5px}.node-main h3{font-size:13px;font-weight:500;letter-spacing:.1px;margin:10px 0 8px}.node-main p{font-size:9px;color:#a4b496;line-height:1.85;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.node-footer{border-top:1px solid #96a68020;margin-top:12px;padding-top:9px;font-size:8px;color:#849e73;display:flex;gap:5px;align-items:center}.node-footer>svg:last-child{margin-left:auto}.node-line{width:10px;height:2px;background:#92a477}.node-reorder{position:absolute;right:-29px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;opacity:.25;transition:opacity .2s}.flow-node:hover .node-reorder,.flow-node:focus-within .node-reorder{opacity:1}.node-reorder .icon-button{width:22px;height:24px;color:#a3b48e}.node-reorder .icon-button:hover{background:#4a5d3b;color:#d0dbbf}.branch-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;padding-top:21px}.branch-outcomes:before{content:"";position:absolute;top:10px;left:24%;width:52%;height:10px;border:1px solid #60734c;border-bottom:0;border-radius:6px 6px 0 0}.branch-outcomes:after{content:"";height:10px;width:1px;position:absolute;top:0;left:50%;background:#60734c}.branch-outcomes button{text-align:left;padding:10px;border:1px solid #54664b;border-radius:6px;background:#273a2c;color:#adc29b}.branch-outcomes button:last-child{border-color:#6e6347;background:#333b2b;color:#c2b083}.branch-outcomes span{font-size:7px;font-family:monospace;display:flex;justify-content:space-between;letter-spacing:1px}.branch-outcomes p{font-size:8px;line-height:1.7;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.add-nodes{display:flex;gap:6px;justify-content:center}.add-nodes button{border:1px dashed #60794f;padding:6px 9px;display:flex;align-items:center;gap:4px;border-radius:5px;color:#a4b991;font-size:9px;background:#253c2b}.add-nodes button:hover{background:#3b5232;border-style:solid}.finish-node{display:flex;align-items:center;gap:11px;text-align:left;width:100%;border:1px solid #687b4d;border-radius:7px;padding:13px 17px;color:#bdd09b;background:#35452c}.finish-node>span{font-size:11px;flex:1}.finish-node small{display:block;font-size:8px;color:#94a679;margin-top:5px}.canvas-bottom{font-family:monospace;color:#63785d;font-size:7px;letter-spacing:1.3px;padding:5px 25px 22px;display:flex;align-items:center;justify-content:space-between}.canvas-bottom span{font-size:19px;color:#708361}.canvas-status{height:31px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#1b2c26;border-top:1px solid #a3bc7b17;font-size:8px;color:#7d936d}.canvas-status>span{display:flex;align-items:center;gap:6px}.pulsing-dot{width:4px;height:4px;background:#96b771;display:inline-block;border-radius:50%}.canvas-status button{display:flex;align-items:center;gap:4px;font-size:8px;color:#8a9f79;padding:0}.inspector{width:355px;flex-shrink:0;display:flex;flex-direction:column;min-width:0;background:#fbfaf6;border-left:1px solid var(--line)}.inspector-tabs{display:flex;height:49px;border-bottom:1px solid var(--line);flex-shrink:0;padding:0 12px;gap:6px}.inspector-tabs button{display:flex;gap:6px;align-items:center;justify-content:center;flex:1;font-size:11px;position:relative;color:#999e90}.inspector-tabs button.active{color:#4a5e3f}.inspector-tabs button.active:after{content:"";height:2px;background:var(--accent);position:absolute;bottom:-1px;left:9px;right:9px}.section-nav{height:45px;padding:0 20px;border-bottom:1px solid #e9e9e0;display:flex;align-items:center;gap:5px;flex-shrink:0;background:#f6f6ee}.section-nav select{width:70%;font-size:10px;background:transparent;border:0;padding:0;color:#6e7b62;cursor:pointer}.section-nav span{font-size:8px;margin-left:auto;color:#a7ae98}.editor-scroll{padding:25px 23px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d8decd transparent;animation:reveal .22s ease}.section-intro{padding-bottom:9px;margin-bottom:16px}.section-intro>svg{color:#8a9a75;width:25px;height:25px;margin-bottom:8px}.tiny-logo{width:38px;height:38px;border:1px solid #e5e2d2;background:#f0eedf;color:#b1a774;display:grid;place-items:center;border-radius:9px;margin-bottom:17px}.section-intro h3{font-size:20px;line-height:1.7;font-weight:500;letter-spacing:-.6px;margin:0 0 10px}.section-intro p{font-size:10px;line-height:1.9;color:#9ba18f;margin:0}.section-intro code{font-size:9px;color:#88946e}.field{display:block;margin-bottom:19px}.field>span{display:block;font-size:10px;font-weight:500;color:#69765e;margin-bottom:8px}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #dcdfd2;border-radius:6px;background:#fffefa;color:#5e6a51;padding:10px 11px;font-size:11px;line-height:1.8;transition:border .2s,box-shadow .2s}.field input{height:38px}.field textarea{resize:vertical;min-height:65px}.field textarea::placeholder,.field input::placeholder{color:#b7baaa}.field small{display:block;font-size:9px;line-height:1.7;color:#a7ab98;margin-top:7px}.mono{font-family:monospace!important;font-size:11px!important}.text-link{display:flex;align-items:center;gap:8px;font-size:10px;padding:0;color:#a08450}.text-link:hover{color:var(--accent)}.editor-kind{display:flex;align-items:center;gap:7px;font-size:10px;color:#8b9b6d;margin-bottom:23px}.editor-kind>span{margin-left:auto;font-family:monospace;font-size:8px;color:#a7af94}.editor-kind.branch{color:#b49a56}.variable-chips{display:flex;gap:6px;flex-wrap:wrap;margin:-7px 0 22px}.variable-chips button{font-family:monospace;border:1px solid #e0e5d2;background:#edf1e4;border-radius:4px;padding:4px 7px;color:#8e9f6f;font-size:9px;display:flex;gap:4px;align-items:center}.variable-chips button:hover{background:#e2e9d2}.branch-fields{padding-top:17px;border-top:1px solid var(--line)}.editor-actions{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between}.quiet{display:flex;align-items:center;gap:6px;padding:7px 0;font-size:10px;color:#899677}.danger{color:#b98268}.outlined{display:flex;gap:7px;align-items:center;justify-content:center;border:1px solid #d5decb;padding:10px 13px;border-radius:6px;font-size:11px;color:#78905e;background:#f6f8ee}.outlined:hover{background:#ebf0df}.full{width:100%}.variable-editor{padding:14px;border:1px solid #e1e5d4;border-radius:7px;background:#f5f6ed;margin-bottom:14px}.variable-editor .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.variable-editor .field{margin-bottom:12px}.variable-editor .field input{height:34px}.checkbox{display:flex;align-items:center;gap:7px;font-size:10px;color:#8f9c77}.checkbox input{accent-color:#8b9e64}.info-note{display:flex;align-items:flex-start;gap:9px;background:#eef2e4;border:1px solid #e0e7d1;padding:12px;border-radius:7px;font-size:10px;color:#82956c;line-height:1.8}.info-note>svg{flex-shrink:0;margin-top:2px}.inspector-bottom{display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--line);height:40px;flex-shrink:0}.inspector-bottom button{display:flex;align-items:center;gap:5px;font-size:9px;color:#9aa788;padding:5px 8px}.inspector-bottom button:hover{color:#637a46;background:#f0f3e8;border-radius:4px}.code-bar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#f3f4eb;border-bottom:1px solid #e4e7d8;flex-shrink:0}.code-bar>span{font-size:9px;font-family:monospace;display:flex;align-items:center;gap:6px;color:#8d9b75}.code-scroll{overflow:auto;flex:1;padding:20px;scrollbar-width:thin;scrollbar-color:#d8decd transparent}.code-scroll pre,.preview-output pre{font-family:SFMono-Regular,Consolas,monospace;font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;margin:0;color:#71835c}.code-note{display:flex;gap:8px;padding:13px 17px;border-top:1px solid var(--line);font-size:9px;line-height:1.7;color:#a0aa8b}.code-note svg{flex-shrink:0;margin-top:2px}.static-badge{font-size:9px;color:#a58a58;background:#f6f0e0;padding:10px;border:1px solid #eadfc3;border-radius:6px;display:flex;align-items:center;gap:6px;margin-bottom:12px}.preview-panel textarea{font-family:monospace;font-size:10px}.preview-success{font-size:9px;color:#8a9f6a;display:flex;align-items:center;gap:6px;margin:13px 0}.inline-error{font-size:10px;color:#bc7252;background:#fbede0;border:1px solid #f0dac7;border-radius:6px;padding:11px;margin:12px 0;line-height:1.8}.preview-output{background:#f1f3e9;border:1px solid #e2e7d3;border-radius:7px;padding:13px}.preview-output>div{font-size:9px;color:#9baa80;border-bottom:1px solid #dfe5d0;padding-bottom:9px;margin-bottom:10px}.hidden{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;background:#fdfef6;border:1px solid #d8e2c9;box-shadow:0 6px 30px #17220b30;color:#6f8653;padding:13px 16px;border-radius:9px;font-size:11px;z-index:60;max-width:min(560px,90vw);animation:reveal .2s ease}.toast>svg{flex-shrink:0}.toast button{padding:3px;margin-left:8px;display:flex;color:#a5b197}.storage-error{position:fixed;bottom:20px;left:20px;background:#fff1e7;border:1px solid #edcdbb;padding:12px;font-size:11px;color:#ad603f;z-index:30;max-width:400px;display:flex;gap:10px;border-radius:7px}.modal-backdrop{position:fixed;inset:0;background:#13251d80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;display:flex;align-items:center;justify-content:center;padding:25px;animation:reveal .2s ease}.modal{position:relative;width:520px;max-width:100%;max-height:90dvh;overflow:auto;background:#faf9f1;padding:36px;border:1px solid #e2e4d4;border-radius:15px;box-shadow:0 25px 80px #13251d35}.modal .close-modal{position:absolute;right:15px;top:15px}.modal h2{font-size:25px;letter-spacing:-1px;font-weight:500;line-height:1.5;margin:13px 0}.modal-description{font-size:11px;line-height:1.9;color:#9b9f89;margin:0 0 22px}.template-modal{width:760px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0 17px}.template-card{border:1px solid #e7d9c7;border-radius:10px;padding:20px;text-align:left;background:#f3ebdc;transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #5e5c3b15}.template-card.blue{background:#e8eddf;border-color:#d4deca}.template-card.violet{background:#eeeadf;border-color:#ded7c9}.template-card.green{background:#e7ecd9;border-color:#d5ddc1}.template-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#b09a73}.template-top span{font-family:monospace;font-size:12px}.template-top svg{height:24px;width:24px}.template-category{font-size:9px;color:#a19471;letter-spacing:1px}.template-card h3{font-size:15px;font-weight:500;line-height:1.6;color:#676447;margin:7px 0}.template-card p{font-size:10px;line-height:1.8;color:#a1997c;margin:0 0 20px}.template-meta{display:flex;justify-content:space-between;font-size:8px;color:#a39a7b;border-top:1px solid #99845b24;padding-top:13px;gap:7px}.template-meta>span{display:flex;align-items:center;gap:4px;color:#93805c;font-size:9px}.modal-symbol{width:47px;height:47px;display:grid;place-items:center;background:#eaf0db;border-radius:12px;color:#8b9f66;margin-bottom:15px}.issue-list{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;max-height:42vh;overflow:auto}.issue{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid #eed9c3;background:#fbf0de;border-radius:7px;text-align:left;color:#b68c58;font-size:11px;line-height:1.7}.issue>svg{flex-shrink:0}.issue>span{flex:1}.issue small{display:block;font-size:8px;color:#c2a376;margin-bottom:4px}.issue.warning{background:#f0f1e5;border-color:#dfe4cf;color:#97a077}.checks-list{margin:25px 0}.checks-list div{display:flex;align-items:center;gap:10px;font-size:11px;margin-bottom:16px;color:#8a9a6a}.guide-steps{margin:25px 0}.guide-steps>div{display:flex;gap:17px;margin-bottom:22px}.guide-steps>div>span{font-family:monospace;font-size:11px;color:#bc9c68;padding-top:2px}.guide-steps h3{font-size:13px;font-weight:500;margin:0 0 7px;color:#7a825f}.guide-steps p{font-size:10px;color:#a1a58c;line-height:1.9;margin:0}.modal .info-note{margin-bottom:24px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.mobile-nav{display:none}@keyframes node-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{0%{opacity:0}to{opacity:1}}@media(min-width:1600px){.sidebar{width:250px}.inspector{width:410px}.workspace-heading{padding:34px 35px}.workspace-heading h1{font-size:29px}.studio-layout{margin:0 32px 26px}.flow{width:390px}.node-main h3{font-size:14px}.node-main p{font-size:10px}.field input,.field textarea{font-size:12px}.section-intro h3{font-size:23px}}@media(max-width:1150px){.sidebar{width:202px;padding-left:12px;padding-right:12px}.brand{font-size:19px;gap:7px;padding-left:5px}.brand small{font-size:7px;letter-spacing:1.3px}.brand-mark{width:31px}.inspector{width:310px}.topbar{padding:0 20px}.header-actions{gap:10px}.save-state{display:none}.workspace-heading{padding:23px 23px 22px}.workspace-heading h1{font-size:21px}.studio-layout{margin-left:18px;margin-right:18px}.flow{width:calc(100% - 55px)}.blueprint-caption span:last-child{display:none}.heading-actions{gap:1px}.heading-actions>.icon-button{display:none}.editor-scroll{padding:22px 18px}.canvas-toolbar{padding:0 15px}.canvas-toolbar small{display:none}}@media(max-width:899px){.app-shell{height:100dvh;min-height:0}.sidebar{display:none;position:absolute;inset:190px 0 0;width:100%;z-index:9;padding:22px}.sidebar.mobile-visible{display:flex}.sidebar .brand,.sidebar .workspace-label,.sidebar .studio-note,.sidebar .sidebar-divider{display:none}.sidebar .sidebar-bottom{padding-top:8px}.sidebar .skill-list{flex:1}.sidebar .skill-item{max-width:100%;font-size:14px}.sidebar .skill-item>span:not(.selected-dot){font-size:12px}.sidebar .search{padding:10px}.sidebar .search input{font-size:12px}.new-skill{justify-content:center}.new-skill span{display:none}.topbar{height:56px;padding:0 18px}.breadcrumbs{font-size:10px;gap:7px}.breadcrumbs>span,.breadcrumbs>svg:nth-of-type(2){display:none}.export-button{font-size:10px;padding:8px 10px}.history-actions{border:0;padding-left:0}.history-actions .icon-button{width:23px}.header-actions{gap:5px}.workspace-heading{padding:18px 20px 13px;min-height:96px}.workspace-heading h1{font-size:21px;letter-spacing:-.8px;margin:6px 0}.workspace-heading p{display:none}.heading-actions{padding-top:12px}.validation-pill{font-size:9px;padding:6px 8px}.validation-pill>svg:last-child{display:none}.eyebrow{font-size:7px;letter-spacing:1.4px}.mobile-nav{display:flex;gap:0;flex-shrink:0;height:39px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f2f3e9}.mobile-nav button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;font-size:11px;color:#9ca88b}.mobile-nav button.active{color:#738957;background:#e8eddd}.studio-layout{margin:0;border:0;border-radius:0;flex:1}.canvas-panel,.inspector{display:none}.canvas-panel.mobile-visible{display:flex}.inspector.mobile-visible{display:flex;width:100%;border:0}.canvas-toolbar{height:44px;padding:0 20px}.flow{width:min(370px,calc(100% - 70px))}.node-main h3{font-size:14px}.node-main p,.canvas-variables span,.flow-trigger small{font-size:10px}.flow-trigger strong{font-size:13px}.input-node strong{font-size:11px}.blueprint-caption span:last-child{display:block}.canvas-status{height:32px}.editor-scroll{padding:25px;max-width:620px;width:100%;margin:0 auto}.field input,.field textarea{font-size:13px}.field>span{font-size:11px}.field small{font-size:10px}.section-intro p{font-size:12px}.section-intro h3{font-size:23px}.section-nav{padding:0 25px}.section-nav select{font-size:12px}.inspector-tabs{height:46px}.inspector-tabs button,.code-scroll pre{font-size:12px}.preview-output pre{font-size:11px}.static-badge{font-size:10px}.modal-backdrop{padding:15px}.modal{padding:30px 23px;border-radius:12px}.modal h2{font-size:24px}.template-grid{grid-template-columns:1fr}.template-card{padding:18px}.template-top{margin-bottom:15px}.template-card h3{font-size:16px}.template-card p{font-size:11px}.template-meta,.template-category{font-size:10px}.modal-description{font-size:12px}.toast{bottom:15px;font-size:11px;width:max-content}.studio-note{display:none}.preview-success{font-size:11px}.guide-steps p{font-size:12px}.info-note{font-size:11px}.variable-editor .field input{height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.node-main p{color:#b6c5a8;font-size:10px}.node-kind{color:#a8b990}.flow-trigger small{color:#b0c2a4}.section-intro p,.workspace-heading p{color:#828c78}.field small{color:#8d987d}.field input,.field textarea{font-size:12px}.canvas-status{font-size:9px}.studio-note p{color:#81876d}