.monolith-root{isolation:isolate;position:relative;--studio-black:#030304;--studio-black-raised:rgba(8,8,10,.38);--studio-white:hsla(0,0%,100%,.94);--studio-muted:hsla(0,0%,100%,.46);background:var(--studio-black);color:hsl(var(--foreground));min-height:100dvh}.monolith-desktop{display:grid;gap:1.15rem;grid-template-columns:15.25rem minmax(0,1fr);height:100dvh;overflow:hidden;padding:.85rem .9rem .85rem .8rem;position:relative;width:100%;z-index:1}.monolith-journey{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100dvh - 1.7rem);min-width:0;position:relative}.monolith-brand{align-items:center;display:inline-flex;min-height:3.25rem;outline:none;padding-left:.9rem;transition:opacity .17s ease,transform .17s ease;width:-moz-max-content;width:max-content}.monolith-brand:hover{opacity:.84;transform:translate(1px)}.monolith-brand:focus-visible{border-radius:.2rem;outline:2px solid hsl(var(--primary));outline-offset:4px}.monolith-journey-nav{min-height:0;overflow-x:visible;overflow-y:auto;padding:.9rem .35rem 2.2rem .3rem;scrollbar-width:none}.monolith-journey-nav::-webkit-scrollbar{display:none}.monolith-phase{isolation:isolate;position:relative}.monolith-phase+.monolith-phase{margin-top:2rem;padding-top:1.75rem}.monolith-phase+.monolith-phase:after{background:linear-gradient(90deg,hsla(0,0%,100%,.09),transparent);content:"";height:1px;left:1rem;pointer-events:none;position:absolute;top:0;width:4.6rem}.monolith-phase-header{align-items:baseline;display:flex;gap:.8rem;justify-content:space-between;margin-bottom:.34rem;min-height:1.9rem;padding-inline:.9rem .65rem}.monolith-phase-header h2{color:#ffffff8f;font-size:.8125rem;font-weight:650;line-height:1.4;transition:color .17s ease}.monolith-phase:has(.monolith-tool-link.is-active) .monolith-phase-header h2{color:#ffffffe6}.monolith-phase-header>span{color:#ffffff45;font-size:.75rem;font-weight:500;line-height:1.4}.monolith-phase[data-locked=true] .monolith-phase-header h2,.monolith-phase[data-locked=true] .monolith-phase-header>span{color:#ffffff30}.monolith-tool-list{display:grid;gap:0;position:relative}.monolith-tool-list:before{background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.07) 10%,hsla(0,0%,100%,.07) 90%,transparent);bottom:1.5rem;content:"";left:1.48rem;pointer-events:none;position:absolute;top:1.5rem;width:1px}.monolith-tool-item{position:relative}.monolith-tool-link{align-items:center;border-radius:.3rem;color:#ffffff75;display:flex;gap:.72rem;min-height:2.85rem;outline:none;padding:.52rem .65rem .52rem .85rem;position:relative;transition:color .17s ease,transform .17s ease}.monolith-tool-link:hover{color:#ffffffd6;transform:translate(2px)}.monolith-tool-link.is-active{color:#fffffffa}.monolith-tool-link.is-locked{color:#ffffff2e;pointer-events:none}.monolith-tool-link:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:1px}.monolith-tool-state{background:var(--studio-black);color:#ffffff6b;display:grid;flex:0 0 auto;height:1.25rem;place-items:center;position:relative;width:1.25rem;z-index:2}.monolith-tool-dot{background:#fffc;border-radius:999px;box-shadow:0 0 8px #ffffff1a;height:.3rem;width:.3rem}.monolith-tool-dot-muted{background:#ffffff45;box-shadow:none;height:.24rem;width:.24rem}.monolith-tool-check{color:#ffffffd1}.monolith-tool-title{flex:1;font-size:.8125rem;font-weight:540;line-height:1.45;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monolith-tool-usage{color:#ffffff4d;flex:0 0 auto;font-size:.75rem;font-weight:600;line-height:1.3}.monolith-tool-active-mark{background:hsl(var(--primary));border-radius:999px;box-shadow:0 0 13px color-mix(in srgb,hsl(var(--primary)) 42%,transparent);height:1.2rem;left:.12rem;position:absolute;top:50%;transform:translateY(-50%);width:2px}.monolith-tool-link.is-active:after{background:linear-gradient(90deg,color-mix(in srgb,hsl(var(--primary)) 58%,transparent),color-mix(in srgb,hsl(var(--primary)) 12%,transparent),transparent);box-shadow:0 0 12px color-mix(in srgb,hsl(var(--primary)) 16%,transparent);content:"";height:1px;opacity:.56;pointer-events:none;position:absolute;right:-1.62rem;top:50%;transform:translateY(-50%);width:1.95rem}.monolith-account{padding:.65rem .35rem .25rem .45rem}.monolith-account-trigger{align-items:center;background:transparent;border:0;border-radius:.55rem;color:inherit;display:flex;gap:.78rem;min-height:3.7rem;outline:none;padding:.5rem .6rem .5rem .45rem;position:relative;transition:background-color .17s ease,transform .17s ease;width:100%}.monolith-account-trigger:hover,.monolith-account-trigger[data-state=open]{background:linear-gradient(90deg,hsla(0,0%,100%,.035),transparent 76%);transform:translate(2px)}.monolith-account-trigger:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.monolith-zuli-wrap{flex:0 0 auto;height:2.45rem;position:relative;width:2.45rem}.monolith-zuli-wrap:before{background:radial-gradient(circle,color-mix(in srgb,hsl(var(--primary)) 14%,transparent),transparent 68%);border-radius:999px;content:"";filter:blur(8px);inset:-.38rem;opacity:0;position:absolute;transform:scale(.7);transition:opacity .18s ease,transform .18s ease}.monolith-account-trigger:hover .monolith-zuli-wrap:before,.monolith-account-trigger[data-state=open] .monolith-zuli-wrap:before{opacity:.8;transform:scale(1)}.monolith-zuli{border:1px solid hsla(0,0%,100%,.075);border-radius:.72rem;box-shadow:0 8px 22px #0000003d;height:2.45rem;-o-object-fit:cover;object-fit:cover;position:relative;width:2.45rem;z-index:2}.monolith-zuli-large{border-radius:.86rem;height:3.1rem;width:3.1rem}.monolith-account-copy{display:grid;flex:1;min-width:0;text-align:left}.monolith-account-name{color:#ffffffd1;font-size:.875rem;font-weight:650;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monolith-account-meta{color:#ffffff4f;font-size:.75rem;line-height:1.35;margin-top:.17rem}.monolith-account-chevron{color:#ffffff38;flex:0 0 auto}.monolith-workspace{height:calc(100dvh - 1.7rem);min-width:0;position:relative;--workspace-chrome-h:4.75rem;--workspace-viewport-h:calc(100dvh - 1.7rem - var(--workspace-chrome-h));-webkit-backdrop-filter:blur(12px) saturate(108%);backdrop-filter:blur(12px) saturate(108%);background:transparent;border:1px solid hsla(0,0%,100%,.18);border-radius:.62rem;box-shadow:inset 0 1px #ffffff09,0 30px 100px #00000061;display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:hsla(0,0%,100%,.12) transparent;scrollbar-width:thin}.monolith-workspace::-webkit-scrollbar{width:8px}.monolith-workspace::-webkit-scrollbar-track{background:transparent}.monolith-workspace::-webkit-scrollbar-thumb{background:#ffffff21;background-clip:padding-box;border:2px solid transparent;border-radius:999px}.monolith-workspace::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:padding-box}.monolith-edge-light{background:color-mix(in srgb,hsl(var(--primary)) 5%,transparent);filter:blur(90px);left:7rem;opacity:.22;top:-6rem;width:20rem}.monolith-edge-light,.monolith-surface-light{border-radius:999px;height:10rem;pointer-events:none;position:absolute;z-index:1}.monolith-surface-light{background:#ffffff05;filter:blur(100px);opacity:.18;right:12%;top:-7rem;width:24rem}.monolith-glass-fracture:before{transform:rotate(32deg)}.monolith-glass-fracture:after{height:12rem;opacity:.55;right:15%;transform:rotate(-41deg)}.monolith-context{align-items:center;-webkit-backdrop-filter:blur(26px) saturate(106%);backdrop-filter:blur(26px) saturate(106%);background:transparent;box-shadow:0 1px #fff1;display:flex;gap:1.4rem;justify-content:space-between;min-height:4.75rem;min-width:0;padding-inline:var(--workspace-page-x);position:sticky;top:0;z-index:20}.monolith-context:after{background:#ffffff12;bottom:0;content:"";height:1px;left:var(--workspace-page-x);pointer-events:none;position:absolute;right:var(--workspace-page-x)}.monolith-context-left{align-items:center;display:flex;min-width:0}.monolith-project-trigger{align-items:center;background:transparent;border:0;color:inherit;display:inline-flex;gap:.72rem;max-width:min(38rem,50vw);min-height:3.1rem;outline:none;padding:.15rem .15rem .15rem 0;position:relative}.monolith-project-trigger:after{background:hsl(var(--primary));border-radius:999px;bottom:-.25rem;box-shadow:0 0 12px color-mix(in srgb,hsl(var(--primary)) 35%,transparent);content:"";height:1px;left:0;opacity:.64;position:absolute;transition:width .18s ease;width:1.45rem}.monolith-project-trigger:hover:after,.monolith-project-trigger[data-state=open]:after{width:3.5rem}.monolith-project-trigger:focus-visible{border-radius:.2rem;outline:2px solid hsl(var(--primary));outline-offset:5px}.monolith-project-name{color:#fffffff0;font-size:1.1875rem;font-weight:650;letter-spacing:-.018em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monolith-project-chevron{color:#ffffff4d;flex:0 0 auto;transition:color .17s ease,transform .17s ease}.monolith-project-trigger:hover .monolith-project-chevron,.monolith-project-trigger[data-state=open] .monolith-project-chevron{color:#ffffffb3;transform:translateY(1px)}.monolith-context-title{color:#ffffffe6;font-size:1.125rem;font-weight:650;letter-spacing:-.012em;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monolith-create-project,.monolith-feedback{background:transparent;border:0;border-radius:999px;display:grid;flex:0 0 auto;height:2.7rem;isolation:isolate;outline:none;place-items:center;position:relative;transition:transform .17s ease,filter .17s ease;width:2.7rem}.monolith-create-project{color:hsl(var(--primary));margin-left:.45rem}.monolith-create-project-icon{color:hsl(var(--primary));filter:drop-shadow(0 0 7px color-mix(in srgb,hsl(var(--primary)) 42%,transparent))}.monolith-feedback-icon{color:hsl(var(--primary));fill:hsl(var(--primary));filter:drop-shadow(0 0 8px color-mix(in srgb,hsl(var(--primary)) 38%,transparent));stroke:hsl(var(--primary))}.monolith-create-project:before,.monolith-feedback:before{background:radial-gradient(circle,color-mix(in srgb,hsl(var(--primary)) 16%,transparent),transparent 68%);border-radius:999px;content:"";filter:blur(7px);inset:.34rem;opacity:.66;position:absolute;transform:scale(.82);transition:opacity .18s ease,transform .18s ease;z-index:-1}.monolith-create-project:hover,.monolith-feedback:hover{filter:brightness(1.08);transform:translateY(-1px) scale(1.05)}.monolith-create-project:hover:before,.monolith-feedback:hover:before{opacity:1;transform:scale(1.05)}.monolith-create-project:focus-visible,.monolith-feedback:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:1px}.monolith-context-actions{align-items:center;display:flex;flex:0 0 auto;gap:.42rem;opacity:1}.monolith-credit{align-items:center;background:transparent;border:0;border-radius:.4rem;color:inherit;display:inline-flex;gap:.42rem;min-height:2.65rem;outline:none;padding-inline:.48rem;transition:color .17s ease,background-color .17s ease}.monolith-credit:hover{background:#ffffff05}.monolith-credit:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.monolith-credit-light{background:hsl(var(--primary));border-radius:999px;box-shadow:0 0 12px color-mix(in srgb,hsl(var(--primary)) 34%,transparent);height:.42rem;width:.42rem}.monolith-credit-number{color:#fffc;font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.monolith-credit-label{color:#ffffff4d;font-size:.75rem;font-weight:500;line-height:1}.monolith-notification{display:grid;min-height:2.65rem;min-width:2.65rem;place-items:center}.monolith-notification button{background:transparent!important;border:0!important;border-radius:999px!important;color:#ffffff4d!important;min-height:2.65rem!important;min-width:2.65rem!important;transition:color .17s ease,transform .17s ease!important}.monolith-notification button:hover{background:transparent!important;color:#fffffff5!important;transform:translateY(-1px)}.monolith-body{background:transparent;min-height:calc(100% - 4.75rem);min-width:0;position:relative;z-index:4}.monolith-body,.monolith-body.is-fill,.monolith-body.is-scroll{overflow:visible}.monolith-account-menu,.monolith-project-menu{-webkit-backdrop-filter:blur(36px) saturate(106%)!important;backdrop-filter:blur(36px) saturate(106%)!important;border:1px solid hsla(0,0%,100%,.085)!important;box-shadow:0 38px 100px #00000080,inset 0 1px #ffffff0a!important;color:hsl(var(--popover-foreground))!important;padding:.6rem!important}.monolith-project-menu{background:#020203f2!important;border-radius:.55rem!important;max-width:calc(100vw - 2rem)!important;min-width:min(18rem,calc(100vw - 2rem))!important;width:min(22rem,calc(100vw - 2rem))!important}.monolith-account-menu{background:linear-gradient(145deg,#ffffff0e,#08080af6 28%,#030304fb)!important;border-radius:0!important;clip-path:polygon(.8rem 0,100% 0,100% calc(100% - .8rem),calc(100% - .8rem) 100%,0 100%,0 .8rem);width:18rem!important}.monolith-project-menu-title{color:#ffffffa8;font-size:.875rem;font-weight:650;line-height:1.4;padding:.72rem .72rem .64rem}.monolith-project-list{display:grid;gap:.08rem}.monolith-project-option{align-items:center!important;border-radius:.28rem!important;color:#fff9!important;cursor:pointer!important;display:flex!important;gap:.78rem!important;min-height:3.65rem!important;padding:.64rem .72rem!important}.monolith-project-option.is-current,.monolith-project-option:focus,.monolith-project-option:hover{background:linear-gradient(90deg,hsla(0,0%,100%,.04),transparent)!important;color:#fffffff5!important}.monolith-project-option-copy{display:grid;flex:1;min-width:0}.monolith-project-option-title{font-size:.9375rem;font-weight:620}.monolith-project-option-meta,.monolith-project-option-title{line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monolith-project-option-meta{color:#ffffff4d;font-size:.8125rem;margin-top:.16rem}.monolith-project-option-check{color:#ffffffd6;flex:0 0 auto}.monolith-project-archive{border-radius:.25rem;color:#ffffff40;flex:0 0 auto;font-size:.75rem;min-height:2rem;padding-inline:.4rem;transition:color .16s ease,background-color .16s ease}.monolith-project-archive:hover{background:#ffffff08;color:#ffffffc7}.monolith-project-empty{color:#ffffff57;font-size:.875rem;line-height:1.5;padding:1rem .72rem}.monolith-menu-item,.monolith-project-action{align-items:center!important;border-radius:.28rem!important;color:#ffffff9e!important;cursor:pointer!important;display:flex!important;font-size:.875rem!important;gap:.7rem!important;line-height:1.4!important;min-height:2.85rem!important;padding:.56rem .72rem!important}.monolith-menu-item:focus,.monolith-menu-item:hover,.monolith-project-action:focus,.monolith-project-action:hover{background:linear-gradient(90deg,hsla(0,0%,100%,.04),transparent)!important;color:#fffffff5!important}.monolith-menu-item-primary,.monolith-project-action-primary{color:hsl(var(--primary))!important}.monolith-menu-item-danger{color:hsl(var(--destructive))!important}.monolith-menu-item-danger:focus,.monolith-menu-item-danger:hover{background:linear-gradient(90deg,color-mix(in srgb,hsl(var(--destructive)) 8%,transparent),transparent)!important;color:hsl(var(--destructive))!important}.monolith-menu-account-header{align-items:center;display:flex;font-weight:400!important;gap:.8rem;padding:.8rem!important}.monolith-menu-separator{background:#fff1!important;margin:.38rem .46rem!important}.monolith-menu-group{padding-block:.1rem}.monolith-mobile-blocker{background:transparent;display:none;min-height:100dvh;padding:2rem;position:relative;z-index:1}.monolith-mobile-inner{display:grid;gap:3rem;margin:auto;width:min(100%,30rem)}.monolith-mobile-inner h1{color:#fffffff0;font-size:clamp(2rem,7vw,3rem);font-weight:650;letter-spacing:-.035em;line-height:1.08}.monolith-mobile-inner p{color:#ffffff80;font-size:1rem;line-height:1.65;margin-top:1rem}@media(max-width:1023px){.monolith-desktop{display:none}.monolith-mobile-blocker{display:flex}}.monolith-root.is-framed{contain:layout paint;height:100%;min-height:0;overflow:hidden}.monolith-root.is-framed .monolith-desktop{display:grid;grid-template-rows:minmax(0,1fr);height:100%}.monolith-root.is-framed .monolith-journey,.monolith-root.is-framed .monolith-workspace{height:auto;min-height:0}.monolith-root.is-framed .monolith-journey{contain:size}.monolith-root.is-framed .monolith-workspace{overflow:hidden}@media(min-width:1024px)and (max-width:1199px){.monolith-desktop{gap:.95rem;grid-template-columns:14rem minmax(0,1fr)}.monolith-project-name{font-size:1.0625rem}}