.clikra-root{color:#e2e8f0;background:#050b1c;flex-direction:column;min-height:100dvh;display:flex}.clikra-toolbar{z-index:30;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050b1ceb;border-bottom:1px solid #ffffff0f;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.clikra-toolbar .clikra-name{color:#fff;background:0 0;border:none;border-radius:.5rem;outline:none;flex:1;min-width:0;padding:.5rem .25rem;font-size:1rem;font-weight:700}.clikra-toolbar .clikra-name:focus{background:#ffffff0d}.clikra-btn{color:#e2e8f0;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.clikra-btn:hover{background:#ffffff1a}.clikra-btn:active{transform:scale(.98)}.clikra-btn:disabled{opacity:.5;cursor:default}.clikra-btn--primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 8px 24px -8px hsl(var(--primary) / .5);border-color:#0000}.clikra-btn--primary:hover{background:hsl(var(--primary) / .9)}.clikra-btn--danger{color:#f87171}.clikra-btn--danger:hover{background:#f871711a}.clikra-btn--icon{min-width:44px;padding:.5rem}.clikra-saved{color:#34d399;white-space:nowrap;font-size:.75rem;font-weight:600}.clikra-saved--dirty{color:#fbbf24}.clikra-workspace{flex:1;grid-template-columns:240px minmax(0,1fr) 300px;min-height:0;display:grid}.clikra-workspace--tablet{grid-template-columns:200px minmax(0,1fr)}.clikra-library{border-right:1px solid #ffffff0f;padding:1rem .75rem;overflow-y:auto}.clikra-library h3{text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin:1rem 0 .5rem;padding:0 .25rem;font-size:.7rem;font-weight:800}.clikra-library h3:first-child{margin-top:0}.clikra-library-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.625rem;width:100%;min-height:44px;padding:.5rem .625rem;font-size:.8125rem;font-weight:600;display:flex}.clikra-library-item:hover,.clikra-library-item:focus-visible{background:#ffffff0d;border-color:#ffffff14}.clikra-canvas{flex-direction:column;align-items:center;padding:2rem 1rem 8rem;display:flex;overflow-y:auto}.clikra-flow{flex-direction:column;align-items:center;gap:0;width:100%;max-width:420px;display:flex}.clikra-endpoint{letter-spacing:.2em;text-transform:uppercase;color:#64748b;border:1px dashed #ffffff26;border-radius:999px;padding:.375rem 1rem;font-size:.7rem;font-weight:800}.clikra-connector{background:linear-gradient(#7fa9f880,#ff902080);width:2px;height:28px;position:relative}.clikra-connector:after{content:"";border:5px solid #0000;border-top-color:#ff902099;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.clikra-node{text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:1.25rem;align-items:center;gap:.875rem;width:100%;min-height:64px;padding:.875rem 1rem;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.clikra-node:hover{border-color:#ffffff2e}.clikra-node--selected{border-color:hsl(var(--primary) / .6);background:hsl(var(--primary) / .08);box-shadow:0 0 0 3px hsl(var(--primary) / .15)}.clikra-node--unavailable{opacity:.55;border-style:dashed}.clikra-node-icon{background:hsl(var(--primary) / .12);border:1px solid hsl(var(--primary) / .25);width:44px;height:44px;color:hsl(var(--primary));border-radius:.875rem;flex-shrink:0;place-items:center;display:grid}.clikra-node-body{flex:1;min-width:0}.clikra-node-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;overflow:hidden}.clikra-node-sub{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:.125rem;font-size:.75rem;overflow:hidden}.clikra-node-badge{text-transform:uppercase;letter-spacing:.08em;color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:999px;flex-shrink:0;padding:.125rem .5rem;font-size:.625rem;font-weight:800}.clikra-add{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:999px;place-items:center;width:36px;height:36px;margin:2px 0;transition:all .15s;display:grid}.clikra-add:hover,.clikra-add:focus-visible{background:hsl(var(--primary) / .15);border-color:hsl(var(--primary) / .5);color:hsl(var(--primary));transform:scale(1.1)}.clikra-inspector{border-left:1px solid #ffffff0f;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.clikra-inspector h2{color:#fff;font-size:1.125rem;font-weight:700}.clikra-field label{text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:.375rem;font-size:.7rem;font-weight:800;display:block}.clikra-field input,.clikra-field select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;outline:none;width:100%;min-height:44px;padding:.5rem .875rem;font-size:.875rem}.clikra-field input:focus,.clikra-field select:focus{border-color:hsl(var(--primary) / .6)}.clikra-field select option{background:#0a1129}.clikra-ask-toggle{color:#94a3b8;cursor:pointer;align-items:center;gap:.5rem;min-height:32px;margin-top:.375rem;font-size:.75rem;display:flex}.clikra-ask-toggle input{width:18px;height:18px;accent-color:hsl(var(--primary))}.clikra-slideover{z-index:60;width:min(360px,92vw);padding:1.25rem;padding-top:calc(1.25rem + env(safe-area-inset-top,0px));padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));background:#0a1129;border-left:1px solid #ffffff1a;flex-direction:column;gap:1rem;animation:.2s clikra-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-24px 0 60px #00000080}@keyframes clikra-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.clikra-sheet-backdrop{z-index:59;background:#0000008c;animation:.15s clikra-fade;position:fixed;inset:0}@keyframes clikra-fade{0%{opacity:0}to{opacity:1}}.clikra-sheet{z-index:60;max-height:78dvh;padding:.5rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));background:#0a1129;border-top:1px solid #ffffff1f;border-radius:1.5rem 1.5rem 0 0;flex-direction:column;gap:1rem;animation:.22s clikra-sheet-up;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes clikra-sheet-up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}.clikra-sheet-handle{background:#fff3;border-radius:999px;flex-shrink:0;width:44px;height:5px;margin:.25rem auto .5rem}.clikra-picker{z-index:60;padding:1rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,0px));padding-top:calc(1rem + env(safe-area-inset-top,0px));background:#050b1c;animation:.2s clikra-sheet-up;position:fixed;inset:0;overflow-y:auto}.clikra-picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.625rem;display:grid}.clikra-picker-item{color:#e2e8f0;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:1rem;align-items:center;gap:.625rem;min-height:56px;padding:.75rem;font-size:.8125rem;font-weight:600;display:flex}.clikra-picker-item:active{background:hsl(var(--primary) / .12)}.clikra-run{z-index:70;padding:3rem 1.25rem calc(2rem + env(safe-area-inset-bottom,0px));background:#050b1cf7;flex-direction:column;align-items:center;animation:.2s clikra-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.clikra-run-step{color:#94a3b8;background:#ffffff08;border:1px solid #ffffff12;border-radius:1.25rem;align-items:center;gap:.875rem;width:100%;max-width:420px;min-height:56px;padding:.875rem 1.125rem;font-size:.9375rem;font-weight:600;display:flex}.clikra-run-step--done{color:#34d399;border-color:#34d39940}.clikra-run-step--current{color:#fff;border-color:hsl(var(--primary) / .5);background:hsl(var(--primary) / .08);box-shadow:0 0 24px -6px hsl(var(--primary) / .4)}.clikra-run-step--failed{color:#f87171;border-color:#f871714d}.clikra-run-arrow{background:#ffffff1f;width:2px;height:20px}.clikra-home-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.clikra-home-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.clikra-home-grid{grid-template-columns:repeat(3,1fr)}}.clikra-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:1.5rem;flex-direction:column;gap:1rem;padding:1.5rem;transition:border-color .15s,transform .15s;display:flex}.clikra-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.clikra-runbar{z-index:20;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));background:linear-gradient(#0000,#050b1c 40%);position:sticky;bottom:0}.clikra-runbar .clikra-btn{border-radius:1.25rem;width:100%;min-height:56px;font-size:1rem}.clikra-reorder{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.clikra-reorder button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.5rem;place-items:center;width:36px;height:28px;display:grid}.clikra-reorder button:hover,.clikra-reorder button:focus-visible{color:#fff;background:#ffffff14}.clikra-reorder button:disabled{opacity:.25;cursor:default}@media (width<=1023px){.clikra-workspace{grid-template-columns:200px minmax(0,1fr)}}@media (width<=767px){.clikra-workspace{display:block}.clikra-canvas{padding:1.25rem 1rem 2rem}}.clikra-canvas{background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:20px 20px}.clikra-endpoint--start,.clikra-endpoint--end{color:#7fa9f8;background:#7fa9f81f;border-style:solid;border-color:#7fa9f859}.clikra-addnew{color:#1a0f00;cursor:pointer;background:#ff9020;border:none;border-radius:.875rem;align-items:center;gap:.5rem;min-height:48px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:800;transition:transform .1s,filter .15s;display:inline-flex;box-shadow:0 10px 28px -10px #ff9020b3}.clikra-addnew:hover{filter:brightness(1.08)}.clikra-addnew:active{transform:scale(.98)}