:root{--ink:#263d34;--muted:#8a948b;--line:#dfe3da;--green:#335f4e;--jade:#77988b;--panel:#fafbf7;--cream:#f7f7f0;--accent:#c8ab72;--split:52%}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font:12px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);display:flex;flex-direction:column}button,input,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;border-radius:5px;white-space:nowrap}button:hover{background:#e5ebe2}button:disabled{opacity:.34;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #8cae92;outline-offset:1px}button.active{background:#e1e9df;color:#254e3a}button[data-tool].active{background:#dfe9dc;box-shadow:inset 0 0 0 1px #bdcdb7}input,select{background:#fff;border:1px solid #dde2d8;border-radius:4px;padding:5px 6px;min-width:0}input[type=number]{width:75px;text-align:right}input[type=checkbox]{accent-color:#527f60}input[type=color]{height:24px;width:48px;padding:2px}input[type=range]{padding:0;accent-color:#618a6d}kbd{font:9px inherit;border:1px solid #d7dfd1;border-bottom-width:2px;border-radius:3px;padding:1px 4px;color:#778571;background:#f5f7f0}hr{border:0;border-top:1px solid var(--line);width:100%;margin:7px 0}.titlebar{height:58px;flex-shrink:0;background:#213b34;color:#eef2e9;display:flex;align-items:center;padding:0 19px;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.brand svg{width:34px;height:34px;fill:none;stroke:#cfddc2;stroke-width:1.5}.brand svg rect{fill:#345044;stroke:#60755e}.brand>span{font-size:16px;font-weight:650;letter-spacing:3.2px;line-height:1.1}.brand small{display:block;font-size:7px;letter-spacing:6px;margin-top:4px;color:#bbcbb7}.document-title{display:flex;align-items:center;gap:10px;font-size:11px;color:#dfE6d9;position:absolute;left:50%;transform:translateX(-50%)}.document-title i{width:6px;height:6px;border-radius:50%;background:#98b57f}.document-title b{font-size:8px;font-weight:400;color:#b2c0ab;border:1px solid #5f7360;border-radius:3px;padding:3px 5px}.title-actions{display:flex;align-items:center;gap:15px;font-size:9px;color:#a4b59e}.title-actions button{color:#e4eddc;border:1px solid #63785f;padding:7px 12px;font-size:10px}.title-actions button:hover{background:#3f5746}.title-actions .avatar-badge{border-radius:50%;padding:0;background:#d1d9bb;color:#314536;width:27px;height:27px;font-weight:700}.title-actions button span{margin-left:13px}.menubar{display:flex;align-items:center;height:33px;padding:0 17px;border-bottom:1px solid var(--line);background:#fdfdfa;flex-shrink:0;gap:3px}.menubar button{font-size:11px;padding:5px 9px}.workspace-title{margin-left:auto;font-size:9px;color:#8a9585}.workspace-title span{margin-left:14px}.toolbar{height:53px;display:flex;align-items:center;flex-shrink:0;padding:0 13px;gap:9px;border-bottom:1px solid #d7dfd2;background:#f4f7ef}.tool-group{display:flex;align-items:center;gap:3px;padding-right:11px;border-right:1px solid #d9e0d4;height:29px}.tool-group button{padding:6px 8px;font-size:10px}.tool-group button>span{font-size:16px;margin-right:5px;vertical-align:-1px}.tool-group:first-child button{font-size:20px;padding:2px 8px}.toolbar-end{margin-left:auto;display:flex;gap:9px;align-items:center}.primary{background:#426e52;color:#fff;padding:9px 13px;font-weight:550;font-size:11px;box-shadow:0 1px 2px #24422a22}.primary:hover{background:#365d44}.primary kbd{background:#547c60;color:#d6e3ce;border:0;padding:2px 5px;margin-left:12px;font-size:8px}.primary #play-symbol{margin-right:7px;font-size:10px}.export-button{border:1px solid #cbd7c4;background:#f9fbf6;padding:8px 11px;font-size:10px}.export-button span{margin-left:10px}.mobile-props{display:none}.workbench{display:grid;grid-template-columns:183px minmax(0,1fr) 252px;flex:1;min-height:0}.library,.properties{display:flex;flex-direction:column;min-height:0;background:var(--panel)}.library{border-right:1px solid var(--line)}.properties{border-left:1px solid var(--line)}.pane-heading{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-weight:650;letter-spacing:.2px;font-size:11px;flex-shrink:0}.pane-heading button{font-size:16px;color:#7b8b75;padding:2px 5px}.side-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 8px;gap:3px;flex-shrink:0}.side-tabs button{font-size:9px;padding:9px 8px;border-radius:0;flex:1;color:#8b9588}.side-tabs button.active{background:none;color:#476845;border-bottom:2px solid #62825b;font-weight:600}.library-search{margin:13px 12px 10px;position:relative}.library-search input{width:100%;background:#f3f6ee;border-color:#e2e7dd;font-size:9px;padding:7px 8px 7px 26px}.library-search span{position:absolute;font-size:20px;left:8px;top:0;color:#99a48e}#library-content{overflow:auto;padding:0 12px}.section-label,.tiny-label{font-size:8px;letter-spacing:1.05px;color:#8f9a88}.section-label{margin:12px 0 10px;font-weight:600}.library-card{width:100%;text-align:left;padding:0;border:1px solid #dee6d6;border-radius:7px;margin-bottom:9px;overflow:hidden;display:block;background:#fff}.library-card.selected{border-color:#9cb291;box-shadow:0 0 0 1px #cad6bf}.library-card .art{height:118px;position:relative;background:#e8ece0;display:flex;align-items:center;justify-content:center}.library-card .art svg{height:110px;width:110px}.library-card .art .card-tag{position:absolute;left:7px;top:7px;padding:3px 5px;color:#65815a;background:#f9fbf2;border-radius:3px;font-size:7px;letter-spacing:.6px}.library-card .card-caption{padding:10px;display:block}.library-card strong{font-size:10px;display:block;font-weight:600}.library-card small{color:#96a08d;font-size:8px;display:block;margin-top:4px}.library-card.compact{display:flex;align-items:center;background:transparent;border-color:#e5e9df}.library-card.compact .art{height:61px;width:54px;flex-shrink:0}.library-card.compact .art svg{height:53px;width:50px}.library-card.compact .card-caption{padding:8px}.library-bottom{margin-top:auto;padding:19px 13px 11px}.library-bottom p{font-size:11px;line-height:1.7;color:#73816c;margin:10px 0 15px}.library-bottom>button{width:100%;border:1px dashed #bdccb3;font-size:9px;padding:9px;color:#6b815f}.engine-badge{border-top:1px solid #e5e9dd;margin-top:20px;padding-top:12px;color:#8b9981;font-size:8px;display:flex;gap:7px;align-items:center}.engine-badge i{height:5px;width:5px;border-radius:50%;background:#86a076}.center{min-width:0;min-height:0;display:flex;flex-direction:column}.viewports{display:flex;flex:1;min-height:0;min-width:0}.viewport{min-width:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.three-view{flex:0 0 var(--split)}.pattern-view{flex:1;background:#f8f8f1}.splitter{width:4px;cursor:col-resize;background:#d9e0d3;flex-shrink:0;position:relative}.splitter:hover{background:#9db594}.viewport-heading{height:40px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:0 13px;background:#fcfcf8;border-bottom:1px solid #e0e4d9;font-size:10px}.viewport-heading>span{white-space:nowrap}.viewport-heading b{font-size:9px;font-weight:600;color:#819574;border:1px solid #dbe3d3;border-radius:3px;padding:2px 4px;margin-right:7px}.viewport-heading small{color:#9ba38f;font-size:8px;margin-left:8px}.viewport-heading>div{display:flex;gap:3px}.viewport-heading button{font-size:14px;width:25px;height:25px}.viewport-footer{height:27px;flex-shrink:0;border-top:1px solid #dce2d4;display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-size:8px;color:#86917b;background:#f5f7ef}.scene-container{flex:1;position:relative;min-height:0;overflow:hidden;background:#d0d9cc}#scene{display:block;width:100%;height:100%;touch-action:none}#pin-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-tool-strip{position:absolute;left:12px;top:13px;display:flex;flex-direction:column;background:#f8fbf0e8;border:1px solid #becdb7;box-shadow:0 3px 8px #344d3520;border-radius:6px;padding:4px}.scene-tool-strip button{width:29px;height:29px;font-size:16px;color:#6e8262}.scene-tool-strip button:nth-last-child(-n+3){font-size:10px}.scene-tool-strip hr{width:21px;margin:5px auto}.view-cube{position:absolute;right:20px;top:22px;transform:skewY(-7deg);height:48px;width:47px;border:1px solid #a5b59b;background:#eef3e7a0;box-shadow:5px -5px 0 -1px #d6e0cdee;font-size:8px;font-weight:500;color:#7e9071}.view-cube span{font-size:6px;display:block;color:#a1ad96;margin-bottom:7px}.view-cube b{font-size:8px;font-weight:500}.scene-info{position:absolute;left:16px;bottom:55px;display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1px;color:#64765b}.live-dot{width:5px;height:5px;border-radius:50%;background:#7c936b}.simulation-progress{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:4px 8px;gap:10px;background:#f7f9efe8;border:1px solid #bacab0;box-shadow:0 2px 7px #50644513;border-radius:5px;color:#708465}.simulation-progress>span{font-size:9px;font-variant-numeric:tabular-nums}.simulation-progress>div{width:95px;height:2px;background:#d3deca}.simulation-progress>div i{display:block;height:2px;width:0;background:#839d70}.simulation-progress button{font-size:14px;padding:1px 2px}.pattern-toolbar{display:flex;align-items:center;gap:3px;height:39px;flex-shrink:0;padding:5px 10px;background:#f7f9f2;border-bottom:1px solid #e1e6d9}.pattern-toolbar button{width:27px;height:26px;font-size:17px;color:#7b8c70}.pattern-toolbar button:last-child{font-size:9px}.pattern-toolbar span{flex:1}#patterns{display:block;width:100%;flex:1;min-height:0;background:#f8f8f1;touch-action:none;outline:none}.pattern-empty{position:absolute;bottom:39px;left:0;right:0;text-align:center;font-size:8px;color:#9ca48f;pointer-events:none}.pattern-empty kbd{font-size:8px}.material-shelf{height:76px;flex-shrink:0;display:flex;align-items:center;padding:10px 17px;gap:20px;background:#fcfcf8;border-top:1px solid #d7dfcf}.material-shelf>div:first-child{width:118px;flex-shrink:0}.material-shelf strong{font-size:11px;font-weight:550;display:block;margin-top:5px}.material-shelf small{display:block;font-size:8px;color:#99a28e;margin-top:3px}#material-swatches{display:flex;align-items:center;gap:15px}.material-swatch{width:39px;height:39px;border-radius:50%;position:relative;padding:0;border:4px solid #f7f8f0;box-shadow:0 0 0 1px #dfe5d5;background:radial-gradient(circle at 31% 26%,#ffffff88,transparent 38%),radial-gradient(circle at 65% 65%,transparent,#00000055),var(--color)}.material-swatch.selected{box-shadow:0 0 0 2px #91ab7d}.material-swatch.selected:after{content:'✓';position:absolute;right:-4px;bottom:-4px;width:13px;height:13px;background:#719560;border-radius:50%;font-size:9px;color:white;line-height:13px}.material-swatch:hover{transform:translateY(-2px);background:radial-gradient(circle at 31% 26%,#ffffff88,transparent 38%),radial-gradient(circle at 65% 65%,transparent,#00000055),var(--color)}.add-material{font-size:21px;color:#9aab8a;line-height:1;border:1px dashed #cad6bd;width:39px;height:39px;border-radius:50%;position:relative;margin-right:10px}.add-material small{position:absolute;font-size:7px;width:60px;top:42px;left:-10px}.shading-switch{margin-left:auto;display:flex;flex-direction:column;gap:5px}.shading-switch label{font-size:8px;color:#919c84}.shading-switch select{font-size:9px;background:#f6f8f0;width:113px;padding:5px}.heat-legend{position:absolute;right:15px;bottom:65px;width:102px;font-size:8px;background:#f7faf0e6;padding:8px;border:1px solid #c4d0b9;border-radius:4px}.heat-legend>div{height:5px;background:linear-gradient(90deg,#3671b8,#49ba89,#eac553,#d74232);margin:6px 0 3px}.heat-legend small{font-size:7px}.heat-legend small span{float:right}#object-tree{min-height:80px;max-height:156px;overflow:auto;padding:10px 9px;border-bottom:1px solid var(--line);flex-shrink:0}.tree-header{font-size:9px;padding:4px 5px 8px;color:#88977c}.tree-row{display:flex;align-items:center;width:100%;padding:7px 7px;gap:7px;text-align:left;font-size:10px;line-height:1.2;margin-bottom:3px}.tree-row.selected{background:#e8eee0;color:#375933}.tree-row span.tree-icon{color:#849f70;font-size:15px;width:18px}.tree-row small{margin-left:auto;font-size:8px;color:#9aa68c}.tree-row .swatch{height:13px;width:13px;border-radius:3px;border:1px solid #c2cdb7}.property-heading{display:flex;justify-content:space-between;align-items:center;background:#eff3e9;border-bottom:1px solid #dfe6d6;padding:11px 14px;flex-shrink:0;font-size:10px;font-weight:550}.property-heading span:last-child{font-size:7px;color:#8c9d7c;letter-spacing:.8px}#property-content{overflow:auto;flex:1;min-height:0;padding:0 12px 12px}details{border-bottom:1px solid #e4e9dc;padding:2px 0 8px}summary{padding:11px 0 7px;font-size:10px;font-weight:600;cursor:pointer;list-style:none}summary:before{content:'⌄';font-size:11px;display:inline-block;width:15px;color:#8fa180}details:not([open]) summary:before{content:'›'}details:not([open]){padding-bottom:1px}.prop-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:31px;font-size:9px;color:#86927b}.prop-row>label{flex:1}.prop-row input,.prop-row select{font-size:9px;padding:5px 6px;color:#516745;max-width:128px}.prop-row input[type=text]{width:126px}.prop-row input[type=range]{width:91px}.prop-row select{max-width:132px}.prop-row .unit{font-size:8px;color:#a6af9a;margin-left:-4px}.prop-row em{font-size:8px;color:#98a58c;font-style:normal}.prop-info{padding:7px 4px;font-size:8px;line-height:1.55;color:#9aa58e}.prop-button{background:#f0f5e8;border:1px solid #d8e3cc;font-size:9px;padding:7px;width:100%;margin-top:6px}.danger-button{color:#a96753;border-color:#e4d6c6;background:#faf5eb}.solver-monitor{padding:12px 14px 14px;background:#f0f4e9;border-top:1px solid #dbe4d1;flex-shrink:0}.solver-monitor>div:first-child{display:flex;align-items:center;justify-content:space-between}.solver-monitor button{font-size:15px;color:#8fa07e}.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:7px}.monitor-grid>span{font-size:8px;color:#93a181}.monitor-grid strong{display:block;margin-top:4px;font-size:11px;color:#547246;font-weight:550;font-variant-numeric:tabular-nums}.statusbar{height:28px;flex-shrink:0;display:flex;align-items:center;gap:7px;padding:0 14px;border-top:1px solid #d6dfce;background:#f6f8f0;font-size:9px;color:#88957b}.status-dot{width:5px;height:5px;background:#8daa7a;border-radius:50%}#status-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}.status-right{margin-left:auto;display:flex;align-items:center;gap:13px;font-size:8px}.status-right i{border-left:1px solid #d3deca;height:10px}.status-right button{font-size:8px;color:#8b9e7b;padding:4px}#menu{position:fixed;z-index:40;min-width:215px;background:#fbfcf7;border:1px solid #ccd8c1;padding:5px;border-radius:6px;box-shadow:0 8px 35px #29422d33}#menu button{display:flex;justify-content:space-between;width:100%;padding:9px 10px;font-size:11px;text-align:left}#menu small{color:#9aa58f;font-size:9px;margin-left:20px}#toast{position:fixed;bottom:45px;left:50%;transform:translateX(-50%) translateY(20px);max-width:700px;padding:12px 18px;border-radius:7px;background:#284c3bed;color:#edf4e6;box-shadow:0 4px 14px #213f332a;z-index:100;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;font-size:11px}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{width:590px;max-width:calc(100% - 30px);max-height:calc(100% - 60px);border:1px solid #c7d5bc;border-radius:12px;padding:30px;background:#fafcf5;box-shadow:0 25px 100px #203c3455;color:var(--ink)}dialog::backdrop{background:#223a344a;backdrop-filter:blur(3px)}.modal-close{position:absolute;right:15px;top:11px;font-size:23px;color:#a5b19a}dialog h2{font-weight:500;font-size:23px;letter-spacing:-.5px;margin:0 0 8px}dialog h3{font-size:12px;margin:23px 0 10px}dialog p{color:#7b8a70;line-height:1.7;font-size:11px}dialog .tiny-label{display:block;margin-bottom:10px}dialog .modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}dialog .export-option{border:1px solid #d6e1ca;border-radius:7px;padding:16px;text-align:left;background:#f3f7eb}dialog .export-option:hover{background:#eaf1df}dialog .export-option b{display:block;font-size:14px;font-weight:550}dialog .export-option span{display:block;font-size:10px;color:#91a07f;margin-top:7px;line-height:1.5}.diagnostic-table{width:100%;border-collapse:collapse;font-size:11px}.diagnostic-table td{border-bottom:1px solid #e0e7d8;padding:8px 0}.diagnostic-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:#54703f}.callout{padding:11px 13px;background:#f2eedb;border:1px solid #e1d9bb;border-radius:5px;color:#8b7953!important;font-size:10px!important;line-height:1.6}#loading{position:fixed;inset:0;background:#f5f8ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:110}.loading-mark{width:50px;height:50px;border-radius:15px;background:#365943;color:#e2edd2;font-size:28px;display:grid;place-items:center;border:1px solid #8ea77c}#loading strong{letter-spacing:3px;font-size:14px;font-weight:500}#loading>span{color:#a1ad91;font-size:11px}#loading.hidden{display:none}.mobile-view-tabs,.close-props{display:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#d2ddc8;border-radius:5px}::-webkit-scrollbar-track{background:transparent}.fabric-list-item{display:flex;align-items:center;gap:9px;padding:10px 4px;width:100%;text-align:left;border-bottom:1px solid #e2e8da}.fabric-list-item>i{height:28px;width:28px;border-radius:50%;background:var(--color);box-shadow:inset -5px -5px 8px #0003,inset 5px 5px 7px #ffffff50}.fabric-list-item b{font-size:10px;font-weight:500;display:block}.fabric-list-item small{font-size:8px;color:#9aa78e}.loading-busy{cursor:progress}.status-warning{color:#b88748!important}
@media(min-width:1700px){.workbench{grid-template-columns:211px minmax(0,1fr) 275px}.library-card .art{height:150px}.library-card .art svg{height:142px;width:142px}.material-shelf{height:87px}.titlebar{height:64px}.toolbar{height:58px}.viewport-heading{height:44px}.prop-row{min-height:34px}.library-bottom{padding:20px}}
@media(max-width:1230px){.workbench{grid-template-columns:160px minmax(0,1fr) 232px}.tool-group{padding-right:6px}.tool-group button{padding:6px;font-size:9px}.tool-group button>span{margin-right:3px}.document-title{font-size:10px}.title-actions>span{display:none}.viewport-heading small{display:none}.material-shelf{gap:13px;padding:10px 12px}#material-swatches{gap:9px}.material-swatch{width:33px;height:33px}.material-shelf>div:first-child{width:108px}.add-material{display:none}.brand>span{font-size:14px;letter-spacing:2px}.titlebar{padding:0 14px}.property-content{padding:0 10px}}
@media(max-width:1050px){.library{display:none}.workbench{grid-template-columns:minmax(0,1fr) 234px}.tool-group:nth-child(3) button{font-size:0}.tool-group:nth-child(3) button span{font-size:17px}.toolbar{gap:6px;padding:0 9px}.document-title b{display:none}.material-shelf{gap:15px}.primary kbd{display:none}.viewport-heading{padding:0 10px}.shading-switch select{width:107px}}
@media(max-width:790px){.workbench{grid-template-columns:minmax(0,1fr)}.properties{display:none;position:fixed;right:0;top:144px;bottom:28px;width:260px;z-index:25;box-shadow:-5px 0 30px #22382222}.properties.open{display:flex}.close-props{display:block}.mobile-props{display:block;font-size:20px}.titlebar{height:55px}.document-title{position:static;transform:none;font-size:9px;margin-left:auto}.document-title i{display:none}.title-actions{gap:8px}.title-actions button:first-of-type{display:none}.brand>span{font-size:12px;letter-spacing:2px}.brand svg{width:29px}.brand small{font-size:6px}.menubar{padding:0 7px;gap:0}.menubar button{padding:5px 7px;font-size:10px}.workspace-title{display:none}.toolbar{height:50px;gap:4px}.tool-group:nth-child(3){display:none}.tool-choices button{font-size:0!important;padding:6px 9px}.tool-choices button>span{font-size:17px!important;margin:0}.toolbar-end{gap:5px}.primary{padding:8px 10px;font-size:10px}.export-button{padding:8px 9px}.export-button span{display:none}.material-shelf{height:73px}.status-right{gap:6px}.status-right>span:last-of-type,.status-right>i{display:none}#status-message{max-width:65%}}
@media(max-width:570px){.document-title{display:none}.brand>span{font-size:14px}.brand small{letter-spacing:5px}.titlebar{height:49px}.menubar{height:30px}.menubar button:nth-child(6),.menubar button:nth-child(7){display:none}.toolbar{height:48px}.tool-group:first-child{padding-right:4px}.tool-group:first-child button{padding:3px 5px;font-size:20px}.tool-choices{gap:0;padding-right:5px}.tool-choices button{padding:5px 7px}.tool-choices button>span{font-size:16px!important}.export-button{font-size:9px}.primary{font-size:0;padding:9px}.primary #play-symbol{font-size:12px;margin:0}.mobile-props{font-size:18px}.mobile-view-tabs{display:flex;flex-shrink:0;height:32px;background:#f1f5e9;border-bottom:1px solid #dce6d1}.mobile-view-tabs button{width:50%;font-size:10px;border-radius:0}.mobile-view-tabs button.active{border-bottom:2px solid #87a676;background:none}.splitter{display:none}.three-view{flex:1}.pattern-view{display:none}.viewports.mobile-2d .three-view{display:none}.viewports.mobile-2d .pattern-view{display:flex}.viewport-heading{height:34px}.material-shelf{gap:10px;height:68px;padding:8px 12px}.material-shelf>div:first-child{width:105px}.material-shelf .tiny-label{font-size:6px}.material-shelf strong{font-size:10px}.material-shelf small{font-size:7px}#material-swatches{gap:10px}.material-swatch{width:30px;height:30px;border-width:3px}.shading-switch{display:none}.properties{top:127px;bottom:28px;width:270px}.scene-info{bottom:55px}.scene-tool-strip{left:10px;top:11px}.view-cube{right:20px;top:21px}.scene-tool-strip button{height:31px;width:30px}.statusbar{padding:0 9px;font-size:8px}.status-right{font-size:7px}#status-message{max-width:61%}.status-right button{font-size:7px}.title-actions .avatar-badge{height:25px;width:25px}.library-search input{font-size:12px}dialog{padding:24px}.pattern-toolbar{height:37px}#toast{width:calc(100% - 32px);font-size:10px;text-align:center}}