@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700&family=JetBrains+Mono:wght@400;500&display=swap";:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0e11;--panel:#111116;--card:#15151a;--card2:#19191f;--raised:#202028;--hover:#1c1c25;--border:#ffffff0e;--border2:#ffffff19;--text:#ededf2;--text2:#c9c9d4;--muted:#9393a2;--faint:#6c6c7e;--grid:#ffffff0c;--accent:#0e8b78;--accent-hover:#19a48c;--accent-text:#72ddc2;--accent-soft:#0e8b7818;--green:#3ddc97;--scrim:#060609aa;--shadow:0 15px 50px #0006;--code-bg:#111116}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfbfd;--panel:#f4f5f8;--card:#fff;--card2:#f7f7fa;--raised:#ecedf2;--hover:#eff0f5;--border:#15152b13;--border2:#15152b22;--text:#20202b;--text2:#41414f;--muted:#686878;--faint:#858595;--grid:#15152b16;--accent-text:#087a68;--accent-soft:#0e8b7810;--green:#18a163;--scrim:#17172b55;--shadow:0 15px 50px #15152b20;--code-bg:#f8f8fb}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{color:var(--text);background:var(--card2);border:1px solid var(--border2);border-radius:7px;outline:none;width:100%;min-width:0;padding:10px 11px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--faint)}textarea{resize:vertical;line-height:1.65}label{flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;font-weight:500;display:flex}label small{color:var(--muted);font-weight:400;line-height:1.5}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600}h2{letter-spacing:-.3px;font-size:17px}a{color:var(--accent-text)}svg{flex-shrink:0}::selection{background:#0e8b7855}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--raised);border-radius:5px}::-webkit-scrollbar-track{background:0 0}.primary,.secondary{white-space:nowrap;border-radius:7px;min-height:36px;padding:0 13px;font-size:12px;font-weight:500}.primary{background:var(--accent);color:#fff;border:1px solid #0000;box-shadow:0 2px 10px #0e8b7820}.primary:hover:not(:disabled){background:var(--accent-hover)}.secondary{border:1px solid var(--border2);background:var(--card);color:var(--text2)}.secondary:hover:not(:disabled){background:var(--hover);border-color:var(--faint)}.compact{min-height:31px;font-size:12px}.full{width:100%}.icon-button{width:30px;height:30px;color:var(--muted);border-radius:6px;flex-shrink:0;padding:0}.icon-button:hover:not(:disabled){background:var(--hover);color:var(--text)}.text-button{color:var(--muted);border-radius:5px;padding:7px 3px;font-size:12px}.text-button:hover{color:var(--text)}.danger-link{color:#ed7f91;font-size:11px}.danger-link:hover{color:#ff9baa}.muted{color:var(--muted)}.small-text{font-size:11px;line-height:1.65}.status-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.inactive{background:var(--faint)}.input-icon{border:1px solid var(--border2);background:var(--card2);color:var(--faint);border-radius:7px;align-items:center;gap:10px;padding:0 11px;display:flex}.input-icon:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-icon input{box-shadow:none;background:0 0;border:0;padding:11px 0}.input-icon input:focus{box-shadow:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header-spacer{flex:1;min-width:4px}.brand-mark{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.brand-mark img{width:100%;height:100%}.brand-mark.small{width:30px;height:30px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.auth-page{background:radial-gradient(700px 480px at 50% -10%,#0e8b7820,#0000);justify-content:center;align-items:center;min-height:100dvh;padding:48px 20px;display:flex;position:relative;overflow:hidden}.auth-grid{background-image:radial-gradient(var(--grid) .8px, transparent .8px);pointer-events:none;background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0002,#0000 45%);mask-image:linear-gradient(#0002,#0000 45%)}.auth-theme{position:absolute;top:20px;right:23px}.auth-theme button{border:1px solid var(--border2);background:var(--card);width:34px;height:34px}.auth-wrap{width:390px;animation:.45s enter;position:relative}.auth-brand{text-align:center;margin-bottom:27px}.auth-brand h1{letter-spacing:-.7px;margin:17px 0 8px;font-size:26px}.auth-brand p{color:var(--muted);font-size:13px}.auth-card{border:1px solid var(--border2);background:var(--card);box-shadow:var(--shadow);border-radius:12px;padding:27px}.auth-card h2{margin-bottom:7px;font-size:16px}.auth-card>p{color:var(--muted);font-size:12px;line-height:1.6}.auth-card form{margin-top:25px}.auth-card form .primary{height:40px;margin-top:4px}.auth-card label{margin-bottom:17px}.auth-switch{text-align:center;margin-top:19px!important;font-size:11px!important}.auth-switch button{color:var(--accent-text);padding:0;font-size:11px}.divider{align-items:center;gap:10px;margin:23px 0 17px;display:flex}.divider:before,.divider:after{content:"";background:var(--border2);flex:1;height:1px}.divider span{letter-spacing:1.1px;color:var(--faint);font-size:9px}.auth-note{text-align:center;color:var(--faint)!important;margin-top:12px!important;font-size:10px!important;line-height:1.7!important}.auth-footer{color:var(--faint);justify-content:center;align-items:center;gap:6px;margin-top:25px;font-size:10px;display:flex}.auth-footer .status-dot{width:4px;height:4px}.error{color:#f09bab;background:#ff6b8a0d;border:1px solid #ff6b8a40;border-radius:7px;margin:12px 0;padding:11px 12px;font-size:12px;line-height:1.6}.app-loading{min-height:70dvh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex}.application{height:100dvh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;flex-shrink:0;width:224px;padding:20px 12px 12px;display:flex}.brand{justify-content:flex-start;gap:10px;width:100%;padding:0 8px 20px}.brand strong{letter-spacing:-.3px;font-size:15px}.version-badge{letter-spacing:.6px;border:1px solid var(--border2);color:var(--muted);border-radius:4px;margin-left:auto;padding:3px 5px;font-size:8px}.workspace-label{background:var(--card);border:1px solid var(--border);border-radius:7px;align-items:center;gap:9px;margin:0 0 20px;padding:10px 8px;font-size:11px;font-weight:500;display:flex}.workspace-icon{border:1px solid var(--border2);background:var(--raised);width:26px;height:26px;color:var(--text2);border-radius:6px;place-items:center;display:grid}.workspace-label small{color:var(--faint);margin-top:4px;font-size:9px;font-weight:400;display:block}.sidebar nav{flex-direction:column;gap:3px;display:flex}.sidebar nav button{text-align:left;height:34px;color:var(--muted);border-radius:6px;justify-content:flex-start;gap:10px;padding:0 10px;font-size:12px}.sidebar nav button:hover{background:var(--hover);color:var(--text)}.sidebar nav button.active{color:var(--text);background:var(--accent-soft)}.sidebar nav button.active>svg{color:var(--accent-text)}.sidebar nav button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar nav button small{color:var(--faint);margin-left:auto;font-size:10px}.sidebar-section-label{letter-spacing:1.2px;color:var(--faint);justify-content:space-between;align-items:center;margin:21px 4px 4px 10px;font-size:9px;font-weight:600;display:flex}.sidebar .folder-nav{overflow:auto}.sidebar .folder-nav button{gap:9px;height:32px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-tip{border:1px solid var(--border);background:linear-gradient(140deg, var(--accent-soft), transparent);border-radius:8px;margin:0 2px 17px;padding:13px 12px}.sidebar-tip>svg{color:var(--accent-text);margin-bottom:9px}.sidebar-tip strong{font-size:10px;font-weight:550;display:block}.sidebar-tip p{color:var(--muted);margin:7px 0 10px;font-size:10px;line-height:1.7}.sidebar-tip button{color:var(--accent-text);justify-content:space-between;width:100%;padding:0;font-size:10px}.settings-nav{width:100%;color:var(--muted);border-radius:6px;justify-content:flex-start;gap:9px;margin-bottom:10px;padding:9px 10px;font-size:11px}.settings-nav:hover{background:var(--hover)}.settings-nav .status-dot{margin-left:auto}.account{border-top:1px solid var(--border);align-items:center;gap:9px;padding:13px 3px 0;display:flex}.avatar{background:var(--accent-soft);width:29px;height:29px;color:var(--accent-text);border:1px solid #0e8b7840;border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:600;display:grid}.account>div{min-width:0}.account strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;display:block;overflow:hidden}.account small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:8px;display:block;overflow:hidden}.account button{width:25px;margin-left:auto}.workspace-main{flex-direction:column;flex:1;min-width:0;display:flex}.workspace-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:13px;height:63px;padding:0 28px;display:flex}.breadcrumbs{white-space:nowrap;align-items:center;gap:10px;font-size:11px;display:flex}.breadcrumbs button{color:var(--faint);padding:0;font-size:11px}.breadcrumbs svg{color:var(--faint)}.breadcrumbs span{font-weight:500}.global-search{border:1px solid var(--border);background:var(--card);width:25%;min-width:140px;max-width:265px;color:var(--faint);border-radius:6px;align-items:center;gap:9px;height:31px;padding:0 9px;display:flex}.global-search input{box-shadow:none;background:0 0;border:0;padding:5px 0;font-size:11px}.global-search kbd{white-space:nowrap;color:var(--faint);font-family:inherit;font-size:9px}.workspace-content{flex:1;width:100%;max-width:1680px;margin:auto;padding:32px 30px 0;overflow:auto}.welcome{justify-content:space-between;align-items:center;gap:20px;margin:6px 0 33px;display:flex}.eyebrow{color:var(--accent-text);letter-spacing:1.5px;margin-bottom:12px;font-size:9px;font-weight:550}.welcome h1{letter-spacing:-.9px;font-size:24px;font-weight:550;line-height:1.3}.welcome p{color:var(--muted);margin-top:9px;font-size:12px}.welcome .secondary{gap:9px;height:36px;font-size:11px}.welcome .secondary svg:first-child{color:var(--accent-text)}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin:0 0 15px;display:flex}.section-heading h2{letter-spacing:0;align-items:center;gap:9px;font-size:13px;display:flex}.section-heading h2 span{color:var(--faint);border:1px solid var(--border);border-radius:4px;padding:2px 5px;font-size:10px;font-weight:400}.section-heading p{color:var(--muted);margin-top:8px;font-size:11px}.section-heading .text-button{gap:5px;font-size:10px}.folder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:33px;display:grid}.folder-card{text-align:left;border:1px solid var(--border2);background:var(--card);border-radius:8px;justify-content:flex-start;gap:11px;min-height:79px;padding:16px 14px;display:flex}.folder-card:hover{background:var(--card2);border-color:#0e8b7850;transform:translateY(-2px)}.folder-card-icon{border-radius:8px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.folder-card>div{min-width:0}.folder-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.folder-card small{color:var(--faint);margin-top:7px;font-size:10px;display:block}.folder-card>svg{color:var(--faint);margin-left:auto}.folder-card.add-folder{color:var(--faint);background:0 0;border-style:dashed;justify-content:center;font-size:11px}.folder-card.add-folder>svg{margin-left:0}.section-actions{align-items:center;gap:18px;display:flex}.view-toggle{border:1px solid var(--border2);border-radius:6px;gap:2px;padding:3px;display:flex}.view-toggle button{width:25px;height:23px;color:var(--faint);border-radius:4px}.view-toggle button.active{background:var(--raised);color:var(--text)}.diagram-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.diagram-card{border:1px solid var(--border2);background:var(--card);border-radius:9px;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.diagram-card:hover{border-color:#0e8b7870;transform:translateY(-2px)}.diagram-open{text-align:left;width:100%;padding:0;display:block}.diagram-preview{background-color:var(--bg);background-image:radial-gradient(var(--grid) .8px, transparent .8px);border-bottom:1px solid var(--border);background-size:16px 16px;height:175px;position:relative;overflow:hidden}.thumbnail-svg{pointer-events:none;width:100%;height:100%;display:block}.diagram-preview .thumbnail-svg{padding:15px 8px 18px}.preview-badge{border:1px solid var(--border2);background:var(--card);color:var(--faint);border-radius:4px;align-items:center;gap:5px;padding:3px 5px;font-size:8px;display:flex;position:absolute;bottom:10px;left:12px}.diagram-card-copy{padding:15px 14px 36px}.diagram-card h3{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:550;overflow:hidden}.diagram-card p{color:var(--faint);align-items:center;gap:7px;margin-top:8px;font-size:9px;display:flex}.diagram-card-actions{justify-content:flex-end;gap:2px;display:flex;position:absolute;bottom:7px;right:10px}.diagram-card-actions .icon-button{width:25px;height:23px}.starred{color:#c3a067}.diagram-list{flex-direction:column;gap:8px;display:flex}.diagram-list .diagram-open{align-items:center;display:flex}.diagram-list .diagram-preview{border-bottom:0;border-right:1px solid var(--border);flex-shrink:0;width:116px;height:76px}.diagram-list .preview-badge{display:none}.diagram-list .diagram-card-copy{padding:15px}.diagram-list .diagram-card-actions{align-items:center;top:0;bottom:0;right:18px}.diagram-list .diagram-card h3{max-width:50vw}.starter-section{margin-top:35px}.starter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.starter-grid>button{text-align:left;border:1px solid var(--border);background:var(--card);border-radius:8px;justify-content:flex-start;gap:11px;padding:14px 13px}.starter-grid>button:hover{background:var(--hover);border-color:var(--border2)}.starter-icon{border-radius:7px;place-items:center;width:33px;height:36px;display:grid}.starter-grid strong{font-size:10px;font-weight:500;display:block}.starter-grid small{color:var(--faint);margin-top:6px;font-size:9px;display:block}.starter-grid>button>svg{color:var(--faint);margin-left:auto}.workspace-footer{color:var(--faint);align-items:center;gap:7px;padding:28px 0 22px;font-size:9px;display:flex}.workspace-footer>span:last-child{margin-left:auto}.workspace-footer .status-dot{width:4px;height:4px}.mobile-menu{display:none}.thumbnail-empty{height:100%;color:var(--faint);justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.empty-state{border:1px dashed var(--border2);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:300px;padding:40px 20px;display:flex}.empty-symbol{background:var(--accent-soft);color:var(--accent-text);border-radius:12px;margin-bottom:5px;padding:13px}.empty-state h3{font-size:16px}.empty-state p{color:var(--muted);max-width:400px;font-size:12px;line-height:1.7}.empty-state .primary{margin-top:7px}.modal-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border2);width:445px;max-width:100%;max-height:90dvh;box-shadow:var(--shadow);border-radius:12px;animation:.2s enter;overflow:auto}.modal.wide{width:720px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:15px;padding:22px 24px 19px;display:flex}.modal-header h2{font-size:16px}.modal-header p{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.6}.modal-header .icon-button{margin-top:-4px;margin-right:-7px}.modal-body{padding:23px 24px}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:9px;margin-top:25px;padding-top:20px;display:flex}.modal-actions .danger-link{margin-right:auto}.color-swatches{gap:10px;margin:4px 0 16px;padding:3px 2px;display:flex}.color-swatches button{border:2px solid #0000;border-radius:50%;width:20px;height:20px}.color-swatches button.selected{box-shadow:0 0 0 2px var(--card), 0 0 0 3px var(--muted)}.color-swatches.large{gap:12px}.color-swatches.large button{width:25px;height:25px}.info-box{background:var(--accent-soft);color:var(--accent-text);border:1px solid #0e8b7825;border-radius:8px;align-items:flex-start;gap:11px;margin-bottom:21px;padding:12px;display:flex}.info-box p{color:var(--muted);font-size:11px;line-height:1.7}.checkbox-label{color:var(--muted);flex-direction:row;align-items:center;font-size:11px}.checkbox-label input{width:auto;accent-color:var(--accent)}.create-options{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.create-options>button{text-align:left;border:1px solid var(--border2);color:var(--muted);border-radius:8px;justify-content:flex-start;gap:13px;padding:15px}.create-options>button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.create-options span{color:var(--text);font-size:12px;font-weight:500}.create-options small{color:var(--muted);margin-top:6px;font-size:10px;font-weight:400;display:block}.folder-select{color:var(--muted);flex-direction:row;align-items:center;gap:15px;font-size:11px;display:flex}.folder-select select{max-width:250px;padding:7px 10px;font-size:11px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.template-card{border:1px solid var(--border2);text-align:left;background:var(--card2);border-radius:8px;padding:0;display:block;overflow:hidden}.template-card:hover{border-color:var(--accent)}.template-preview{background:var(--bg);border-bottom:1px solid var(--border);height:130px;padding:8px}.blank-template-preview{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.template-copy{padding:13px}.template-copy>span{justify-content:space-between;align-items:center;font-size:11px;font-weight:500;display:flex}.template-copy small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.ai-create textarea{min-height:130px;font-size:12px}.prompt-chips{flex-wrap:wrap;gap:8px;margin:0 0 22px;display:flex}.prompt-chips button{color:var(--muted);border:1px solid var(--border2);border-radius:15px;padding:6px 10px;font-size:10px}.prompt-chips button:hover{border-color:var(--accent);color:var(--accent-text)}.ai-create>.muted{text-align:center;margin-top:12px}.toast{border:1px solid var(--border2);background:var(--raised);box-shadow:var(--shadow);z-index:150;border-radius:8px;align-items:center;gap:9px;max-width:90vw;padding:13px 15px;font-size:12px;display:flex;position:fixed;bottom:23px;left:50%;transform:translate(-50%)}.toast>svg{color:var(--accent-text)}.toast button{color:var(--muted);padding:0 0 0 9px}.editor-shell{flex-direction:column;width:100%;display:flex}.editor-header{border-bottom:1px solid var(--border2);background:var(--panel);flex-shrink:0;align-items:center;gap:10px;height:51px;padding:0 14px;display:flex}.brand-home{margin-right:4px;padding:0}.editor-breadcrumb{align-items:center;gap:9px;min-width:0;display:flex}.editor-breadcrumb>button{color:var(--muted);white-space:nowrap;padding:0;font-size:11px}.editor-breadcrumb>span{color:var(--faint)}.editor-breadcrumb input{background:0 0;border:1px solid #0000;width:230px;padding:5px;font-size:12px;font-weight:500}.editor-breadcrumb input:hover{border-color:var(--border2)}.save-badge{color:var(--faint);border:1px solid var(--border);white-space:nowrap;border-radius:4px;align-items:center;gap:3px;padding:3px 5px;font-size:9px;display:flex}.save-badge.danger{color:#ed7f91}.editor-undo{gap:1px;display:flex}.export-wrapper{position:relative}.dropdown{background:var(--card);border:1px solid var(--border2);box-shadow:var(--shadow);z-index:40;border-radius:9px;padding:6px}.export-menu{width:200px;position:absolute;top:38px;right:0}.export-menu button{border-radius:6px;justify-content:flex-start;gap:10px;width:100%;padding:9px 7px;font-size:11px}.export-menu button:hover{background:var(--hover)}.file-extension{border:1px solid var(--border2);background:var(--raised);width:31px;height:25px;color:var(--muted);border-radius:4px;place-items:center;font-family:JetBrains Mono,monospace;font-size:8px;display:grid}.editor-body{flex:1;grid-template-columns:310px minmax(0,1fr) 268px;min-height:0;display:grid}.editor-body.code-collapsed{grid-template-columns:42px minmax(0,1fr) 268px}.code-panel{border-right:1px solid var(--border2);background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.panel-title{border-bottom:1px solid var(--border);height:39px;color:var(--faint);letter-spacing:.8px;text-transform:uppercase;flex-shrink:0;align-items:center;gap:7px;padding:0 10px;font-size:9px;font-weight:500;display:flex}.panel-title>span{white-space:nowrap;flex:1}.panel-title>.icon-button{width:23px;height:23px}.collapsed .panel-title{padding:0 8px}.code-editor{flex:1;min-height:0;padding-top:7px;overflow:auto}.code-editor>.cm-theme,.code-editor>.cm-theme-dark,.code-editor>.cm-theme-light{height:100%}.cm-editor{background:var(--code-bg)!important;font-family:JetBrains Mono,monospace!important;font-size:11px!important}.cm-scroller{font-family:inherit!important;line-height:1.95!important;overflow:auto!important}.cm-gutters{font-size:10px;background:var(--code-bg)!important;color:var(--faint)!important;border:0!important}.cm-content{padding-bottom:70px!important}.cm-activeLineGutter,.cm-activeLine{background:var(--accent-soft)!important}.cm-focused{outline:none!important}.code-status{border-top:1px solid var(--border);color:var(--muted);flex-shrink:0;align-items:center;gap:7px;min-height:36px;padding:11px 12px;font-size:9px;line-height:1.6;display:flex}.code-status.has-error{color:#ed7f91;background:#ff6b8a08;align-items:flex-start;max-height:140px;overflow:auto}.code-status.has-error svg{margin-top:2px}.canvas-section{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.canvas-topbar{border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0;align-items:center;gap:8px;height:39px;padding:0 13px;display:flex}.canvas-topbar>span{letter-spacing:1px;color:var(--faint);font-size:9px}.canvas-topbar>div{flex:1}.canvas-topbar button{color:var(--muted);border-radius:5px;gap:5px;height:26px;padding:0 5px;font-size:9px}.canvas-topbar button:hover,.canvas-topbar button.active{color:var(--accent-text);background:var(--accent-soft)}.canvas{background:var(--bg);background-image:radial-gradient(var(--grid) 1px, transparent 1px);background-size:22px 22px;flex:1;min-height:0;position:relative;overflow:hidden}.diagram-canvas{touch-action:none;width:100%;height:100%;display:block}.canvas-tools{border:1px solid var(--border2);background:var(--card);z-index:5;border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:15px;left:14px;box-shadow:0 3px 12px #0001}.canvas-tools button{width:29px;height:29px;color:var(--muted);border-radius:5px}.canvas-tools button:hover{background:var(--hover)}.canvas-tools button.active{color:var(--accent-text);background:var(--accent-soft)}.canvas-caption{color:var(--faint);pointer-events:none;gap:6px;font-size:9px;display:flex;position:absolute;bottom:20px;left:17px}.zoom-tools{border:1px solid var(--border2);background:var(--card);border-radius:7px;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 3px 12px #0002}.zoom-tools button{height:26px;color:var(--muted);border-radius:4px;padding:0 7px;font-size:10px}.zoom-tools button:hover{background:var(--hover);color:var(--text)}.zoom-tools span{text-align:center;min-width:33px;color:var(--text2);font-size:10px}.zoom-tools i{background:var(--border2);width:1px;height:14px;margin:0 3px}.canvas-hint{z-index:4;background:var(--accent);color:#fff;white-space:nowrap;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.empty-canvas{text-align:center;color:var(--faint);pointer-events:none;width:100%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.empty-canvas h3{color:var(--text2);margin:14px 0 8px;font-size:16px}.empty-canvas p{font-size:11px}.canvas-warning{color:#dcb270;background:#ffb74d12;border:1px solid #ffb74d22;border-radius:5px;padding:8px 12px;font-size:10px;position:absolute;bottom:55px;left:16px;right:16px}.inspector{background:var(--panel);border-left:1px solid var(--border2);flex-direction:column;min-width:0;min-height:0;display:flex}.inspector-tabs{border-bottom:1px solid var(--border);flex-shrink:0;height:39px;display:flex}.inspector-tabs>button{color:var(--muted);border-bottom:2px solid #0000;flex:1;gap:6px;font-size:10px}.inspector-tabs>button.active{color:var(--accent-text);border-bottom-color:var(--accent);background:var(--accent-soft)}.inspector-scroll{flex:1;padding:15px 13px 25px;overflow:auto}.library-search input{padding:8px 0;font-size:10px}.library-search{gap:6px;padding:0 8px}.library-categories{flex-wrap:wrap;gap:4px;margin:13px 0 12px;display:flex}.library-categories button{color:var(--muted);border:1px solid #0000;border-radius:5px;padding:5px 7px;font-size:9px}.library-categories button.active{background:var(--accent-soft);color:var(--accent-text);border-color:#0e8b7830}.library-hint{color:var(--faint);margin:0 0 14px;font-size:9px;line-height:1.7}.component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.component-grid>button{border:1px solid var(--border);background:var(--card);border-radius:7px;flex-direction:column;gap:0;min-height:87px;padding:10px 3px 9px;display:flex;position:relative}.component-grid>button:hover{background:var(--card2);border-color:#0e8b7860;transform:translateY(-1px)}.component-grid>button>span{border-radius:7px;place-items:center;width:32px;height:32px;margin-bottom:8px;display:grid}.component-grid strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:450;overflow:hidden}.component-grid small{color:var(--faint);margin-top:4px;font-size:7px}.component-plus{color:var(--faint);opacity:0;position:absolute;top:4px;right:4px}.component-grid>button:hover .component-plus{opacity:1}.syntax-link{min-height:30px;margin-top:20px;font-size:10px}.move-folder{color:var(--muted);margin-top:20px;font-size:10px}.move-folder select{padding:8px;font-size:10px}.node-properties{background:var(--accent-soft);border:1px solid #0e8b7835;border-radius:8px;margin-bottom:16px;padding:11px}.section-eyebrow{letter-spacing:1px;color:var(--accent-text);align-items:center;gap:6px;margin-bottom:10px;font-size:8px;font-weight:550;display:flex}.section-eyebrow .icon-button{width:20px;height:20px;margin-left:auto}.node-properties label{margin-bottom:12px;font-size:10px}.node-properties input,.node-properties select{padding:7px 8px;font-size:11px}.node-properties .color-swatches{gap:10px;margin:13px 0}.node-properties .color-swatches button{width:17px;height:17px}.node-properties .danger-link{padding:2px 0;font-size:9px}.ai-panel{flex:1;padding:23px 16px;overflow:auto}.ai-intro{margin-bottom:24px}.ai-orb{background:var(--accent-soft);width:42px;height:42px;color:var(--accent-text);border:1px solid #0e8b7830;border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.ai-intro h3{font-size:13px;font-weight:550;line-height:1.5}.ai-intro p{color:var(--muted);margin-top:9px;font-size:11px;line-height:1.8}.ai-panel textarea{min-height:135px;font-size:11px}.ai-setup{border:1px solid var(--border2);background:var(--card);border-radius:7px;margin-bottom:17px;padding:12px}.ai-setup p{color:var(--muted);margin-bottom:12px;font-size:11px;line-height:1.7}.ai-setup button{min-height:30px;font-size:10px}.suggestion-list{flex-direction:column;gap:5px;margin:13px 0 20px;display:flex}.suggestion-list button{color:var(--muted);justify-content:flex-start;gap:6px;padding:5px 0;font-size:10px}.suggestion-list button:hover{color:var(--accent-text)}.ai-panel>.primary{font-size:11px}.ai-provider{color:var(--faint);justify-content:center;align-items:center;gap:5px;margin-top:11px;font-size:9px;display:flex}.ai-provider .status-dot{width:4px;height:4px}.ai-proposal{background:var(--accent-soft);border:1px solid #0e8b7845;border-radius:8px;margin-top:24px;padding:12px}.ai-proposal h4{font-size:12px;line-height:1.5}.ai-proposal>p{color:var(--muted);margin:8px 0;font-size:10px;line-height:1.7}.proposal-preview{background:var(--bg);border:1px solid var(--border);border-radius:6px;height:155px;margin:12px 0}.ai-proposal details{color:var(--muted);margin-bottom:15px;font-size:10px}.ai-proposal summary{cursor:pointer}.ai-proposal pre{white-space:pre-wrap;max-height:230px;font-size:9px;line-height:1.7;overflow:auto}.ai-proposal .primary{min-height:31px;font-size:10px}.ai-proposal .text-button{margin-top:5px;font-size:10px}.syntax-example{background:var(--code-bg);border:1px solid var(--border2);white-space:pre-wrap;color:var(--text2);border-radius:7px;margin:0 0 17px;padding:15px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.9;overflow:auto}.syntax-example+.muted{margin-bottom:20px}.save-error{color:#ed8c9f;background:#ff6b8a12;border-bottom:1px solid #ff6b8a25;align-items:center;gap:10px;padding:9px 15px;font-size:11px;display:flex}.save-error>span{flex:1}.save-error button{font-size:10px;text-decoration:underline}@media (width>=1550px){.workspace-content{padding:40px 45px 0}.diagram-preview{height:215px}.welcome h1{font-size:29px}.welcome{margin-bottom:40px}.editor-body{grid-template-columns:350px minmax(0,1fr) 285px}}@media (width<=1200px){.folder-grid,.diagram-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:205px}.workspace-content{padding:27px 24px 0}.welcome h1{font-size:22px}.welcome .secondary{font-size:10px}.editor-body{grid-template-columns:280px minmax(0,1fr) 235px}.editor-body.code-collapsed{grid-template-columns:42px minmax(0,1fr) 235px}.editor-breadcrumb input{width:185px}.editor-breadcrumb>button{text-overflow:ellipsis;max-width:145px;overflow:hidden}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-caption{display:none}.starter-grid{grid-template-columns:1fr}.starter-grid>button{padding:12px}.starter-grid strong{font-size:11px}.starter-grid small{font-size:10px}}@media (width<=950px){.sidebar{width:185px;padding:17px 9px 10px}.brand{gap:8px}.brand strong{font-size:13px}.brand .version-badge{padding:2px 4px;font-size:7px}.workspace-label{font-size:10px}.workspace-header{gap:9px;padding:0 18px}.breadcrumbs>button,.breadcrumbs>svg{display:none}.welcome{flex-direction:column;align-items:flex-start;gap:16px}.welcome h1{font-size:24px}.global-search{margin-left:auto}.editor-body{grid-template-columns:260px minmax(0,1fr)}.editor-body.code-collapsed{grid-template-columns:42px minmax(0,1fr)}.inspector{z-index:20;width:235px;transition:transform .2s;position:fixed;top:90px;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0003}:is(.editor-shell:has(.inspector:hover) .inspector,.editor-shell:has(.inspector:focus-within) .inspector){transform:none}.editor-body .inspector{width:auto;max-height:290px;box-shadow:none;border-top:1px solid var(--border2);grid-column:1/-1;position:static;transform:none}.editor-body{grid-template-rows:minmax(200px,1fr) 225px}.inspector-scroll{padding:12px;display:block}.component-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.library-categories{margin:7px 0}.library-hint{display:none}.library-search{max-width:240px}.syntax-link,.move-folder{display:none}.node-properties{float:right;max-width:270px;margin-left:16px}.ai-panel{grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.ai-intro,.suggestion-list,.ai-provider{display:none}.ai-panel textarea{grid-column:1;min-height:100px}.ai-panel>.primary{grid-column:2;align-self:start}.ai-setup,.ai-proposal,.ai-panel .error{grid-column:1/-1}.ai-proposal{margin:0}.ai-panel .sr-only,.editor-breadcrumb>button,.editor-breadcrumb>span{display:none}.editor-breadcrumb input{width:210px}.editor-undo{display:none}}@media (width<=650px){.sidebar{z-index:50;width:224px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 40px #0005}.sidebar.mobile-open{transform:none}.mobile-menu{display:flex}.workspace-header{gap:7px;height:58px;padding:0 12px}.breadcrumbs{display:none}.global-search{flex:1;width:auto;min-width:60px;max-width:none}.global-search kbd{display:none}.workspace-header .primary{gap:0;width:31px;padding:0;font-size:0}.workspace-header .primary svg{width:17px}.workspace-content{padding:25px 17px 0}.welcome h1{max-width:310px;font-size:25px;line-height:1.25}.welcome p{font-size:11px;line-height:1.7}.welcome{margin-bottom:25px}.eyebrow{letter-spacing:1.2px;font-size:8px}.folder-grid{gap:9px;margin-bottom:25px}.folder-card{gap:8px;min-height:77px;padding:12px 10px}.folder-card-icon{border-radius:5px;width:27px;height:30px}.folder-card-icon svg{width:18px}.folder-card strong{font-size:10px}.folder-card small{font-size:9px}.folder-card>svg{display:none}.folder-card.add-folder{font-size:10px}.diagram-grid{grid-template-columns:1fr;gap:15px}.diagram-preview{height:200px}.diagram-card h3{font-size:13px}.diagram-card p{font-size:10px}.diagram-list .diagram-card h3{max-width:145px;font-size:11px}.diagram-list .diagram-preview{width:75px}.diagram-list .diagram-card p{font-size:8px}.diagram-list .diagram-card-actions{right:5px}.diagram-list .diagram-card-actions .icon-button{width:20px}.section-actions{gap:9px}.section-heading h2{font-size:12px}.workspace-footer{font-size:8px}.workspace-footer>span:last-child{display:none}.modal-backdrop{padding:12px}.modal{max-height:94dvh}.modal-header{padding:20px 18px 16px}.modal-body{padding:20px 18px}.create-options{gap:8px}.create-options>button{align-items:flex-start;gap:8px;padding:11px}.create-options>button>svg{width:16px}.create-options span{font-size:10px}.create-options small{font-size:9px;line-height:1.5}.template-preview{height:95px}.template-copy{padding:10px}.template-copy>span{font-size:10px;line-height:1.5}.template-copy>span>svg{display:none}.folder-select select{flex:1;max-width:none}.auth-wrap{width:375px;max-width:100%}.auth-card{padding:23px}.auth-page{padding:65px 18px 30px}.auth-brand h1{font-size:25px}.auth-brand p{font-size:12px}.editor-header{gap:5px;padding:0 8px}.editor-breadcrumb{flex:1}.editor-breadcrumb input{width:100%;min-width:60px;font-size:10px}.save-badge{padding:2px 4px;font-size:8px}.editor-header>.header-spacer,.editor-header .primary span,.export-wrapper .secondary>span{display:none}.editor-header .primary,.export-wrapper .secondary{gap:4px;padding:0 8px}.editor-header .icon-button{width:26px}.editor-body{grid-template-rows:minmax(190px,1fr) 200px;grid-template-columns:minmax(0,1fr)}.code-panel{display:none}.editor-body.code-collapsed{grid-template-columns:1fr}.canvas-topbar>span{font-size:8px}.canvas-topbar button{font-size:9px}.canvas-topbar{gap:6px;padding:0 10px}.inspector{grid-column:1}.component-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inspector-scroll{padding:10px}.component-grid>button{min-height:78px}.node-properties{float:none;max-width:none;margin:0 0 15px}.ai-panel{grid-template-columns:1fr}.ai-panel textarea,.ai-panel>.primary{grid-column:1}.ai-proposal{margin-top:10px}.canvas-hint{padding:8px;font-size:9px;top:18px;left:auto;right:12px;transform:none}.canvas-tools{top:12px;left:9px}.zoom-tools{bottom:10px;right:9px}.save-error{gap:6px;padding:7px;font-size:9px}.save-error button{font-size:9px}.toast{width:max-content;max-width:92vw;font-size:11px;bottom:15px}.editor-header .brand-mark.small{width:24px;height:24px}.editor-header .brand-mark.small i{top:5px;left:5px}.editor-header .brand-mark.small i+i{top:9px;left:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}.mobile-code-toggle{display:none}@media (width<=650px){.mobile-code-toggle,.mobile-code .code-panel{display:flex}.mobile-code .canvas-section{display:none}.mobile-code .panel-title{height:33px}.mobile-code .code-editor{min-height:0}.mobile-code .code-panel .panel-title>.icon-button:last-child{display:none}}.library-filters{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.library-filters select{width:100%;min-width:0;padding:8px 5px;font-size:10px}.library-more{margin-top:12px}.component-grid>button>span{width:36px;height:36px}.component-grid>button>span svg{flex-shrink:0}.cloud-select{justify-content:space-between;align-items:center;gap:16px;margin:8px 0 18px;display:flex}.cloud-select select{width:200px}.create-proposal{margin-top:20px}.create-proposal .proposal-preview{height:240px}.create-proposal>label{margin-top:12px;display:block}.create-proposal .proposal-preview svg{width:100%;height:100%}@media (width<=700px){.library-filters{margin-top:6px}.create-proposal .proposal-preview{height:170px}.cloud-select select{width:150px}}.component-grid strong{white-space:normal;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:24px;line-height:1.35;display:-webkit-box}.editor-body .inspector{grid-area:inspector;position:relative}.code-panel{grid-area:code}.canvas-section{grid-area:canvas}.inspector-tabs>.dock-sidebar{border-left:1px solid var(--border);flex:0 0 34px}.inspector-tabs>.dock-sidebar:hover{background:var(--hover);color:var(--text)}.inspector-resize{z-index:30;cursor:col-resize;touch-action:none;outline:none;width:9px;position:absolute;top:0;bottom:0}.sidebar-left .inspector-resize{right:-5px}.sidebar-right .inspector-resize{left:-5px}.inspector-resize span{width:3px;transition:background .15s;position:absolute;top:0;bottom:0;left:3px}.inspector-resize:hover span,.inspector-resize:focus span,.resizing-inspector .inspector-resize span{background:var(--accent)}.resizing-inspector{cursor:col-resize;-webkit-user-select:none;user-select:none}.resizing-inspector *{cursor:col-resize!important}.library-controls{z-index:3;background:var(--panel);border-bottom:1px solid var(--border);margin-bottom:8px;padding:5px 0 9px;position:sticky;top:-15px}.resource-filter{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;font-size:10px;display:grid}.resource-filter select{width:100%;min-width:0;padding:8px;font-size:11px}.advanced-library-filters{color:var(--muted);margin:9px 0;font-size:10px}.advanced-library-filters>summary{cursor:pointer}.advanced-library-filters .library-filters{margin-top:8px}.library-controls .library-hint{margin:7px 0 0}.resource-group{margin:0 0 15px}.resource-group>summary{cursor:pointer;align-items:center;gap:7px;padding:9px 0;font-size:11px;list-style:none;display:flex}.resource-group>summary::-webkit-details-marker{display:none}.resource-group>summary strong{flex:1;font-weight:500}.resource-group>summary>span{color:var(--faint);font-size:10px}.resource-group:not([open])>summary>svg{transform:rotate(-90deg)}.resource-group .component-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}@media (width>=951px){.editor-body.sidebar-left{grid-template-columns:var(--layout-inspector-width) minmax(0, 1fr) 310px;grid-template-areas:"inspector canvas code"}.editor-body.sidebar-right{grid-template-columns:310px minmax(0, 1fr) var(--layout-inspector-width);grid-template-areas:"code canvas inspector"}.editor-body.sidebar-left.code-collapsed{grid-template-columns:var(--layout-inspector-width) minmax(0, 1fr) 42px}.editor-body.sidebar-right.code-collapsed{grid-template-columns:42px minmax(0, 1fr) var(--layout-inspector-width)}.sidebar-left .inspector{border-left:0;border-right:1px solid var(--border2)}.sidebar-left .code-panel{border-right:0;border-left:1px solid var(--border2)}}@media (width<=950px){.editor-body{grid-template-areas:"code canvas""inspector inspector"}.inspector-resize,.dock-sidebar{display:none}.library-controls{top:-12px}.library-categories{margin:7px 0}.advanced-library-filters{margin:5px 0}.resource-group .component-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}}@media (width<=650px){.editor-body{grid-template-areas:"canvas""inspector"}.mobile-code .editor-body{grid-template-areas:"code""inspector"}.library-controls{top:-10px}}.canvas-tools i{background:var(--border2);height:1px;margin:5px 3px}.node-connector{opacity:0;cursor:crosshair;pointer-events:all;transition:opacity .12s}.canvas-node:hover>.node-connector,.canvas-node.is-selected>.node-connector,.canvas-node.show-ports>.node-connector,.node-connector:focus{opacity:1;outline:none}.node-properties textarea{resize:vertical;width:100%;min-height:42px;padding:8px;font-size:12px}.object-dimensions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.object-dimensions input{width:100%;min-width:0}.sticker-palette{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.sticker-palette button{border:1px solid var(--border2);background:var(--card);border-radius:5px;width:32px;height:32px;font-size:20px}.node-connections{border-top:1px solid var(--border);margin-top:14px;padding-top:10px}.connection-property{grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:4px;margin:8px 0;display:grid}.connection-property>span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);grid-column:1/-1;font-size:9px;overflow:hidden}.connection-property input{width:100%;min-width:0;padding:6px;font-size:10px}.editor-body{--code-width:310px;--layout-inspector-width:clamp(260px, var(--inspector-width), calc(100vw - var(--code-width) - 360px))}.node-connector .port-ring{opacity:0}.node-connector.is-target .port-ring,.node-connector.is-source .port-ring,.node-connector:hover .port-ring,.node-connector:focus .port-ring{opacity:1}.gif-export-progress{z-index:200;border:1px solid var(--border);background:var(--card);max-width:calc(100vw - 24px);color:var(--text);white-space:nowrap;border-radius:12px;align-items:center;gap:20px;padding:12px 16px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0002}.font-size-value{align-items:center;gap:8px;display:flex}.font-size-value input{min-width:0}.font-size-value>span{color:var(--muted);font-size:12px}.font-size-presets{gap:4px;margin:6px 0 12px;display:flex}.font-size-presets button{background:var(--card);border:1px solid var(--border2);color:var(--text2);border-radius:5px;flex:1;padding:5px 0;font-size:11px}.font-size-presets button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent)}.ai-settings-summary{background:var(--accent-soft);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;margin-bottom:22px;padding:14px;display:flex}.ai-settings-summary>svg{color:var(--accent-text);flex-shrink:0}.ai-settings-summary strong{font-size:13px}.ai-settings-summary p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5}.ai-settings-summary>span{color:var(--accent-text);flex-shrink:0;margin-left:auto;font-size:10px}.ai-provider-description{color:var(--muted);margin:-8px 0 20px;font-size:12px}.ai-settings-form .custom-model-toggle{margin-top:-4px;margin-bottom:12px}.ai-model-detail{border:1px solid var(--border2);background:var(--card2);border-radius:8px;padding:12px 14px}.ai-model-detail strong{font-size:12px;font-weight:500;display:block}.ai-model-detail code{color:var(--accent-text);overflow-wrap:anywhere;margin-top:5px;font-size:11px;display:block}.ai-model-detail p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.5}.ai-model-source,.ai-key-help{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:8px 0 20px;font-size:11px;display:flex}.ai-settings-form a{color:var(--accent-text);align-items:center;gap:4px;display:inline-flex}.ai-key-input{position:relative}.ai-key-input input{padding-right:42px}.ai-key-input>.icon-button{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.ai-privacy-note{color:var(--muted);align-items:flex-start;gap:8px;margin-top:18px;font-size:11px;line-height:1.6;display:flex}.ai-privacy-note svg{flex-shrink:0;margin-top:2px}:root,[data-theme=dark]{--bg:#0d1514;--panel:#111b18;--card:#17231f;--card2:#1b2822;--raised:#26382f;--hover:#223329;--border:#d6f5df0d;--border2:#d6f5df1c;--text:#edf5ef;--text2:#c9d9cf;--muted:#96aa9d;--faint:#768e80;--grid:#c2e6d117;--accent:#55c8a7;--accent-hover:#72dcbb;--accent-text:#7bddba;--accent-soft:#55c8a718;--on-accent:#092b20;--code-bg:#101a16;--shadow:0 14px 40px #0003}[data-theme=light]{--bg:#f7f9f6;--panel:#fff;--card:#fff;--card2:#f3f7f3;--raised:#e6eee7;--hover:#edf4ee;--border:#153b2512;--border2:#153b2526;--text:#1d3028;--text2:#3f584b;--muted:#657c6d;--faint:#758b7c;--grid:#365f451f;--accent:#087f6b;--accent-hover:#066c5b;--accent-text:#08755f;--accent-soft:#1089690d;--on-accent:#fff;--code-bg:#f6f9f6;--shadow:0 14px 40px #19382410}.primary{color:var(--on-accent);border-radius:9px;box-shadow:0 2px 3px #05251c12}.secondary{border-radius:9px}.brand strong,.merge-wordmark{letter-spacing:-1.2px;color:var(--text);font-size:24px;font-weight:700}.brand{gap:8px}.brand .version-badge{border-radius:4px;padding:3px 5px;font-size:8px}.brand-home{border-right:1px solid var(--border2);gap:7px;margin-right:8px;padding-right:20px}.brand-home .merge-wordmark{font-size:24px}.auth-brand{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:7px;display:grid}.auth-brand .brand-mark{justify-self:end;width:42px;height:42px}.auth-brand h1{letter-spacing:-2px;justify-self:start;margin:0;font-size:40px;font-weight:700}.auth-brand p{grid-column:1/-1;margin-top:8px}.auth-card{border-radius:18px;padding:32px}.auth-page{background:radial-gradient(ellipse at 50% 0%, var(--accent-soft), transparent 65%), var(--bg)}.editor-header{background:var(--panel);border-bottom:1px solid var(--border2);gap:12px;height:64px;padding:0 20px}.editor-breadcrumb{flex-wrap:wrap;gap:3px 6px;max-width:350px}.editor-breadcrumb>button{font-size:10px}.editor-breadcrumb>span{display:none}.editor-breadcrumb input{border-radius:3px;width:100%;padding:2px 0;font-size:14px;font-weight:600;line-height:1.4}.save-badge{color:var(--muted);border:0;gap:5px;font-size:10px}.save-badge svg{color:var(--accent-text)}.editor-undo{border-right:1px solid var(--border2);gap:3px;padding-right:10px}.editor-header .primary,.editor-header .secondary{min-height:34px;padding:0 13px}.inspector-tabs,.panel-title,.canvas-topbar{height:49px}.inspector-tabs{align-items:center;gap:4px;padding:0 8px}.inspector-tabs>button{border:0;border-radius:7px;flex:1;height:33px;font-size:11px}.inspector-tabs>button.active{background:var(--accent-soft);color:var(--accent-text)}.inspector-tabs>.dock-sidebar{border:0;flex:0 0 27px}.canvas-topbar{background:var(--bg);border-bottom:0;gap:10px;padding:0 20px}.canvas-topbar button{gap:6px;height:29px;padding:0 8px;font-size:11px}.canvas-topbar .editor-view-switch{border:1px solid var(--border2);background:var(--panel);border-radius:8px;flex:none;padding:3px;display:flex}.editor-view-switch button{border-radius:5px;height:25px;padding:0 10px;font-size:11px}.editor-view-switch button[aria-pressed=true]{color:var(--text);background:var(--raised)}.canvas-topbar .canvas-topbar-spacer{flex:1}.canvas{background-size:24px 24px}.canvas-tools{background:var(--panel);border-radius:12px;flex-direction:row;align-items:center;gap:3px;padding:6px;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #09271d12,0 1px 2px #09271d10}.canvas-tools button{border-radius:7px;width:35px;height:35px;position:relative}.canvas-tools i{width:1px;height:22px;margin:0 4px}.canvas-tools button.active{background:var(--accent);color:var(--on-accent)}.canvas-tools button[data-tooltip]:after{content:attr(data-tooltip);white-space:nowrap;background:var(--text);color:var(--bg);opacity:0;pointer-events:none;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:500;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.canvas-tools button:hover:after,.canvas-tools button:focus-visible:after{opacity:1}.canvas-hint{text-overflow:ellipsis;background:var(--panel);max-width:calc(100% - 24px);color:var(--accent-text);border:1px solid var(--border2);border-radius:20px;font-size:11px;top:74px;overflow:hidden;box-shadow:0 3px 8px #0001}.canvas-caption{font-size:10px;bottom:24px;left:22px}.zoom-tools{border-radius:10px;padding:5px;bottom:16px;right:20px;box-shadow:0 2px 6px #0001}.zoom-tools button{height:28px}.zoom-tools span{font-variant-numeric:tabular-nums}.inspector-scroll{padding:16px 15px 28px}.library-controls{background:var(--panel);border-bottom:1px solid var(--border2);padding-top:4px;top:-16px}.library-search{border-radius:9px;height:39px}.library-search input{font-size:12px}.library-categories{gap:4px;margin:10px 0 14px}.library-categories button{border-radius:6px;padding:6px 8px;font-size:10px}.library-categories button.active{border-color:var(--border2)}.resource-filter{font-size:11px}.resource-filter select{background:var(--card2);border-radius:7px;padding:8px}.library-hint{font-size:10px;line-height:1.6}.resource-group>summary{padding:12px 1px 10px;font-size:11px}.resource-group>summary strong{font-weight:600}.resource-group .component-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.component-grid>button{cursor:grab;border-radius:10px;min-height:98px;padding:12px 7px 10px}.component-grid>button:active{cursor:grabbing}.component-grid>button:hover{border-color:var(--accent);transform:none;box-shadow:0 3px 9px #0b42200b}.component-grid>button>strong{font-size:11px;font-weight:500;line-height:1.35}.component-grid>button>small{margin-top:4px;font-size:9px}.component-grid>button>span{background:0 0!important}.node-properties{overscroll-behavior:contain;background:var(--card2);border-color:var(--border2);border-radius:10px;max-height:42vh;margin-bottom:18px;padding:13px;overflow-y:auto}.node-properties .section-eyebrow{color:var(--accent-text);gap:6px;font-size:9px}.node-properties label{font-size:11px}.node-properties input,.node-properties select,.node-properties textarea{background:var(--panel);font-size:12px}.node-properties .danger-link{font-size:11px}.node-properties .connection-property span{font-size:10px}.panel-title{letter-spacing:.3px;text-transform:none;color:var(--muted);font-size:10px}.cm-editor{font-size:12px!important}.code-status{font-size:10px}.is-drop-target{box-shadow:inset 0 0 0 2px var(--accent)}.drop-hint{background:var(--accent);color:var(--on-accent);z-index:8;pointer-events:none;white-space:nowrap;border-radius:8px;padding:10px 16px;position:absolute;top:74px;left:50%;transform:translate(-50%)}.shortcut-list{grid-template-columns:1fr 1fr;gap:16px 28px;display:grid}.shortcut-list>div{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.shortcut-list kbd{text-align:center;border:1px solid var(--border2);min-width:27px;color:var(--muted);white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:4px 7px;font-size:10px}.shortcut-list p{border-top:1px solid var(--border2);grid-column:1/-1;margin-top:8px;padding-top:18px}.editor-body.code-collapsed{--code-width:0px}.editor-body.code-collapsed .code-panel{display:none}.focus-mode .editor-body{grid-template:"canvas"minmax(0,1fr)/minmax(0,1fr)!important}.focus-mode .inspector,.focus-mode .code-panel{display:none!important}@media (width>=951px){.editor-body.sidebar-left.code-collapsed{grid-template-columns:var(--layout-inspector-width) minmax(0, 1fr);grid-template-areas:"inspector canvas"}.editor-body.sidebar-right.code-collapsed{grid-template-columns:minmax(0, 1fr) var(--layout-inspector-width);grid-template-areas:"canvas inspector"}}@media (width<=1100px){.editor-breadcrumb{max-width:250px}.canvas-topbar{gap:2px;padding:0 12px}.canvas-topbar>button span{display:none}}@media (width>=651px) and (width<=950px){.editor-body.code-collapsed{grid-template-columns:1fr;grid-template-areas:"canvas""inspector"}.node-properties{max-height:270px}.editor-breadcrumb>button{display:none}.brand-home{padding-right:10px}.brand-home .merge-wordmark{font-size:20px}}@media (width<=650px){.editor-header{gap:5px;height:56px;padding:0 10px}.brand-home{border:0;margin:0 5px 0 0;padding:0}.brand-home .merge-wordmark{display:none}.editor-header .brand-mark.small{width:28px;height:28px}.editor-breadcrumb{flex:1;max-width:none}.editor-breadcrumb input{width:100%;min-width:40px;font-size:11px}.editor-breadcrumb>button,.editor-undo,.save-badge{display:none}.editor-header .primary,.editor-header .secondary{min-height:30px;padding:0 8px}.canvas-topbar{height:43px}.canvas-topbar .editor-view-switch{display:none}.canvas-tools{border-radius:10px;gap:2px;padding:4px;top:9px;left:50%}.canvas-tools button{width:33px;height:33px}.canvas-hint{padding:8px 11px;font-size:10px;top:62px;left:50%;right:auto;transform:translate(-50%)}.canvas-caption{font-size:9px;bottom:20px;left:12px}.zoom-tools{bottom:10px;right:10px}.inspector-tabs{height:40px}.inspector-scroll{padding:12px}.library-controls{top:-12px}.resource-group .component-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}.node-properties{max-height:none}.mobile-code .editor-body{grid-template-areas:"code""inspector"}.shortcut-list{grid-template-columns:1fr}.auth-card{padding:24px}}.canvas-workspace{flex:1;min-width:0;min-height:0;display:flex;position:relative}.canvas-workspace>.canvas{flex:1;min-width:0}.selection-inspector{background:var(--panel);border-left:1px solid var(--border);flex:0 0 248px;width:248px;min-height:0;overflow:auto}.selection-inspector .node-properties{max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:18px 16px;overflow:visible}.selection-inspector .section-eyebrow{background:0 0;position:static}.selection-tip,.group-help{color:var(--muted);margin:10px 0 16px;font-size:11px;line-height:1.6}.group-properties h3{overflow-wrap:anywhere;margin:14px 0 8px;font-size:16px}.group-selection-members{gap:4px;margin:16px 0;display:grid}.group-selection-members button{text-align:left;background:var(--bg);overflow-wrap:anywhere;border-radius:6px;justify-content:space-between;padding:9px;font-size:12px;display:flex}.canvas-group-picker{width:125px;min-width:80px;height:29px;padding:4px 7px;font-size:11px}.group-form{gap:14px;display:grid}.group-form label{gap:8px;display:grid}.group-members-heading{justify-content:space-between;font-size:12px;display:flex}.group-members-heading span{color:var(--muted)}.group-member-list{border:1px solid var(--border);border-radius:9px;max-height:260px;padding:6px;overflow:auto}.group-member-list label{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex}.group-member-list label:hover{background:var(--hover)}.group-member-list input{width:16px;height:16px;accent-color:var(--accent)}.group-member-list small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.group-form .color-swatches button{width:22px;height:22px}@media (width<=1100px){.selection-inspector{flex-basis:220px;width:220px}.canvas-group-picker{width:100px}}@media (width<=760px){.canvas-workspace{flex-direction:column}.selection-inspector{border-left:0;border-top:1px solid var(--border);flex:none;width:100%;max-height:32vh}.selection-inspector .node-properties{padding:12px 16px}.canvas-workspace>.canvas{min-height:210px}.canvas-group-picker{width:90px}}.agent-access{gap:14px;display:grid}.agent-endpoint{background:var(--bg);border:1px solid var(--border);border-radius:9px;align-items:center;gap:12px;padding:14px;display:flex}.agent-endpoint>div{flex:1;min-width:0}.agent-endpoint code{overflow-wrap:anywhere;margin-top:6px;font-size:12px;display:block}.agent-token-form{gap:14px;display:grid}.agent-token-form label{gap:7px;display:grid}.agent-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.agent-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.agent-secret{border:1px solid var(--accent);border-radius:9px;padding:16px}.agent-secret p{color:var(--muted);font-size:12px;line-height:1.6}.agent-secret input{font-family:monospace;font-size:11px}.agent-token{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 0;display:flex}.agent-token strong{font-size:12px}.agent-token small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.agent-token-list{max-height:260px;overflow:auto}.selection-inspector{z-index:4;border:1px solid var(--border);border-radius:11px;width:248px;max-height:calc(100% - 90px);position:absolute;top:72px;right:12px;box-shadow:0 8px 26px #00180e16}.canvas-workspace:has(.canvas-hint) .selection-inspector{visibility:hidden}@media (width<=1100px){.selection-inspector{width:228px}}@media (width<=760px){.selection-inspector{border:1px solid var(--border);width:min(300px,100% - 20px);max-height:30vh;top:auto;bottom:52px;right:10px}}.selection-inspector.selection-left{left:12px;right:auto}@media (width<=760px){.selection-inspector.selection-left{left:10px;right:auto}}.connection-endpoints{overflow-wrap:anywhere;font-size:13px;line-height:1.6}.diagram-canvas [data-connection]:focus-visible{outline:none}.diagram-canvas [data-connection]:focus-visible>path[data-edge-from]{stroke:var(--accent);stroke-width:3px}.landing{--ink:#172c27;--soft:#657670;--jade:#0e7d68;--rule:#dee6df;color:var(--ink);scroll-behavior:smooth;background:#fafbf8;height:100dvh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:auto}.landing *{box-sizing:border-box}.landing a{color:inherit;text-decoration:none}.landing button{font:inherit;cursor:pointer}.landing button:disabled{opacity:.6;cursor:wait}.landing :focus-visible{outline-offset:4px;outline:3px solid #14a58a}.landing-skip{z-index:20;background:#fff;padding:12px;position:fixed;top:-60px;left:20px}.landing-skip:focus{top:10px}.landing-nav{border-bottom:1px solid var(--rule);align-items:center;gap:50px;max-width:1216px;margin:auto;padding:23px 28px;display:flex}.landing-brand{align-items:center;gap:10px;display:inline-flex}.landing-brand>span:last-child{letter-spacing:-1.1px;font-size:29px;font-weight:720}.landing-brand .brand-mark.small{width:31px;height:31px}.landing-nav nav{color:#4c6058;align-items:center;gap:30px;font-size:13px;display:flex}.landing-nav nav a:hover,.landing-footer a:hover{color:var(--jade)}.landing-nav-actions{align-items:center;gap:24px;margin-left:auto;display:flex}.landing-login{color:var(--ink);background:0 0;font-size:13px!important}.landing-button{color:#fff;background:#0e7d68;border:1px solid #0e7d68;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:15px 22px;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 2px 2px #123d2010;font-size:13px!important;font-weight:600!important}.landing-button:hover{background:#096551;transform:translateY(-1px)}.landing-button.small{min-height:38px;padding:10px 16px;font-size:12px!important}.landing-button.outline{color:#264138;box-shadow:none;background:#fff;border-color:#d4ded5}.landing-button.outline:hover{background:#edf4ef}.landing-menu{color:var(--ink);background:0 0;display:none}.landing-hero{text-align:center;max-width:850px;margin:auto;padding:56px 24px 39px}.landing-announcement{background:#f1f6ed;border:1px solid #d8e4d9;border-radius:30px;align-items:center;gap:9px;padding:7px 11px;font-size:11px;display:inline-flex;color:#406052!important}.landing-announcement>span{background:#168575;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #16857513}.landing-hero h1{letter-spacing:-3.8px;margin:23px 0 20px;font-size:clamp(40px,5.2vw,70px);font-weight:570;line-height:1.08}.landing-hero h1 em{color:#0e7d68;font-style:normal}.landing-hero>p{max-width:580px;color:var(--soft);margin:0 auto;font-size:16px;line-height:1.75}.landing-hero-actions{justify-content:center;gap:12px;margin:26px 0 15px;display:flex}.landing-price-note{color:#7b8780;font-size:11px}.landing-product{max-width:1158px;margin:0 auto;padding:0 28px;scroll-margin-top:24px}.product-window{background:#fff;border:1px solid #cfdcd3;border-radius:13px;overflow:hidden;box-shadow:0 30px 55px -35px #254a3b55,0 1px 5px #17382a08}.product-window-header{color:#6b7d72;background:#f1f5f0;border-bottom:1px solid #e4eae3;align-items:center;gap:16px;height:41px;padding:0 17px;font-size:10px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#c6d0c6;border-radius:100%;width:6px;height:6px}.preview-label{color:#85948b;margin-left:auto;font-size:9px}.product-toolbar{border-bottom:1px solid #e6ece5;justify-content:space-between;padding:9px 16px;display:flex}.product-toolbar>div{background:#f4f6f2;border-radius:6px;gap:3px;padding:2px;display:flex}.product-toolbar button{color:#718176;background:0 0;border-radius:4px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;display:flex}.product-toolbar button.active{color:#167660;background:#fff;box-shadow:0 1px 4px #33453116}.product-preview-body{background-color:#fbfcf9;background-image:radial-gradient(#d4dfd4 .8px,#0000 .8px);background-size:22px 22px;height:440px;position:relative}.product-preview-body>svg{width:100%;height:100%;display:block}.product-preview-body pre{color:#bddaca;white-space:pre;background:#112b24;height:100%;margin:0;padding:28px 30px;font:12px/1.8 ui-monospace,SFMono-Regular,monospace;overflow:auto}.preview-add{color:#37624f;background:#fff;border:1px solid #cfded1;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 2px 5px #26452b0a;font-size:11px!important}.product-prompt{color:#6b8173;border-top:1px solid #e1e8df;align-items:center;gap:12px;padding:17px 20px;font-size:11px;display:flex}.product-prompt strong{color:#355745;margin-right:7px;font-weight:600}.product-prompt-label{white-space:nowrap;color:#8a968a;margin-left:auto;font-size:9px}.landing-stack{text-align:center;border-bottom:1px solid var(--rule);max-width:1110px;margin:44px auto 0;padding:0 28px 50px}.landing-stack>span{letter-spacing:1.7px;color:#94a093;font-size:9px}.landing-stack>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;margin-top:24px;display:flex}.landing-stack>div>div{align-items:center;gap:9px;display:flex}.landing-stack strong{color:#728176;font-size:13px;font-weight:560}.landing-workflow{max-width:1158px;margin:auto;padding:75px 28px}.landing-eyebrow{letter-spacing:1.9px;color:#23816a;font-size:9px;font-weight:650;display:block}.landing-section-intro{grid-template-columns:1fr 1fr;align-items:end;column-gap:90px;display:grid}.landing-section-intro .landing-eyebrow{grid-column:1/-1;margin-bottom:16px}.landing h2{letter-spacing:-1.5px;margin:0;font-size:38px;font-weight:560;line-height:1.18}.landing-section-intro p{max-width:400px;color:var(--soft);margin:0 0 3px;font-size:14px;line-height:1.8}.landing-feature-grid{grid-template-columns:repeat(3,1fr);gap:38px;margin-top:48px;display:grid}.landing-feature-grid article{border-top:1px solid #d7e1d6;padding-top:24px}.landing-feature-grid article>div{color:#1f8068;justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.landing-feature-grid article>div span{color:#9aa798;font:11px ui-monospace,monospace}.landing-feature-grid h3{letter-spacing:-.35px;margin:0 0 12px;font-size:17px;font-weight:620}.landing-feature-grid p{color:#728073;margin:0;font-size:12px;line-height:1.85}.landing-agent-section{color:#e9f5e9;background:#122e25;border-radius:11px;grid-template-columns:1fr 1fr;gap:56px;max-width:1102px;margin:0 auto;padding:52px;display:grid}.landing-agent-section .landing-eyebrow{color:#81ba9b;margin-bottom:17px}.landing-agent-section h2{font-size:37px}.landing-agent-section p{color:#9fb8a7;margin:20px 0;font-size:13px;line-height:1.85}.landing-agent-section ul{gap:13px;margin:21px 0;padding:0;list-style:none;display:grid}.landing-agent-section li{color:#c1d7c7;align-items:center;gap:10px;font-size:11px;display:flex}.landing-agent-section li svg{color:#6bb691}.landing-agent-section button{color:#bce4c4;background:0 0;align-items:center;gap:13px;padding:8px 0;font-size:12px;display:flex}.agent-terminal{background:#0d211b;border:1px solid #45644b;border-radius:9px;align-self:center;overflow:hidden;box-shadow:0 12px 30px #08150c22}.agent-terminal>div{color:#a2b9a4;border-bottom:1px solid #284738;align-items:center;gap:9px;padding:14px 17px;font:10px ui-monospace,monospace;display:flex}.agent-terminal-status{color:#70937e;margin-left:auto;font-size:9px}.agent-terminal pre{white-space:pre-wrap;color:#c7d7bb;margin:0;padding:22px;font:11px/2 ui-monospace,SFMono-Regular,monospace}.terminal-comment{color:#597f6a}.terminal-prompt{color:#daead3}.terminal-success{color:#83c3a0;font-size:9px}.landing-pricing{grid-template-columns:1fr 1fr;gap:130px;max-width:1102px;margin:0 auto;padding:92px 50px;scroll-margin-top:20px;display:grid}.pricing-copy{padding-top:52px}.pricing-copy .landing-eyebrow{margin-bottom:17px}.pricing-copy p{color:#718174;margin:22px 0 28px;font-size:13px;line-height:1.85}.pricing-trust{color:#8b9b8b;align-items:flex-start;gap:10px;font-size:10px;line-height:1.8;display:flex}.pricing-trust svg{color:#548c6c;margin-top:2px}.pricing-card{background:#fff;border:1px solid #bfd1c0;border-radius:11px;padding:29px;position:relative;box-shadow:0 20px 38px -30px #224a2855}.pricing-tag{color:#528a62;letter-spacing:1px;background:#e9f2e7;border-radius:4px;padding:5px 7px;font-size:8px;position:absolute;top:31px;right:27px}.pricing-card h3{letter-spacing:-.5px;margin:2px 0 14px;font-size:19px}.pricing-amount{letter-spacing:-3.5px;color:#1b392c;align-items:flex-end;gap:11px;font-size:61px;font-weight:550;line-height:1;display:flex}.pricing-amount span{letter-spacing:0;color:#8b998b;margin-bottom:5px;font-size:11px;line-height:1.8}.pricing-card>p{color:#7c8c7d;margin:16px 0 22px;font-size:11px}.pricing-card ul{border-top:1px solid #e4ebe0;gap:14px;margin:0;padding:22px 0;list-style:none;display:grid}.pricing-card li{color:#5a705d;align-items:center;gap:9px;font-size:10px;display:flex}.pricing-card li svg{color:#278662;flex-shrink:0;width:13px}.pricing-card .landing-button{width:100%;margin:3px 0 14px}.pricing-card>small{color:#94a18e;text-align:center;font-size:9px;line-height:1.8;display:block}.landing-faq{border-top:1px solid var(--rule);grid-template-columns:.9fr 1.2fr;gap:70px;max-width:1002px;margin:auto;padding:24px 0 60px;display:grid}.landing-faq h2{padding-top:17px;font-size:27px}.landing-faq details{border-bottom:1px solid var(--rule);padding:0}.landing-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;font-size:12px;font-weight:550;list-style:none;display:flex}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary svg{color:#8a9d88;flex-shrink:0}.landing-faq details[open] summary svg{transform:rotate(45deg)}.landing-faq details p{color:#74856f;margin:0 0 20px;font-size:12px;line-height:1.85}.landing-final-cta{text-align:center;background:#f0f5eb;padding:37px 25px 68px}.landing-final-cta .brand-mark{margin:auto}.landing-final-cta h2{margin:21px 0;font-size:34px}.landing-footer{color:#899582;align-items:center;gap:24px;max-width:1158px;margin:auto;padding:28px;font-size:10px;display:flex}.landing-footer>span{font-size:10px}.landing-footer .landing-brand{color:#244534}.landing-footer .landing-brand>span:last-child{font-size:24px}.landing-footer nav{gap:23px;margin-left:auto;display:flex}.landing-footer nav button{color:inherit;background:0 0;padding:0;font-size:10px}.landing-footer small{font-size:9px}.auth-home{z-index:2;position:absolute;top:22px;left:24px}.billing-page{color:#274133;background:#f6f9f2;height:100dvh;min-height:100dvh;padding:75px 20px;overflow:auto}.billing-back{color:#567360;position:absolute;top:22px;left:24px}.billing-card{background:#fff;border:1px solid #d9e2d5;border-radius:14px;flex-direction:column;align-items:flex-start;gap:19px;max-width:470px;margin:auto;padding:34px;display:flex;box-shadow:0 15px 40px #32472408}.billing-card h1{letter-spacing:-1px;margin:0;font-size:29px;line-height:1.2}.billing-card>p{color:#7b8874;margin:0;font-size:12px;line-height:1.8}.billing-card>small{color:#92a08a;font-size:10px;line-height:1.75}.billing-card .landing-button{width:100%}.billing-notice{color:#758b59;background:#f1f6e9;border-radius:7px;width:100%;padding:12px;font-size:12px;line-height:1.6}.billing-active{color:#168575;align-items:center;gap:10px;font-size:12px;display:flex}@media (width<=900px){.landing-nav{gap:25px}.landing-nav nav{gap:18px}.landing-nav-actions{gap:15px}.landing-hero h1{letter-spacing:-2.6px}.landing-stack>div{gap:25px}.landing-agent-section{gap:28px;margin:0 28px;padding:33px}.landing-agent-section h2{font-size:30px}.agent-terminal pre{padding:15px;font-size:10px}.landing-pricing{gap:45px;padding:65px 40px}.landing h2{font-size:31px}.landing-faq{gap:35px;margin:0 40px}.landing-faq h2{font-size:25px}.landing-footer>span{display:none}}@media (width<=600px){.landing-nav{gap:15px;padding:18px 20px;position:relative}.landing-nav .landing-brand>span:last-child{font-size:25px}.landing-nav-actions{gap:16px}.landing-nav-actions .landing-button{display:none}.landing-menu{display:block}.landing-nav nav{z-index:5;background:#fff;border:1px solid #d6e3d6;border-radius:9px;padding:23px;display:none;position:absolute;top:70px;left:15px;right:15px;box-shadow:0 10px 25px #16372311}.landing-nav nav.open{justify-content:space-between;gap:15px;font-size:12px;display:flex}.landing-hero{padding:37px 21px 31px}.landing-hero h1{letter-spacing:-2.2px;margin-top:21px;font-size:43px}.landing-hero>p{font-size:13px}.landing-hero-actions{flex-direction:column;align-items:stretch;margin-top:24px}.landing-button{padding:14px 17px}.landing-product{padding:0 15px}.product-window-header{gap:9px;padding:0 12px}.preview-label{display:none}.product-toolbar{padding:8px}.product-toolbar button{padding:7px;font-size:9px}.product-preview-body{height:255px}.product-preview-body>svg{min-width:680px}.product-preview-body{overflow:auto}.product-preview-body pre{padding:17px;font-size:10px}.preview-add{float:right;margin-top:-48px;position:sticky;bottom:12px;right:12px;font-size:10px!important}.product-prompt{align-items:flex-start;padding:13px 14px;font-size:10px;line-height:1.6}.product-prompt svg{flex-shrink:0;margin-top:3px}.product-prompt strong{display:block}.product-prompt-label{display:none}.landing-stack{margin-top:30px;padding:0 25px 35px}.landing-stack>div{gap:20px 25px}.landing-stack strong{font-size:11px}.landing-stack svg{width:21px;height:21px}.landing-stack>span{letter-spacing:1.4px;font-size:8px}.landing-workflow{padding:44px 25px}.landing-section-intro{display:block}.landing h2{letter-spacing:-1px;font-size:31px}.landing-section-intro p{margin-top:17px;font-size:12px}.landing-feature-grid{grid-template-columns:1fr;gap:27px;margin-top:31px}.landing-feature-grid article>div{margin-bottom:15px}.landing-feature-grid h3{font-size:17px}.landing-agent-section{grid-template-columns:1fr;gap:28px;margin:0 15px;padding:30px 25px}.landing-agent-section p{font-size:12px}.agent-terminal pre{padding:18px;font-size:10px}.landing-pricing{grid-template-columns:1fr;gap:28px;padding:45px 25px}.pricing-copy{padding-top:0}.pricing-copy p{margin:17px 0}.pricing-trust{font-size:10px}.pricing-card{padding:25px}.landing-faq{margin:0 25px;padding:21px 0 38px;display:block}.landing-faq h2{margin-bottom:14px;padding-top:0;font-size:26px}.landing-faq summary{font-size:11px}.landing-final-cta{padding:33px 20px 44px}.landing-final-cta h2{font-size:27px}.landing-footer{flex-wrap:wrap;gap:15px;padding:25px 22px}.landing-footer nav{gap:16px}.landing-footer small{width:100%;margin-top:5px}.billing-page{padding:72px 15px 25px}.billing-card{padding:25px}.billing-card h1{font-size:27px}}@media (prefers-reduced-motion:reduce){.landing{scroll-behavior:auto}.landing-button{transition:none}}.landing{--ink:#12251f;--soft:#50665c;--jade:#11816b;--rule:#dce5df;background:#fff}.landing-nav{z-index:20;background:#fff;gap:0;max-width:none;height:88px;padding:0 32px 0 0;position:relative}.landing-nav>.landing-brand{border-right:1px solid var(--rule);height:100%;padding:0 30px}.landing-nav nav{gap:0;height:100%}.landing-nav nav a{border-right:1px solid var(--rule);align-items:center;height:100%;padding:0 28px;font-size:13px;font-weight:600;display:flex}.landing-nav nav a:first-child{background:#d0f4df}.landing-nav nav a:hover{background:#eff8f3}.landing-nav-actions{padding-left:20px}.landing .landing-button{border-radius:5px;min-height:49px;box-shadow:3px 4px #123d2017;font-size:14px!important}.landing .landing-button.outline{border-color:#1a372b}.landing .landing-button.small{min-height:42px;font-size:12px!important}.landing-hero{background-color:#fff;background-image:linear-gradient(#203d2910 1px,#0000 1px),linear-gradient(90deg,#203d2910 1px,#0000 1px);background-size:40px 40px;max-width:none;min-height:720px;padding:65px 24px 62px;position:relative;overflow:hidden}.landing-hero>:not(.hero-doodles){z-index:2;position:relative}.landing-announcement{color:#28755d;background:#f5fff9;border:1px solid #cae5d6;border-radius:99px;padding:8px 14px;font-size:12px}.hero-wordmark{letter-spacing:-10px;color:#152820;border:2px solid #11816b;margin:36px auto 26px;padding:0 35px 7px;font-size:clamp(90px,10vw,144px);font-weight:800;line-height:1.14;display:table;transform:rotate(-2deg)}.hero-wordmark i{background:#fff;border:2px solid #11816b;width:9px;height:9px;position:absolute}.hero-wordmark i:first-child{top:-5px;left:-5px}.hero-wordmark i:nth-child(2){top:-5px;right:-5px}.hero-wordmark i:nth-child(3){bottom:-5px;left:-5px}.hero-wordmark i:nth-child(4){bottom:-5px;right:-5px}.hero-wordmark i:nth-child(5){top:-5px;left:50%}.hero-wordmark i:nth-child(6){bottom:-5px;left:50%}.hero-wordmark .hero-cursor{color:#11816b;letter-spacing:0;align-items:end;gap:2px;display:flex;position:absolute;bottom:-31px;right:-47px;transform:rotate(2deg)}.hero-cursor b{color:#fff;background:#11816b;border-radius:4px;padding:5px 9px;font-size:12px;font-weight:500}.landing-hero h1{letter-spacing:-1.8px;margin:28px auto 18px;font-size:clamp(34px,3.3vw,48px);line-height:1.07}.landing-hero h1 br{display:none}.landing-hero h1 em{color:#11816b;font-family:inherit;font-style:normal;display:block}.landing-hero>p{color:#52675d;max-width:530px;margin:0 auto;font-size:15px;line-height:1.75}.landing-hero-actions{margin:26px auto 0}.landing-price-note{color:#587265;margin-top:18px;font-size:11px}.hero-doodles{pointer-events:none;z-index:1;position:absolute;inset:0}.hero-note{color:#14382a;flex-direction:column;align-items:center;gap:12px;width:164px;min-height:128px;padding:24px 16px 18px;font-size:16px;font-weight:600;line-height:1.25;display:flex;position:absolute;box-shadow:2px 9px 18px #1c33261b}.hero-note:before{content:"";background:#e9eddaae;width:49px;height:19px;position:absolute;top:-9px;left:calc(50% - 25px);transform:rotate(-6deg);box-shadow:0 1px 1px #00000008}.hero-note-one{background:#c5f1d7;top:92px;left:calc(50% - 575px);transform:rotate(-9deg)}.hero-note-two{background:#fedbb5;top:70px;right:calc(50% - 562px);transform:rotate(8deg)}.hero-note-three{background:#fff0a7;bottom:91px;left:calc(50% - 515px);transform:rotate(7deg)}.hero-note-four{background:#f5cddc;bottom:108px;right:calc(50% - 575px);transform:rotate(-7deg)}.hero-drawn-arrow{color:#2d6651;width:125px;height:115px;position:absolute}.hero-drawn-arrow.left{top:234px;left:calc(50% - 389px);transform:rotate(8deg)}.hero-drawn-arrow.right{bottom:92px;right:calc(50% - 350px);transform:rotate(190deg)}.landing-workflow{color:#fff;background:#102821;max-width:none;padding:80px max(32px,50vw - 560px)}.landing-section-intro{text-align:center;display:block}.landing h2{letter-spacing:-1.3px;font-size:40px;line-height:1.12}.landing-section-intro h2{color:#fff;margin:14px 0}.landing-section-intro p{color:#b8cfc2;max-width:550px;margin:18px auto 0;font-size:14px;line-height:1.75}.landing-section-intro .landing-eyebrow{color:#94dfb6}.landing-feature-grid{gap:22px;margin-top:40px}.landing-feature-grid article{color:#193a2a;background:#c5f1d7;border-radius:5px;padding:28px;transform:rotate(-1deg);box-shadow:4px 5px #0002}.landing-feature-grid article:nth-child(2){background:#fee4ba;transform:rotate(1deg)}.landing-feature-grid article:nth-child(3){background:#dddcfc;transform:rotate(-1deg)}.landing-feature-grid article h3{font-size:20px}.landing-feature-grid article p{color:#42584a;font-size:13px;line-height:1.75}.landing-feature-grid article>div{color:#235842}.landing-product{max-width:1160px;margin:0 auto;padding:70px 30px 0}.product-section-heading{text-align:center;margin:0 0 30px}.product-section-heading .landing-eyebrow{color:#11816b}.product-section-heading h2{margin:12px 0}.product-section-heading p{color:#5d7266;font-size:14px}.product-window{border:1.5px solid #294a39;border-radius:8px;box-shadow:8px 12px #edf5ef,0 20px 40px #1d412215}.product-preview-body{background-image:linear-gradient(#284b3510 1px,#0000 1px),linear-gradient(90deg,#284b3510 1px,#0000 1px);background-size:28px 28px}.product-window-header{background:#fff}.product-prompt{background:#f0faf4;padding:18px;font-size:12px}.landing-stack{margin-top:0;padding:40px 30px 64px}.landing-stack>span{font-size:10px}.landing-stack strong{font-size:13px}.landing-agent-section{background:#112a22;border-radius:10px;gap:60px;max-width:1120px;padding:50px}.landing-agent-section h2{color:#fff}.landing-agent-section p,.landing-agent-section li{color:#b8d1c0;font-size:13px;line-height:1.7}.landing-agent-section .landing-eyebrow{color:#9adfba}.agent-terminal{border:1px solid #52826a;transform:rotate(1deg);box-shadow:6px 6px #0003}.agent-terminal pre{font-size:12px;line-height:1.85}.landing-pricing{gap:100px;max-width:1120px;padding:86px 35px}.pricing-copy p{font-size:14px}.pricing-trust{color:#55715f;font-size:12px}.pricing-card{border:1.5px solid #26533d;border-radius:7px;padding:32px;box-shadow:7px 8px #d9f3e3}.pricing-tag{color:#165e3e;background:#d8f5e4;font-size:9px}.pricing-amount{font-size:76px}.pricing-card li{font-size:12px}.pricing-card>p,.pricing-card>small{color:#637b6c;font-size:11px}.landing-faq{max-width:1050px;padding-bottom:70px}.landing-faq summary,.landing-faq details p{font-size:13px}.landing-final-cta{background:#d0f4df;border-top:1px solid #b7dfc8;border-bottom:1px solid #b7dfc8;padding:50px 20px 60px}.landing-final-cta h2{font-size:40px}.landing-footer{padding:32px 25px}@media (width>=1450px){.landing-hero{min-height:760px;padding-top:78px}}@media (width<=1150px){.hero-note{width:133px;min-height:111px;font-size:14px}.hero-note-one{left:30px}.hero-note-two{right:30px}.hero-note-three{bottom:64px;left:58px}.hero-note-four{bottom:73px;right:40px}.hero-drawn-arrow{display:none}.landing-nav nav a{padding:0 19px}.landing-nav>.landing-brand{padding:0 20px}.landing-workflow{padding:65px 30px}.landing-agent-section{gap:35px;margin:0 30px}}@media (width<=850px){.hero-doodles{display:none}.landing-nav{padding-right:20px}.landing-nav nav a{padding:0 12px;font-size:12px}.landing-nav-actions{gap:15px}.landing-hero{min-height:650px;padding-top:55px}.hero-wordmark{font-size:116px}.landing-pricing{gap:45px}.landing-faq{margin:0 35px}}@media (width<=600px){.landing-nav{height:73px;padding:0 16px 0 0}.landing-nav>.landing-brand{border:0;padding:0 18px}.landing-nav nav.open{z-index:30;height:auto;padding:8px;top:73px;left:12px;right:12px}.landing-nav nav a{border:0;flex:1;justify-content:center;height:45px;padding:0 14px}.landing-nav-actions{gap:14px;padding-left:0}.landing-hero{min-height:670px;padding:40px 22px 42px}.landing-announcement{padding:7px 10px;font-size:10px}.hero-wordmark{letter-spacing:-6px;margin:34px auto;padding:0 23px 9px;font-size:94px}.hero-wordmark .hero-cursor{bottom:-31px;right:-16px}.landing-hero h1{letter-spacing:-1px;margin:26px auto 15px;font-size:35px}.landing-hero>p{max-width:335px;font-size:13px}.landing-hero-actions{gap:13px;margin-top:24px}.landing-price-note{font-size:10px;line-height:1.7}.landing h2{font-size:32px}.landing-workflow{padding:50px 24px}.landing-feature-grid{gap:22px}.landing-feature-grid article{padding:25px}.landing-product{padding:48px 15px 0}.product-section-heading{padding:0 13px}.product-section-heading p{font-size:12px;line-height:1.7}.landing-stack{padding:35px 25px 45px}.landing-agent-section{gap:26px;margin:0 15px;padding:30px 24px}.agent-terminal pre{font-size:11px}.landing-pricing{gap:30px;padding:50px 25px}.pricing-card{padding:25px}.pricing-copy p{font-size:13px}.landing-faq{margin:0 25px;padding-bottom:40px}.landing-faq summary,.landing-faq details p{font-size:12px}.landing-final-cta{padding:38px 25px 45px}.landing-footer{padding:25px 22px}}@media (prefers-reduced-motion:reduce){.landing *{scroll-behavior:auto!important}}@font-face{font-family:MergeSketch;src:url(/excalidraw/fonts/Virgil/Virgil-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:MergeMono;src:url(/excalidraw/fonts/Cascadia/CascadiaCode-Regular.woff2)format("woff2");font-display:swap}.editor-shell .canvas-tools{z-index:6;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:5px;top:16px;left:14px;transform:none}.editor-shell .canvas-tools button{place-items:center;width:34px;height:34px;display:grid}.editor-shell .canvas-tools i{background:var(--border2);width:22px;height:1px;margin:4px 0}.editor-shell .canvas-tools button[data-tooltip]:after{z-index:20;top:50%;left:calc(100% + 13px);transform:translateY(-50%)}.editor-shell .canvas-hint{width:auto;max-width:calc(100% - 94px);top:14px;left:76px;transform:none}.editor-shell .selection-inspector.selection-left{left:72px}.editor-shell .canvas-topbar{gap:7px;padding:0 12px}.editor-shell .library-toggle{color:var(--accent-text);border:1px solid var(--border2);background:var(--panel);border-radius:7px}.editor-shell .library-toggle[aria-expanded=true]{background:var(--accent-soft)}.editor-shell button:focus-visible,.editor-popover button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.editor-body.library-hidden>.inspector{display:none}@media (width>=951px){.editor-body.sidebar-left.library-hidden{grid-template-columns:minmax(0,1fr) 310px;grid-template-areas:"canvas code"}.editor-body.sidebar-right.library-hidden{grid-template-columns:310px minmax(0,1fr);grid-template-areas:"code canvas"}.editor-body.library-hidden.code-collapsed{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas"}.editor-body.code-only.sidebar-left{grid-template-columns:var(--layout-inspector-width) minmax(0, 1fr);grid-template-rows:49px minmax(0,1fr);grid-template-areas:"inspector topbar""inspector code"}.editor-body.code-only.sidebar-right{grid-template-columns:minmax(0, 1fr) var(--layout-inspector-width);grid-template-rows:49px minmax(0,1fr);grid-template-areas:"topbar inspector""code inspector"}}.editor-body.code-only .canvas-section{display:contents}.editor-body.code-only .canvas-topbar{grid-area:topbar}.editor-body.code-only .canvas-workspace{display:none}.editor-body.code-only.library-hidden{grid-template:"topbar"49px"code"minmax(0,1fr)/minmax(0,1fr)}.editor-body.code-only .canvas-topbar>select,.editor-body.code-only .canvas-topbar>button:not(.library-toggle){display:none}.component-library .library-controls{z-index:2;background:var(--panel);padding-bottom:10px}.component-library .library-search{align-items:center;display:flex;position:relative}.component-library .library-search>button{color:var(--muted);place-items:center;padding:3px;display:grid;position:absolute;right:8px}.component-library .library-search input{padding-right:28px}.library-breadcrumbs{color:var(--muted);align-items:center;gap:6px;margin:13px 0 10px;font-size:10px;display:flex}.library-breadcrumbs button{font-size:inherit;color:var(--text2)}.library-family-cards{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.library-family-cards>button{text-align:left;border:1px solid var(--border2);background:var(--card);color:var(--text2);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:10px 8px;display:flex}.library-family-cards>button>svg:first-child{color:var(--accent-text);flex-shrink:0}.library-family-cards>button>svg:last-child{flex-shrink:0;margin-left:auto}.library-family-cards>button span{min-width:0}.library-family-cards strong{font-size:11px;font-weight:600;display:block}.library-family-cards small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.4;display:block}.library-family-cards>button:hover{border-color:var(--accent);background:var(--accent-soft)}.component-library .library-categories{flex-wrap:wrap;gap:4px;display:flex}.component-library .library-categories button{min-height:25px;padding:4px 7px;font-size:10px}.component-library .resource-filter{margin-top:10px}.component-library .resource-group{margin-bottom:12px}.component-library .component-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.component-library .component-grid>button{background:var(--card);border-radius:7px;height:auto;min-height:84px;padding:8px 3px 6px}.component-library .component-grid>button>span{background:0 0;width:32px;height:32px;margin-bottom:6px}.component-library .component-grid strong{-webkit-line-clamp:2;overflow-wrap:anywhere;font-size:9px;font-weight:500;line-height:1.3}.component-library .component-grid small{margin-top:4px;font-size:8px}.component-library .component-grid>button:hover{border-color:var(--accent);background:var(--accent-soft);transform:none}.component-library .component-grid>button:focus-visible{outline-offset:0;border-color:var(--accent)}.library-keyboard-hint{border-top:1px solid var(--border2);color:var(--muted);justify-content:space-between;gap:8px;margin-top:10px;padding:12px 0;font-size:9px;display:flex}.library-empty{text-align:center;color:var(--muted);padding:26px 8px;font-size:12px}.library-empty>svg{margin:0 auto 10px;display:block}.library-empty p{margin:8px 0;line-height:1.6}.selection-toolbar{border:1px solid var(--border2);background:var(--panel);z-index:8;border-radius:10px;align-items:center;gap:2px;max-width:calc(100% - 96px);padding:6px;display:flex;position:absolute;bottom:58px;left:calc(50% + 24px);overflow-x:auto;transform:translate(-50%);box-shadow:0 6px 24px #082b1d16}.selection-toolbar>button,.compact-font-size button{min-width:28px;height:30px;color:var(--text2);white-space:nowrap;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0 5px;font-size:11px;display:flex}.selection-toolbar button:hover{background:var(--hover)}.selection-toolbar .selection-edit{gap:6px;padding:0 8px}.selection-toolbar .toolbar-danger:hover{color:var(--red);background:#f43f5e15}.selection-toolbar>i{background:var(--border2);flex-shrink:0;width:1px;height:19px;margin:0 4px}.toolbar-color{border:1px solid #0002;border-radius:50%;width:16px;height:16px}.compact-font-size{flex-shrink:0;align-items:center;display:flex}.compact-font-size button{min-width:22px;padding:0 2px}.compact-font-size input{text-align:center;appearance:textfield;background:0 0;border-color:#0000;width:40px;padding:5px 1px;font-size:12px}.compact-font-size input::-webkit-inner-spin-button{appearance:none}.canvas-workspace:has(.canvas-hint) .selection-toolbar{visibility:hidden}.inline-node-editor{overflow:visible}.inline-node-editor textarea{resize:none;border:2px solid var(--accent);background:var(--panel);width:100%;height:100%;min-height:64px;color:var(--text);border-radius:5px;outline:none;padding:14px;line-height:1.45;box-shadow:0 2px 10px #001a1212}.editor-popover{z-index:160;border:1px solid var(--border2);background:var(--panel);width:max-content;min-width:160px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);color:var(--text);border-radius:10px;padding:9px;font-size:12px;position:fixed;overflow:auto;box-shadow:0 8px 30px #09291e26}.editor-popover button{color:var(--text2);border-radius:6px;justify-content:center;align-items:center;min-height:32px;padding:8px;display:flex}.editor-popover button:hover{background:var(--hover)}.editor-popover button[aria-pressed=true]{color:var(--accent-text);background:var(--accent-soft)}.popover-label{color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:6px;max-width:260px;padding:6px 5px 10px;font-size:10px;font-weight:600;display:flex}.font-preset-menu{min-width:165px}.font-preset-menu button{text-align:left;justify-content:space-between;gap:28px;width:100%}.font-preset-menu small{color:var(--muted);font-size:10px}.alignment-options{gap:6px;display:flex}.alignment-options button{width:40px}.shape-picker{grid-template-columns:repeat(2,minmax(76px,1fr));gap:4px;display:grid}.shape-picker button{flex-direction:column;gap:8px;padding:12px 8px;font-size:10px}.editor-popover .color-swatches{grid-template-columns:repeat(5,26px);gap:6px;padding:4px;display:grid}.editor-popover .color-swatches button{border:2px solid var(--panel);border-radius:50%;width:25px;height:25px;min-height:0}.editor-popover .color-swatches button[aria-pressed=true]{outline:1px solid var(--accent)}.custom-color{justify-content:space-between;align-items:center;gap:10px;padding:12px 4px 4px;display:flex}.custom-color input{width:36px;height:28px;padding:0}.object-options{width:248px}.object-options label{flex-wrap:wrap;align-items:center;gap:7px;margin:5px 4px 16px;font-size:11px;display:flex}.object-options select{width:100%;padding:8px;font-size:12px}.object-options .connection-property{margin:10px 4px}@media (width<=950px){.editor-body.library-hidden{grid-template-rows:minmax(0,1fr);grid-template-areas:"code canvas"}.editor-body.library-hidden.code-collapsed{grid-template-areas:"canvas"}.editor-body.code-only{grid-template:"topbar"49px"code"minmax(0,1fr)/minmax(0,1fr)}.editor-body.code-only .inspector{display:none}.library-family-cards{grid-template-columns:repeat(4,1fr)}}@media (width<=600px){.editor-shell .canvas-tools{gap:1px;padding:4px;top:10px;left:8px}.editor-shell .canvas-tools button{width:30px;height:30px}.editor-shell .canvas-tools i{margin:2px 0}.editor-shell .canvas-topbar{flex-wrap:nowrap;gap:4px;padding:0 8px}.editor-shell .canvas-topbar .library-toggle span,.editor-shell .canvas-topbar .editor-view-switch svg{display:none}.editor-shell .canvas-topbar .editor-view-switch button{padding:0 7px;font-size:10px}.editor-shell .canvas-topbar .canvas-group-picker{display:none}.editor-shell .selection-toolbar{max-width:calc(100% - 14px);padding:4px;bottom:48px;left:50%}.selection-toolbar .selection-edit span{display:none}.library-family-cards{grid-template-columns:1fr 1fr}.component-library .component-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr))}}@media (height<=650px){.editor-shell .canvas-tools button{height:27px}}.editor-shell .merge-excalidraw .excalidraw{--color-surface-primary-container:var(--accent-soft);--color-on-primary-container:var(--accent-text);--color-primary:var(--accent);--color-primary-light:var(--accent-soft)}@media (width>=951px) and (height>=720px){.editor-shell .merge-excalidraw .excalidraw:not(.excalidraw--mobile) .App-menu_top{grid-template-columns:1fr auto;gap:16px;position:relative}.editor-shell .merge-excalidraw .excalidraw:not(.excalidraw--mobile) .shapes-section{position:absolute;top:49px;left:0}.editor-shell .merge-excalidraw .excalidraw:not(.excalidraw--mobile) .App-toolbar>.Stack_horizontal{flex-direction:column;align-items:center;gap:3px;display:flex}.editor-shell .merge-excalidraw .excalidraw:not(.excalidraw--mobile) .App-toolbar{border:1px solid var(--border2);border-radius:10px;width:auto}.editor-shell .merge-excalidraw .excalidraw:not(.excalidraw--mobile) .App-toolbar__divider{width:22px;height:1px;margin:4px 0}.editor-shell .merge-excalidraw .excalidraw:not(.excalidraw--mobile) .App-toolbar .HintViewer{text-align:left;width:min(500px,45vw);top:-48px;left:58px;transform:none}.editor-shell .merge-excalidraw .excalidraw:not(.excalidraw--mobile) .selected-shape-actions{position:absolute;top:49px;left:62px}.editor-shell .merge-excalidraw .excalidraw:not(.excalidraw--mobile) .App-toolbar__extra-tools-dropdown{inset:auto auto 0 52px}}.editor-shell .merge-excalidraw .ToolIcon{gap:0;margin-bottom:0}@media (width>=951px) and (height>=720px){.editor-shell .merge-excalidraw .excalidraw:not(.excalidraw--mobile) .App-toolbar .HintViewer{display:none}}.file-menu-trigger{width:30px;height:30px;color:var(--text2);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.file-menu-trigger:hover{background:var(--hover)}.file-actions-menu{width:220px}.file-actions-menu>button{text-align:left;justify-content:flex-start;gap:12px;width:100%;min-height:37px}.file-actions-menu>button>svg:last-child:not(:first-child){margin-left:auto}.file-actions-menu .expanded{transform:rotate(90deg)}.file-actions-menu hr{border:0;border-top:1px solid var(--border2);margin:7px 2px}.file-export-options{border-top:1px solid var(--border2);margin-top:6px;padding-top:6px}.file-export-options button{justify-content:flex-start;gap:10px;width:100%}.file-export-options .file-extension{width:36px;min-width:36px;font-size:9px}.selection-toolbar>button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.connection-label-input{flex:1;width:220px;min-width:100px;height:30px;padding:5px 8px;font-size:12px}.connection-toolbar{overflow:visible}@media (width<=600px){.connection-toolbar{gap:0;width:calc(100% - 14px)}.connection-label-input{width:100px;min-width:64px}.connection-toolbar>i{margin:0 2px}}.stroke-width-control{align-items:center;gap:8px;margin:0;padding:0 6px;font-size:12px;display:flex}.stroke-width-control select{width:72px;padding:5px}@media (height<=650px){.editor-shell .canvas-tools{max-height:calc(100% - 65px);overflow:hidden auto}.editor-shell .canvas-tools button{flex-shrink:0}}.gif-export-progress>span{font-variant-numeric:tabular-nums;width:16ch}