.element-view[data-v-8bbf0baa]{box-sizing:border-box;position:relative}.text-element[data-v-8bbf0baa]{box-sizing:border-box;white-space:pre-wrap;width:100%;height:100%;display:flex}.shape-element[data-v-8bbf0baa],.circle-element[data-v-8bbf0baa]{width:100%;height:100%}.circle-element[data-v-8bbf0baa]{border-radius:50%}.line-element[data-v-8bbf0baa]{transform-origin:0;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.button-element[data-v-8bbf0baa]{width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.input-element[data-v-8bbf0baa],.select-element[data-v-8bbf0baa]{width:100%;height:100%;color:inherit;font:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;padding:0 10px}.checkbox-element[data-v-8bbf0baa]{box-sizing:border-box;flex-wrap:wrap;align-content:flex-start;gap:15px 24px;width:100%;height:100%;padding:8px 4px;display:flex}.checkbox-element.direction-vertical[data-v-8bbf0baa]{flex-flow:column}.checkbox-element label[data-v-8bbf0baa]{align-items:center;gap:6px;min-width:120px;display:inline-flex}.checkbox-element input[data-v-8bbf0baa]{accent-color:#167f7a}.switch-element[data-v-8bbf0baa]{background:#b9c8c9;border:0;border-radius:999px;width:100%;height:100%;padding:3px}.switch-element.checked[data-v-8bbf0baa]{background:#167f7a}.switch-element span[data-v-8bbf0baa]{background:#fff;border-radius:50%;width:50%;height:100%;transition:transform .15s;display:block}.switch-element.checked span[data-v-8bbf0baa]{transform:translate(100%)}.tabs-element[data-v-8bbf0baa]{box-sizing:border-box;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;height:100%;padding:3px;display:grid}.tabs-element button[data-v-8bbf0baa]{color:inherit;font:inherit;background:0 0;border:0;border-radius:5px}.tabs-element button.active[data-v-8bbf0baa]{color:#167f7a;background:#fff;box-shadow:0 1px 4px #1441461f}.tag-element[data-v-8bbf0baa]{justify-content:center;align-items:center;height:100%;display:flex}.statistic-element[data-v-8bbf0baa]{box-sizing:border-box;height:100%;padding:13px 15px}.statistic-title[data-v-8bbf0baa]{margin-bottom:6px;font-size:11px}.statistic-value[data-v-8bbf0baa]{letter-spacing:-.5px;font-weight:750}.statistic-value small[data-v-8bbf0baa]{color:#70868a;font-size:11px;font-weight:500}.statistic-trend[data-v-8bbf0baa]{margin-top:4px;font-size:10px}.progress-element[data-v-8bbf0baa]{background:#e8efef;border-radius:999px;position:absolute;inset:0;overflow:hidden}.progress-element span[data-v-8bbf0baa]{border-radius:inherit;height:100%;display:block}.alert-element[data-v-8bbf0baa]{box-sizing:border-box;align-items:center;height:100%;padding:0 12px;display:flex}.table-element[data-v-8bbf0baa]{height:100%;overflow:hidden}.table-element table[data-v-8bbf0baa]{border-collapse:collapse;table-layout:fixed;width:100%;height:100%;font-size:inherit}.table-element th[data-v-8bbf0baa],.table-element td[data-v-8bbf0baa]{white-space:nowrap;text-overflow:ellipsis;border:1px solid;padding:7px 8px;overflow:hidden}.table-element th[data-v-8bbf0baa]{color:#35565a;font-weight:700}:root{color:#29484c;font-synthesis:none;background:#dce5e5;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.studio-shell{background:#e7eeee;flex-direction:column;height:100%;display:flex}.studio-toolbar{color:#eaf5f4;background:#102e33;border-bottom:1px solid #29484c;flex:0 0 58px;align-items:center;gap:18px;height:58px;padding:0 16px;display:flex}.brand-block{align-items:center;gap:10px;min-width:214px;display:flex}.brand-mark{color:#76d5c9;letter-spacing:1px;border:1px solid #4a8888;border-radius:8px;justify-content:center;align-items:center;width:38px;height:34px;font-weight:800;display:inline-flex}.brand-block div{flex-direction:column;display:flex}.brand-block strong{letter-spacing:.4px;font-size:13px}.brand-block small{color:#7fabad;margin-top:2px;font-size:9px}.project-title{color:#eaf5f4;background:#183c42;border:1px solid #31575c;border-radius:6px;outline:none;flex:1;min-width:250px;max-width:430px;height:34px;padding:0 12px}.project-title:focus{border-color:#5fb9b1}.save-state{color:#86a5a7;white-space:nowrap;font-size:10px}.toolbar-actions{gap:8px;margin-left:auto;display:flex}.toolbar-actions button,.studio-toolbar button{border:1px solid #466c70;border-radius:6px;height:34px;padding:0 14px;font-size:12px}button.primary{color:#fff;background:#16847e;border-color:#16847e}button.secondary{color:#d6e7e7;background:#1b4147}.studio-body{flex:1;grid-template-columns:228px minmax(520px,1fr) 286px;min-height:0;display:grid}.left-panel,.right-panel{background:#f7f9f8;min-height:0;overflow:auto}.left-panel{border-right:1px solid #cbd8d8}.right-panel{border-left:1px solid #cbd8d8;padding:0 14px 24px}.left-panel section{border-bottom:1px solid #dbe4e4;padding:10px}.panel-title{color:#446368;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;min-height:34px;font-size:11px;font-weight:750;display:flex}.panel-title button{color:#31565a;background:0 0;border:0;padding:3px 7px}.panel-title .danger{color:#a64747}.page-item,.layer-item{color:#456468;text-align:left;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;width:100%;height:34px;margin:2px 0;padding:0 9px;font-size:11px;display:flex}.page-item:hover,.layer-item:hover{background:#edf3f2}.page-item.active,.layer-item.active{color:#126c67;background:#dff0ee;font-weight:700}.page-item small{text-align:center;background:#dbe7e6;border-radius:999px;min-width:22px;padding:2px 5px}.delete-page{color:#925252;background:0 0;border:1px dashed #d7bbbb;border-radius:5px;width:100%;margin-top:8px;padding:6px;font-size:10px}.delete-page:disabled{opacity:.35;cursor:default}.palette-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.palette-grid button{color:#426267;text-align:left;background:#fff;border:1px solid #d5e0df;border-radius:5px;align-items:center;gap:7px;height:36px;padding:0 8px;font-size:10px;display:flex}.palette-grid button:hover{color:#126c67;background:#f0f8f7;border-color:#70aaa6}.palette-grid button span{color:#16847e;text-align:center;width:17px;font-weight:800}.layers-section{max-height:290px;overflow:auto}.canvas-viewport{background-color:#d7e0e0;background-image:linear-gradient(#cbd6d6 1px,#0000 1px),linear-gradient(90deg,#cbd6d6 1px,#0000 1px);background-size:20px 20px;min-width:0;min-height:0;padding:48px;position:relative;overflow:auto}.zoom-controls{z-index:20;background:#173b40;border-radius:7px;align-items:center;gap:4px;padding:5px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #16343933}.zoom-controls button,.zoom-controls span{color:#dbe9e9;background:0 0;border:0;justify-content:center;align-items:center;width:42px;height:28px;font-size:11px;display:inline-flex}.canvas-stage{margin:0 auto;position:relative;box-shadow:0 18px 50px #18363b3d}.prototype-canvas{transform-origin:0 0;position:relative;overflow:hidden}.canvas-element,.preview-element{transform-origin:50%;position:absolute}.canvas-element{cursor:move}.canvas-element.selected:after{content:"";z-index:99999;pointer-events:none;border:2px solid #e38c31;border-radius:2px;position:absolute;inset:-3px}.selection-label{z-index:100000;color:#fff;white-space:nowrap;background:#d67c25;border-radius:3px;padding:2px 5px;font-size:9px;position:absolute;top:-22px;left:-2px}.resize-handle{z-index:100001;cursor:nwse-resize;background:#fff;border:2px solid #d67c25;border-radius:2px;width:12px;height:12px;position:absolute;bottom:-7px;right:-7px}.right-panel label{color:#657b7e;flex-direction:column;gap:5px;margin:10px 0;font-size:10px;display:flex}.right-panel input,.right-panel textarea{color:#29484c;background:#fff;border:1px solid #ccd9d9;border-radius:5px;outline:none;width:100%;padding:7px 8px;font-size:11px}.right-panel input[type=color]{height:34px;padding:3px}.right-panel input:focus,.right-panel textarea:focus{border-color:#5a9c98}.field-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.panel-help{color:#72898c;background:#edf3f2;border-radius:6px;margin:18px 0;padding:12px;font-size:10px;line-height:1.65}details{border-top:1px solid #dce5e5;margin-top:12px}summary{color:#456368;cursor:pointer;padding:10px 0;font-size:11px;font-weight:700}.json-editor{line-height:1.5;font-family:SFMono-Regular,Consolas,monospace!important;font-size:9px!important}.apply-json{color:#176d67;background:#e4f2f0;border:1px solid #b8d6d3;border-radius:5px;width:100%;padding:7px;font-size:10px}.preview-layer{z-index:1000;background:#cfd9d9;flex-direction:column;display:flex;position:fixed;inset:0}.preview-layer>header{color:#dceaea;background:#102e33;flex:0 0 50px;align-items:center;gap:16px;height:50px;padding:0 18px;display:flex}.preview-layer>header strong{font-size:13px}.preview-layer>header>span{color:#86a8aa;font-size:11px}.preview-layer nav{gap:4px;margin-left:auto;display:flex}.preview-layer nav button,.close-preview{color:#a9c3c4;background:0 0;border:0;border-radius:5px;height:30px;padding:0 10px;font-size:10px}.preview-layer nav button.active{color:#fff;background:#1d6767}.close-preview{color:#fff;border:1px solid #547578}.preview-viewport{flex:1;padding:30px;overflow:auto}.preview-canvas{margin:0 auto;position:relative;overflow:hidden;box-shadow:0 16px 48px #16363c40}.preview-element.actionable{cursor:pointer}.overlay-mask{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#061a1e94;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:50px 0 0}.overlay-canvas{border-radius:10px;position:relative;overflow:hidden;box-shadow:0 22px 80px #00000061}@media (width<=1100px){.studio-body{grid-template-columns:190px minmax(500px,1fr) 250px}.brand-block{min-width:155px}.brand-block small,.save-state,.toolbar-actions .secondary:first-child{display:none}}