:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17212b;background:#f6f8f7}*{box-sizing:border-box}body{margin:0}main{min-height:100vh}header,section{max-width:1120px;margin:0 auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;align-items:center;gap:16px}.brand{font-size:24px;font-weight:700;color:#075c54}.status{color:#52616b;font-size:14px}.sign-in{border:0;border-radius:4px;cursor:pointer;font:inherit}.sign-in{background:#075c54;color:#fff;padding:9px 14px}.account-menu{position:relative}.avatar-button{align-items:center;background:#d9ece8;border:1px solid #8cbab1;border-radius:50%;color:#075c54;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:700;height:34px;justify-content:center;padding:0;width:34px}.avatar-button:hover{background:#c8e3dd}.account-popover{background:#fff;border:1px solid #dce3df;border-radius:6px;box-shadow:0 8px 20px #17212b24;min-width:220px;padding:12px;position:absolute;right:0;top:42px;z-index:10}.account-popover p{color:#52616b;font-size:12px;margin:0 0 4px}.account-popover strong{display:block;font-size:14px;overflow-wrap:anywhere}.menu-divider{background:#dce3df;height:1px;margin:12px -12px 6px}.account-popover button{background:transparent;border:0;border-radius:4px;color:#a43d18;cursor:pointer;font:inherit;padding:8px;text-align:left;width:100%}.account-popover button:hover{background:#fff1eb}.account-popover .account-menu-item{align-items:center;color:#17212b;display:flex;gap:8px;margin-top:8px;text-decoration:none}.account-popover .account-menu-item:hover{background:#edf7f4}.account-popover .manage-security-menu-item{color:#075c54;margin-top:8px}.account-popover .manage-security-menu-item:hover{background:#edf7f4}section{padding-top:80px}.eyebrow{color:#a43d18;font-weight:700;margin:0 0 12px}.identity-state{color:#52616b;margin:0 0 26px}h1{max-width:680px;font-size:44px;line-height:1.1;margin:0 0 42px}.workspace-picker{border-bottom:1px solid #dce3df;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}.library-tabs{border-bottom:1px solid #dce3df;display:flex;gap:18px;margin:0 0 18px}.library-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#52616b;cursor:pointer;font:inherit;padding:10px 2px}.library-tabs button[aria-selected=true]{border-bottom-color:#075c54;color:#075c54;font-weight:700}.workspace-picker button{background:transparent;border:0;border-bottom:2px solid transparent;color:#52616b;cursor:pointer;font:inherit;padding:10px 4px;white-space:nowrap}.workspace-picker button[aria-selected=true]{border-bottom-color:#075c54;color:#075c54;font-weight:700}.canvas-toolbar{align-items:end;display:flex;gap:12px;margin-bottom:24px}.canvas-toolbar label{display:grid;gap:6px;min-width:min(360px,100%)}.canvas-toolbar label span{color:#52616b;font-size:13px;font-weight:700}.canvas-toolbar input{border:1px solid #aebbb5;border-radius:4px;font:inherit;height:38px;padding:8px 10px}.create-canvas{background:#075c54;border:0;border-radius:4px;color:#fff;cursor:pointer;font:inherit;height:38px;padding:0 14px}.create-canvas:disabled{cursor:not-allowed;opacity:.55}.canvas-create-error{color:#a43d18;font-size:13px;font-weight:700;margin:-13px 0 20px}.canvas-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}article{align-items:start;background:#fff;border:1px solid #dce3df;border-radius:8px;display:flex;justify-content:space-between;padding:20px}article h2{margin:0 0 8px;font-size:18px}article p{color:#52616b;margin:0}.canvas-status{background:#fff1eb;border:1px solid #f0c8b6;color:#a43d18;font-size:12px;font-weight:700;padding:4px 6px}.canvas-shared-indicator{color:#075c54;font-size:12px;font-weight:700}.canvas-actions{display:flex;gap:8px;align-items:center}.canvas-actions button,.editor button{border:1px solid #8cbab1;background:#fff;border-radius:4px;cursor:pointer;padding:6px 9px}.editor{max-width:none;padding:0}.editor-bar{align-items:center;border-bottom:1px solid #dce3df;display:flex;gap:12px;padding:14px 24px}.editor-bar input{border:0;font:700 18px inherit;flex:1}.editor-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 280px;min-height:calc(100vh - 100px)}.editor aside{border-right:1px solid #dce3df;padding:16px}.editor aside button{display:block;margin-bottom:8px;width:100%}.editor aside p{color:#52616b;font-size:13px}.canvas-stage{background:#e9efec;margin:24px;min-height:940px;position:relative}.canvas-object{background:#fff;border:1px solid #8cbab1;cursor:grab;overflow:hidden;padding:12px;position:absolute;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-object:active{cursor:grabbing}.canvas-object.browser{background:#f7faf9;border-color:#52616b}.editor .create-canvas{background:#075c54;border-color:#075c54;color:#fff}@media(max-width:640px){section{padding-top:48px}h1{font-size:34px}.canvas-toolbar{align-items:stretch;flex-direction:column}.canvas-toolbar label{min-width:0}}.canvas-object.selected{outline:2px solid #075c54;overflow:visible}.canvas-object.collaborator-selected{outline:3px solid var(--collaborator-color);outline-offset:2px}.canvas-object.hotspot{background:transparent;border:1px dashed var(--hotspot-frame-color);overflow:visible;padding:0}.editor .image-hotspot{background:transparent!important;border:0!important;color:transparent!important;cursor:default;height:100%;padding:0!important;width:100%}.editor-layout.runtime .canvas-object.hotspot{border:0}.editor-layout.runtime .canvas-object.hotspot.hotspot-frame-enabled{border:1px solid var(--hotspot-frame-color)}.editor-layout.runtime .canvas-object{cursor:default}.editor-layout.runtime .canvas-object.hotspot.hotspot-active .image-hotspot,.editor-layout.runtime .canvas-object.shape.shape-active{cursor:pointer}.collaborator-cursor{height:18px;pointer-events:none;position:absolute;transform:translate(-2px,-2px);width:18px;z-index:20}.collaborator-cursor:before{border-bottom:16px solid transparent;border-left:10px solid var(--collaborator-color);content:"";display:block;height:0;transform:rotate(-24deg);width:0}.collaborator-cursor span{background:var(--collaborator-color);border-radius:3px;color:#fff;font-size:11px;font-weight:700;left:12px;line-height:1;padding:4px 6px;position:absolute;top:12px;white-space:nowrap}.inline-text{cursor:text;height:100%;outline:0;overflow:auto;white-space:pre-wrap;width:100%}.canvas-tabs{align-items:center;background:#fff;border-bottom:1px solid #dce3df;display:flex;gap:2px;height:40px;padding:0 8px;position:absolute;top:0;left:0;right:0;z-index:2}.canvas-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#52616b;cursor:pointer;font:inherit;height:40px;padding:0 12px}.canvas-tabs button.active{border-bottom-color:#075c54;color:#075c54;font-weight:700}.canvas-tabs .add-tab{font-size:20px;padding:0 8px}.canvas-tabs.tab-style-contained,.canvas-tabs.tab-style-pill,.canvas-tabs.tab-style-elevated{gap:6px}.canvas-tabs.tab-style-contained button,.canvas-tabs.tab-style-pill button,.canvas-tabs.tab-style-elevated button{border:1px solid rgba(82,97,107,.2);height:30px}.canvas-tabs.tab-style-contained button{border-radius:4px}.canvas-tabs.tab-style-pill button{border-radius:999px;padding-left:16px;padding-right:16px}.canvas-tabs.tab-style-elevated{border-bottom-color:transparent}.canvas-tabs.tab-style-elevated button{border-radius:6px;box-shadow:0 2px 5px #17212b24}.canvas-tabs.tab-style-elevated button.active{box-shadow:0 3px 8px #17212b3d}.canvas-tabs.tab-style-minimalist{border-bottom-color:transparent;gap:6px}.canvas-tabs.tab-style-minimalist button{border:0;font-weight:400}.canvas-tabs.tab-style-minimalist button.active{font-weight:700}.desktop-settings-dialog{background:#fff;border:1px solid #dce3df;border-radius:6px;box-shadow:0 12px 36px #17212b38;max-width:520px;padding:20px;width:min(520px,calc(100vw - 32px))}.desktop-settings-dialog header{align-items:center;display:flex;justify-content:space-between;margin:0 0 20px;padding:0}.desktop-settings-title{align-items:center;display:flex;font-size:18px;font-weight:700;gap:8px}.desktop-settings-dialog form,.desktop-settings-dialog label{display:grid;gap:8px}.desktop-settings-dialog label{color:#34434c;font-size:13px;font-weight:700}.desktop-settings-dialog input{border:1px solid #aebbb5;border-radius:4px;font:inherit;padding:9px 10px;width:100%}.desktop-settings-note{color:#694a00;font-size:13px;margin:0}.desktop-settings-error{color:#a43d18;font-size:13px;font-weight:700;margin:0}.icon-only-button{align-items:center;background:transparent;border:0;border-radius:4px;color:#52616b;cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;width:30px}.icon-only-button:hover{background:#edf1ef}.layer{background:transparent;border:0;color:#52616b;cursor:pointer;display:block;padding:6px 0;text-align:left;width:100%}.inspector{border-left:1px solid #dce3df;padding:16px}.collaboration-lockable{border:0;margin:0;min-width:0;padding:0}.collaboration-lockable:disabled{opacity:.55}.collaboration-lock-message,.collaboration-notice{background:#fff4d9;border:1px solid #e7c467;border-radius:4px;color:#694a00;font-size:13px;margin:0 0 16px;padding:9px 10px}.collaboration-notice{margin:0 24px 12px}.collaborator-avatars{align-items:center;display:flex;gap:4px;margin-left:6px}.collaborator-avatar{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0f201f3d;color:#fff;display:inline-flex;font-size:11px;font-weight:800;height:27px;justify-content:center;width:27px}.collaborator-overflow{color:#52616b;font-size:12px;font-weight:700;margin-left:2px}.audit-events{display:grid;gap:12px;list-style:none;margin:0;padding:0}.audit-events li{border-bottom:1px solid #e2e8e4;color:#34434c;font-size:13px;line-height:1.4;padding-bottom:12px}.audit-events time{color:#65757b;display:block;font-size:11px;margin-top:3px}.empty-activity{color:#65757b;font-size:13px}.inspector h2{font-size:18px;margin:0 0 20px}.inspector label{display:grid;gap:7px;font-size:13px;font-weight:700;margin-bottom:20px}.inspector select,.inspector input{background:#fff;border:1px solid #aebbb5;border-radius:4px;font:inherit;font-weight:400;height:36px;padding:6px 8px;width:100%}.inspector textarea{border:1px solid #aebbb5;border-radius:4px;font:inherit;min-height:120px;padding:8px;resize:vertical;width:100%}.inspector-text-formatting{border-bottom:1px solid #dce3df;display:grid;gap:10px;margin:0 0 18px;padding:0 0 18px}.inspector-format-row{display:grid;gap:10px;grid-template-columns:1fr 1fr}.inspector-text-formatting label{margin:0}.inspector-text-formatting .text-color-command{align-items:center;display:inline-flex;justify-content:space-between}.inspector-icon-row{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.inspector-icon-row .alignment-command{display:inline-flex;margin:0;width:100%}.inspector-text-formatting .ribbon-checkbox{align-items:center;display:flex;gap:7px}.inspector-text-formatting .ribbon-checkbox input{height:16px;margin:0;width:16px}.inspector-text-formatting .line-row{align-items:end}.inspector-text-formatting .line-row input[type=number]{width:100%}.inspector-link-controls{border-bottom:1px solid #dce3df;display:grid;gap:8px;margin:0 0 18px;padding:0 0 18px}.inspector-link-controls label{margin:0}.inspector-link-controls>div{display:flex;gap:8px}.inspector-link-controls .inspector-link-button{align-items:center;display:inline-flex;gap:6px;justify-content:center;margin:0;width:auto}.inline-text a{color:inherit;cursor:pointer;text-decoration:underline}.modal-properties{max-height:86vh;max-width:min(780px,94vw);overflow:auto;width:min(780px,94vw)}.modal-properties-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.modal-properties-heading h2{margin:0}.icon-close-button{align-items:center;background:transparent!important;border:0!important;color:#52616b;display:inline-flex;height:32px;justify-content:center;margin:0!important;padding:0!important;width:32px!important}.modal-background-field{align-items:center;display:flex;font-size:13px;font-weight:700;gap:10px;margin-bottom:14px}.modal-background-field input{height:32px;padding:0;width:42px}.modal-window-settings{align-items:end;display:grid;gap:10px;grid-template-columns:auto minmax(220px,1fr);margin-bottom:14px}.modal-window-settings label{color:#52616b;display:grid;font-size:12px;font-weight:700;gap:5px;margin:0}.modal-window-settings input,.modal-window-settings select{border:1px solid #aebbb5;border-radius:4px;font:inherit;height:32px;padding:5px 7px;width:100%}.modal-slide-list{display:grid;gap:8px;margin-bottom:14px}.modal-slide-editor{align-items:center;border:1px solid #dce3df;display:grid;gap:10px;grid-template-columns:auto 84px minmax(120px,1fr) auto;padding:8px}.modal-slide-editor img{background:#eef2f0;height:54px;object-fit:contain;width:84px}.drag-grip{color:#718078;cursor:grab}.hotspot-frame-color{align-items:center;border:1px solid #aebbb5;border-radius:4px;color:#52616b;display:flex!important;font-size:12px!important;font-weight:700;justify-content:space-between;margin-bottom:12px!important;padding:5px 7px}.hotspot-frame-color input{border:0!important;border-radius:3px;cursor:pointer;height:24px!important;padding:0!important;width:24px!important}.link-modal{align-items:center;border-radius:6px;display:flex;justify-content:center;max-height:82vh;max-width:92vw;overflow:hidden;position:relative}.link-modal img{display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.link-modal-close{align-items:center;background:#17212bc2!important;border:0!important;border-radius:50%!important;color:#fff!important;display:inline-flex;height:30px;justify-content:center;margin:0!important;padding:0!important;position:absolute;right:10px;top:10px;width:30px!important;z-index:2}.modal-carousel-dots{align-items:center;bottom:12px;display:flex;gap:7px;left:50%;position:absolute;transform:translate(-50%);z-index:2}.modal-carousel-dots button{background:#ffffff94!important;border:1px solid rgb(23 33 43 / 25%)!important;border-radius:50%!important;height:10px;margin:0!important;padding:0!important;width:10px!important}.modal-carousel-dots button.active{background:#fff!important;border-color:#fff!important}.share-add{display:grid;gap:8px;grid-template-columns:1fr 110px;margin-bottom:10px}.share-add input,.share-add select,.share-member select{border:1px solid #aebbb5;border-radius:4px;font:inherit;height:36px;padding:6px 8px}.share-person{background:#fff;border:0;cursor:pointer;display:grid;padding:9px;text-align:left;width:100%}.share-person:hover{background:#e7f1ee}.share-person span,.share-member small{color:#52616b}.share-members{border-top:1px solid #dce3df;margin-top:12px}.share-member{align-items:center;border-bottom:1px solid #edf1ef;display:grid;gap:8px;grid-template-columns:1fr 100px auto;padding:10px 0}.share-member span{display:grid}.canvas-object.browser{display:block;padding:0}.canvas-object.browser.device-mobile,.canvas-object.browser.device-tablet{background:#161b22;border:10px solid #161b22;border-radius:18px;overflow:visible}.canvas-object.browser.device-tablet{border-radius:16px}.canvas-object.browser.device-mobile .browser-chrome,.canvas-object.browser.device-tablet .browser-chrome{margin:-10px -10px 0}.canvas-object.browser.device-mobile .browser-address,.canvas-object.browser.device-tablet .browser-address{margin:0 -10px}.browser-chrome{align-items:center;background:#dce8e4;display:flex;gap:10px;justify-content:space-between;padding:0 10px}.browser-chrome strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-chrome span{color:#52616b;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-address{background:#f7faf9;border-bottom:1px solid #dce3df;color:#52616b;font-size:12px;line-height:30px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.canvas-object.browser iframe{background:#fff;border:0;height:100%;min-height:0;pointer-events:none;width:100%}.canvas-object.browser webview{background:#fff;border:0;height:100%;min-height:0;pointer-events:none;width:100%}.browser-fullscreen-trigger{align-items:center;background:#17212be0!important;border:1px solid rgb(255 255 255 / 72%)!important;bottom:8px;color:#fff!important;display:flex;height:30px;justify-content:center;padding:0!important;position:absolute;right:8px;width:30px;z-index:4}.browser-fullscreen-trigger:hover{background:#075c54!important}.browser-fullscreen-overlay{background:#fff;inset:0;position:fixed;z-index:50}.browser-fullscreen-view{height:100%;position:relative;width:100%}.browser-fullscreen-controls{align-items:center;display:flex;gap:4px;position:absolute;right:16px;top:16px;z-index:2}.browser-fullscreen-controls button{align-items:center;background:#17212be0!important;border:1px solid rgb(255 255 255 / 72%)!important;color:#fff!important;display:flex;height:34px;justify-content:center;padding:0!important;width:34px}.browser-fullscreen-controls button.active,.browser-fullscreen-controls button:hover{background:#075c54!important}.browser-fullscreen-surface{background:#fff;height:100%;width:100%}.browser-fullscreen-surface iframe,.browser-fullscreen-surface webview{background:#fff;border:0;height:100%;width:100%}.browser-fullscreen-surface.device-mobile,.browser-fullscreen-surface.device-tablet{align-items:center;display:flex;justify-content:center}.browser-fullscreen-surface.device-mobile iframe,.browser-fullscreen-surface.device-mobile webview{border:10px solid #161b22;border-radius:30px;height:min(844px,calc(100vh - 64px));max-width:calc(100vw - 48px);width:min(390px,calc((100vh - 64px)*.462))}.browser-fullscreen-surface.device-tablet iframe,.browser-fullscreen-surface.device-tablet webview{border:10px solid #161b22;border-radius:22px;height:min(820px,calc(100vh - 64px));max-width:calc(100vw - 48px);width:min(744px,calc((100vh - 64px)*.907))}.native-browser-surface{align-items:center;background:#fff;color:#52616b;display:flex;font-size:13px;justify-content:center}.canvas-resize-handle{bottom:0;cursor:nwse-resize;height:16px;position:absolute;right:0;width:16px;z-index:3}.canvas-resize-handle:before{border-bottom:2px solid #52616b;border-right:2px solid #52616b;bottom:3px;content:"";height:6px;position:absolute;right:3px;width:6px}.canvas-object.line{background:transparent;border-color:transparent;overflow:visible;padding:0}.canvas-object.line svg{display:block;height:100%;overflow:visible;pointer-events:none;width:100%}.canvas-rotate-handle,.line-connector-handle,.line-endpoint-handle{align-items:center;background:#fff!important;border:1px solid #075c54!important;border-radius:50%!important;color:#075c54!important;display:flex;height:24px;justify-content:center;padding:0!important;position:absolute;width:24px;z-index:5}.canvas-rotate-handle{cursor:grab;left:calc(50% - 12px);top:-34px}.line-connector-handle{cursor:ew-resize;transform:translate(-50%,-50%)}.line-endpoint-handle{cursor:crosshair;transform:translate(-50%,-50%)}.rotation-properties,.line-properties{display:grid;gap:12px}.rotation-properties h3,.line-properties h3{margin-bottom:0}.rotation-properties label,.line-properties>label:not(.text-color-command){align-items:center;display:grid;gap:7px;grid-template-columns:1fr auto}.rotation-properties input[type=range],.line-properties>label select,.line-properties>label input[type=range]{grid-column:1 / -1}.rotation-properties label span,.line-properties label span{color:#52616b;font-size:12px}.rotation-properties button{align-items:center;display:inline-flex;gap:6px;justify-content:center}.editor-layout.runtime{display:block;min-height:calc(100vh - 68px)}.editor-layout.runtime .canvas-stage{min-height:calc(100vh - 116px)}.editor-layout.runtime .canvas-object.browser{display:block}.editor-layout.runtime .canvas-object.browser iframe,.editor-layout.runtime .canvas-object.browser webview{height:100%;pointer-events:auto}.editor-layout.runtime .canvas-object.browser.device-mobile,.editor-layout.runtime .canvas-object.browser.device-tablet{overflow:hidden}.mode-switch{display:flex;gap:0}.mode-switch button{border-radius:0}.mode-switch button:first-child{border-radius:4px 0 0 4px}.mode-switch button:last-child{border-radius:0 4px 4px 0}.mode-switch button.active{background:#075c54;border-color:#075c54;color:#fff}.modal-backdrop{align-items:center;background:#17212b75;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:20}.visibility-modal{background:#fff;border:1px solid #dce3df;border-radius:8px;box-shadow:0 20px 48px #17212b47;max-width:560px;padding:24px;width:100%}.visibility-modal h2{font-size:20px;margin:0 0 18px}.run-properties-modal{background:#fff;border:1px solid #dce3df;border-radius:8px;box-shadow:0 20px 48px #17212b47;max-width:420px;padding:24px;width:100%}.run-properties-modal h2{font-size:20px;margin:0 0 18px}.ios-toggle-row{align-items:center;display:flex;font-size:15px;font-weight:700;justify-content:space-between}.ios-toggle-row input{height:1px;opacity:0;position:absolute;width:1px}.ios-toggle{background:#aebbb5;border-radius:14px;height:28px;position:relative;transition:background .15s ease;width:48px}.ios-toggle:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #17212b47;content:"";height:22px;left:3px;position:absolute;top:3px;transition:transform .15s ease;width:22px}.ios-toggle-row input:checked+.ios-toggle{background:#075c54}.ios-toggle-row input:checked+.ios-toggle:after{transform:translate(20px)}.ios-toggle-row:focus-within .ios-toggle{box-shadow:0 0 0 3px #075c5438}.run-properties-modal .modal-actions{display:flex;justify-content:flex-end}.run-properties-inspector .ios-toggle-row{margin-top:4px}.page-properties-inspector input[type=color]{cursor:pointer;height:42px;padding:3px}.inspector-checkbox{align-items:center;display:flex!important;gap:8px}.inspector-checkbox input{height:16px;margin:0;width:16px}.transparency-control{align-items:center;display:flex;gap:10px}.transparency-control input[type=range]{padding:0}.transparency-control span{color:#52616b;font-size:13px;min-width:34px}.inspector-section{border-top:1px solid #dce3df;margin-top:22px;padding-top:18px}.inspector-section h3{font-size:14px;margin:0 0 16px}.inspector-section .inspector-format-row{margin-bottom:18px}.visibility-options{border:1px solid #dce3df;border-radius:6px;display:grid;gap:4px;max-height:360px;overflow-y:auto;padding:12px}.tab-check{align-items:center;cursor:pointer;display:flex;font-size:15px;gap:10px;min-height:36px}.tab-check input{height:17px;margin:0;width:17px}.modal-actions{align-items:center;display:grid;gap:10px;grid-template-columns:auto auto 1fr auto auto;margin-top:20px}.modal-actions button{background:#fff;border:1px solid #8cbab1;border-radius:4px;color:#17212b;cursor:pointer;font:inherit;min-height:36px;padding:0 12px}.modal-actions .create-canvas{background:#075c54;border-color:#075c54;color:#fff}.save-as-modal>label{display:grid;font-size:13px;font-weight:700;gap:6px}.save-as-modal>label input{border:1px solid #aebbb5;border-radius:4px;font:inherit;height:38px;padding:6px 8px}.save-as-error{color:#a43d18;font-size:13px;font-weight:700;margin:12px 0 0}.save-as-actions{display:flex;justify-content:flex-end}.save-as-actions button:first-child{grid-column:auto}@media(max-width:900px){.editor-layout{grid-template-columns:190px minmax(0,1fr)}.inspector{border-left:0;border-top:1px solid #dce3df;grid-column:1 / -1}}@media(max-width:520px){.modal-actions{grid-template-columns:1fr 1fr}.modal-actions span{display:none}}.visually-hidden{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.security-page{background:#f3f6f5;color:#17212b;min-height:100vh}.security-header{align-items:center;background:#fff;border-bottom:1px solid #dce3df;display:flex;justify-content:space-between;max-width:none;padding:14px max(24px,calc((100vw - 1280px)/2))}.security-title{align-items:center;display:flex;gap:12px}.security-title .brand{display:block;font-size:20px}.security-title p{border-left:1px solid #dce3df;color:#52616b;font-size:14px;margin:0 0 0 10px;padding-left:12px}.security-icon-button,.security-refresh{align-items:center;background:#fff;border:1px solid #aebbb5;border-radius:4px;color:#283631;cursor:pointer;display:inline-flex;font:inherit;justify-content:center;min-height:32px}.security-icon-button{padding:0;width:32px}.security-refresh{padding:0 12px}.security-icon-button:hover,.security-refresh:hover,.security-row-actions>button:hover{background:#edf7f4;border-color:#075c54}.security-content{margin:0 auto;max-width:1280px;padding:36px 24px 56px}.security-intro{align-items:end;display:flex;gap:30px;justify-content:space-between;margin-bottom:28px}.security-intro .eyebrow{margin-bottom:8px}.security-intro h1{font-size:32px;margin:0;max-width:none}.security-intro>p{color:#52616b;line-height:1.5;margin:0;max-width:420px}.security-message{border:1px solid;border-radius:6px;font-size:14px;margin:0 0 20px;padding:10px 12px}.security-message.error{background:#fff1eb;border-color:#f0c8b6;color:#8b3415}.security-message.success{background:#edf7f4;border-color:#b7d8d0;color:#075c54}.security-grid{display:grid;gap:20px;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);margin-bottom:20px}.security-panel{background:#fff;border:1px solid #dce3df;border-radius:8px;padding:20px}.security-panel-heading{align-items:center;color:#075c54;display:flex;gap:9px;margin-bottom:18px}.security-panel-heading h2{color:#17212b;font-size:17px;margin:0}.security-user-form{display:grid;gap:13px}.security-user-form label,.security-user-form fieldset{color:#52616b;display:grid;font-size:12px;font-weight:700;gap:6px;margin:0}.security-user-form input,.security-search input{background:#fff;border:1px solid #aebbb5;border-radius:4px;color:#17212b;font:inherit;height:36px;padding:7px 9px}.security-name-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.security-user-form fieldset{border:0;padding:3px 0 0}.security-user-form legend{color:#52616b;font-size:12px;font-weight:700;margin-bottom:7px;padding:0}.security-role-checklist{display:grid;gap:7px}.security-role-checklist label{align-items:center;color:#283631;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px}.security-role-checklist input{height:16px;margin:0;width:16px}.security-primary{align-items:center;background:#075c54;border:1px solid #075c54;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;gap:7px;justify-content:center;min-height:36px;padding:0 12px}.security-primary:hover{background:#064c46}.security-primary:disabled,.security-refresh:disabled{cursor:not-allowed;opacity:.55}.security-role-catalog{display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.security-role-card{border:1px solid #dce3df;border-left:3px solid #8cbab1;border-radius:5px;padding:12px}.security-role-card h3{font-size:13px;margin:0 0 7px}.security-role-card ul{color:#52616b;font-size:12px;line-height:1.45;margin:0;padding-left:16px}.security-users-panel{padding-bottom:8px}.security-users-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.security-users-heading .security-panel-heading{margin-bottom:0}.security-search{align-items:center;display:flex;position:relative}.security-search svg{color:#718078;left:9px;position:absolute}.security-search input{padding-left:31px;width:240px}.security-user-list{border-top:1px solid #edf0ee}.security-user-row{background:transparent;border:0;border-bottom:1px solid #edf0ee;border-radius:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;padding:15px 0}.security-user-summary{align-items:flex-start;display:flex;gap:12px;min-width:0}.security-user-avatar{align-items:center;background:#d9ece8;border-radius:50%;color:#075c54;display:flex;flex:0 0 auto;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.security-user-summary h3{font-size:14px;margin:0 0 3px}.security-user-summary p{color:#52616b;font-size:12px;margin:0;overflow-wrap:anywhere}.security-role-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.security-role-badges span{background:#edf7f4;border:1px solid #cce2dc;border-radius:3px;color:#075c54;font-size:11px;padding:2px 5px}.security-row-actions{align-items:start;display:flex;gap:8px}.security-row-actions>button{background:#fff;border:1px solid #aebbb5;border-radius:4px;color:#283631;cursor:pointer;font:inherit;min-height:32px;padding:0 10px;white-space:nowrap}.security-primary.compact{min-height:32px}.security-inline-roles{border-top:1px solid #edf0ee;display:grid;grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));padding:12px 0 2px}.security-empty{color:#52616b;font-size:14px;margin:22px 0}@media(max-width:760px){.security-header{padding:12px 16px}.security-content{padding:24px 16px 40px}.security-intro,.security-users-heading{align-items:start;flex-direction:column}.security-grid{grid-template-columns:1fr}.security-search input{width:min(100%,300px)}.security-role-catalog,.security-user-row{grid-template-columns:1fr}.security-row-actions{justify-content:flex-end}}.editor{background:#f3f5f4;display:flex;flex-direction:column;min-height:100vh}.editor-ribbon{background:#fff;border-bottom:1px solid #cbd6d2;flex:0 0 auto}.ribbon-nav{align-items:center;display:flex;gap:8px;height:42px;padding:0 16px}.home-button{align-items:center;background:#fff!important;border-color:#aebbb5!important;color:#52616b;display:inline-flex;height:28px;justify-content:center;padding:0!important;width:28px}.editor-share-button{background:#fff!important;border-color:#aebbb5!important;color:#283631;font:inherit;height:28px;padding:0 10px!important;white-space:nowrap}.ribbon-nav .mode-switch{margin-left:auto}.save-button{align-items:center;background:#075c54!important;border-color:#075c54!important;color:#fff!important;display:inline-flex;height:28px;justify-content:center;padding:0!important;width:28px}.ribbon-tabs{align-items:stretch;display:flex;gap:2px;height:42px}.ribbon-tabs button{background:transparent!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;color:#52616b;font-weight:700;height:42px;padding:0 14px}.ribbon-tabs button[aria-selected=true]{border-bottom-color:#075c54!important;color:#075c54}.ribbon-panel{align-items:stretch;border-top:1px solid #e0e6e3;display:flex;min-height:88px;overflow-x:auto;padding:6px 16px}.ribbon-group{align-items:center;border-right:1px solid #dce3df;display:flex;gap:10px;min-width:max-content;padding:4px 18px 12px 0;position:relative}.ribbon-group+.ribbon-group{padding-left:18px}.ribbon-group-title{bottom:0;color:#718078;font-size:11px;left:0;position:absolute;right:0;text-align:center;white-space:nowrap}.ribbon-field{color:#52616b;display:grid;font-size:11px;font-weight:700;gap:4px}.ribbon-field input{border:1px solid #aebbb5;border-radius:4px;font:inherit;font-size:13px;font-weight:400;height:30px;padding:5px 7px;width:180px}.ribbon-field.compact input{width:150px}.ribbon-field.disabled,.ribbon-checkbox.disabled{color:#9aa6a0}.ribbon-field.disabled input,.ribbon-checkbox.disabled input{cursor:not-allowed;opacity:.55}.color-command.disabled{color:#9aa6a0;cursor:not-allowed}.color-command.disabled input{cursor:not-allowed;opacity:.55}.background-image-settings{display:grid;gap:6px}.background-url-row,.background-scope-row{align-items:center;display:flex;gap:8px}.background-image-settings>.ribbon-command,.background-url-row .ribbon-command{flex-direction:row;min-height:30px;min-width:0;width:max-content}.background-source-message{color:#718078;font-size:12px;font-weight:700;max-width:160px}.ribbon-command{align-items:center;background:#fff!important;border:1px solid transparent!important;color:#283631;display:inline-flex;flex-direction:column;font-size:12px;gap:5px;justify-content:flex-start;min-height:58px;min-width:66px;padding:6px 8px!important;text-align:center;white-space:nowrap}.ribbon-command:not(:disabled):hover,.color-command:hover{background:#e7f1ee!important;border-color:#a6c9c1!important}.ribbon-command:disabled{color:#9aa6a0;cursor:not-allowed}.ribbon-command.large{min-width:76px}.alignment-group{gap:4px}.alignment-command{align-items:center;background:#fff!important;border:1px solid transparent!important;color:#283631;display:inline-flex;height:34px;justify-content:center;padding:0!important;width:34px}.alignment-command:hover:not(:disabled){background:#e7f1ee!important;border-color:#a6c9c1!important}.alignment-command:disabled{color:#aebbb5;cursor:not-allowed}.text-formatting-group{align-items:flex-start;gap:5px}.text-formatting-group select{background:#fff;border:1px solid #aebbb5;border-radius:4px;color:#283631;font:inherit;font-size:12px;height:34px;max-width:86px;padding:0 5px}.text-color-command{align-items:center;border:1px solid #aebbb5;border-radius:4px;color:#52616b;cursor:pointer;display:inline-flex;font-size:11px;font-weight:700;gap:3px;height:34px;padding:0 5px}.text-color-command input{border:0;cursor:pointer;height:20px;padding:0;width:22px}.text-line-controls{display:grid;gap:3px}.line-width-command{align-items:center;color:#52616b;display:flex;font-size:10px;font-weight:700;gap:4px}.line-width-command input{border:1px solid #aebbb5;border-radius:3px;font:inherit;height:20px;padding:0 3px;width:47px}.color-command{align-items:center;border:1px solid transparent;border-radius:4px;color:#283631;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:5px;justify-content:center;min-height:58px;min-width:60px;padding:6px}.color-command input{border:0;cursor:pointer;height:20px;padding:0;width:28px}.editor-layout{flex:1;min-height:0}.canvas-stage{background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 1px #17212b14;isolation:isolate}.canvas-background-image{background-position:center;background-repeat:no-repeat;background-size:cover;inset:0;pointer-events:none;position:absolute;z-index:0}.canvas-stage>.canvas-object{z-index:1}.canvas-object img{display:block;height:100%;object-fit:contain;pointer-events:none;width:100%}.editor-layout.runtime{flex:1}.editor-layout.runtime .canvas-stage{margin:0;min-height:calc(100vh - 48px)}.editor-layout{grid-template-columns:minmax(0,1fr) 280px}.ribbon-field select{background:#fff;border:1px solid #aebbb5;border-radius:4px;font:inherit;font-size:13px;font-weight:400;height:30px;padding:5px 7px;width:180px}.mode-switch button{align-items:center;display:inline-flex;height:28px;justify-content:center;padding:0!important;width:32px}.editor.fullscreen-run{height:100vh;min-height:100vh;width:100vw}.editor.fullscreen-run .editor-ribbon{display:none}.editor.fullscreen-run .editor-layout.runtime,.editor.fullscreen-run .editor-layout.runtime .canvas-viewport{height:100vh;min-height:100vh}.editor.fullscreen-run .editor-layout.runtime .canvas-viewport{align-items:flex-start}.editor.fullscreen-run .editor-layout.runtime .canvas-stage{min-height:100vh}.image-command{min-width:58px}.canvas-object.image{overflow:hidden;padding:0}.canvas-object.image.image-shape-circle{border-radius:50%}.canvas-object.image.image-frame-disabled{border-color:transparent}.canvas-object.image.selected,.canvas-object.browser.selected{overflow:visible}.canvas-object.shape{display:grid;overflow:hidden;padding:0}.canvas-object.shape-circle{border-radius:50%}.canvas-object.shape.selected{overflow:visible}.canvas-object.shape.selected .shape-image-content,.canvas-object.shape.selected .shape-text{overflow:hidden}.shape-image-content,.shape-text{border-radius:inherit;grid-area:1 / 1;min-height:0;min-width:0}.shape-image-content{height:100%;overflow:hidden;width:100%}.shape-image-content img{height:100%;object-fit:contain;transform-origin:center;width:100%}.shape-text{align-items:center;cursor:text;display:flex;justify-content:center;line-height:1.25;outline:0;overflow:auto;padding:12px;position:relative;text-align:center;white-space:pre-wrap;z-index:1}.editor-layout.runtime .shape-text{cursor:inherit;pointer-events:none}.image-content{height:100%;overflow:hidden;width:100%}.image-content.image-shape-circle{border-radius:50%}.image-content img{transform-origin:center}.image-placeholder{align-items:center;background:#eef2f0;color:#718078;display:flex;height:100%;justify-content:center;width:100%}.image-frame-properties,.shape-properties,.shape-image-properties,.shape-text-properties{display:grid;gap:12px}.image-frame-properties h3,.shape-properties h3,.shape-image-properties h3,.shape-text-properties h3{margin-bottom:0}.image-frame-properties label:not(.inspector-checkbox),.shape-properties label:not(.inspector-checkbox),.shape-image-properties label:not(.inspector-checkbox){align-items:center;display:grid;gap:7px;grid-template-columns:1fr auto}.image-frame-properties label:not(.inspector-checkbox) select,.image-frame-properties label:not(.inspector-checkbox) input[type=range],.shape-properties label:not(.inspector-checkbox) select,.shape-image-properties label:not(.inspector-checkbox) input[type=range]{grid-column:1 / -1}.image-frame-properties label span,.shape-properties label span,.shape-image-properties label span{color:#52616b;font-size:12px}.inspector-upload{align-items:center;display:inline-flex;gap:6px;justify-content:center}.editor-ribbon.runtime-ribbon{display:none}.editor-layout.runtime,.editor-layout.runtime .canvas-stage{min-height:100vh}.runtime-toolbar{align-items:center;display:flex;gap:8px;margin-left:auto}.canvas-zoom-control{margin-left:auto}.ribbon-nav .mode-switch{margin-left:0}.canvas-zoom-control select{background:#fff;border:1px solid #aebbb5;border-radius:4px;color:#283631;font:inherit;height:28px;padding:0 8px}.autosave-status{color:#52616b;font-size:12px;font-weight:700;min-width:64px;text-align:right}.autosave-status.saving{color:#075c54}.autosave-status.error{color:#a43d18}.last-saved{align-items:center;border-top:1px solid #e0e6e3;color:#718078;display:flex;font-size:11px;gap:16px;justify-content:flex-end;min-height:22px;padding:4px 16px}.last-saved .autosave-status{text-align:left}.ribbon-checkbox{align-items:center;color:#52616b;display:flex;font-size:12px;font-weight:700;gap:6px}.ribbon-checkbox input{height:16px;margin:0;width:16px}.transparency-field{min-width:126px}.transparency-field input{accent-color:#075c54;height:16px;padding:0;width:118px}.transparency-field span{color:#718078;font-size:11px;font-weight:400}.canvas-viewport{min-width:0;overflow:auto;padding:24px}.canvas-zoom-wrapper{position:relative}.editor-layout:not(.runtime) .canvas-stage{margin:0;min-height:1080px;transform:scale(var(--canvas-zoom));transform-origin:0 0;width:1920px}.editor-layout.runtime .canvas-viewport{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:0}.editor-layout.runtime .canvas-stage{margin:0;min-height:1080px;transform:scale(var(--canvas-zoom));transform-origin:0 0;width:1920px}@media(max-width:900px){.editor-layout{grid-template-columns:minmax(0,1fr)}.inspector{grid-column:auto}}@media(max-width:760px){.ribbon-nav{gap:5px;padding:0 8px}.ribbon-panel{padding-left:8px;padding-right:8px}}
