:root{color:#242027;background:#fff}.suite-shell{background:#fff}.suite-top,.studio-top{height:56px;display:flex;align-items:center;gap:18px;background:#742774;color:#fff;padding:0 18px;flex-wrap:nowrap}.suite-brand,.studio-brand{display:flex;align-items:center;gap:14px;color:#fff!important;text-decoration:none!important;font-weight:750;font-size:16px;white-space:nowrap}.suite-waffle{font-size:25px;line-height:1}.suite-search{margin:auto;width:min(460px,34vw);height:34px;background:#fff;border-radius:4px;color:#5d5362;display:flex;align-items:center;padding:0 12px;gap:8px}.suite-search span{font-size:24px;line-height:1}.suite-search input{border:0;outline:none;min-width:0;width:100%;font-size:13px;color:#302937}.suite-top .spacer{flex:0}.suite-top .environment{margin-left:auto;font-size:11px;line-height:1.15;color:#f5e9f5}.environment strong{display:block;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.suite-top select{background:#ffffff18;border:1px solid #ffffff50;color:#fff;border-radius:5px;padding:6px 7px;max-width:165px;font-size:12px}.suite-top select option{color:#252032}.user-avatar{width:32px;height:32px;border-radius:50%;border:1px solid #fff9;display:grid;place-items:center;flex:none;font-size:12px;font-weight:800}.suite-top .top-logout{border:0;padding:7px;font-size:12px}.suite-body{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 56px)}.suite-nav{background:#f4f4f4;border-right:1px solid #dfdfe1;padding:26px 0;display:flex;flex-direction:column;gap:4px}.suite-nav button,.suite-nav a{border:0;background:transparent;color:#333;text-decoration:none;text-align:left;padding:12px 15px;display:flex;gap:17px;align-items:center;min-height:40px;font-size:14px}.suite-nav button:hover,.suite-nav a:hover{background:#e9e4eb}.suite-nav .active{color:#8a2b8e;border-left:4px solid #8a2b8e;padding-left:11px;background:#fcf8fc}.suite-main{max-width:none;margin:0;padding:0;background:#fff}.suite-main #app-message{padding:0 30px}.suite-main #app-message:empty{display:none}.suite-main #app-message .message{margin:14px 0}.suite-main .banner,.suite-main .record-card,.suite-main .data-header,.suite-main .table-wrap,.suite-main>.editor-actions{margin-left:30px;margin-right:30px}.suite-main .banner{margin-top:30px}.welcome-area{position:relative;min-height:435px;padding:36px 32px 42px;background:radial-gradient(ellipse at 2% 25%,#eee7ff 0,transparent 35%),radial-gradient(ellipse at 92% 14%,#f8e5f5 0,transparent 38%),#fdfbff;overflow:hidden}.welcome-decoration{position:absolute;left:20px;top:65px;font-size:120px;color:#d9b1e5;opacity:.28;pointer-events:none}.welcome-area h1{position:relative;text-align:center;margin:6px 0 22px;font-size:28px;font-weight:750;letter-spacing:-.03em}.start-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:995px;margin:auto}.start-card{text-align:left;display:flex;flex-direction:column;gap:10px;border:1px solid #e8e2e8;border-radius:17px;background:#fff;min-height:275px;padding:14px;box-shadow:0 1px 1px #0001;color:#282329}.start-card:hover,.start-card:focus-visible{border-color:#b56bb8;box-shadow:0 8px 25px #74277418;outline:none}.start-illustration{height:125px;border-radius:16px;background:linear-gradient(135deg,#fbfaf9,#f0effa);display:grid;place-items:center;font-size:65px;font-weight:800;line-height:1}.start-illustration.design{color:#ad44ad}.start-illustration.data{color:#6748b7}.start-illustration.plan{color:#bc54a3}.start-card strong{padding:7px 15px 0;font-size:15px}.start-card small{padding:0 15px 13px;font-size:13px;line-height:1.48;color:#45404b}.apps-section{padding:8px 30px 55px}.section-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.section-tools h2{font-size:18px;margin:0}.btn.primary,.publish-button{background:#742774!important;border-color:#742774!important;color:#fff!important}.btn.primary:hover,.publish-button:hover{background:#8f3294!important}.app-table-wrap{border:1px solid #ece9ed;border-radius:8px;overflow:auto}.app-table{min-width:650px;font-size:13px}.app-table th{background:#fff;color:#322b33;font-weight:750;font-size:13px}.app-table th,.app-table td{padding:15px 18px;border-bottom:1px solid #edeaed}.app-table td strong{font-weight:500}.app-table td button{color:#742774;font-weight:700;padding:3px 7px}.app-table td button:hover{text-decoration:underline}.app-row-icon{color:#7d4c82;margin-right:15px}.empty-apps{text-align:center!important;color:#777!important;padding:40px!important}.app-table tr[hidden]{display:none}
.studio{min-height:100vh;background:#fff}.studio-top{height:41px;padding:0 12px;gap:15px}.studio-brand{font-size:14px}.studio-brand span{font-weight:400}.studio-title{font-size:12px;color:#eedfed;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-top .spacer,.studio-ribbon .spacer{flex:1}.studio-environment{font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-ribbon{min-height:47px;display:flex;align-items:center;gap:2px;padding:4px 11px;box-shadow:0 1px 0 #e5e1e5;background:#fff;overflow:auto;white-space:nowrap}.studio-ribbon button{border:0;background:transparent;padding:8px 10px;border-radius:4px;font-size:13px;color:#302536;white-space:nowrap}.studio-ribbon button:hover,.studio-ribbon button.active{background:#f3e9f4;color:#742774}.studio-ribbon .publish-button{border-radius:5px;padding:8px 15px;font-weight:750}.ribbon-divider{height:25px;width:1px;background:#d9d4d8;margin:0 7px;flex:none}.formula-bar{height:38px;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid #dedade;font-size:12px}.formula-bar>strong{border:1px solid #c9c6ca;padding:5px 13px;min-width:160px;font-weight:500}.formula-symbol{font-size:18px;color:#3d3440}.formula-bar code{flex:1;border:1px solid #dedade;padding:6px 10px;background:#fff;color:#742774}.studio-message:empty{display:none}.studio-message .message{margin:0;border-radius:0}.studio-workspace{display:grid;grid-template-columns:290px minmax(400px,1fr) 300px;height:calc(100vh - 126px);min-height:540px}.studio-tree,.studio-properties{background:#fff;overflow:auto}.studio-tree{border-right:1px solid #dcd8df}.studio-properties{border-left:1px solid #dcd8df}.tree-heading,.properties-title{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:18px;color:#18131b}.tree-heading span,.properties-title span{font-weight:400;color:#777}.tree-tabs,.properties-tabs{display:flex;gap:20px;padding:0 17px;border-bottom:1px solid #e2dee4;font-size:13px}.tree-tabs span,.properties-tabs span{padding:5px 0 8px}.tree-tabs .selected,.properties-tabs .selected{border-bottom:2px solid #742774;font-weight:700}.studio-tree>input{display:block;width:calc(100% - 30px);margin:10px 15px 8px;border:1px solid #c9c4cb;border-radius:4px;padding:7px 9px;font-size:12px}.tree-add{display:block;width:100%;padding:8px 17px;text-align:left;border:0;background:#fff;color:#493747;font-size:13px}.tree-add:hover,.tree-list button:hover{background:#f3edf3}.tree-list{border-top:1px solid #e6e1e6;font-size:13px}.tree-app,.tree-group{padding:11px 17px}.tree-group{padding-left:43px;color:#666}.tree-list button{display:block;width:calc(100% - 20px);margin:2px 10px;border:0;background:transparent;text-align:left;padding:9px 10px;font-size:13px;border-radius:5px;color:#29232e}.tree-list button.selected{background:#efe8ef}.tree-list .tree-field{padding-left:52px}.tree-empty{padding:4px 18px 10px 52px;color:#79727c;font-size:12px;line-height:1.4}.studio-stage{background-color:#fbfafc;background-image:radial-gradient(#dad5dd 1px,transparent 1px);background-size:22px 22px;overflow:auto;padding:15px 26px 35px}.studio-stage-label{display:flex;justify-content:space-between;gap:10px;margin:0 auto 12px;max-width:1100px;font-size:12px;color:#6b5f6c}.studio-stage-label small{font-size:11px}.studio-stage #device-preview{display:flex;justify-content:center;align-items:flex-start;min-width:0}.studio-screen{min-height:610px;max-width:100%;background:#f7f7f7;padding:11px;border:1px solid #e1dfe1;box-shadow:0 5px 20px #00000012;display:flex;flex-direction:column;gap:10px}.studio-screen.phone{min-height:670px}.screen-top,.screen-body,.screen-bottom{background:#fff;border:1px solid #e6e2e6;border-radius:8px;box-shadow:0 1px 3px #0000000a}.screen-top{min-height:74px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;border-top:5px solid var(--app-accent)}.screen-top strong{font-size:18px;color:#24202a}.screen-top small{font-size:12px;color:#7f7480}.screen-body{flex:1;padding:25px 28px}.screen-bottom{min-height:54px}.screen-body .record-form{max-width:none!important;width:100%!important}.screen-body .record-form label{font-weight:600;color:#453b47}.screen-body .record-form input,.screen-body .record-form select,.screen-body .record-form textarea{background:#fbfbfb}.empty-canvas{min-height:420px;display:grid;align-content:center;justify-items:center;text-align:center;color:#7e7482}.empty-canvas span{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:#f5eaf5;color:#742774;font-size:30px}.empty-canvas strong{margin-top:14px;color:#413846}.empty-canvas p{font-size:13px}.studio-screen.phone .screen-top{display:block}.studio-screen.phone .screen-top small{display:block;margin-top:5px}.studio-screen.phone .screen-body{padding:18px}.properties-body{padding:17px}.properties-body h3{font-size:17px;margin:8px 0 20px}.properties-body h4{font-size:13px;margin:23px 0 12px}.prop-kicker{font-size:10px;color:#7e7181;letter-spacing:.08em}.properties-body .form-row{margin-bottom:18px}.properties-body .form-row label{color:#473a49}.properties-body .field-editor{padding:0;border:0}.properties-body .field-editor .pair{grid-template-columns:1fr}.properties-body .field-head{border-bottom:1px solid #eee7ee;padding-bottom:12px;margin-bottom:10px}.properties-help{font-size:12px;color:#777;line-height:1.45}.studio-properties input[type=color]{height:42px;padding:4px}.dialog-box textarea{width:100%;min-height:70px;border:1px solid #cbd5e1;border-radius:7px;padding:10px}
@media(max-width:1100px){.studio-workspace{grid-template-columns:230px minmax(300px,1fr) 255px}.studio-stage{padding:15px}.welcome-area{min-height:390px}.start-card{min-height:250px}.start-illustration{height:100px}.suite-body{grid-template-columns:180px minmax(0,1fr)}}@media(max-width:760px){.suite-top{gap:8px}.suite-brand{font-size:13px}.suite-search,.environment{display:none}.suite-top select{max-width:110px}.suite-body{grid-template-columns:54px minmax(0,1fr)}.suite-nav button,.suite-nav a{justify-content:center;padding:12px 4px;font-size:20px}.suite-nav button span,.suite-nav a span{display:none}.welcome-area{padding:28px 16px}.welcome-area h1{font-size:22px}.start-cards{grid-template-columns:1fr}.start-card{min-height:0;display:grid;grid-template-columns:72px 1fr;column-gap:12px;padding:9px}.start-illustration{height:72px;grid-row:span 2;font-size:42px}.start-card strong,.start-card small{padding:3px 0}.apps-section{padding:15px}.studio-workspace{grid-template-columns:1fr;height:auto;min-height:0}.studio-tree{border-bottom:1px solid #ddd;max-height:245px}.studio-properties{border-top:1px solid #ddd;max-height:none}.studio-stage{min-height:480px}.studio-screen{min-height:450px}.studio-title{display:none}.studio-ribbon .spacer{flex:0}.formula-bar{overflow:hidden}.formula-bar code{white-space:nowrap}.studio-environment{display:none}}@media(max-width:420px){.suite-top .user-avatar{display:none}.studio-top .user-avatar{display:none}.studio-ribbon{gap:0}.studio-ribbon button{padding:7px;font-size:12px}.studio-stage{padding:12px 8px}.studio-stage-label small{display:none}.screen-body{padding:12px}.welcome-area h1{font-size:19px}}
.suite-brand{font-size:0!important;gap:0}.suite-brand .suite-waffle{display:none}.suite-brand::before,.studio-brand::before{content:"";display:block;flex:none;width:112px;height:47px;background:#fff url('../assets/app-global-logo.png?v=2') center/contain no-repeat;border-radius:8px}.studio-brand{font-size:0!important;gap:6px}.studio-brand::before{width:95px;height:34px;border-radius:5px}.studio-brand span{font-size:13px}.publication-shade{position:fixed;inset:0;background:#1c1020a8;z-index:60;display:grid;place-items:center;padding:16px}.publication-dialog{width:min(560px,100%);background:#fff;border-radius:17px;padding:27px;box-shadow:0 26px 90px #180b1d55}.publication-dialog h2{margin:0 0 9px;font-size:22px}.publication-dialog p{font-size:13px;line-height:1.5;color:#665a6c;margin:0 0 19px}.publication-option{display:flex;align-items:flex-start;gap:11px;border:1px solid #ddd2e0;border-radius:10px;padding:13px;margin:8px 0;cursor:pointer}.publication-option:has(input:checked){border-color:#742774;background:#fbf5fb}.publication-option input{margin-top:3px;accent-color:#742774}.publication-option strong{display:block;font-size:14px}.publication-option small{display:block;color:#6c6071;margin-top:3px;font-size:12px;line-height:1.35}.publication-dialog .publish-url{display:grid;gap:7px;font-size:12px;font-weight:700;margin:18px 0}.publish-url input{width:100%;padding:11px;border:1px solid #c8bdcb;border-radius:8px;font-size:12px}.publication-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:18px}.publication-note{font-size:11px!important;color:#766a78!important;margin:9px 0!important}.publication-error{color:#a2234b!important;background:#fff0f4;padding:9px;border-radius:7px}.publication-status{display:inline-block;border-radius:999px;padding:5px 10px;background:#f1e7f3;color:#742774;font-weight:800;font-size:11px;margin:0 0 12px}.publication-status.off{background:#f1eef1;color:#6d6770}@media(max-width:520px){.suite-brand::before{width:78px;height:42px}.studio-brand::before{width:72px;height:31px}.studio-brand span{font-size:11px}.publication-dialog{padding:20px}}