*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:#333;background:#f2f2f2;font-size:13px}button,input,select{font:inherit}.mit-top{height:52px;background:#fff;border-bottom:1px solid #d1d1d1;display:flex;align-items:center;padding:0 14px;gap:18px}.mit-brand{display:flex;align-items:center;gap:7px;width:185px}.ai-logo{width:40px;height:32px;position:relative;background:#ef4b72;clip-path:polygon(0 50%,35% 0,100% 18%,82% 100%,28% 84%);display:grid;place-items:center;color:#fff;font-weight:800}.ai-logo:after{content:"";position:absolute;right:-6px;top:3px;width:21px;height:26px;background:#6fbd45;clip-path:polygon(0 12%,55% 0,100% 38%,76% 100%,20% 80%)}.ai-logo span{position:relative;z-index:2;font-size:9px}.brand-title{line-height:11px}.brand-title b{display:block;font-size:14px;color:#ef6c32}.brand-title span{font-size:10px;color:#555;letter-spacing:.4px}.project-title{font-size:16px;min-width:110px}.main-nav{margin-left:auto;display:flex;align-items:center;gap:3px}.main-nav button{border:0;background:#fafafa;padding:8px 10px;color:#444;cursor:pointer;border-radius:3px}.main-nav button:hover{background:#eee}.subbar{height:52px;background:#fafafa;border-bottom:1px solid #ccc;display:flex;align-items:center;padding:0 15px;gap:10px}.back{width:45px;height:34px;border:1px solid #aaa;background:#76bd43;color:#fff;border-radius:4px;font-size:24px}.subbar>strong{font-size:18px;font-weight:normal}.donate{border:0;background:#9acb54;padding:8px 13px;border-radius:3px;font-weight:700}.screens{position:absolute;left:41%;display:flex;align-items:center;gap:6px;font-size:16px}.screens button{border:1px solid #ccc;background:#fff;padding:7px 10px}.screens .square{padding:7px 11px}.mode{margin-left:auto;display:flex}.mode button{border:1px solid #bbb;background:#fff;padding:8px 14px}.mode button.active{background:#8ec641;color:#333}.designer{height:calc(100vh - 154px);display:grid;grid-template-columns:270px minmax(430px,1fr) 340px;background:#fff}.panel{background:#fff;overflow:hidden}.palette{border-right:1px solid #bbb}.panel-title{font-size:15px;font-weight:700;padding:9px 12px;border-bottom:1px solid #ccc;background:#f8f8f8}.palette-search{padding:7px}.palette-search input{width:100%;height:29px;border:1px solid #bbb;padding:5px 8px}.drawer{border-bottom:1px solid #ddd}.drawer-head{height:35px;display:flex;align-items:center;padding:0 11px;background:#f6f6f6;font-weight:700;cursor:pointer}.palette-item{height:38px;display:flex;align-items:center;gap:9px;padding:0 14px;cursor:grab}.palette-item:hover{background:#edf6df}.palette-item .ico{width:18px;text-align:center;font-size:15px}.viewer{border-right:1px solid #bbb;display:grid;grid-template-rows:42px 1fr 30px;min-width:0}.viewer-toolbar{border-bottom:1px solid #ccc;display:flex;align-items:center;gap:8px;padding:5px 10px}.viewer-toolbar select{height:29px;border:1px solid #bbb;background:#fff}.viewer-toolbar button{height:29px;border:1px solid #bbb;background:#fff}.viewer-toolbar label{font-size:11px;color:#666}.viewer-stage{overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:10px;background:#fff}.android-phone{width:342px;height:590px;border:7px solid #555;border-radius:27px;background:#eee;box-shadow:0 2px 5px #999;overflow:hidden;flex:none}.android-status{height:27px;background:#3f51b5;color:#fff;padding:7px 10px 0;display:flex;justify-content:space-between;font-size:10px}.android-appbar{height:62px;background:#3f51b5;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:21px}.phone-content{height:calc(100% - 89px);background:#fff;overflow:auto;padding:5px}.phone-empty{color:#aaa;text-align:center;margin-top:250px;font-size:12px}.phone-item{border:1px solid #bdbdbd;margin:5px;padding:8px;background:#fafafa;cursor:pointer}.phone-item.selected{outline:2px solid #8bc34a}.viewer-footer{border-top:1px solid #ccc;padding:7px 12px;color:#777}.viewer-footer span+span{margin-left:15px}.right-stack{display:grid;grid-template-rows:48% 52%;min-width:0}.components{border-bottom:1px solid #bbb;display:grid;grid-template-rows:36px 1fr 43px}.tree{padding:7px;overflow:auto}.tree-root,.tree-item{padding:7px 9px}.tree-root{font-weight:700}.tree-item{margin-left:16px;cursor:pointer}.tree-item:hover,.tree-item.selected{background:#edf6df}.component-actions{padding:6px;border-top:1px solid #ccc;display:flex;gap:6px}.component-actions button{background:#9bcf51;border:1px solid #789f40;padding:7px 13px}.properties{border:0;display:grid;grid-template-rows:36px 1fr}.prop-body{overflow:auto}.no-selection{color:#999;padding:18px}.prop-group-title{font-weight:700;background:#f4f4f4;border-bottom:1px solid #ddd;padding:8px}.prop-row{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:39px;border-bottom:1px solid #eee}.prop-row label{padding:7px 8px}.prop-row input,.prop-row select{width:94%;height:28px;border:1px solid #bbb}.media-bar{height:50px;background:#fafafa;border-top:1px solid #bbb;display:flex;align-items:center;padding:0 14px;gap:18px}.media-bar b{display:block}.media-bar small{color:#888}.media-list{flex:1;color:#999}.media-bar>button{background:#9bcf51;border:1px solid #789f40;padding:7px 12px}.toast{position:fixed;right:20px;bottom:68px;background:#333;color:#fff;padding:10px 14px;border-radius:3px;display:none}.toast.show{display:block}@media(max-width:1000px){.main-nav button:nth-child(n+5){display:none}.designer{grid-template-columns:230px minmax(400px,1fr) 300px}.screens{left:37%}}