:root{color:#202124;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}button{font:inherit}.board-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#f4f6f8}.board-fixed-chrome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;transform:none!important}.board-fixed-chrome>*{pointer-events:auto}.board-fixed-chrome .floating-logo,.board-fixed-chrome .home-floating-actions{position:absolute!important}.auth-page{position:relative;display:grid;min-height:100%;place-items:center;overflow:hidden;background:radial-gradient(circle at 28% 24%,rgba(255,209,102,.28),transparent 28%),#f4f6f8;padding:132px 32px 56px}.auth-panel{position:relative;width:min(860px,calc(100% - 48px));min-height:620px;padding:72px;border:1px solid rgba(31,35,40,.12);border-radius:8px;background:#fffffff0;box-shadow:0 24px 70px #161c2429;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-close-button{position:absolute;top:24px;right:24px;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(31,35,40,.12);border-radius:999px;background:#f4f6f8e6;color:#2f3943;cursor:pointer;font-size:22px;font-weight:900;line-height:1}.auth-close-button:hover{background:#fff;border-color:#1f232833}.auth-panel h1{margin:0;color:#0830a6;font-size:52px;line-height:1.1}.auth-panel p{margin:18px 0 44px;color:#53606f;font-size:20px;line-height:1.45}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:-18px 0 28px;padding:6px;border:1px solid rgba(31,35,40,.1);border-radius:999px;background:#f4f6f8e6}.auth-mode-button{min-height:44px;border:0;border-radius:999px;background:transparent;color:#53606f;cursor:pointer;font:inherit;font-size:15px;font-weight:850}.auth-mode-button.is-active{background:#fff;color:#061f66;box-shadow:0 8px 18px #161c241a}.google-login-button,.primary-auth-button,.secondary-auth-button{width:100%;min-height:70px;border:1px solid rgba(6,31,102,.18);border-radius:999px;cursor:pointer;font-size:20px;font-weight:850}.google-login-button{background:#fff;color:#1f2933}.primary-auth-button{background:linear-gradient(180deg,#0937b2f5,#061f66f5);color:#fff}.secondary-auth-button{background:#eef1f3;color:#2f3943}.google-login-button:disabled,.primary-auth-button:disabled,.secondary-auth-button:disabled{cursor:not-allowed;opacity:.58}.auth-divider{display:flex;align-items:center;gap:18px;margin:38px 0;color:#7b858f;font-size:15px;font-weight:800}.auth-divider:before,.auth-divider:after{height:1px;background:#1f23281a;content:"";flex:1}.auth-form{display:grid;gap:24px}.auth-form label{display:grid;gap:12px;color:#2f3943;font-size:17px;font-weight:800}.auth-form input{width:100%;min-height:66px;border:1px solid rgba(31,35,40,.14);border-radius:8px;background:#fff;color:#1f2933;font:inherit;font-size:19px;padding:0 18px}.auth-form input:focus{border-color:#061f6652;outline:3px solid rgba(41,116,255,.18)}.privacy-consent{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:12px!important;color:#53606f!important;font-size:14px!important;font-weight:750!important;line-height:1.45}.privacy-consent input{width:18px;height:18px;min-height:18px;margin:1px 0 0;accent-color:#1f9d8a;cursor:pointer}.privacy-consent a{color:#061f66;font-weight:900;text-decoration:none}.privacy-consent a:hover{text-decoration:underline}.privacy-page{align-items:stretch;padding-top:120px}.privacy-panel{align-self:center;max-height:min(760px,calc(100vh - 156px));overflow:auto}.privacy-consent-panel{min-height:auto}.privacy-content{display:grid;gap:14px;margin-top:32px}.privacy-content h2{margin:18px 0 0;color:#1f2933;font-size:22px;font-weight:900;line-height:1.2}.privacy-content p{margin:0;color:#53606f;font-size:16px;line-height:1.6}.auth-message{margin-top:14px;border:1px solid rgba(255,209,102,.34);border-radius:8px;background:#ffd1662e;color:#544b0e;font-size:13px;font-weight:750;line-height:1.35;padding:10px 12px}.floating-logo{position:fixed!important;top:22px!important;left:22px!important;z-index:1000!important;display:flex;height:96px!important;align-items:center;gap:16px;color:inherit;cursor:pointer;text-decoration:none;flex:0 0 auto;transform:none!important;scale:1!important}.floating-logo img{display:block;width:138px!important;height:96px!important;object-fit:contain;-webkit-user-select:none;user-select:none}.floating-logo span{color:#061f66;font-size:38px!important;font-weight:850;letter-spacing:0;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.7);-webkit-user-select:none;user-select:none;transform:none!important;scale:1!important}.board-viewport{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;overflow:hidden;touch-action:none}.board-viewport.is-panning{cursor:grabbing}.board-background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f6f8;pointer-events:none}.board-content{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.board-overlay>*{pointer-events:auto}.route-status{display:grid;min-height:100%;place-items:center;background:#f4f6f8;color:#2f3943;font-size:15px;font-weight:800}.home-floating-actions{position:fixed!important;top:32px!important;right:32px!important;z-index:1000!important;display:flex;align-items:center;gap:16px;flex:0 0 auto;transform:none!important;scale:1!important}.home-action-button,.creator-avatar-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(31,35,40,.12);background:#ffffffeb;color:#1f2933;cursor:pointer;text-decoration:none;box-shadow:0 12px 30px #161c241f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex:0 0 auto;transform:none!important;scale:1!important}.home-action-button{min-width:86px;min-height:42px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:850;letter-spacing:0}.home-action-button--create{min-width:148px!important;min-height:68px!important;padding:0 28px!important;border-color:#061f662e;background:linear-gradient(180deg,#0937b2f5,#061f66f5);color:#fff;font-size:20px!important;box-shadow:0 9px 22px #061f662e,inset 0 1px #ffffff38}.home-action-button--login{min-width:148px!important;min-height:68px!important;padding:0 28px!important;font-size:20px!important}.creator-avatar-button{width:78px!important;height:78px!important;overflow:hidden;border-radius:50%;padding:0}.creator-avatar-button img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.creator-avatar-button span{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(180deg,#0937b2,#061f66);color:#fff;font-size:24px!important;font-weight:900}.account-menu-shell{position:relative}.account-menu{position:absolute;top:calc(100% + 12px);right:0;width:240px;overflow:hidden;border:1px solid rgba(31,35,40,.12);border-radius:8px;background:#fffffff5;box-shadow:0 24px 70px #161c2433;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.account-menu-profile{display:grid;gap:4px;padding:14px 14px 12px;border-bottom:1px solid rgba(31,35,40,.08)}.account-menu-profile strong{overflow:hidden;color:#1f2933;font-size:14px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.account-menu-profile span{overflow:hidden;color:#68727d;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.account-menu-item{width:100%;min-height:42px;border:0;background:transparent;color:#b42318;cursor:pointer;font:inherit;font-size:14px;font-weight:850;text-align:left;padding:0 14px}.account-menu-item:hover{background:#b4231814}.home-action-button:hover,.creator-avatar-button:hover{background:#fff;border-color:#1f232833}.home-action-button--create:hover{border-color:#061f6640;background:linear-gradient(180deg,#1248cdfa,#08277cfa);box-shadow:0 11px 26px #061f6638,inset 0 1px #ffffff3d;color:#fff}.home-action-button:focus-visible,.creator-avatar-button:focus-visible{outline:3px solid rgba(41,116,255,.32);outline-offset:2px}.add-component-button{position:absolute;top:24px;right:24px;min-height:42px;padding:0 18px;border:1px solid rgba(31,35,40,.12);border-radius:8px;background:#ffffffeb;color:#1f2933;cursor:pointer;font-size:14px;font-weight:850;letter-spacing:0;box-shadow:0 12px 30px #161c241f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.creator-sync-status{position:absolute;top:76px;right:24px;min-height:28px;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(31,35,40,.1);border-radius:999px;background:#ffffffdb;color:#53606f;font-size:12px;font-weight:800;box-shadow:0 10px 24px #161c241a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sync-status-icon,.button-spinner{width:13px;height:13px;border-radius:999px;flex:0 0 auto}.creator-sync-status.is-saving .sync-status-icon,.creator-sync-status.is-publishing .sync-status-icon,.component-action-button--text.is-loading .button-spinner{border:2px solid rgba(6,31,102,.18);border-top-color:#061f66;animation:spin .72s linear infinite}.creator-sync-status.is-saved .sync-status-icon,.creator-sync-status.is-published .sync-status-icon{display:grid;place-items:center;background:#1f9d8a}.creator-sync-status.is-saved .sync-status-icon:before,.creator-sync-status.is-published .sync-status-icon:before{width:6px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;content:"";transform:rotate(-45deg) translateY(-1px)}.creator-sync-status.is-error{border-color:#b4231838;background:#fff5f2eb;color:#b42318}.creator-sync-status.is-error .sync-status-icon{display:grid;place-items:center;background:#b42318}.creator-sync-status.is-error .sync-status-icon:before{color:#fff;content:"!";font-size:10px;font-weight:900;line-height:1}@keyframes spin{to{transform:rotate(360deg)}}.add-component-button:hover{background:#fff;border-color:#1f232833}.add-component-button:focus-visible,.popup-close-button:focus-visible,.component-option-button:focus-visible{outline:3px solid rgba(31,157,138,.36);outline-offset:2px}.add-component-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#f4f6f870;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.add-component-popup{width:min(420px,calc(100vw - 32px));border:1px solid rgba(31,35,40,.12);border-radius:10px;background:#fffffff5;box-shadow:0 24px 70px #161c2433}.component-editor-popup{width:min(560px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 32px));display:flex;flex-direction:column;border:1px solid rgba(31,35,40,.12);border-radius:10px;background:#fffffff7;box-shadow:0 24px 70px #161c2433}.component-editor-popup--notion{width:min(780px,calc(100vw - 32px));border-color:#ffffff1f;background:#171717;color:#f4f4f5}.component-editor-popup--notion .add-component-popup-header{border-bottom-color:#ffffff14;background:#171717}.component-editor-popup--notion .add-component-popup-header h2{color:#f4f4f5}.component-editor-popup--notion .add-component-popup-header p,.component-editor-popup--notion .editor-field>span,.component-editor-popup--notion .editor-help-text{color:#a1a1aa}.component-editor-popup--notion .popup-close-button{background:#2b2b2b;color:#f4f4f5}.component-editor-popup--notion .component-editor-form{background:#171717}.component-editor-popup--notion .editor-field input,.component-editor-popup--notion .editor-field select,.component-editor-popup--notion .editor-field textarea{border-color:#ffffff1f;background:#202020;color:#f4f4f5}.component-editor-popup--notion .component-editor-actions{border-top-color:#ffffff14;background:#171717}.add-component-popup-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px;border-bottom:1px solid rgba(31,35,40,.08)}.add-component-popup-header h2{margin:0;color:#1f2933;font-size:18px;font-weight:850;line-height:1.2}.add-component-popup-header p{margin:4px 0 0;color:#68727d;font-size:13px;font-weight:700;line-height:1.35}.popup-close-button{display:grid;width:32px;height:32px;place-items:center;border:1px solid transparent;border-radius:7px;background:#eef1f3;color:#2f3943;cursor:pointer;font-size:16px;font-weight:850;line-height:1}.component-option-grid{display:grid;gap:10px;padding:16px}.component-option-button{min-height:64px;border:1px solid rgba(31,35,40,.1);border-radius:8px;background:#f8faf9;color:#1f2933;cursor:pointer;font-size:14px;font-weight:800;letter-spacing:0;text-align:left;padding:10px 14px}.component-option-button strong,.component-option-button span{display:block}.component-option-button span{margin-top:4px;color:#68727d;font-size:12px;font-weight:700;line-height:1.3}.component-option-button:hover{border-color:#1f9d8a57;background:#fff}.component-editor-form{display:grid;gap:12px;overflow:auto;padding:16px}.editor-field{display:grid;gap:7px}.editor-field>span{color:#2f3943;font-size:12px;font-weight:850}.editor-field input,.editor-field select,.editor-field textarea{width:100%;border:1px solid rgba(31,35,40,.14);border-radius:8px;background:#fff;color:#1f2933;font:inherit;font-size:14px;font-weight:650;padding:10px 11px}.editor-field textarea{min-height:82px;resize:vertical}.editor-field .code-editor-input{min-height:160px;background:#111827;color:#e5edf5;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5}.editor-field input[type=file]{background:#f8faf9}.text-block-editor{display:grid;gap:4px;margin-top:4px;padding:26px 34px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#171717}.text-block-editor-item{position:relative;display:grid;gap:6px;padding:4px 0 4px 40px;border:0;border-radius:4px;background:transparent;box-shadow:none}.text-block-editor-toolbar{position:absolute;top:6px;left:0;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .14s ease}.text-block-editor-item:hover .text-block-editor-toolbar,.text-block-editor-item:focus-within .text-block-editor-toolbar{opacity:1}.text-block-add-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-left:40px}.text-block-drag-handle{color:#71717a;cursor:grab;font-size:13px;letter-spacing:-2px;line-height:1}.text-block-editor-toolbar select,.text-block-editor-toolbar button,.text-block-add-row button{min-height:26px;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:#262626;color:#d4d4d8;cursor:pointer;font:inherit;font-size:11px;font-weight:800;padding:0 8px}.text-block-editor-toolbar button:disabled{color:#52525b;cursor:not-allowed}.text-block-add-row button{border-color:#ffffff1f;color:#d4d4d8}.text-block-checkbox-row{display:inline-flex;align-items:center;gap:8px;color:#d4d4d8;font-size:13px;font-weight:800}.text-block-checkbox-row input{width:auto}.text-block-textarea,.text-block-editor-item .text-block-code-language,.text-block-editor-item .text-block-code-input{width:100%;border:0;border-radius:4px;background:transparent;color:#f4f4f5;font:inherit;outline:none;resize:vertical}.text-block-textarea{min-height:34px;padding:2px 0;font-size:18px;font-weight:650;line-height:1.45}.text-block-editor-item.is-heading .text-block-textarea{min-height:56px;color:#f4f4f5;font-size:36px;font-weight:900;line-height:1.12}.text-block-editor-item.is-subheading .text-block-textarea{min-height:42px;color:#f4f4f5;font-size:24px;font-weight:850}.text-block-editor-item.is-callout{margin:4px 0 12px;padding:20px 24px 20px 40px;border-radius:6px;background:#182635}.text-block-editor-item.is-callout .text-block-textarea{min-height:52px;color:#d9e3ef;font-size:34px;font-weight:900;line-height:1.12}.text-block-editor-item.is-divider{min-height:30px;border-bottom:1px solid rgba(255,255,255,.14)}.text-block-editor-item.is-divider .editor-help-text{display:none}.text-block-editor-item .text-block-code-language{max-width:120px;margin-bottom:4px;color:#a1a1aa;font-size:12px;font-weight:850}.text-block-editor-item .text-block-code-input{min-height:120px;padding:12px;border-radius:6px;background:#242424;color:#ff6b6b;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:16px;line-height:1.55}.editor-help-text,.editor-validation{margin:0;font-size:13px;font-weight:700;line-height:1.4}.editor-help-text{color:#68727d}.editor-inline-help{display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-text-button{flex:0 0 auto;min-height:32px;border:1px solid rgba(31,35,40,.12);border-radius:7px;background:#f1f3f5;color:#2f3943;cursor:pointer;font:inherit;font-size:13px;font-weight:850;padding:0 10px}.editor-text-button:hover{border-color:#b423182e;background:#fff7f6;color:#b42318}.editor-validation{color:#b42318}.component-editor-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px 16px;border-top:1px solid rgba(31,35,40,.08)}.secondary-editor-button,.primary-editor-button{min-height:40px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:850;padding:0 14px}.secondary-editor-button{border:1px solid rgba(31,35,40,.12);background:#f1f3f5;color:#2f3943}.primary-editor-button{border:1px solid rgba(31,157,138,.5);background:#1f9d8a;color:#fff}.primary-editor-button:disabled{border-color:#1f23281a;background:#d9dee3;color:#7b858f;cursor:not-allowed}.container-component-node{position:absolute;z-index:2;display:flex;align-items:center;border:1px solid rgba(193,169,0,.2);background:#ffe84f57;contain:layout style;overflow:visible;pointer-events:auto}.container-component-node:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff57,#fff0);content:"";pointer-events:none}.container-component-node.is-drop-target{border-color:#1f9d8a80;background:#ffe84f7a;box-shadow:0 20px 80px #1f9d8a2e}.board-item-shell{position:absolute;z-index:2;overflow:visible;pointer-events:auto}.creator-connections-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:visible;pointer-events:none}.creator-connections-layer.is-drawing{z-index:8}.creator-connections-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.creator-connection-path{fill:none;stroke:#108e7ef5;stroke-linecap:round;stroke-linejoin:round;stroke-width:5;filter:drop-shadow(0 0 1px rgba(255,255,255,.88)) drop-shadow(0 6px 12px rgba(16,142,126,.3))}.creator-connection-path.is-draft{stroke:#061f66e6;stroke-width:4.5;stroke-dasharray:10 8}.creator-connection-arrow path{fill:#108e7efa;filter:drop-shadow(0 1px 2px rgba(22,28,36,.22))}.creator-connection-arrow--draft path{fill:#061f66f0}.creator-connection-draft-endpoint{fill:#061f66;stroke:#fff;stroke-width:2;filter:drop-shadow(0 7px 14px rgba(6,31,102,.22))}.board-item-shell.is-draggable,.container-component-node.is-draggable{cursor:grab}.board-item-shell.is-draggable:active,.container-component-node.is-draggable:active{cursor:grabbing}.board-item-shell.is-contained{position:relative;z-index:1;flex:0 0 auto;left:auto;top:auto}.board-item-shell.is-access-locked>:not(.label-component):not(.access-lock-overlay),.container-component-node.is-access-locked>:not(.label-component):not(.container-creator-chip):not(.access-lock-overlay):not(.component-actions):not(.connection-anchors){opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.access-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#fff0 0,#fff0 38%,#ffffff75,#fff0 62%) 0 0 / 220% 100%,linear-gradient(180deg,#061f6614,#ffd16629),#f7f9fb;container-type:size;pointer-events:auto;animation:skeleton-shimmer 1.8s ease-in-out infinite}.access-lock-overlay.has-lock-image{background:linear-gradient(90deg,#fff0 0,#fff0 38%,#fff6,#fff0 62%) 0 0 / 220% 100%,linear-gradient(180deg,#061f661f,#161c242e)}.access-lock-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.access-lock-overlay:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:linear-gradient(90deg,#fff0 0,#fff0 38%,#ffffff6b,#fff0 62%) 0 0 / 220% 100%;content:"";pointer-events:none;animation:skeleton-shimmer 1.8s ease-in-out infinite}.access-lock-overlay.has-lock-image:before{background:linear-gradient(90deg,#fff0 0,#fff0 38%,#ffffff6b,#fff0 62%) 0 0 / 220% 100%,linear-gradient(180deg,#061f6614,#161c2429)}.access-lock-card{position:relative;z-index:2;display:grid;box-sizing:border-box;width:min(calc(270px * var(--access-lock-scale)),82%);width:min(calc(270px * var(--access-lock-scale)),82cqw);max-height:min(250px,82cqh);overflow:hidden;justify-items:center;gap:max(3px,calc(9px * var(--access-lock-scale)));padding:max(5px,calc(22px * var(--access-lock-scale)));border:1px solid rgba(6,31,102,.12);border-radius:max(5px,calc(8px * var(--access-lock-scale)));background:#ffffffeb;box-shadow:0 calc(18px * var(--access-lock-scale)) calc(42px * var(--access-lock-scale)) #161c2429;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.access-lock-icon{display:grid;width:max(15px,calc(42px * var(--access-lock-scale)));height:max(15px,calc(42px * var(--access-lock-scale)));place-items:center;border-radius:999px;background:#061f6614;color:#061f66}.access-lock-icon svg{width:max(9px,calc(22px * var(--access-lock-scale)));height:max(9px,calc(22px * var(--access-lock-scale)));fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.access-lock-card strong{color:#1f2933;font-size:max(8px,calc(15px * var(--access-lock-scale)));font-weight:900;line-height:1.2}.access-lock-card p{margin:0;color:#68727d;font-size:max(7px,calc(12px * var(--access-lock-scale)));font-weight:750;line-height:1.35}.access-lock-button{display:inline-flex;max-width:100%;min-height:max(18px,calc(42px * var(--access-lock-scale)));align-items:center;justify-content:center;border:1px solid rgba(6,31,102,.18);border-radius:999px;background:linear-gradient(180deg,#0937b2f5,#061f66f5);color:#fff;font-size:max(8px,calc(14px * var(--access-lock-scale)));font-weight:850;padding:0 max(7px,calc(18px * var(--access-lock-scale)));text-decoration:none;box-shadow:0 calc(12px * var(--access-lock-scale)) calc(28px * var(--access-lock-scale)) #061f663d,inset 0 1px #ffffff38;white-space:nowrap}@container (max-width: 190px){.access-lock-icon,.access-lock-card p{display:none}}@container (max-height: 150px){.access-lock-icon,.access-lock-card p{display:none}.access-lock-card{padding:clamp(6px,5cqh,12px)}}@keyframes skeleton-shimmer{0%{background-position:140% 0,0 0,0 0}to{background-position:-80% 0,0 0,0 0}}.label-component{position:absolute;bottom:calc(100% + var(--label-offset));left:0;z-index:3;display:inline-flex;max-width:var(--label-max-width, none);height:var(--label-height);align-items:center;gap:5px;padding:0 var(--label-padding-x);border:1px solid rgba(31,35,40,.12);border-radius:999px;background:#ffffffe6;color:#2f3943;font-size:var(--label-size);font-weight:850;letter-spacing:0;line-height:1;white-space:nowrap;box-shadow:0 8px 22px #161c241a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none}.label-component__text{min-width:0;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.label-component--container{z-index:9;top:var(--label-offset);bottom:auto;left:var(--container-label-inset, 0);width:calc(100% - (var(--container-label-inset, 0px) * 2));max-width:calc(100% - (var(--container-label-inset, 0px) * 2));height:auto;min-height:var(--label-height);justify-content:flex-start;padding:calc(var(--label-padding-x) * .75) var(--label-padding-x);border:0;border-radius:0;background:transparent;color:#061f66;font-size:var(--label-size);font-weight:950;line-height:1.08;box-shadow:none;text-shadow:0 1px 0 rgba(255,255,255,.72);-webkit-backdrop-filter:none;backdrop-filter:none}.container-creator-chip{position:absolute;bottom:calc(100% + var(--container-creator-offset, 10px));left:0;z-index:9;display:inline-flex;max-width:calc(100% - (var(--container-header-inset, 0px) * 2));min-height:var(--container-creator-height);align-items:center;gap:var(--container-creator-gap);color:#061f66;font-size:var(--container-creator-font-size);font-weight:950;line-height:1;-webkit-user-select:none;user-select:none}.container-creator-avatar{display:grid;flex:0 0 auto;width:var(--container-creator-avatar-size);height:var(--container-creator-avatar-size);place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.86);border-radius:999px;background:linear-gradient(180deg,#0937b2,#061f66);color:#fff;font-size:calc(var(--container-creator-avatar-size) * .42);font-weight:950;box-shadow:0 8px 18px #161c2424;-webkit-user-select:none;user-select:none}.container-creator-avatar img{width:100%;height:100%;object-fit:cover}.container-creator-name{min-width:0;overflow:hidden;color:#061f66;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(255,255,255,.72);white-space:nowrap;-webkit-user-select:none;user-select:none}.label-lock-button{display:grid;width:calc(var(--label-height) - 8px);height:calc(var(--label-height) - 8px);place-items:center;border:1px solid rgba(6,31,102,.12);border-radius:999px;background:#f4f7fceb;color:#53606f;cursor:pointer;padding:0}.label-lock-button svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.label-lock-button:hover{border-color:#061f6638;background:#fff;color:#061f66}.label-lock-button.is-locked{border-color:#1f9d8a47;background:#1f9d8a1f;color:#167d70}.component-actions{position:absolute;top:calc(-1 * (var(--label-height, 26px) + var(--label-offset, 8px)));right:0;z-index:4;display:flex;gap:6px}.component-action-button{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(31,35,40,.12);border-radius:999px;background:#ffffffeb;color:#2f3943;cursor:pointer;font-size:15px;font-weight:900;line-height:1;box-shadow:0 8px 22px #161c241f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.component-action-button--text{display:inline-flex;width:auto;min-width:88px;align-items:center;justify-content:center;gap:6px;border-color:#061f662e;background:linear-gradient(180deg,#0937b2f5,#061f66f5);box-shadow:0 9px 22px #061f662e,inset 0 1px #ffffff38;color:#fff;padding:0 10px;font-size:12px;font-weight:850}.component-action-button--text .button-spinner{display:none}.component-action-button--text.is-loading .button-spinner{display:block}.component-action-button:disabled{cursor:wait}.component-action-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.component-action-button:hover{background:#fff;border-color:#1f232838}.component-action-button--text:hover{border-color:#061f6640;background:linear-gradient(180deg,#1248cdfa,#08277cfa);box-shadow:0 11px 26px #061f6638,inset 0 1px #ffffff3d;color:#fff}.component-action-button.is-danger{color:#b42318}.component-action-button.is-danger:hover{border-color:#b4231842}.connection-anchors{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.connection-anchor-button{position:absolute;top:50%;display:grid;width:28px;height:56px;place-items:center;border:0;border-radius:999px;background:transparent;box-shadow:none;cursor:crosshair;pointer-events:auto;transform:translateY(-50%);transition:opacity .16s ease,transform .16s ease}.connection-anchor-button--left{left:-14px}.connection-anchor-button--right{right:-14px}.connection-anchor-button span{width:9px;height:9px;border:2px solid #ffffff;border-radius:999px;background:#1f9d8a;box-shadow:0 0 0 3px #1f9d8a24,0 7px 16px #161c2429}.public-connection-anchors .connection-anchor-button{cursor:default;opacity:0;pointer-events:none}.connection-anchor-button:hover{transform:translateY(-50%) scale(1.12)}.empty-container-message{position:relative;z-index:1;display:grid;width:100%;height:100%;place-items:center;border:1px dashed rgba(128,116,20,.34);border-radius:12px;color:#544b0eb8;font-size:14px;font-weight:850}.text-component-node{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:22px;overflow:auto;padding:42px 52px;border:1px solid rgba(255,255,255,.06);background:#171717;contain:layout paint style;pointer-events:auto;-webkit-user-select:none;user-select:none}.notion-text-heading{margin:0;color:#f4f4f5;font-size:var(--text-component-heading-size);font-weight:900;letter-spacing:0;line-height:1.12}.notion-text-subheading{margin:0;color:#f4f4f5;font-size:var(--text-component-subheading-size);font-weight:800;letter-spacing:0;line-height:1.25}.notion-text-callout{display:block;margin:0 0 4px;padding:28px 34px;border-radius:6px;background:#182635;color:#d9e3ef;font-size:var(--text-component-heading-size);font-weight:900;line-height:1.12}.notion-text-divider{width:100%;height:1px;margin:6px 0 18px;border:0;background:#ffffff1f}.notion-text-todo{display:flex;align-items:center;gap:14px;color:#f4f4f5;font-size:var(--text-component-subheading-size);font-weight:900;line-height:1.2}.notion-text-todo span{display:grid;flex:0 0 auto;width:22px;height:22px;place-items:center;border:2px solid rgba(255,255,255,.86);border-radius:3px}.notion-text-todo span.is-checked{border-color:#22c55e;background:#22c55e}.notion-text-todo span.is-checked:before{color:#fff;content:"✓";font-size:18px;font-weight:950;line-height:1}.code-component-bar span{color:#68727d;font-size:var(--code-component-control-size);font-weight:800;letter-spacing:0;text-transform:uppercase}.notion-text-paragraph{margin:0;color:#e8e8e8;font-size:var(--text-component-body-size);font-weight:600;line-height:1.6;-webkit-user-select:text;user-select:text}.notion-text-paragraph em,.notion-text-paragraph i{font-style:italic}.code-component-node{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow:hidden;border:1px solid rgba(18,24,32,.1);background:#111827;contain:layout paint style;pointer-events:auto;-webkit-user-select:none;user-select:none}.code-component-shell{display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden;border:1px solid rgba(18,24,32,.1);border-radius:10px;background:#111827}.code-component-node .code-component-shell{width:100%;height:100%;border:0;border-radius:inherit}.code-component-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff0a}.code-component-bar span{color:#ffffff94}.copy-code-button{min-height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#ffffff1a;color:#ffffffeb;cursor:pointer;font-size:var(--code-component-control-size);font-weight:800;letter-spacing:0}.copy-code-button:hover{border-color:#ffffff47;background:#ffffff29}.copy-code-button:focus-visible{outline:3px solid rgba(31,157,138,.45);outline-offset:2px}.code-component-code{flex:1;margin:0;overflow:auto;padding:12px;color:#e5edf5;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--code-component-size);font-weight:650;line-height:1.55;white-space:pre;-webkit-user-select:text;user-select:text}.image-node{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0;border:1px solid rgba(18,24,32,.1);background:#fff;contain:layout paint style;-webkit-user-select:none;user-select:none}.image-node-media{display:block;width:100%;height:100%;object-fit:cover}.image-node-meta{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#1118278f;color:#ffffffe0;font-size:var(--image-badge-size);font-weight:800;letter-spacing:0;line-height:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.link-component-node{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;overflow:hidden;border:1px solid rgba(18,24,32,.1);background:#fff;contain:layout paint style;pointer-events:auto;-webkit-user-select:none;user-select:none}.link-copy-button{flex:0 0 auto;min-height:30px;padding:0 12px;border:1px solid rgba(6,31,102,.16);border-radius:999px;background:linear-gradient(180deg,#0937b2f5,#061f66f5);color:#fff;cursor:pointer;font-size:var(--link-button-size);font-weight:850;box-shadow:0 10px 22px #061f6633,inset 0 1px #fff3}.link-copy-panel{display:flex;min-height:0;align-items:center;gap:12px;overflow:hidden;padding:10px 12px;background:#fbfcfd}.link-copy-panel span{min-width:0;flex:1;overflow:hidden;color:#1f2933;font-size:var(--link-url-size);font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.folder-component-node{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(18,24,32,.1);background:#fff;contain:layout paint style;pointer-events:auto;-webkit-user-select:none;user-select:none}.folder-component-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid rgba(18,24,32,.08);background:#fbfcfd}.folder-component-header h2,.folder-component-header p{margin:0}.folder-component-header h2{color:#1f2933;font-size:var(--folder-title-size);font-weight:850;line-height:1.2}.folder-component-header p{margin-top:3px;color:#68727d;font-size:var(--folder-body-size);font-weight:720}.folder-download-button{min-height:32px;padding:0 12px;border:1px solid rgba(31,157,138,.34);border-radius:7px;background:#1f9d8a1f;color:#167d70;cursor:pointer;font-size:var(--folder-body-size);font-weight:850}.folder-download-button:hover{border-color:#1f9d8a7a;background:#1f9d8a2e}.folder-download-button:disabled{border-color:#1f23281a;background:#eef1f3;color:#9aa3ad;cursor:not-allowed}.folder-component-body{display:grid;min-height:0;flex:1;grid-template-columns:minmax(150px,.9fr) minmax(220px,1.4fr)}.folder-tree{min-height:0;overflow:auto;border-right:1px solid rgba(18,24,32,.08);background:#f7f9fb;padding:12px 10px}.folder-tree-list{list-style:none;margin:0;padding:0}.folder-tree-list .folder-tree-list{margin-left:13px}.folder-tree-folder,.folder-tree-file{display:block;width:100%;min-height:26px;border-radius:6px;color:#2f3943;font-size:var(--folder-body-size);font-weight:760;line-height:1.2;text-align:left}.folder-tree-folder{padding:6px 7px}.folder-tree-file{border:0;background:transparent;cursor:pointer;padding:6px 7px 6px 19px}.folder-tree-file:hover,.folder-tree-file.is-selected{background:#061f6614;color:#061f66}.folder-preview{display:flex;min-width:0;min-height:0;flex-direction:column;background:#fff}.folder-preview>header{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid rgba(18,24,32,.08);color:#2f3943;font-size:var(--folder-body-size)}.folder-preview>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-preview>header span{flex:0 0 auto;color:#68727d;font-weight:760}.folder-preview-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.folder-copy-button{min-height:28px;padding:0 10px;border:1px solid rgba(6,31,102,.12);border-radius:7px;background:#f1f3f5;color:#2f3943;cursor:pointer;font-size:var(--folder-body-size);font-weight:850}.folder-copy-button:hover{border-color:#061f6638;background:#fff;color:#061f66}.folder-preview-code-shell{display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden;background:#0f172a}.folder-preview-code-toolbar{display:flex;min-height:36px;align-items:center;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff0a}.folder-preview-code-toolbar span{color:#ffffffa8;font-size:var(--folder-body-size);font-weight:850;letter-spacing:0;text-transform:uppercase}.folder-preview-code,.folder-preview-text{flex:1;min-height:0;margin:0;overflow:auto;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--folder-body-size);font-weight:620;line-height:1.55;white-space:pre;-webkit-user-select:text;user-select:text}.folder-preview-code{color:#e5edf5;background:linear-gradient(90deg,rgba(148,163,184,.08) 0 48px,transparent 48px),#0f172a}.folder-preview-text{color:#263241;background:#fff}.folder-preview-code-line{display:grid;grid-template-columns:36px minmax(0,1fr);min-height:19px;gap:12px}.folder-preview-line-number{color:#94a3b89e;font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:none;user-select:none}.folder-preview-code-line code{min-width:0;color:#dbeafe}.folder-preview-image{display:grid;flex:1;min-height:0;place-items:center;padding:14px;background:#f7f9fb}.folder-preview-image img{display:block;max-width:100%;max-height:100%;border-radius:8px;object-fit:contain;box-shadow:0 14px 34px #161c241f}.folder-preview-empty{display:grid;flex:1;place-content:center;gap:6px;padding:18px;color:#68727d;font-size:var(--folder-body-size);font-weight:760;text-align:center}.folder-preview-empty strong{color:#2f3943}.vertical-video-node{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:1px solid rgba(18,24,32,.12);background:#111827;contain:layout paint style;pointer-events:auto;-webkit-user-select:none;user-select:none}.vertical-video-media,.vertical-video-surface{position:absolute;top:0;right:0;bottom:0;left:0}.vertical-video-media{width:100%;height:100%;object-fit:cover;background:#111827;cursor:pointer}.vertical-video-surface{background:linear-gradient(180deg,#11182700 50%,#111827bd),linear-gradient(0deg,#1118271f,#1118271f);pointer-events:none}.vertical-video-controls{position:absolute;right:0;bottom:42px;left:0;display:flex;justify-content:center;gap:8px;padding:0 12px}.video-control-button{display:grid;width:var(--video-control-size);height:var(--video-control-size);place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff29;color:#fff;cursor:pointer;font-size:var(--video-control-font-size);font-weight:800;line-height:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.video-control-button.is-primary{background:#ffffffeb;color:#111827}.video-control-button:hover{border-color:#ffffff70;background:#ffffff3d}.video-control-button.is-primary:hover{background:#fff}.video-control-button:active{transform:translateY(1px)}.video-control-button:focus-visible{outline:3px solid rgba(31,157,138,.45);outline-offset:2px}.vertical-video-timeline{position:absolute;right:14px;bottom:14px;left:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;color:#ffffffd6;font-size:var(--video-label-size);font-weight:700}.vertical-video-timeline input{width:100%;accent-color:#1f9d8a;cursor:pointer}.board-controls{position:absolute;right:24px;bottom:24px;z-index:2;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(31,35,40,.12);border-radius:8px;background:#ffffffeb;box-shadow:0 12px 32px #24282d29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-button,.reset-button{border:1px solid transparent;border-radius:6px;background:#eef1f3;color:#202124;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.icon-button{width:36px;height:36px;padding:0;font-size:24px;font-weight:700;line-height:1}.reset-button{min-width:64px;height:36px;padding:0 14px;font-size:14px;font-weight:700}.icon-button:hover,.reset-button:hover{border-color:#1f232833;background:#e2e8eb}.icon-button:active,.reset-button:active{transform:translateY(1px)}.icon-button:focus-visible,.reset-button:focus-visible{outline:3px solid rgba(41,116,255,.32);outline-offset:2px}.zoom-readout{min-width:56px;color:#343a40;font-size:14px;font-weight:800;text-align:center}@media (max-width: 640px){.floating-logo{top:22px!important;left:22px!important;height:96px!important;gap:16px}.floating-logo img{width:138px!important;height:96px!important}.floating-logo span{font-size:38px!important}.home-floating-actions{top:32px!important;right:32px!important;gap:16px}.home-action-button{min-width:86px;min-height:42px;padding:0 18px;font-size:14px}.home-action-button--create,.home-action-button--login{min-width:148px!important;min-height:68px!important;padding:0 28px!important;font-size:20px!important}.creator-avatar-button{width:78px!important;height:78px!important}.creator-avatar-button img{width:100%;height:100%}.add-component-button{top:16px;right:12px;min-height:38px;padding:0 12px}.board-controls{right:12px;bottom:12px;left:12px;justify-content:center}}