*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:13px;color:#111;background:#f0f0f0}.app{display:flex;flex-direction:column;width:100vw;height:100vh}.toolbar{display:flex;align-items:center;flex-shrink:0;gap:3px;padding:4px 8px;height:48px;background:#d8d8d8;border-bottom:1px solid #b0b0b0;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.toolbar::-webkit-scrollbar{height:3px}.toolbar::-webkit-scrollbar-thumb{background:#aaa}.toolbar-title{font-weight:700;font-size:13px;color:#222;margin-right:2px;flex-shrink:0}.toolbar-sep{display:inline-block;width:1px;height:22px;background:#b0b0b0;flex-shrink:0;margin:0 3px;vertical-align:middle}.toolbar button,.toolbar select{height:32px;padding:0 9px;font-size:13px;font-family:inherit;cursor:pointer;background:#efefef;border:1px solid #b0b0b0;border-radius:2px;white-space:nowrap;color:#222;vertical-align:middle;flex-shrink:0}.toolbar button:hover{background:#ddd}.toolbar button:focus,.toolbar select:focus{outline:2px solid #5a8fc0;outline-offset:-1px}.toolbar button.active{background:#bad4f0;border-color:#5a8fc0;color:#003870}.toolbar button:disabled{opacity:.45;cursor:default}.toolbar select{padding:0 4px}.viewport-container{flex:1;position:relative;overflow:hidden}.label-3d{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-style:normal;font-weight:700;color:#000;background:#ffffffd9;padding:1px 4px;border-radius:2px;pointer-events:none;line-height:1.3;-webkit-user-select:none;user-select:none;white-space:nowrap;letter-spacing:.01em}.statusbar{display:flex;align-items:center;flex-shrink:0;gap:10px;padding:0 10px;height:24px;background:#d0d0d0;border-top:1px solid #b0b0b0;font-size:11px;color:#444;overflow:hidden}.statusbar-tool{font-weight:700;color:#000;white-space:nowrap;flex-shrink:0}.statusbar-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.statusbar-count{margin-left:auto;white-space:nowrap;flex-shrink:0;color:#555}.statusbar-facecolors{display:flex;align-items:center;gap:3px;flex-shrink:0}.face-color-swatch{width:16px;height:16px;padding:0;border-radius:2px;border:1px solid #aaa;cursor:pointer;flex-shrink:0}.face-color-swatch:hover{border-color:#333!important;transform:scale(1.15)}